npm - @aquera/nile-elements - Versions diffs - 1.5.3 → 1.5.5 - Mend

@aquera/nile-elements 1.5.3 → 1.5.5

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

Files changed (199) hide show

package/dist/nile-icon-button/nile-icon-button.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-icon-button.cjs.js","sources":["../../../src/nile-icon-button/nile-icon-button.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 {\n LitElement,\n CSSResultArray,\n TemplateResult,\n html,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-icon-button.css';\n\nimport '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { literal } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport type { CSSResultGroup } from 'lit';\nimport NileElement from '../internal/nile-element';\n\n/\n @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.\n * @status stable\n * @since 2.0\n \n @dependency nile-icon\n \n @event nile-blur - Emitted when the icon button loses focus.\n * @event nile-focus - Emitted when the icon button gains focus.\n \n @csspart base - The component's base wrapper.\n /\n/\n Nile icon component.\n \n @tag nile-icon-button\n \n /\n@customElement('nile-icon-button')\nexport class NileIconButton extends NileElement {\n static styles: CSSResultGroup = styles;\n\n @query('.icon-button') button: HTMLButtonElement \| HTMLLinkElement;\n\n @state() private hasFocus = false;\n\n /** The name of the icon to draw. Available names depend on the icon library being used. /\n @property() name?: string;\n\n /* The name of a registered custom icon library. /\n @property() library?: string;\n\n /\n An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\n * can result in XSS attacks.\n /\n @property() src?: string;\n\n /* When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. /\n @property() href?: string;\n\n /* Tells the browser where to open the link. Only used when `href` is set. /\n @property() target?: '_blank' \| '_parent' \| '_self' \| '_top';\n\n /* Tells the browser to download the linked file as this filename. Only used when `href` is set. /\n @property() download?: string;\n\n /\n A description that gets read by assistive devices. For optimal accessibility, you should always include a label\n * that describes what the icon button does.\n /\n @property() label = '';\n\n /* Disables the button. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /Default color to icon /\n @property({ type: String, reflect: true }) color?: string;\n\n @property({ type: Boolean, reflect: true }) ishovered: boolean = false;\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur');\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus');\n }\n\n private handleClick(event: MouseEvent) {\n if (this.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n\n /** Simulates a click on the icon button. /\n click() {\n this.button.click();\n }\n\n /* Sets focus on the icon button. /\n focus(options?: FocusOptions) {\n this.button.focus(options);\n }\n\n /* Removes focus from the icon button. /\n blur() {\n this.button.blur();\n }\n\n private handleMouseOver(e: any) {\n this.ishovered = true;\n }\n private handleMouseLeave(e: any) {\n this.ishovered = false;\n }\n\n render(): TemplateResult {\n const isLink = this.href ? true : false;\n const tag = isLink ? literal`a` : literal`button`;\n / eslint-disable lit/binding-positions, lit/no-invalid-html */\n if(isLink){\n return html`\n <a\n part=\"base\"\n class=${classMap({\n 'icon-button': true,\n 'icon-button--disabled': !isLink && this.disabled,\n 'icon-button--focused': this.hasFocus,\n })}\n .disabled=${isLink \|\| this.disabled}\n type=${ifDefined(isLink ? undefined : 'button')}\n href=${ifDefined(isLink ? this.href : undefined)}\n target=${ifDefined(isLink ? this.target : undefined)}\n download=${ifDefined(isLink ? this.download : undefined)}\n rel=${ifDefined(\n isLink && this.target ? 'noreferrer noopener' : undefined\n )}\n role=${ifDefined(isLink ? undefined : 'button')}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n aria-label=\"${this.label}\"\n tabindex=${this.disabled ? '-1' : '0'}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @click=${this.handleClick}\n @mouseover=${this.handleMouseOver}\n @mouseleave=${this.handleMouseLeave}\n >\n \n <nile-icon\n class=\"icon-button__icon\"\n name=${ifDefined(this.name)}\n library=${ifDefined(this.library)}\n src=${ifDefined(this.src)}\n .color=${this.color}\n aria-hidden=\"true\"\n size=\"var(--nile-icon-size-14, var(--ng-icon-size-12))\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n ></nile-icon>\n </a>\n `;\n }\n else{\n return html`\n <button\n part=\"base\"\n class=${classMap({\n 'icon-button': true,\n 'icon-button--disabled': !isLink && this.disabled,\n 'icon-button--focused': this.hasFocus,\n })}\n .disabled=${isLink \|\| this.disabled}\n type=${ifDefined(isLink ? undefined : 'button')}\n href=${ifDefined(isLink ? this.href : undefined)}\n target=${ifDefined(isLink ? this.target : undefined)}\n download=${ifDefined(isLink ? this.download : undefined)}\n rel=${ifDefined(\n isLink && this.target ? 'noreferrer noopener' : undefined\n )}\n role=${ifDefined(isLink ? undefined : 'button')}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n aria-label=\"${this.label}\"\n tabindex=${this.disabled ? '-1' : '0'}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @click=${this.handleClick}\n @mouseover=${this.handleMouseOver}\n @mouseleave=${this.handleMouseLeave}\n >\n \n <nile-icon\n class=\"icon-button__icon\"\n name=${ifDefined(this.name)}\n library=${ifDefined(this.library)}\n src=${ifDefined(this.src)}\n .color=${this.color}\n aria-hidden=\"true\"\n size=\"var(--nile-icon-size-14, var(--ng-icon-size-12))\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n ></nile-icon>\n </button>\n `;\n }\n }\n}\n\nexport default NileIconButton;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-icon-button': NileIconButton;\n }\n}\n"],"names":["NileIconButton","_g","p","constructor","this","hasFocus","label","disabled","ishovered","_this","_inherits","_createClass","key","value","handleBlur","emit","handleFocus","handleClick","event","preventDefault","stopPropagation","click","button","focus","options","blur","handleMouseOver","e","handleMouseLeave","render","isLink","href","literal","_templateObject","_taggedTemplateLiteral","_templateObject2","html","_templateObject3","classMap","ifDefined","undefined","target","download","name","library","src","color","_templateObject4","NileElement","styles","__decorate","query","prototype","state","property","type","Boolean","reflect","String","_export","customElement"],"mappings":"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"}
1	+ {"version":3,"file":"nile-icon-button.cjs.js","sources":["../../../src/nile-icon-button/nile-icon-button.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 {\n LitElement,\n CSSResultArray,\n TemplateResult,\n html,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-icon-button.css';\n\nimport '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { literal } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport type { CSSResultGroup } from 'lit';\nimport NileElement from '../internal/nile-element';\n\n/\n @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.\n * @status stable\n * @since 2.0\n \n @dependency nile-icon\n \n @event nile-blur - Emitted when the icon button loses focus.\n * @event nile-focus - Emitted when the icon button gains focus.\n \n @csspart base - The component's base wrapper.\n /\n/\n Nile icon component.\n \n @tag nile-icon-button\n \n /\n@customElement('nile-icon-button')\nexport class NileIconButton extends NileElement {\n static styles: CSSResultGroup = styles;\n\n @query('.icon-button') button: HTMLButtonElement \| HTMLLinkElement;\n\n @state() private hasFocus = false;\n\n /** The name of the icon to draw. Available names depend on the icon library being used. /\n @property() name?: string;\n\n /* The name of a registered custom icon library. /\n @property() library?: string;\n\n /\n An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\n * can result in XSS attacks.\n /\n @property() src?: string;\n\n /* When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. /\n @property() href?: string;\n\n /* Tells the browser where to open the link. Only used when `href` is set. /\n @property() target?: '_blank' \| '_parent' \| '_self' \| '_top';\n\n /* Tells the browser to download the linked file as this filename. Only used when `href` is set. /\n @property() download?: string;\n\n /\n A description that gets read by assistive devices. For optimal accessibility, you should always include a label\n * that describes what the icon button does.\n /\n @property() label = '';\n\n /* Disables the button. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /Default color to icon /\n @property({ type: String, reflect: true }) color?: string;\n\n @property({ type: Boolean, reflect: true }) ishovered: boolean = false;\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur');\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus');\n }\n\n private handleClick(event: MouseEvent) {\n if (this.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n\n /** Simulates a click on the icon button. /\n click() {\n this.button.click();\n }\n\n /* Sets focus on the icon button. /\n focus(options?: FocusOptions) {\n this.button.focus(options);\n }\n\n /* Removes focus from the icon button. /\n blur() {\n this.button.blur();\n }\n\n private handleMouseOver(e: any) {\n this.ishovered = true;\n }\n private handleMouseLeave(e: any) {\n this.ishovered = false;\n }\n\n render(): TemplateResult {\n const isLink = this.href ? true : false;\n const tag = isLink ? literal`a` : literal`button`;\n / eslint-disable lit/binding-positions, lit/no-invalid-html */\n if(isLink){\n return html`\n <a\n part=\"base\"\n class=${classMap({\n 'icon-button': true,\n 'icon-button--disabled': !isLink && this.disabled,\n 'icon-button--focused': this.hasFocus,\n })}\n .disabled=${isLink \|\| this.disabled}\n type=${ifDefined(isLink ? undefined : 'button')}\n href=${ifDefined(isLink ? this.href : undefined)}\n target=${ifDefined(isLink ? this.target : undefined)}\n download=${ifDefined(isLink ? this.download : undefined)}\n rel=${ifDefined(\n isLink && this.target ? 'noreferrer noopener' : undefined\n )}\n role=${ifDefined(isLink ? undefined : 'button')}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n aria-label=\"${this.label}\"\n tabindex=${this.disabled ? '-1' : '0'}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @click=${this.handleClick}\n @mouseover=${this.handleMouseOver}\n @mouseleave=${this.handleMouseLeave}\n >\n \n <nile-icon\n class=\"icon-button__icon\"\n name=${ifDefined(this.name)}\n library=${ifDefined(this.library)}\n src=${ifDefined(this.src)}\n .color=${this.color}\n aria-hidden=\"true\"\n size=\"var(--nile-icon-size-14, var(--ng-icon-size-12))\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n ></nile-icon>\n </a>\n `;\n }\n else{\n return html`\n <button\n part=\"base\"\n class=${classMap({\n 'icon-button': true,\n 'icon-button--disabled': !isLink && this.disabled,\n 'icon-button--focused': this.hasFocus,\n })}\n .disabled=${isLink \|\| this.disabled}\n type=${ifDefined(isLink ? undefined : 'button')}\n href=${ifDefined(isLink ? this.href : undefined)}\n target=${ifDefined(isLink ? this.target : undefined)}\n download=${ifDefined(isLink ? this.download : undefined)}\n rel=${ifDefined(\n isLink && this.target ? 'noreferrer noopener' : undefined\n )}\n role=${ifDefined(isLink ? undefined : 'button')}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n aria-label=\"${this.label}\"\n tabindex=${this.disabled ? '-1' : '0'}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @click=${this.handleClick}\n @mouseover=${this.handleMouseOver}\n @mouseleave=${this.handleMouseLeave}\n >\n \n <nile-icon\n class=\"icon-button__icon\"\n name=${ifDefined(this.name)}\n library=${ifDefined(this.library)}\n src=${ifDefined(this.src)}\n .color=${this.color}\n aria-hidden=\"true\"\n size=\"var(--nile-icon-size-14, var(--ng-icon-size-12))\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n ></nile-icon>\n </button>\n `;\n }\n }\n}\n\nexport default NileIconButton;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-icon-button': NileIconButton;\n }\n}\n"],"names":["NileIconButton","_g","p","constructor","this","hasFocus","label","disabled","ishovered","_this","_inherits","_createClass","key","value","handleBlur","emit","handleFocus","handleClick","event","preventDefault","stopPropagation","click","button","focus","options","blur","handleMouseOver","e","handleMouseLeave","render","isLink","href","literal","_templateObject","_taggedTemplateLiteral","_templateObject2","html","_templateObject3","classMap","ifDefined","undefined","target","download","name","library","src","color","_templateObject4","NileElement","styles","__decorate","query","prototype","state","property","type","Boolean","reflect","String","_export","customElement"],"mappings":"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"}

package/dist/nile-icon-button/nile-icon-button.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import{html as s}from"lit";import{query as o,state as n,property as e,customElement as c}from"lit/decorators.js";import{s as m}from"./nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import{classMap as t}from"lit/directives/class-map.js";import{literal as r}from"lit/static-html.js";import{ifDefined as l}from"lit/directives/if-defined.js";import{N as g}from"../internal/nile-element.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/adjustment.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/area.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attribute.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/class.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/column-add.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/format_align_justify.esm.js";import"../nile-icon/icons/svg/format_align_left.esm.js";import"../nile-icon/icons/svg/format_align_middle.esm.js";import"../nile-icon/icons/svg/format_align_right.esm.js";import"../nile-icon/icons/svg/format_bold.esm.js";import"../nile-icon/icons/svg/format_clear.esm.js";import"../nile-icon/icons/svg/format_italic.esm.js";import"../nile-icon/icons/svg/format_list_bulleted.esm.js";import"../nile-icon/icons/svg/format_list_numbered.esm.js";import"../nile-icon/icons/svg/format_underline.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/function.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goal.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/horizontal_bar_chart.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/image_2.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/keyword.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/link_2.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/marker_pin_02.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/menu_close.esm.js";import"../nile-icon/icons/svg/menu_open.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/metric.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/ng-action.esm.js";import"../nile-icon/icons/svg/ng-activity.esm.js";import"../nile-icon/icons/svg/ng-alert-circle.esm.js";import"../nile-icon/icons/svg/ng-alert-triangle.esm.js";import"../nile-icon/icons/svg/ng-align-center.esm.js";import"../nile-icon/icons/svg/ng-annotation-x.esm.js";import"../nile-icon/icons/svg/ng-arrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-right.esm.js";import"../nile-icon/icons/svg/ng-arrow-up.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-12.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/ng-battery-charging.esm.js";import"../nile-icon/icons/svg/ng-bell-01.esm.js";import"../nile-icon/icons/svg/ng-bell-ringing-04.esm.js";import"../nile-icon/icons/svg/ng-bold-01.esm.js";import"../nile-icon/icons/svg/ng-briefcase-01.esm.js";import"../nile-icon/icons/svg/ng-building-01.esm.js";import"../nile-icon/icons/svg/ng-building-05.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue.esm.js";import"../nile-icon/icons/svg/ng-calendar-plus-02.esm.js";import"../nile-icon/icons/svg/ng-calendar.esm.js";import"../nile-icon/icons/svg/ng-check-circle-broken.esm.js";import"../nile-icon/icons/svg/ng-check-circle.esm.js";import"../nile-icon/icons/svg/ng-check-done-01.esm.js";import"../nile-icon/icons/svg/ng-check-square-broken.esm.js";import"../nile-icon/icons/svg/ng-check.esm.js";import"../nile-icon/icons/svg/ng-chevron-down.esm.js";import"../nile-icon/icons/svg/ng-chevron-left-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-left.esm.js";import"../nile-icon/icons/svg/ng-chevron-right-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-right.esm.js";import"../nile-icon/icons/svg/ng-chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/ng-chevron-up-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-up.esm.js";import"../nile-icon/icons/svg/ng-columns-02.esm.js";import"../nile-icon/icons/svg/ng-copy-03.esm.js";import"../nile-icon/icons/svg/ng-dataflow-04.esm.js";import"../nile-icon/icons/svg/ng-dots-grid.esm.js";import"../nile-icon/icons/svg/ng-dots-vertical.esm.js";import"../nile-icon/icons/svg/ng-download-01.esm.js";import"../nile-icon/icons/svg/ng-dropdown.esm.js";import"../nile-icon/icons/svg/ng-edit-02.esm.js";import"../nile-icon/icons/svg/ng-edit-05.esm.js";import"../nile-icon/icons/svg/ng-expand-06.esm.js";import"../nile-icon/icons/svg/ng-eye-off.esm.js";import"../nile-icon/icons/svg/ng-eye.esm.js";import"../nile-icon/icons/svg/ng-file-02.esm.js";import"../nile-icon/icons/svg/ng-file-06.esm.js";import"../nile-icon/icons/svg/ng-file-check-02.esm.js";import"../nile-icon/icons/svg/ng-file-question-03.esm.js";import"../nile-icon/icons/svg/ng-filter-lines.esm.js";import"../nile-icon/icons/svg/ng-grid-01.esm.js";import"../nile-icon/icons/svg/ng-hash.esm.js";import"../nile-icon/icons/svg/ng-help-circle.esm.js";import"../nile-icon/icons/svg/ng-home-line.esm.js";import"../nile-icon/icons/svg/ng-image-03.esm.js";import"../nile-icon/icons/svg/ng-image-user-left.esm.js";import"../nile-icon/icons/svg/ng-info-circle.esm.js";import"../nile-icon/icons/svg/ng-italic-01.esm.js";import"../nile-icon/icons/svg/ng-key-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-02.esm.js";import"../nile-icon/icons/svg/ng-list.esm.js";import"../nile-icon/icons/svg/ng-lock-03.esm.js";import"../nile-icon/icons/svg/ng-log-out-01.esm.js";import"../nile-icon/icons/svg/ng-mail-01.esm.js";import"../nile-icon/icons/svg/ng-mail-04.esm.js";import"../nile-icon/icons/svg/ng-marker-pin-01.esm.js";import"../nile-icon/icons/svg/ng-menu-05.esm.js";import"../nile-icon/icons/svg/ng-message-text-square-01.esm.js";import"../nile-icon/icons/svg/ng-minimize-02.esm.js";import"../nile-icon/icons/svg/ng-minus.esm.js";import"../nile-icon/icons/svg/ng-monitor.esm.js";import"../nile-icon/icons/svg/ng-pie-chart-03.esm.js";import"../nile-icon/icons/svg/ng-plus.esm.js";import"../nile-icon/icons/svg/ng-power-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-02.esm.js";import"../nile-icon/icons/svg/ng-rocket-02.esm.js";import"../nile-icon/icons/svg/ng-rows-01.esm.js";import"../nile-icon/icons/svg/ng-search-lg.esm.js";import"../nile-icon/icons/svg/ng-send-01.esm.js";import"../nile-icon/icons/svg/ng-server.esm.js";import"../nile-icon/icons/svg/ng-settings-01.esm.js";import"../nile-icon/icons/svg/ng-share-04.esm.js";import"../nile-icon/icons/svg/ng-share-06.esm.js";import"../nile-icon/icons/svg/ng-shield-tick.esm.js";import"../nile-icon/icons/svg/ng-shopping-bag-01.esm.js";import"../nile-icon/icons/svg/ng-stars-02.esm.js";import"../nile-icon/icons/svg/ng-switch-horizontal-01.esm.js";import"../nile-icon/icons/svg/ng-tag.esm.js";import"../nile-icon/icons/svg/ng-trash-01.esm.js";import"../nile-icon/icons/svg/ng-trash-03.esm.js";import"../nile-icon/icons/svg/ng-trend-up-01.esm.js";import"../nile-icon/icons/svg/ng-underline-01.esm.js";import"../nile-icon/icons/svg/ng-upload-01.esm.js";import"../nile-icon/icons/svg/ng-upload-cloud-02.esm.js";import"../nile-icon/icons/svg/ng-user-01.esm.js";import"../nile-icon/icons/svg/ng-user-check-02-1.esm.js";import"../nile-icon/icons/svg/ng-user-check-02.esm.js";import"../nile-icon/icons/svg/ng-user-plus-02.esm.js";import"../nile-icon/icons/svg/ng-user-right-01.esm.js";import"../nile-icon/icons/svg/ng-users-01.esm.js";import"../nile-icon/icons/svg/ng-wifi.esm.js";import"../nile-icon/icons/svg/ng-x-circle.esm.js";import"../nile-icon/icons/svg/ng-x-close.esm.js";import"../nile-icon/icons/svg/ng-x-square.esm.js";import"../nile-icon/icons/svg/ng-zap.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/tag_cloud.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/travel_map.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unlink.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/visual_builder.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";let p=class extends g{constructor(){super(...arguments),this.hasFocus=!1,this.label="",this.disabled=!1,this.ishovered=!1}handleBlur(){this.hasFocus=!1,this.emit("nile-blur")}handleFocus(){this.hasFocus=!0,this.emit("nile-focus")}handleClick(i){this.disabled&&(i.preventDefault(),i.stopPropagation())}click(){this.button.click()}focus(i){this.button.focus(i)}blur(){this.button.blur()}handleMouseOver(i){this.ishovered=!0}handleMouseLeave(i){this.ishovered=!1}render(){const i=!!this.href;return i?r`a`:r`button`,i?s`
+import{__decorate as i}from"tslib";import{html as s}from"lit";import{query as o,state as n,property as e,customElement as c}from"lit/decorators.js";import{s as m}from"./nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import{classMap as t}from"lit/directives/class-map.js";import{literal as r}from"lit/static-html.js";import{ifDefined as l}from"lit/directives/if-defined.js";import{N as g}from"../internal/nile-element.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/adjustment.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/area.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attribute.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/class.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/column-add.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/delete_history.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/format_align_justify.esm.js";import"../nile-icon/icons/svg/format_align_left.esm.js";import"../nile-icon/icons/svg/format_align_middle.esm.js";import"../nile-icon/icons/svg/format_align_right.esm.js";import"../nile-icon/icons/svg/format_bold.esm.js";import"../nile-icon/icons/svg/format_clear.esm.js";import"../nile-icon/icons/svg/format_italic.esm.js";import"../nile-icon/icons/svg/format_list_bulleted.esm.js";import"../nile-icon/icons/svg/format_list_numbered.esm.js";import"../nile-icon/icons/svg/format_underline.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/function.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goal.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/horizontal_bar_chart.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/image_2.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/keyword.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/link_2.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/marker_pin_02.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/menu_close.esm.js";import"../nile-icon/icons/svg/menu_open.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/metric.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/ng-action.esm.js";import"../nile-icon/icons/svg/ng-activity.esm.js";import"../nile-icon/icons/svg/ng-alert-circle.esm.js";import"../nile-icon/icons/svg/ng-alert-triangle.esm.js";import"../nile-icon/icons/svg/ng-align-center.esm.js";import"../nile-icon/icons/svg/ng-annotation-x.esm.js";import"../nile-icon/icons/svg/ng-arrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-right.esm.js";import"../nile-icon/icons/svg/ng-arrow-up.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-12.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/ng-battery-charging.esm.js";import"../nile-icon/icons/svg/ng-bell-01.esm.js";import"../nile-icon/icons/svg/ng-bell-ringing-04.esm.js";import"../nile-icon/icons/svg/ng-bold-01.esm.js";import"../nile-icon/icons/svg/ng-briefcase-01.esm.js";import"../nile-icon/icons/svg/ng-building-01.esm.js";import"../nile-icon/icons/svg/ng-building-05.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue.esm.js";import"../nile-icon/icons/svg/ng-calendar-plus-02.esm.js";import"../nile-icon/icons/svg/ng-calendar.esm.js";import"../nile-icon/icons/svg/ng-check-circle-broken.esm.js";import"../nile-icon/icons/svg/ng-check-circle.esm.js";import"../nile-icon/icons/svg/ng-check-done-01.esm.js";import"../nile-icon/icons/svg/ng-check-square-broken.esm.js";import"../nile-icon/icons/svg/ng-check.esm.js";import"../nile-icon/icons/svg/ng-chevron-down.esm.js";import"../nile-icon/icons/svg/ng-chevron-left-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-left.esm.js";import"../nile-icon/icons/svg/ng-chevron-right-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-right.esm.js";import"../nile-icon/icons/svg/ng-chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/ng-chevron-up-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-up.esm.js";import"../nile-icon/icons/svg/ng-columns-02.esm.js";import"../nile-icon/icons/svg/ng-copy-03.esm.js";import"../nile-icon/icons/svg/ng-dataflow-04.esm.js";import"../nile-icon/icons/svg/ng-dots-grid.esm.js";import"../nile-icon/icons/svg/ng-dots-vertical.esm.js";import"../nile-icon/icons/svg/ng-download-01.esm.js";import"../nile-icon/icons/svg/ng-dropdown.esm.js";import"../nile-icon/icons/svg/ng-edit-02.esm.js";import"../nile-icon/icons/svg/ng-edit-05.esm.js";import"../nile-icon/icons/svg/ng-expand-06.esm.js";import"../nile-icon/icons/svg/ng-eye-off.esm.js";import"../nile-icon/icons/svg/ng-eye.esm.js";import"../nile-icon/icons/svg/ng-file-02.esm.js";import"../nile-icon/icons/svg/ng-file-06.esm.js";import"../nile-icon/icons/svg/ng-file-check-02.esm.js";import"../nile-icon/icons/svg/ng-file-question-03.esm.js";import"../nile-icon/icons/svg/ng-filter-lines.esm.js";import"../nile-icon/icons/svg/ng-grid-01.esm.js";import"../nile-icon/icons/svg/ng-hash.esm.js";import"../nile-icon/icons/svg/ng-help-circle.esm.js";import"../nile-icon/icons/svg/ng-home-line.esm.js";import"../nile-icon/icons/svg/ng-image-03.esm.js";import"../nile-icon/icons/svg/ng-image-user-left.esm.js";import"../nile-icon/icons/svg/ng-info-circle.esm.js";import"../nile-icon/icons/svg/ng-italic-01.esm.js";import"../nile-icon/icons/svg/ng-key-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-02.esm.js";import"../nile-icon/icons/svg/ng-list.esm.js";import"../nile-icon/icons/svg/ng-lock-03.esm.js";import"../nile-icon/icons/svg/ng-log-out-01.esm.js";import"../nile-icon/icons/svg/ng-mail-01.esm.js";import"../nile-icon/icons/svg/ng-mail-04.esm.js";import"../nile-icon/icons/svg/ng-marker-pin-01.esm.js";import"../nile-icon/icons/svg/ng-menu-05.esm.js";import"../nile-icon/icons/svg/ng-message-text-square-01.esm.js";import"../nile-icon/icons/svg/ng-minimize-02.esm.js";import"../nile-icon/icons/svg/ng-minus.esm.js";import"../nile-icon/icons/svg/ng-monitor.esm.js";import"../nile-icon/icons/svg/ng-pie-chart-03.esm.js";import"../nile-icon/icons/svg/ng-plus.esm.js";import"../nile-icon/icons/svg/ng-power-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-02.esm.js";import"../nile-icon/icons/svg/ng-rocket-02.esm.js";import"../nile-icon/icons/svg/ng-rows-01.esm.js";import"../nile-icon/icons/svg/ng-search-lg.esm.js";import"../nile-icon/icons/svg/ng-send-01.esm.js";import"../nile-icon/icons/svg/ng-server.esm.js";import"../nile-icon/icons/svg/ng-settings-01.esm.js";import"../nile-icon/icons/svg/ng-share-04.esm.js";import"../nile-icon/icons/svg/ng-share-06.esm.js";import"../nile-icon/icons/svg/ng-shield-tick.esm.js";import"../nile-icon/icons/svg/ng-shopping-bag-01.esm.js";import"../nile-icon/icons/svg/ng-stars-02.esm.js";import"../nile-icon/icons/svg/ng-switch-horizontal-01.esm.js";import"../nile-icon/icons/svg/ng-tag.esm.js";import"../nile-icon/icons/svg/ng-trash-01.esm.js";import"../nile-icon/icons/svg/ng-trash-03.esm.js";import"../nile-icon/icons/svg/ng-trend-up-01.esm.js";import"../nile-icon/icons/svg/ng-underline-01.esm.js";import"../nile-icon/icons/svg/ng-upload-01.esm.js";import"../nile-icon/icons/svg/ng-upload-cloud-02.esm.js";import"../nile-icon/icons/svg/ng-user-01.esm.js";import"../nile-icon/icons/svg/ng-user-check-02-1.esm.js";import"../nile-icon/icons/svg/ng-user-check-02.esm.js";import"../nile-icon/icons/svg/ng-user-plus-02.esm.js";import"../nile-icon/icons/svg/ng-user-right-01.esm.js";import"../nile-icon/icons/svg/ng-users-01.esm.js";import"../nile-icon/icons/svg/ng-wifi.esm.js";import"../nile-icon/icons/svg/ng-x-circle.esm.js";import"../nile-icon/icons/svg/ng-x-close.esm.js";import"../nile-icon/icons/svg/ng-x-square.esm.js";import"../nile-icon/icons/svg/ng-zap.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/tag_cloud.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/travel_map.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unlink.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/visual_builder.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";let p=class extends g{constructor(){super(...arguments),this.hasFocus=!1,this.label="",this.disabled=!1,this.ishovered=!1}handleBlur(){this.hasFocus=!1,this.emit("nile-blur")}handleFocus(){this.hasFocus=!0,this.emit("nile-focus")}handleClick(i){this.disabled&&(i.preventDefault(),i.stopPropagation())}click(){this.button.click()}focus(i){this.button.focus(i)}blur(){this.button.blur()}handleMouseOver(i){this.ishovered=!0}handleMouseLeave(i){this.ishovered=!1}render(){const i=!!this.href;return i?r`a`:r`button`,i?s`
         <a
           part="base"
           class=${t({"icon-button":!0,"icon-button--disabled":!i&&this.disabled,"icon-button--focused":this.hasFocus})}

package/dist/nile-inline-sidebar/nile-inline-sidebar.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-inline-sidebar.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,n,l,o,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;s=_litDecoratorsJs.state;n=_litDecoratorsJs.query;l=_litDecoratorsJs.customElement;},function(_nileInlineSidebarCssCjsJs){o=_nileInlineSidebarCssCjsJs.s;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",r=/*#__PURE__*/function(_a){function r(){var _this;_classCallCheck(this,r);_this=_callSuper(this,r,arguments),_this.collapsed=!1,_this.fixed=!1,_this.showTooltip=!1,_this.activeIndex=-1,_this.handleItemSelect=function(t){var e=t.detail.item,i=_this.sidebarItems.indexOf(e);_this.sidebarItems.forEach(function(t,e){return t.active=e===i;}),_this.activeIndex=i,_this.dispatchEvent(new CustomEvent("nile-change",{detail:{selectedItem:e,index:i},bubbles:!0,composed:!0})),_this.requestUpdate();};return _this;}_inherits(r,_a);return _createClass(r,[{key:"sidebarItems",get:function get(){if(!this.defaultSlot)return[];return this.defaultSlot.assignedElements({flatten:!0}).flatMap(function(t){return"nile-inline-sidebar-item"===t.tagName.toLowerCase()?[t]:Array.from(t.querySelectorAll("nile-inline-sidebar-item"));});}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_superPropGet(r,"connectedCallback",this,3)([]),this.addEventListener("nile-click",this.handleItemSelect),this.mutationObserver=new MutationObserver(function(){return _this2.syncActiveFromItems();});}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this$mutationObserve;_superPropGet(r,"disconnectedCallback",this,3)([]),(_this$mutationObserve=this.mutationObserver)!==null&&_this$mutationObserve!==void 0&&_this$mutationObserve.disconnect(),this.removeEventListener("nile-click",this.handleItemSelect);}},{key:"firstUpdated",value:function firstUpdated(){this.observeSidebarItems(),this.syncActiveFromItems(),this.fixed&&(this.collapsed=!1);}},{key:"observeSidebarItems",value:function observeSidebarItems(){var _this$sidebarItems,_this3=this;((_this$sidebarItems=this.sidebarItems)===null||_this$sidebarItems===void 0?void 0:_this$sidebarItems.length)&&this.mutationObserver&&this.sidebarItems.forEach(function(t){return _this3.mutationObserver.observe(t,{attributes:!0,attributeFilter:["active"]});});}},{key:"syncActiveFromItems",value:function syncActiveFromItems(){var _this$sidebarItems2;if(!((_this$sidebarItems2=this.sidebarItems)!==null&&_this$sidebarItems2!==void 0&&_this$sidebarItems2.length))return;var t=this.sidebarItems.findIndex(function(t){return t.hasAttribute("active");});-1!==t&&t!==this.activeIndex&&(this.activeIndex=t,this.requestUpdate());}},{key:"toggleCollapse",value:function toggleCollapse(){this.fixed||(this.collapsed=!this.collapsed,this.dispatchEvent(new CustomEvent("nile-toggle",{detail:{collapsed:this.collapsed},bubbles:!0,composed:!0})));}},{key:"handleMenuItemClick",value:function handleMenuItemClick(t){var _e$textContent;var e=this.sidebarItems[t];if(!e||e.hasAttribute("disabled"))return;this.sidebarItems.forEach(function(e,i){return e.active=i===t;}),this.activeIndex=t;var i=((_e$textContent=e.textContent)===null||_e$textContent===void 0?void 0:_e$textContent.trim())||"",s=e.href;this.dispatchEvent(new CustomEvent("nile-click",{detail:{item:e,href:s,text:i},bubbles:!0,composed:!0})),s&&(window.location.href=s),this.requestUpdate();}},{key:"menuItemsTemplate",get:function get(){var _this$sidebarItems3,_this4=this;return(_this$sidebarItems3=this.sidebarItems)!==null&&_this$sidebarItems3!==void 0&&_this$sidebarItems3.length?this.sidebarItems.map(function(t,i){var _t$textContent;var s=t.tooltip,n=t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight,l=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n        <nile-side-bar-action-menu-item\n          ?disabled=","\n          ?active=","\n          @click=","\n        >\n          ","\n        </nile-side-bar-action-menu-item>\n      "])),t.hasAttribute("disabled"),_this4.activeIndex===i,function(){return _this4.handleMenuItemClick(i);},t.textContent);return s||n?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <nile-tooltip\n              content=","\n              hoist\n              placement=\"right\"\n            >\n              ","\n            </nile-tooltip>\n          "])),((_t$textContent=t.textContent)===null||_t$textContent===void 0?void 0:_t$textContent.trim())||"",l):l;}):null;}},{key:"render",value:function render(){var _this5=this;return e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <div class=\"sidebar\" part=\"base\">\n        <div class=\"sidebar-header\" part=\"header\">\n          ","\n        </div>\n\n        <nav\n          class=\"sidebar-nav\"\n          style=","\n          part=\"nav-items\"\n        >\n          <slot\n            @slotchange=","\n          ></slot>\n        </nav>\n      </div>\n    "])),this.fixed?null:this.collapsed?e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                  <nile-side-bar-action\n                    class=\"toggle-action\"\n                    placement=\"bottom-start\"\n                    hoist\n                    open\n                    triggerDropdown=\"hover\"\n                  >\n                    <nile-button\n                      slot=\"trigger\"\n                      class=\"toggle-btn\"\n                      variant=\"tertiary\"\n                      @click=","\n                    >\n                      <nile-icon name=\"menu_close\"></nile-icon>\n                    </nile-button>\n                    <nile-side-bar-action-menu>\n                      ","\n                    </nile-side-bar-action-menu>\n                  </nile-side-bar-action>\n                "])),this.toggleCollapse,this.menuItemsTemplate):e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                  <nile-button\n                    class=\"toggle-btn\"\n                    variant=\"tertiary\"\n                    @click=","\n                  >\n                    <nile-icon name=\"menu_open\"></nile-icon>\n                  </nile-button>\n                "])),this.toggleCollapse),this.collapsed?"display:none;":"",function(){_this5.requestUpdate(),_this5.observeSidebarItems(),_this5.syncActiveFromItems();});}}],[{key:"styles",get:function get(){return[o];}}]);}(a));t([i({type:Boolean,reflect:!0})],r.prototype,"collapsed",void 0),t([i({type:Boolean,reflect:!0,attribute:!0})],r.prototype,"fixed",void 0),t([i({type:Boolean,reflect:!0})],r.prototype,"showTooltip",void 0),t([s()],r.prototype,"activeIndex",void 0),t([n("slot")],r.prototype,"defaultSlot",void 0),_export("N",r=t([l("nile-inline-sidebar")],r));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-inline-sidebar.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,n,l,o,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;s=_litDecoratorsJs.state;n=_litDecoratorsJs.query;l=_litDecoratorsJs.customElement;},function(_nileInlineSidebarCssCjsJs){o=_nileInlineSidebarCssCjsJs.s;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",r=/*#__PURE__*/function(_a){function r(){var _this;_classCallCheck(this,r);_this=_callSuper(this,r,arguments),_this.collapsed=!1,_this.fixed=!1,_this.showTooltip=!1,_this.placement="left",_this.activeIndex=-1,_this.handleKeyDown=function(t){if(_this.collapsed)return;var e=_this.focusableItems;if(!e.length)return;var i=_this.sidebarItems.find(function(t){var _this$shadowRoot;return t===document.activeElement||t===((_this$shadowRoot=_this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.activeElement)||t.matches(":focus-within");}),s=i?e.indexOf(i):-1;var n=null;switch(t.key){case"ArrowDown":n=s<e.length-1?s+1:0;break;case"ArrowUp":n=s>0?s-1:e.length-1;break;case"Home":n=0;break;case"End":n=e.length-1;break;default:return;}t.preventDefault(),null!==n&&e[n]&&_this.focusItem(e[n]);},_this.handleItemSelect=function(t){var e=t.detail.item,i=_this.sidebarItems.indexOf(e);_this.sidebarItems.forEach(function(t,e){return t.active=e===i;}),_this.activeIndex=i,_this.updateTabIndices(),_this.dispatchEvent(new CustomEvent("nile-change",{detail:{selectedItem:e,index:i},bubbles:!0,composed:!0})),_this.requestUpdate();};return _this;}_inherits(r,_a);return _createClass(r,[{key:"sidebarItems",get:function get(){if(!this.defaultSlot)return[];return this.defaultSlot.assignedElements({flatten:!0}).flatMap(function(t){return"nile-inline-sidebar-item"===t.tagName.toLowerCase()?[t]:Array.from(t.querySelectorAll("nile-inline-sidebar-item"));});}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_superPropGet(r,"connectedCallback",this,3)([]),this.addEventListener("nile-click",this.handleItemSelect),this.addEventListener("keydown",this.handleKeyDown),this.mutationObserver=new MutationObserver(function(){return _this2.syncActiveFromItems();});}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this$mutationObserve;_superPropGet(r,"disconnectedCallback",this,3)([]),(_this$mutationObserve=this.mutationObserver)!==null&&_this$mutationObserve!==void 0&&_this$mutationObserve.disconnect(),this.removeEventListener("nile-click",this.handleItemSelect),this.removeEventListener("keydown",this.handleKeyDown);}},{key:"firstUpdated",value:function firstUpdated(){this.observeSidebarItems(),this.syncActiveFromItems(),this.fixed&&(this.collapsed=!1);}},{key:"observeSidebarItems",value:function observeSidebarItems(){var _this$sidebarItems,_this3=this;((_this$sidebarItems=this.sidebarItems)===null||_this$sidebarItems===void 0?void 0:_this$sidebarItems.length)&&this.mutationObserver&&this.sidebarItems.forEach(function(t){return _this3.mutationObserver.observe(t,{attributes:!0,attributeFilter:["active"]});});}},{key:"syncActiveFromItems",value:function syncActiveFromItems(){var _this$sidebarItems2;if(!((_this$sidebarItems2=this.sidebarItems)!==null&&_this$sidebarItems2!==void 0&&_this$sidebarItems2.length))return;var t=this.sidebarItems.findIndex(function(t){return t.hasAttribute("active");});-1!==t&&t!==this.activeIndex&&(this.activeIndex=t,this.requestUpdate()),this.updateTabIndices();}},{key:"focusableItems",get:function get(){return this.sidebarItems.filter(function(t){return!t.hasAttribute("disabled");});}},{key:"updateTabIndices",value:function updateTabIndices(){var _this4=this;var t=this.sidebarItems;if(!t.length)return;var e=this.activeIndex>=0?t[this.activeIndex]:null;t.forEach(function(t){t.hasAttribute("disabled")?t.setAttribute("tabindex","-1"):t===e?t.setAttribute("tabindex","0"):e||t!==_this4.focusableItems[0]?t.setAttribute("tabindex","-1"):t.setAttribute("tabindex","0");});}},{key:"focusItem",value:function focusItem(t){this.sidebarItems.forEach(function(t){return t.setAttribute("tabindex","-1");}),t.setAttribute("tabindex","0"),t.focus();}},{key:"toggleCollapse",value:function toggleCollapse(){this.fixed||(this.collapsed=!this.collapsed,this.dispatchEvent(new CustomEvent("nile-toggle",{detail:{collapsed:this.collapsed},bubbles:!0,composed:!0})));}},{key:"handleMenuItemClick",value:function handleMenuItemClick(t){var _e$textContent;var e=this.sidebarItems[t];if(!e||e.hasAttribute("disabled"))return;this.sidebarItems.forEach(function(e,i){return e.active=i===t;}),this.activeIndex=t;var i=((_e$textContent=e.textContent)===null||_e$textContent===void 0?void 0:_e$textContent.trim())||"",s=e.href;this.dispatchEvent(new CustomEvent("nile-click",{detail:{item:e,href:s,text:i},bubbles:!0,composed:!0})),s&&(window.location.href=s),this.requestUpdate();}},{key:"menuItemsTemplate",get:function get(){var _this$sidebarItems3,_this5=this;if(!((_this$sidebarItems3=this.sidebarItems)!==null&&_this$sidebarItems3!==void 0&&_this$sidebarItems3.length))return null;var t="right"===this.placement?"left":"right";return this.sidebarItems.map(function(i,s){var _i$textContent;var n=i.tooltip,l=i.scrollWidth>i.clientWidth||i.scrollHeight>i.clientHeight,o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n        <nile-side-bar-action-menu-item\n          ?disabled=","\n          ?active=","\n          @click=","\n        >\n          ","\n        </nile-side-bar-action-menu-item>\n      "])),i.hasAttribute("disabled"),_this5.activeIndex===s,function(){return _this5.handleMenuItemClick(s);},i.textContent);return n||l?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <nile-tooltip\n              content=","\n              hoist\n              placement=","\n            >\n              ","\n            </nile-tooltip>\n          "])),((_i$textContent=i.textContent)===null||_i$textContent===void 0?void 0:_i$textContent.trim())||"",t,o):o;});}},{key:"render",value:function render(){var _this6=this;var t="right"===this.placement,i=t?"menu_open":"menu_close",s=t?"menu_close":"menu_open",n=t?"bottom-end":"bottom-start";return e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <div class=\"sidebar\" part=\"base\">\n        <div class=\"sidebar-header\" part=\"header\">\n          ","\n        </div>\n\n        <nav\n          class=\"sidebar-nav\"\n          role=\"navigation\"\n          aria-label=\"Sidebar\"\n          style=","\n          part=\"nav-items\"\n        >\n          <slot\n            @slotchange=","\n          ></slot>\n        </nav>\n      </div>\n    "])),this.fixed?null:this.collapsed?e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                  <nile-side-bar-action\n                    class=\"toggle-action\"\n                    placement=","\n                    hoist\n                    open\n                    triggerDropdown=\"hover\"\n                  >\n                    <nile-button\n                      slot=\"trigger\"\n                      class=\"toggle-btn\"\n                      variant=\"tertiary\"\n                      @click=","\n                    >\n                      <nile-icon name=","></nile-icon>\n                    </nile-button>\n                    <nile-side-bar-action-menu>\n                      ","\n                    </nile-side-bar-action-menu>\n                  </nile-side-bar-action>\n                "])),n,this.toggleCollapse,i,this.menuItemsTemplate):e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                  <nile-button\n                    class=\"toggle-btn\"\n                    variant=\"tertiary\"\n                    @click=","\n                  >\n                    <nile-icon name=","></nile-icon>\n                  </nile-button>\n                "])),this.toggleCollapse,s),this.collapsed?"display:none;":"",function(){_this6.requestUpdate(),_this6.observeSidebarItems(),_this6.syncActiveFromItems();});}}],[{key:"styles",get:function get(){return[o];}}]);}(a));t([i({type:Boolean,reflect:!0})],r.prototype,"collapsed",void 0),t([i({type:Boolean,reflect:!0,attribute:!0})],r.prototype,"fixed",void 0),t([i({type:Boolean,reflect:!0})],r.prototype,"showTooltip",void 0),t([i({type:String,reflect:!0})],r.prototype,"placement",void 0),t([s()],r.prototype,"activeIndex",void 0),t([n("slot")],r.prototype,"defaultSlot",void 0),_export("N",r=t([l("nile-inline-sidebar")],r));}};});
 //# sourceMappingURL=nile-inline-sidebar.cjs.js.map

package/dist/nile-inline-sidebar/nile-inline-sidebar.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-inline-sidebar.cjs.js","sources":["../../../src/nile-inline-sidebar/nile-inline-sidebar.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2025\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 { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-inline-sidebar.css';\nimport NileElement from '../internal/nile-element';\n\n/\n Nile inline sidebar component.\n \n @tag nile-inline-sidebar\n */\n@customElement('nile-inline-sidebar')\nexport class NileInlineSidebar extends NileElement {\n @property({ type: Boolean, reflect: true }) collapsed = false;\n\n @property({ type: Boolean, reflect: true, attribute: true }) fixed = false;\n\n @property({ type: Boolean, reflect: true }) showTooltip = false;\n\n @state() private activeIndex: number = -1;\n\n @query('slot') private defaultSlot!: HTMLSlotElement;\n\n private mutationObserver?: MutationObserver;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n private get sidebarItems(): HTMLElement[] {\n if (!this.defaultSlot) return [];\n const assigned = this.defaultSlot.assignedElements({ flatten: true });\n const items = assigned.flatMap(el =>\n el.tagName.toLowerCase() === 'nile-inline-sidebar-item'\n ? [el]\n : Array.from(el.querySelectorAll('nile-inline-sidebar-item'))\n );\n return items as HTMLElement[];\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.addEventListener('nile-click', this.handleItemSelect);\n this.mutationObserver = new MutationObserver(() =>\n this.syncActiveFromItems()\n );\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.mutationObserver?.disconnect();\n this.removeEventListener('nile-click', this.handleItemSelect);\n }\n\n firstUpdated() {\n this.observeSidebarItems();\n this.syncActiveFromItems();\n\n if (this.fixed) {\n this.collapsed = false;\n }\n }\n\n private observeSidebarItems() {\n if (!this.sidebarItems?.length \|\| !this.mutationObserver) return;\n this.sidebarItems.forEach(item =>\n this.mutationObserver!.observe(item, {\n attributes: true,\n attributeFilter: ['active'],\n })\n );\n }\n\n private syncActiveFromItems() {\n if (!this.sidebarItems?.length) return;\n const activeIndex = this.sidebarItems.findIndex(item =>\n item.hasAttribute('active')\n );\n if (activeIndex !== -1 && activeIndex !== this.activeIndex) {\n this.activeIndex = activeIndex;\n this.requestUpdate();\n }\n }\n\n private handleItemSelect = (event: CustomEvent) => {\n const selectedItem = event.detail.item as HTMLElement;\n const index = this.sidebarItems.indexOf(selectedItem);\n\n this.sidebarItems.forEach(\n (item, i) => ((item as any).active = i === index)\n );\n this.activeIndex = index;\n\n this.dispatchEvent(\n new CustomEvent('nile-change', {\n detail: { selectedItem, index },\n bubbles: true,\n composed: true,\n })\n );\n\n this.requestUpdate();\n };\n\n private toggleCollapse() {\n if (this.fixed) return;\n this.collapsed = !this.collapsed;\n\n this.dispatchEvent(\n new CustomEvent('nile-toggle', {\n detail: { collapsed: this.collapsed },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n private handleMenuItemClick(index: number) {\n const selectedItem = this.sidebarItems[index];\n if (!selectedItem \|\| selectedItem.hasAttribute('disabled')) return;\n\n this.sidebarItems.forEach(\n (item, i) => ((item as any).active = i === index)\n );\n this.activeIndex = index;\n const text = selectedItem.textContent?.trim() \|\| '';\n const href = (selectedItem as any).href;\n this.dispatchEvent(\n new CustomEvent('nile-click', {\n detail: { item: selectedItem, href, text },\n bubbles: true,\n composed: true,\n })\n );\n\n if (href) window.location.href = href;\n\n this.requestUpdate();\n }\n\n private get menuItemsTemplate() {\n if (!this.sidebarItems?.length) return null;\n \n return this.sidebarItems.map((item, index) => {\n const shouldShowTooltip = (item as any).tooltip;\n const isTruncated =\n item.scrollWidth > item.clientWidth \|\|\n item.scrollHeight > item.clientHeight;\n \n const content = html`\n <nile-side-bar-action-menu-item\n ?disabled=${item.hasAttribute('disabled')}\n ?active=${this.activeIndex === index}\n @click=${() => this.handleMenuItemClick(index)}\n >\n ${item.textContent}\n </nile-side-bar-action-menu-item>\n `;\n return shouldShowTooltip \|\| isTruncated\n ? html`\n <nile-tooltip\n content=${item.textContent?.trim() \|\| ''}\n hoist\n placement=\"right\"\n >\n ${content}\n </nile-tooltip>\n `\n : content;\n });\n }\n \n \n \n\n public render(): TemplateResult {\n return html`\n <div class=\"sidebar\" part=\"base\">\n <div class=\"sidebar-header\" part=\"header\">\n ${!this.fixed\n ? this.collapsed\n ? html`\n <nile-side-bar-action\n class=\"toggle-action\"\n placement=\"bottom-start\"\n hoist\n open\n triggerDropdown=\"hover\"\n >\n <nile-button\n slot=\"trigger\"\n class=\"toggle-btn\"\n variant=\"tertiary\"\n @click=${this.toggleCollapse}\n >\n <nile-icon name=\"menu_close\"></nile-icon>\n </nile-button>\n <nile-side-bar-action-menu>\n ${this.menuItemsTemplate}\n </nile-side-bar-action-menu>\n </nile-side-bar-action>\n `\n : html`\n <nile-button\n class=\"toggle-btn\"\n variant=\"tertiary\"\n @click=${this.toggleCollapse}\n >\n <nile-icon name=\"menu_open\"></nile-icon>\n </nile-button>\n `\n : null}\n </div>\n\n <nav\n class=\"sidebar-nav\"\n style=${this.collapsed ? 'display:none;' : ''}\n part=\"nav-items\"\n >\n <slot\n @slotchange=${() => {\n this.requestUpdate();\n this.observeSidebarItems();\n this.syncActiveFromItems();\n }}\n ></slot>\n </nav>\n </div>\n `;\n }\n}\n\nexport default NileInlineSidebar;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-inline-sidebar': NileInlineSidebar;\n }\n}\n"],"names":["NileInlineSidebar","r","this","collapsed","fixed","showTooltip","activeIndex","handleItemSelect","event","selectedItem","detail","item","index","sidebarItems","indexOf","forEach","i","active","dispatchEvent","CustomEvent","bubbles","composed","requestUpdate","_this","_inherits","_a","_createClass","key","get","defaultSlot","assignedElements","flatten","flatMap","el","tagName","toLowerCase","Array","from","querySelectorAll","value","connectedCallback","super","addEventListener","mutationObserver","MutationObserver","syncActiveFromItems","disconnectedCallback","disconnect","removeEventListener","firstUpdated","observeSidebarItems","length","observe","attributes","attributeFilter","findIndex","hasAttribute","toggleCollapse","handleMenuItemClick","_e$textContent","text","textContent","trim","href","window","location","_this$sidebarItems3","_this4","map","_t$textContent","shouldShowTooltip","tooltip","isTruncated","scrollWidth","clientWidth","scrollHeight","clientHeight","content","html","_templateObject","_taggedTemplateLiteral","_templateObject2","render","_templateObject3","_templateObject4","menuItemsTemplate","_templateObject5","__decorate","styles","NileElement","property","type","Boolean","reflect","prototype","attribute","state","query","customElement"],"mappings":"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"}
1	+ {"version":3,"file":"nile-inline-sidebar.cjs.js","sources":["../../../src/nile-inline-sidebar/nile-inline-sidebar.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2025\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 { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-inline-sidebar.css';\nimport NileElement from '../internal/nile-element';\n\n/\n Nile inline sidebar component.\n \n @tag nile-inline-sidebar\n /\n@customElement('nile-inline-sidebar')\nexport class NileInlineSidebar extends NileElement {\n @property({ type: Boolean, reflect: true }) collapsed = false;\n\n @property({ type: Boolean, reflect: true, attribute: true }) fixed = false;\n\n @property({ type: Boolean, reflect: true }) showTooltip = false;\n\n /* The side on which the sidebar is placed. */\n @property({ type: String, reflect: true }) placement: 'left' \| 'right' = 'left';\n\n @state() private activeIndex: number = -1;\n\n @query('slot') private defaultSlot!: HTMLSlotElement;\n\n private mutationObserver?: MutationObserver;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n private get sidebarItems(): HTMLElement[] {\n if (!this.defaultSlot) return [];\n const assigned = this.defaultSlot.assignedElements({ flatten: true });\n const items = assigned.flatMap(el =>\n el.tagName.toLowerCase() === 'nile-inline-sidebar-item'\n ? [el]\n : Array.from(el.querySelectorAll('nile-inline-sidebar-item'))\n );\n return items as HTMLElement[];\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.addEventListener('nile-click', this.handleItemSelect);\n this.addEventListener('keydown', this.handleKeyDown);\n this.mutationObserver = new MutationObserver(() =>\n this.syncActiveFromItems()\n );\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.mutationObserver?.disconnect();\n this.removeEventListener('nile-click', this.handleItemSelect);\n this.removeEventListener('keydown', this.handleKeyDown);\n }\n\n firstUpdated() {\n this.observeSidebarItems();\n this.syncActiveFromItems();\n\n if (this.fixed) {\n this.collapsed = false;\n }\n }\n\n private observeSidebarItems() {\n if (!this.sidebarItems?.length \|\| !this.mutationObserver) return;\n this.sidebarItems.forEach(item =>\n this.mutationObserver!.observe(item, {\n attributes: true,\n attributeFilter: ['active'],\n })\n );\n }\n\n private syncActiveFromItems() {\n if (!this.sidebarItems?.length) return;\n const activeIndex = this.sidebarItems.findIndex(item =>\n item.hasAttribute('active')\n );\n if (activeIndex !== -1 && activeIndex !== this.activeIndex) {\n this.activeIndex = activeIndex;\n this.requestUpdate();\n }\n this.updateTabIndices();\n }\n\n \n private get focusableItems(): HTMLElement[] {\n return this.sidebarItems.filter(\n item => !item.hasAttribute('disabled')\n );\n }\n\n private updateTabIndices() {\n const items = this.sidebarItems;\n if (!items.length) return;\n\n const focusTarget =\n this.activeIndex >= 0 ? items[this.activeIndex] : null;\n\n items.forEach(item => {\n if (item.hasAttribute('disabled')) {\n item.setAttribute('tabindex', '-1');\n } else if (item === focusTarget) {\n item.setAttribute('tabindex', '0');\n } else if (!focusTarget && item === this.focusableItems[0]) {\n item.setAttribute('tabindex', '0');\n } else {\n item.setAttribute('tabindex', '-1');\n }\n });\n }\n\n private focusItem(item: HTMLElement) {\n const items = this.sidebarItems;\n items.forEach(el => el.setAttribute('tabindex', '-1'));\n item.setAttribute('tabindex', '0');\n item.focus();\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (this.collapsed) return;\n\n const focusable = this.focusableItems;\n if (!focusable.length) return;\n\n const currentFocus = this.sidebarItems.find(\n item =>\n item === document.activeElement \|\|\n item === this.shadowRoot?.activeElement \|\|\n item.matches(':focus-within')\n );\n\n const currentIndex = currentFocus\n ? focusable.indexOf(currentFocus)\n : -1;\n\n let nextIndex: number \| null = null;\n\n switch (event.key) {\n case 'ArrowDown':\n nextIndex =\n currentIndex < focusable.length - 1 ? currentIndex + 1 : 0;\n break;\n\n case 'ArrowUp':\n nextIndex =\n currentIndex > 0 ? currentIndex - 1 : focusable.length - 1;\n break;\n\n case 'Home':\n nextIndex = 0;\n break;\n\n case 'End':\n nextIndex = focusable.length - 1;\n break;\n\n case 'Enter':\n case ' ':\n return;\n\n default:\n return;\n }\n\n event.preventDefault();\n\n if (nextIndex !== null && focusable[nextIndex]) {\n this.focusItem(focusable[nextIndex]);\n }\n };\n\n private handleItemSelect = (event: CustomEvent) => {\n const selectedItem = event.detail.item as HTMLElement;\n const index = this.sidebarItems.indexOf(selectedItem);\n\n this.sidebarItems.forEach(\n (item, i) => ((item as any).active = i === index)\n );\n this.activeIndex = index;\n this.updateTabIndices();\n\n this.dispatchEvent(\n new CustomEvent('nile-change', {\n detail: { selectedItem, index },\n bubbles: true,\n composed: true,\n })\n );\n\n this.requestUpdate();\n };\n\n private toggleCollapse() {\n if (this.fixed) return;\n this.collapsed = !this.collapsed;\n\n this.dispatchEvent(\n new CustomEvent('nile-toggle', {\n detail: { collapsed: this.collapsed },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n private handleMenuItemClick(index: number) {\n const selectedItem = this.sidebarItems[index];\n if (!selectedItem \|\| selectedItem.hasAttribute('disabled')) return;\n\n this.sidebarItems.forEach(\n (item, i) => ((item as any).active = i === index)\n );\n this.activeIndex = index;\n const text = selectedItem.textContent?.trim() \|\| '';\n const href = (selectedItem as any).href;\n this.dispatchEvent(\n new CustomEvent('nile-click', {\n detail: { item: selectedItem, href, text },\n bubbles: true,\n composed: true,\n })\n );\n\n if (href) window.location.href = href;\n\n this.requestUpdate();\n }\n\n private get menuItemsTemplate() {\n if (!this.sidebarItems?.length) return null;\n\n const tooltipPlacement = this.placement === 'right' ? 'left' : 'right';\n\n return this.sidebarItems.map((item, index) => {\n const shouldShowTooltip = (item as any).tooltip;\n const isTruncated =\n item.scrollWidth > item.clientWidth \|\|\n item.scrollHeight > item.clientHeight;\n \n const content = html`\n <nile-side-bar-action-menu-item\n ?disabled=${item.hasAttribute('disabled')}\n ?active=${this.activeIndex === index}\n @click=${() => this.handleMenuItemClick(index)}\n >\n ${item.textContent}\n </nile-side-bar-action-menu-item>\n `;\n return shouldShowTooltip \|\| isTruncated\n ? html`\n <nile-tooltip\n content=${item.textContent?.trim() \|\| ''}\n hoist\n placement=${tooltipPlacement}\n >\n ${content}\n </nile-tooltip>\n `\n : content;\n });\n }\n \n \n \n\n public render(): TemplateResult {\n const isRight = this.placement === 'right';\n const collapsedIcon = isRight ? 'menu_open' : 'menu_close';\n const expandedIcon = isRight ? 'menu_close' : 'menu_open';\n const actionPlacement = isRight ? 'bottom-end' : 'bottom-start';\n\n return html`\n <div class=\"sidebar\" part=\"base\">\n <div class=\"sidebar-header\" part=\"header\">\n ${!this.fixed\n ? this.collapsed\n ? html`\n <nile-side-bar-action\n class=\"toggle-action\"\n placement=${actionPlacement}\n hoist\n open\n triggerDropdown=\"hover\"\n >\n <nile-button\n slot=\"trigger\"\n class=\"toggle-btn\"\n variant=\"tertiary\"\n @click=${this.toggleCollapse}\n >\n <nile-icon name=${collapsedIcon}></nile-icon>\n </nile-button>\n <nile-side-bar-action-menu>\n ${this.menuItemsTemplate}\n </nile-side-bar-action-menu>\n </nile-side-bar-action>\n `\n : html`\n <nile-button\n class=\"toggle-btn\"\n variant=\"tertiary\"\n @click=${this.toggleCollapse}\n >\n <nile-icon name=${expandedIcon}></nile-icon>\n </nile-button>\n `\n : null}\n </div>\n\n <nav\n class=\"sidebar-nav\"\n role=\"navigation\"\n aria-label=\"Sidebar\"\n style=${this.collapsed ? 'display:none;' : ''}\n part=\"nav-items\"\n >\n <slot\n @slotchange=${() => {\n this.requestUpdate();\n this.observeSidebarItems();\n this.syncActiveFromItems();\n }}\n ></slot>\n </nav>\n </div>\n `;\n }\n}\n\nexport default NileInlineSidebar;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-inline-sidebar': NileInlineSidebar;\n }\n}\n"],"names":["NileInlineSidebar","_a","r","this","collapsed","fixed","showTooltip","placement","activeIndex","handleKeyDown","event","focusable","focusableItems","length","currentFocus","sidebarItems","find","item","document","activeElement","shadowRoot","matches","currentIndex","indexOf","nextIndex","key","preventDefault","focusItem","handleItemSelect","selectedItem","detail","index","forEach","i","active","updateTabIndices","dispatchEvent","CustomEvent","bubbles","composed","requestUpdate","_this","_inherits","_createClass","get","defaultSlot","assignedElements","flatten","flatMap","el","tagName","toLowerCase","Array","from","querySelectorAll","value","connectedCallback","super","addEventListener","mutationObserver","MutationObserver","syncActiveFromItems","disconnectedCallback","disconnect","removeEventListener","firstUpdated","observeSidebarItems","observe","attributes","attributeFilter","findIndex","hasAttribute","filter","items","focusTarget","setAttribute","focus","toggleCollapse","handleMenuItemClick","_e$textContent","text","textContent","trim","href","window","location","menuItemsTemplate","tooltipPlacement","map","shouldShowTooltip","tooltip","isTruncated","scrollWidth","clientWidth","scrollHeight","clientHeight","content","html","_templateObject","_taggedTemplateLiteral","_templateObject2","render","isRight","collapsedIcon","expandedIcon","actionPlacement","_templateObject3","_templateObject4","_templateObject5","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","attribute","String","state","query","customElement"],"mappings":"wxHAkBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,qEACuCC,EAAAA,KAAAA,CAASC,SAAG,CAAA,CAAA,CAAA,CAEKD,KAAAA,CAAKE,KAAAA,CAAAA,CAAG,CAEzBF,CAAAA,KAAAA,CAAWG,WAAG,CAAA,CAAA,CAAA,CAGfH,KAAAA,CAASI,SAAAA,CAAqB,MAExDJ,CAAAA,KAAAA,CAAWK,WAAY,CAAA,CAAA,CAAA,CAsGhCL,KAAAA,CAAAM,aAAAA,CAAiBC,SAAAA,CACvB,CAAA,CAAA,GAAIP,KAAAA,CAAKC,SAAAA,CAAW,OAEpB,GAAMO,CAAAA,CAAYR,CAAAA,KAAAA,CAAKS,cACvB,CAAA,GAAA,CAAKD,CAAUE,CAAAA,MAAAA,CAAQ,OAEvB,GAAMC,CAAAA,CAAeX,CAAAA,KAAAA,CAAKY,YAAaC,CAAAA,IAAAA,CACrCC,SAAAA,CACEA,MAAAA,gBAAAA,OAAAA,CAAAA,CAAAA,GAASC,QAASC,CAAAA,aAAAA,EAClBF,CAASd,KAAAA,gBAAAA,CAAAA,KAAAA,CAAKiB,UAAYD,UAAAA,gBAAAA,iBAAjBhB,gBAAAA,CAAiBgB,aAAAA,GAC1BF,CAAKI,CAAAA,OAAAA,CAAQ,eAGXC,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAeR,CACjBH,CAAAA,CAAAA,CAAUY,OAAQT,CAAAA,CAAAA,CAAAA,CAAAA,CACjB,CAEL,CAAA,GAAIU,CAAAA,CAA2B,CAAA,IAAA,CAE/B,OAAQd,CAAAA,CAAMe,GACZ,EAAA,IAAK,WACHD,CAAAA,CAAAA,CACEF,CAAeX,CAAAA,CAAAA,CAAUE,MAAS,CAAA,CAAA,CAAIS,CAAe,CAAA,CAAA,CAAI,CAC3D,CAAA,MAEF,IAAK,SAAA,CACHE,CACEF,CAAAA,CAAAA,CAAe,CAAIA,CAAAA,CAAAA,CAAe,CAAIX,CAAAA,CAAAA,CAAUE,MAAS,CAAA,CAAA,CAC3D,MAEF,IAAK,MACHW,CAAAA,CAAAA,CAAY,CACZ,CAAA,MAEF,IAAK,KAAA,CACHA,CAAYb,CAAAA,CAAAA,CAAUE,MAAS,CAAA,CAAA,CAC/B,MAMF,QACE,OAGJH,CAAAA,CAAAA,CAAMgB,cAEY,CAAA,CAAA,CAAA,IAAA,GAAdF,CAAsBb,EAAAA,CAAAA,CAAUa,CAClCrB,CAAAA,EAAAA,KAAAA,CAAKwB,SAAUhB,CAAAA,CAAAA,CAAUa,CAC1B,CAAA,CAAA,EAAA,CAGKrB,KAAAA,CAAAyB,gBAAAA,CAAoBlB,SAAAA,CAC1B,CAAA,CAAA,GAAMmB,CAAAA,CAAenB,CAAAA,CAAAA,CAAMoB,MAAOb,CAAAA,IAAAA,CAC5Bc,CAAQ5B,CAAAA,KAAAA,CAAKY,YAAaQ,CAAAA,OAAAA,CAAQM,CAExC1B,CAAAA,CAAAA,KAAAA,CAAKY,YAAaiB,CAAAA,OAAAA,CAChB,SAACf,CAAAA,CAAMgB,CAAQhB,QAAAA,CAAAA,CAAAA,CAAaiB,MAASD,CAAAA,CAAAA,GAAMF,CAE7C5B,EAAAA,CAAAA,CAAAA,KAAAA,CAAKK,WAAcuB,CAAAA,CAAAA,CACnB5B,KAAAA,CAAKgC,gBAAAA,CAAAA,CAAAA,CAELhC,KAAAA,CAAKiC,aAAAA,CACH,GAAIC,CAAAA,WAAAA,CAAY,aAAe,CAAA,CAC7BP,MAAQ,CAAA,CAAED,YAAcE,CAAAA,CAAAA,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,CACxBO,OAAS,CAAA,CAAA,CAAA,CACTC,QAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAIdpC,KAAAA,CAAKqC,aAAAA,CAAAA,CAAe,EA0IvB,QAAAC,KAAA,EAjTQC,SAAA,CAAAxC,CAAA,CAAAD,EAAA,SAAA0C,YAAA,CAAAzC,CAAA,GAAAuB,GAAA,gBAAAmB,GAAA,CAIP,SAAAA,IAAA,CAAY7B,CACV,GAAKZ,CAAAA,IAAAA,CAAK0C,WAAa,CAAA,MAAO,EAO9B,CAAA,MANiB1C,KAAK0C,CAAAA,WAAAA,CAAYC,gBAAiB,CAAA,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CACvCC,OAAQC,CAAAA,SAAAA,CAAAA,QACA,0BAA7BA,GAAAA,CAAAA,CAAGC,OAAQC,CAAAA,WAAAA,CAAAA,CAAAA,CACP,CAACF,CAAAA,CAAAA,CACDG,KAAMC,CAAAA,IAAAA,CAAKJ,CAAGK,CAAAA,gBAAAA,CAAiB,0BAGtC,CAAA,CAAA,EAAA,CAAA,EAED,GAAA7B,GAAA,qBAAA8B,KAAA,UAAAC,iBAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACEC,aAAAA,CAAAA,CAAAA,iCACAtD,IAAKuD,CAAAA,gBAAAA,CAAiB,YAAcvD,CAAAA,IAAAA,CAAKyB,gBACzCzB,CAAAA,CAAAA,IAAAA,CAAKuD,gBAAiB,CAAA,SAAA,CAAWvD,IAAKM,CAAAA,aAAAA,CAAAA,CACtCN,IAAKwD,CAAAA,gBAAAA,CAAmB,GAAIC,CAAAA,gBAAAA,CAAiB,iBAC3CzD,CAAAA,MAAAA,CAAK0D,mBAER,CAAA,CAAA,EAAA,CAAA,EAED,GAAApC,GAAA,wBAAA8B,KAAA,UAAAO,oBAAAA,CAAAA,CAAAA,KAAAA,qBAAAA,CACEL,aAAAA,CAAAA,CAAAA,qCAAAA,qBAAAA,CACAtD,IAAKwD,CAAAA,gBAAAA,UAAAA,qBAAAA,WAALxD,qBAAAA,CAAuB4D,UACvB5D,CAAAA,CAAAA,CAAAA,IAAAA,CAAK6D,mBAAoB,CAAA,YAAA,CAAc7D,IAAKyB,CAAAA,gBAAAA,CAAAA,CAC5CzB,IAAK6D,CAAAA,mBAAAA,CAAoB,SAAW7D,CAAAA,IAAAA,CAAKM,aAC1C,CAAA,EAED,GAAAgB,GAAA,gBAAA8B,KAAA,UAAAU,YAAAA,CAAAA,CAAAA,CACE9D,IAAK+D,CAAAA,mBAAAA,CAAAA,CAAAA,CACL/D,IAAK0D,CAAAA,mBAAAA,CAAAA,CAAAA,CAED1D,IAAKE,CAAAA,KAAAA,GACPF,IAAKC,CAAAA,SAAAA,CAAAA,CAAY,CAEpB,CAAA,EAEO,GAAAqB,GAAA,uBAAA8B,KAAA,UAAAW,mBAAAA,CAAAA,CAAAA,KAAAA,kBAAAA,CAAAA,MAAAA,MACD/D,EAAAA,kBAAAA,KAAKY,CAAAA,YAAAA,UAAAA,kBAAAA,iBAALZ,kBAAAA,CAAmBU,MAAWV,GAAAA,IAAAA,CAAKwD,gBACxCxD,EAAAA,IAAAA,CAAKY,YAAaiB,CAAAA,OAAAA,CAAQf,SAAAA,CACxBd,QAAAA,CAAAA,MAAAA,CAAKwD,gBAAkBQ,CAAAA,OAAAA,CAAQlD,CAAM,CAAA,CACnCmD,UAAY,CAAA,CAAA,CAAA,CACZC,eAAiB,CAAA,CAAC,QAGvB,CAAA,CAAA,CAAA,EAAA,CAAA,EAEO,GAAA5C,GAAA,uBAAA8B,KAAA,UAAAM,mBAAAA,CAAAA,CAAAA,KAAAA,mBAAAA,CACN,GAAK1D,GAAAA,mBAAAA,CAAAA,IAAAA,CAAKY,YAAcF,UAAAA,mBAAAA,WAAnBV,mBAAAA,CAAmBU,MAAAA,EAAQ,OAChC,GAAML,CAAAA,CAAcL,CAAAA,IAAAA,CAAKY,YAAauD,CAAAA,SAAAA,CAAUrD,SAAAA,CAC9CA,QAAAA,CAAAA,CAAAA,CAAKsD,YAAa,CAAA,QAAA,CAAA,EAAA,CAAA,CAAA,CAEC,CAAjB/D,GAAAA,CAAAA,EAAsBA,CAAgBL,GAAAA,IAAAA,CAAKK,WAC7CL,GAAAA,IAAAA,CAAKK,WAAcA,CAAAA,CAAAA,CACnBL,IAAKqC,CAAAA,aAAAA,CAAAA,CAAAA,CAAAA,CAEPrC,IAAKgC,CAAAA,gBAAAA,CAAAA,CACN,EAGD,GAAAV,GAAA,kBAAAmB,GAAA,UAAAA,IAAA,CACE,CAAA,MAAOzC,KAAKY,CAAAA,YAAAA,CAAayD,MACvBvD,CAAAA,SAAAA,CAAAA,QAAAA,CAASA,CAAKsD,CAAAA,YAAAA,CAAa,UAE9B,CAAA,EAAA,CAAA,EAEO,GAAA9C,GAAA,oBAAA8B,KAAA,UAAApB,gBAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACN,GAAMsC,CAAAA,CAAAA,CAAQtE,IAAKY,CAAAA,YAAAA,CACnB,GAAK0D,CAAAA,CAAAA,CAAM5D,MAAQ,CAAA,OAEnB,GAAM6D,CAAAA,CAAAA,CACJvE,IAAKK,CAAAA,WAAAA,EAAe,CAAIiE,CAAAA,CAAAA,CAAMtE,IAAKK,CAAAA,WAAAA,CAAAA,CAAe,IAEpDiE,CAAAA,CAAAA,CAAMzC,OAAQf,CAAAA,SAAAA,CAAAA,CAAAA,CACRA,CAAKsD,CAAAA,YAAAA,CAAa,UACpBtD,CAAAA,CAAAA,CAAAA,CAAK0D,YAAa,CAAA,UAAA,CAAY,IACrB1D,CAAAA,CAAAA,CAAAA,GAASyD,CAClBzD,CAAAA,CAAAA,CAAK0D,YAAa,CAAA,UAAA,CAAY,GACpBD,CAAAA,CAAAA,CAAAA,EAAezD,CAASd,GAAAA,MAAAA,CAAKS,cAAe,CAAA,CAAA,CAAA,CAGtDK,CAAK0D,CAAAA,YAAAA,CAAa,UAAY,CAAA,IAAA,CAAA,CAF9B1D,CAAK0D,CAAAA,YAAAA,CAAa,UAAY,CAAA,GAAA,CAG/B,EAEJ,CAAA,EAEO,GAAAlD,GAAA,aAAA8B,KAAA,UAAA5B,SAAAA,CAAUV,CACFd,CAAAA,CAAAA,IAAAA,CAAKY,YACbiB,CAAAA,OAAAA,CAAQiB,SAAAA,CAAMA,QAAAA,CAAAA,CAAAA,CAAG0B,YAAa,CAAA,UAAA,CAAY,IAChD1D,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAK0D,YAAa,CAAA,UAAA,CAAY,GAC9B1D,CAAAA,CAAAA,CAAAA,CAAK2D,KACN,CAAA,CAAA,EA4EO,GAAAnD,GAAA,kBAAA8B,KAAA,UAAAsB,cAAAA,CAAAA,CAAAA,CACF1E,IAAKE,CAAAA,KAAAA,GACTF,IAAKC,CAAAA,SAAAA,CAAAA,CAAaD,IAAKC,CAAAA,SAAAA,CAEvBD,IAAKiC,CAAAA,aAAAA,CACH,GAAIC,CAAAA,WAAAA,CAAY,aAAe,CAAA,CAC7BP,MAAQ,CAAA,CAAE1B,SAAWD,CAAAA,IAAAA,CAAKC,SAC1BkC,CAAAA,CAAAA,OAAAA,CAAAA,CAAS,CACTC,CAAAA,QAAAA,CAAAA,CAAU,CAGf,CAAA,CAAA,CAAA,CAAA,EAEO,GAAAd,GAAA,uBAAA8B,KAAA,UAAAuB,mBAAAA,CAAoB/C,CAC1B,CAAA,KAAAgD,cAAA,CAAA,GAAMlD,CAAAA,CAAe1B,CAAAA,IAAAA,CAAKY,YAAagB,CAAAA,CAAAA,CAAAA,CACvC,GAAKF,CAAAA,CAAAA,EAAgBA,CAAa0C,CAAAA,YAAAA,CAAa,UAAa,CAAA,CAAA,OAE5DpE,IAAKY,CAAAA,YAAAA,CAAaiB,OAChB,CAAA,SAACf,CAAMgB,CAAAA,CAAAA,QAAQhB,CAAAA,CAAaiB,CAAAA,MAAAA,CAASD,CAAMF,GAAAA,CAAAA,EAAAA,CAAAA,CAE7C5B,IAAKK,CAAAA,WAAAA,CAAcuB,CACnB,CAAA,GAAMiD,CAAAA,CAAOnD,CAAAA,EAAAA,cAAAA,CAAAA,CAAAA,CAAaoD,WAAaC,UAAAA,cAAAA,iBAA1BrD,cAAAA,CAA0BqD,IAAAA,CAAAA,CAAAA,GAAU,EAC3CC,CAAAA,CAAAA,CAAQtD,CAAqBsD,CAAAA,IAAAA,CACnChF,IAAKiC,CAAAA,aAAAA,CACH,GAAIC,CAAAA,WAAAA,CAAY,YAAc,CAAA,CAC5BP,MAAQ,CAAA,CAAEb,IAAMY,CAAAA,CAAAA,CAAcsD,IAAMH,CAAAA,CAAAA,CAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CACpC1C,OAAS,CAAA,CAAA,CAAA,CACTC,QAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAIV4C,CAAMC,GAAAA,MAAAA,CAAOC,QAASF,CAAAA,IAAAA,CAAOA,CAEjChF,CAAAA,CAAAA,IAAAA,CAAKqC,aACN,CAAA,CAAA,EAED,GAAAf,GAAA,qBAAAmB,GAAA,UAAAA,IAAA,CAAY0C,KAAAA,mBAAAA,CAAAA,MAAAA,MACV,GAAKnF,GAAAA,mBAAAA,CAAAA,IAAAA,CAAKY,YAAcF,UAAAA,mBAAAA,WAAnBV,mBAAAA,CAAmBU,MAAAA,EAAQ,MAAO,KAAA,CAEvC,GAAM0E,CAAAA,CAAAA,CAAsC,OAAnBpF,GAAAA,IAAAA,CAAKI,SAAwB,CAAA,MAAA,CAAS,OAE/D,CAAA,MAAOJ,KAAKY,CAAAA,YAAAA,CAAayE,GAAI,CAAA,SAACvE,CAAMc,CAAAA,CAAAA,CAAAA,KAAAA,cAAAA,CAClC,GAAM0D,CAAAA,CAAAA,CAAqBxE,CAAayE,CAAAA,OAAAA,CAClCC,CACJ1E,CAAAA,CAAAA,CAAK2E,WAAc3E,CAAAA,CAAAA,CAAK4E,WACxB5E,EAAAA,CAAAA,CAAK6E,YAAe7E,CAAAA,CAAAA,CAAK8E,YAErBC,CAAAA,CAAAA,CAAUC,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,oMAEJlF,CAAAA,CAAKsD,YAAa,CAAA,UAAA,CAAA,CACpBpE,MAAAA,CAAKK,WAAgBuB,GAAAA,CAAAA,CACtB,iBAAM5B,CAAAA,OAAK2E,mBAAoB/C,CAAAA,CAAAA,CAAAA,GAEtCd,CAAKgE,CAAAA,WAAAA,EAGX,MAAOQ,CAAAA,CAAAA,EAAqBE,EACxBM,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,2LAEUlF,EAAAA,cAAAA,CAAAA,CAAAA,CAAKgE,oDAALhE,cAAAA,CAAkBiE,IAAU,CAAA,CAAA,GAAA,EAAA,CAE1BK,CAAAA,CAEVS,CAAAA,EAGNA,CAAO,EAAA,CAEd,EAKM,GAAAvE,GAAA,UAAA8B,KAAA,UAAA8C,MAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACL,GAAMC,CAAAA,CAA6B,CAAA,OAAA,GAAnBnG,IAAKI,CAAAA,SAAAA,CACfgG,CAAgBD,CAAAA,CAAAA,CAAU,YAAc,YACxCE,CAAAA,CAAAA,CAAeF,EAAU,YAAe,CAAA,WAAA,CACxCG,EAAkBH,CAAU,CAAA,YAAA,CAAe,cAEjD,CAAA,MAAOL,CAAAA,CAAI,CAAAS,gBAAA,GAAAA,gBAAA,CAAAP,sBAAA,kaAGFhG,IAAAA,CAAKE,KAgCJ,CAAA,IAAA,CA/BAF,IAAKC,CAAAA,SAAAA,CACH6F,CAAI,CAAAU,gBAAA,GAAAA,gBAAA,CAAAR,sBAAA,4uBAGYM,CAAAA,CASDtG,IAAK0E,CAAAA,cAAAA,CAEI0B,CAAAA,CAGhBpG,IAAKmF,CAAAA,iBAAAA,EAIbW,CAAI,CAAAW,gBAAA,GAAAA,gBAAA,CAAAT,sBAAA,2RAIShG,IAAK0E,CAAAA,cAAAA,CAEI2B,CAAAA,EAUpBrG,IAAAA,CAAKC,UAAY,eAAkB,CAAA,EAAA,CAI3B,UAAA,CACZD,MAAKqC,CAAAA,aAAAA,CAAAA,CAAAA,CACLrC,MAAK+D,CAAAA,mBAAAA,CAAAA,CAAAA,CACL/D,OAAK0D,mBAAqB,CAAA,CAAA,EAAA,EAMrC,CAAA,KAAApC,GAAA,UAAAmB,GAAA,CAhTM,SAAAA,IAAA,CAAWiE,CAChB,MAAO,CAACA,CACT,CAAA,EAED,MApBqCC,CAAhC,GACuCC,CAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEC,KAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,CAA0BnH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoH,SAAA,CAAA,WAAA,CAAA,IAAA,EAEDL,CAAAA,CAAAA,CAAAA,CAAA,CAA5DC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,OAAS,CAAA,CAAA,CAAA,CAAME,SAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsBrH,EAAAoH,SAAA,CAAA,OAAA,CAAA,IAAA,EAE/BL,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,SAAS,CAA4BnH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoH,SAAA,CAAA,aAAA,CAAA,IAAA,EAGrBL,CAAAA,CAAAA,CAAAA,CAAA,CAA1CC,CAAAA,CAAS,CAAEC,IAAMK,CAAAA,MAAAA,CAAQH,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA6CnH,CAAAoH,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAE/DL,EAAA,CAAhBQ,CAAAA,CAAAA,CAAAA,CAAAA,CAAyCvH,CAAAoH,CAAAA,SAAAA,CAAA,aAAA,CAAA,IAAA,EAAA,CAAA,CAEnBL,CAAA,CAAA,CAAtBS,EAAM,MAA8CxH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoH,SAAA,CAAA,aAAA,CAAA,IAAA,gBAZ1CpH,CAAiB+G,CAAAA,CAAAA,CAAA,CAD7BU,CAAAA,CAAc,wBACFzH"}

package/dist/nile-inline-sidebar/nile-inline-sidebar.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    height: 100%;\n  }\n  .sidebar {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: white;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    transition: width 0.3s ease;\n    position: relative;\n  }\n  .toggle-btn {\n    position: absolute;\n    top: var(--nile-spacing-2xl);\n    right: -14px;\n    z-index: 10;\n  }\n\n  nile-button.toggle-btn::part(base) {\n    width: 30px;\n    height: 30px;\n  }\n  :host(:not([collapsed])) .sidebar {\n    width: 216px;\n  }\n  :host([collapsed]) .sidebar {\n    width: 0px;\n  }\n  :host([collapsed]) .sidebar-nav {\n    display: none;\n  }\n  .sidebar-header {\n    display: flex;\n    justify-content: flex-end;\n  }\n  .sidebar-nav {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xs);\n    padding-right: var(--nile-spacing-xl);\n    padding-top: var(--nile-spacing-3xl);\n    padding-bottom: var(--nile-spacing-3xl);\n  }\n\n  nile-side-bar-action-menu {\n    width: fit-content;\n    max-width: 400px;\n    min-width: 200px;\n  }\n\n  nile-side-bar-action-menu::part(menu__items-wrapper) {\n    width: 100%;\n    max-width: 400px;\n    padding-top: var(--nile-spacing-lg);\n    padding-bottom: var(--nile-spacing-lg);\n  }\n\n  nile-side-bar-action-menu-item::part(base) {\n    width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n    border-radius: 0;\n    color: black;\n  }\n\n  nile-side-bar-action-menu-item[active]::part(base):hover {\n    background: var(--nile-colors-primary-100);\n    color: black;\n  }\n\n  nile-side-bar-action-menu-item::part(label) {\n    display: block;\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* Transition for sidebar button when it is closed and opened */\n  nile-side-bar-action::part(panel),\n  nile-side-bar-action-menu {\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.2s ease-in;\n    transition-delay: 50ms;\n  }\n\n  nile-side-bar-action:hover::part(panel),\n  nile-side-bar-action:hover nile-side-bar-action-menu {\n    opacity: 1;\n    pointer-events: auto;\n    transition-delay: 0ms;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    height: 100%;\n  }\n  .sidebar {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: white;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    transition: width 0.3s ease;\n    position: relative;\n  }\n  .toggle-btn {\n    position: absolute;\n    top: var(--nile-spacing-2xl);\n    right: -14px;\n    z-index: 10;\n  }\n\n  nile-button.toggle-btn::part(base) {\n    width: 30px;\n    height: 30px;\n  }\n  :host(:not([collapsed])) .sidebar {\n    width: 216px;\n  }\n  :host([collapsed]) .sidebar {\n    width: 0px;\n  }\n  :host([collapsed]) .sidebar-nav {\n    display: none;\n  }\n  .sidebar-header {\n    display: flex;\n    justify-content: flex-end;\n  }\n  .sidebar-nav {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xs);\n    padding-right: var(--nile-spacing-xl);\n    padding-top: var(--nile-spacing-3xl);\n    padding-bottom: var(--nile-spacing-3xl);\n  }\n\n  nile-side-bar-action-menu {\n    width: fit-content;\n    max-width: 400px;\n    min-width: 200px;\n  }\n\n  nile-side-bar-action-menu::part(menu__items-wrapper) {\n    width: 100%;\n    max-width: 400px;\n    padding-top: var(--nile-spacing-lg);\n    padding-bottom: var(--nile-spacing-lg);\n  }\n\n  nile-side-bar-action-menu-item::part(base) {\n    width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n    border-radius: 0;\n    color: black;\n  }\n\n  nile-side-bar-action-menu-item[active]::part(base):hover {\n    background: var(--nile-colors-primary-100);\n    color: black;\n  }\n\n  nile-side-bar-action-menu-item::part(label) {\n    display: block;\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* Transition for sidebar button when it is closed and opened */\n  nile-side-bar-action::part(panel),\n  nile-side-bar-action-menu {\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.2s ease-in;\n    transition-delay: 50ms;\n  }\n\n  nile-side-bar-action:hover::part(panel),\n  nile-side-bar-action:hover nile-side-bar-action-menu {\n    opacity: 1;\n    pointer-events: auto;\n    transition-delay: 0ms;\n  }\n\n  :host([placement='right']) .sidebar {\n    border-right: none;\n    border-left: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  :host([placement='right']) .toggle-btn {\n    right: auto;\n    left: -14px;\n  }\n\n  :host([placement='right']) .sidebar-header {\n    justify-content: flex-start;\n  }\n\n  :host([placement='right']) .sidebar-nav {\n    padding-right: 0;\n    padding-left: var(--nile-spacing-xl);\n  }\n"]))));}};});
 //# sourceMappingURL=nile-inline-sidebar.css.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-inline-sidebar.css.cjs.js","sources":["../../../src/nile-inline-sidebar/nile-inline-sidebar.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2025\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\nexport const styles = css`\n :host {\n display: block;\n height: 100%;\n }\n .sidebar {\n display: flex;\n flex-direction: column;\n height: 100%;\n background: white;\n border-right: 1px solid var(--nile-colors-neutral-400);\n transition: width 0.3s ease;\n position: relative;\n }\n .toggle-btn {\n position: absolute;\n top: var(--nile-spacing-2xl);\n right: -14px;\n z-index: 10;\n }\n\n nile-button.toggle-btn::part(base) {\n width: 30px;\n height: 30px;\n }\n :host(:not([collapsed])) .sidebar {\n width: 216px;\n }\n :host([collapsed]) .sidebar {\n width: 0px;\n }\n :host([collapsed]) .sidebar-nav {\n display: none;\n }\n .sidebar-header {\n display: flex;\n justify-content: flex-end;\n }\n .sidebar-nav {\n display: flex;\n flex-direction: column;\n gap: var(--nile-spacing-xs);\n padding-right: var(--nile-spacing-xl);\n padding-top: var(--nile-spacing-3xl);\n padding-bottom: var(--nile-spacing-3xl);\n }\n\n nile-side-bar-action-menu {\n width: fit-content;\n max-width: 400px;\n min-width: 200px;\n }\n\n nile-side-bar-action-menu::part(menu__items-wrapper) {\n width: 100%;\n max-width: 400px;\n padding-top: var(--nile-spacing-lg);\n padding-bottom: var(--nile-spacing-lg);\n }\n\n nile-side-bar-action-menu-item::part(base) {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n border-radius: 0;\n color: black;\n }\n\n nile-side-bar-action-menu-item[active]::part(base):hover {\n background: var(--nile-colors-primary-100);\n color: black;\n }\n\n nile-side-bar-action-menu-item::part(label) {\n display: block;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n / Transition for sidebar button when it is closed and opened */\n nile-side-bar-action::part(panel),\n nile-side-bar-action-menu {\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.2s ease-in;\n transition-delay: 50ms;\n }\n\n nile-side-bar-action:hover::part(panel),\n nile-side-bar-action:hover nile-side-bar-action-menu {\n opacity: 1;\n pointer-events: auto;\n transition-delay: 0ms;\n }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTASaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-inline-sidebar.css.cjs.js","sources":["../../../src/nile-inline-sidebar/nile-inline-sidebar.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2025\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\nexport const styles = css`\n :host {\n display: block;\n height: 100%;\n }\n .sidebar {\n display: flex;\n flex-direction: column;\n height: 100%;\n background: white;\n border-right: 1px solid var(--nile-colors-neutral-400);\n transition: width 0.3s ease;\n position: relative;\n }\n .toggle-btn {\n position: absolute;\n top: var(--nile-spacing-2xl);\n right: -14px;\n z-index: 10;\n }\n\n nile-button.toggle-btn::part(base) {\n width: 30px;\n height: 30px;\n }\n :host(:not([collapsed])) .sidebar {\n width: 216px;\n }\n :host([collapsed]) .sidebar {\n width: 0px;\n }\n :host([collapsed]) .sidebar-nav {\n display: none;\n }\n .sidebar-header {\n display: flex;\n justify-content: flex-end;\n }\n .sidebar-nav {\n display: flex;\n flex-direction: column;\n gap: var(--nile-spacing-xs);\n padding-right: var(--nile-spacing-xl);\n padding-top: var(--nile-spacing-3xl);\n padding-bottom: var(--nile-spacing-3xl);\n }\n\n nile-side-bar-action-menu {\n width: fit-content;\n max-width: 400px;\n min-width: 200px;\n }\n\n nile-side-bar-action-menu::part(menu__items-wrapper) {\n width: 100%;\n max-width: 400px;\n padding-top: var(--nile-spacing-lg);\n padding-bottom: var(--nile-spacing-lg);\n }\n\n nile-side-bar-action-menu-item::part(base) {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n border-radius: 0;\n color: black;\n }\n\n nile-side-bar-action-menu-item[active]::part(base):hover {\n background: var(--nile-colors-primary-100);\n color: black;\n }\n\n nile-side-bar-action-menu-item::part(label) {\n display: block;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n / Transition for sidebar button when it is closed and opened */\n nile-side-bar-action::part(panel),\n nile-side-bar-action-menu {\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.2s ease-in;\n transition-delay: 50ms;\n }\n\n nile-side-bar-action:hover::part(panel),\n nile-side-bar-action:hover nile-side-bar-action-menu {\n opacity: 1;\n pointer-events: auto;\n transition-delay: 0ms;\n }\n\n :host([placement='right']) .sidebar {\n border-right: none;\n border-left: 1px solid var(--nile-colors-neutral-400);\n }\n\n :host([placement='right']) .toggle-btn {\n right: auto;\n left: -14px;\n }\n\n :host([placement='right']) .sidebar-header {\n justify-content: flex-start;\n }\n\n :host([placement='right']) .sidebar-nav {\n padding-right: 0;\n padding-left: var(--nile-spacing-xl);\n }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTASaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-inline-sidebar/nile-inline-sidebar.css.esm.js CHANGED Viewed

@@ -94,4 +94,23 @@ import{css as i}from"lit";const e=i`
     pointer-events: auto;
     transition-delay: 0ms;
   }
+  :host([placement='right']) .sidebar {
+    border-right: none;
+    border-left: 1px solid var(--nile-colors-neutral-400);
+  }
+  :host([placement='right']) .toggle-btn {
+    right: auto;
+    left: -14px;
+  }
+  :host([placement='right']) .sidebar-header {
+    justify-content: flex-start;
+  }
+  :host([placement='right']) .sidebar-nav {
+    padding-right: 0;
+    padding-left: var(--nile-spacing-xl);
+  }
 `;export{e as s};

package/dist/nile-inline-sidebar/nile-inline-sidebar.esm.js CHANGED Viewed

@@ -1,26 +1,26 @@
-import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as i,state as s,query as n,customElement as l}from"lit/decorators.js";import{s as o}from"./nile-inline-sidebar.css.esm.js";import{N as a}from"../internal/nile-element.esm.js";let r=class extends a{constructor(){super(...arguments),this.collapsed=!1,this.fixed=!1,this.showTooltip=!1,this.activeIndex=-1,this.handleItemSelect=t=>{const e=t.detail.item,i=this.sidebarItems.indexOf(e);this.sidebarItems.forEach(((t,e)=>t.active=e===i)),this.activeIndex=i,this.dispatchEvent(new CustomEvent("nile-change",{detail:{selectedItem:e,index:i},bubbles:!0,composed:!0})),this.requestUpdate()}}static get styles(){return[o]}get sidebarItems(){if(!this.defaultSlot)return[];return this.defaultSlot.assignedElements({flatten:!0}).flatMap((t=>"nile-inline-sidebar-item"===t.tagName.toLowerCase()?[t]:Array.from(t.querySelectorAll("nile-inline-sidebar-item"))))}connectedCallback(){super.connectedCallback(),this.addEventListener("nile-click",this.handleItemSelect),this.mutationObserver=new MutationObserver((()=>this.syncActiveFromItems()))}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.removeEventListener("nile-click",this.handleItemSelect)}firstUpdated(){this.observeSidebarItems(),this.syncActiveFromItems(),this.fixed&&(this.collapsed=!1)}observeSidebarItems(){this.sidebarItems?.length&&this.mutationObserver&&this.sidebarItems.forEach((t=>this.mutationObserver.observe(t,{attributes:!0,attributeFilter:["active"]})))}syncActiveFromItems(){if(!this.sidebarItems?.length)return;const t=this.sidebarItems.findIndex((t=>t.hasAttribute("active")));-1!==t&&t!==this.activeIndex&&(this.activeIndex=t,this.requestUpdate())}toggleCollapse(){this.fixed||(this.collapsed=!this.collapsed,this.dispatchEvent(new CustomEvent("nile-toggle",{detail:{collapsed:this.collapsed},bubbles:!0,composed:!0})))}handleMenuItemClick(t){const e=this.sidebarItems[t];if(!e||e.hasAttribute("disabled"))return;this.sidebarItems.forEach(((e,i)=>e.active=i===t)),this.activeIndex=t;const i=e.textContent?.trim()||"",s=e.href;this.dispatchEvent(new CustomEvent("nile-click",{detail:{item:e,href:s,text:i},bubbles:!0,composed:!0})),s&&(window.location.href=s),this.requestUpdate()}get menuItemsTemplate(){return this.sidebarItems?.length?this.sidebarItems.map(((t,i)=>{const s=t.tooltip,n=t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight,l=e`
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as i,state as s,query as n,customElement as l}from"lit/decorators.js";import{s as o}from"./nile-inline-sidebar.css.esm.js";import{N as a}from"../internal/nile-element.esm.js";let r=class extends a{constructor(){super(...arguments),this.collapsed=!1,this.fixed=!1,this.showTooltip=!1,this.placement="left",this.activeIndex=-1,this.handleKeyDown=t=>{if(this.collapsed)return;const e=this.focusableItems;if(!e.length)return;const i=this.sidebarItems.find((t=>t===document.activeElement||t===this.shadowRoot?.activeElement||t.matches(":focus-within"))),s=i?e.indexOf(i):-1;let n=null;switch(t.key){case"ArrowDown":n=s<e.length-1?s+1:0;break;case"ArrowUp":n=s>0?s-1:e.length-1;break;case"Home":n=0;break;case"End":n=e.length-1;break;default:return}t.preventDefault(),null!==n&&e[n]&&this.focusItem(e[n])},this.handleItemSelect=t=>{const e=t.detail.item,i=this.sidebarItems.indexOf(e);this.sidebarItems.forEach(((t,e)=>t.active=e===i)),this.activeIndex=i,this.updateTabIndices(),this.dispatchEvent(new CustomEvent("nile-change",{detail:{selectedItem:e,index:i},bubbles:!0,composed:!0})),this.requestUpdate()}}static get styles(){return[o]}get sidebarItems(){if(!this.defaultSlot)return[];return this.defaultSlot.assignedElements({flatten:!0}).flatMap((t=>"nile-inline-sidebar-item"===t.tagName.toLowerCase()?[t]:Array.from(t.querySelectorAll("nile-inline-sidebar-item"))))}connectedCallback(){super.connectedCallback(),this.addEventListener("nile-click",this.handleItemSelect),this.addEventListener("keydown",this.handleKeyDown),this.mutationObserver=new MutationObserver((()=>this.syncActiveFromItems()))}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.removeEventListener("nile-click",this.handleItemSelect),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this.observeSidebarItems(),this.syncActiveFromItems(),this.fixed&&(this.collapsed=!1)}observeSidebarItems(){this.sidebarItems?.length&&this.mutationObserver&&this.sidebarItems.forEach((t=>this.mutationObserver.observe(t,{attributes:!0,attributeFilter:["active"]})))}syncActiveFromItems(){if(!this.sidebarItems?.length)return;const t=this.sidebarItems.findIndex((t=>t.hasAttribute("active")));-1!==t&&t!==this.activeIndex&&(this.activeIndex=t,this.requestUpdate()),this.updateTabIndices()}get focusableItems(){return this.sidebarItems.filter((t=>!t.hasAttribute("disabled")))}updateTabIndices(){const t=this.sidebarItems;if(!t.length)return;const e=this.activeIndex>=0?t[this.activeIndex]:null;t.forEach((t=>{t.hasAttribute("disabled")?t.setAttribute("tabindex","-1"):t===e?t.setAttribute("tabindex","0"):e||t!==this.focusableItems[0]?t.setAttribute("tabindex","-1"):t.setAttribute("tabindex","0")}))}focusItem(t){this.sidebarItems.forEach((t=>t.setAttribute("tabindex","-1"))),t.setAttribute("tabindex","0"),t.focus()}toggleCollapse(){this.fixed||(this.collapsed=!this.collapsed,this.dispatchEvent(new CustomEvent("nile-toggle",{detail:{collapsed:this.collapsed},bubbles:!0,composed:!0})))}handleMenuItemClick(t){const e=this.sidebarItems[t];if(!e||e.hasAttribute("disabled"))return;this.sidebarItems.forEach(((e,i)=>e.active=i===t)),this.activeIndex=t;const i=e.textContent?.trim()||"",s=e.href;this.dispatchEvent(new CustomEvent("nile-click",{detail:{item:e,href:s,text:i},bubbles:!0,composed:!0})),s&&(window.location.href=s),this.requestUpdate()}get menuItemsTemplate(){if(!this.sidebarItems?.length)return null;const t="right"===this.placement?"left":"right";return this.sidebarItems.map(((i,s)=>{const n=i.tooltip,l=i.scrollWidth>i.clientWidth||i.scrollHeight>i.clientHeight,o=e`
         <nile-side-bar-action-menu-item
-          ?disabled=${t.hasAttribute("disabled")}
-          ?active=${this.activeIndex===i}
-          @click=${()=>this.handleMenuItemClick(i)}
+          ?disabled=${i.hasAttribute("disabled")}
+          ?active=${this.activeIndex===s}
+          @click=${()=>this.handleMenuItemClick(s)}
         >
-          ${t.textContent}
+          ${i.textContent}
         </nile-side-bar-action-menu-item>
-      `;return s||n?e`
+      `;return n||l?e`
             <nile-tooltip
-              content=${t.textContent?.trim()||""}
+              content=${i.textContent?.trim()||""}
               hoist
-              placement="right"
+              placement=${t}
             >
-              ${l}
+              ${o}
             </nile-tooltip>
-          `:l})):null}render(){return e`
+          `:o}))}render(){const t="right"===this.placement,i=t?"menu_open":"menu_close",s=t?"menu_close":"menu_open",n=t?"bottom-end":"bottom-start";return e`
       <div class="sidebar" part="base">
         <div class="sidebar-header" part="header">
           ${this.fixed?null:this.collapsed?e`
                   <nile-side-bar-action
                     class="toggle-action"
-                    placement="bottom-start"
+                    placement=${n}
                     hoist
                     open
                     triggerDropdown="hover"
@@ -31,7 +31,7 @@ import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as
                       variant="tertiary"
                       @click=${this.toggleCollapse}
                     >
-                      <nile-icon name="menu_close"></nile-icon>
+                      <nile-icon name=${i}></nile-icon>
                     </nile-button>
                     <nile-side-bar-action-menu>
                       ${this.menuItemsTemplate}
@@ -43,13 +43,15 @@ import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as
                     variant="tertiary"
                     @click=${this.toggleCollapse}
                   >
-                    <nile-icon name="menu_open"></nile-icon>
+                    <nile-icon name=${s}></nile-icon>
                   </nile-button>
                 `}
         </div>
         <nav
           class="sidebar-nav"
+          role="navigation"
+          aria-label="Sidebar"
           style=${this.collapsed?"display:none;":""}
           part="nav-items"
         >
@@ -58,4 +60,4 @@ import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as
           ></slot>
         </nav>
       </div>
-    `}};t([i({type:Boolean,reflect:!0})],r.prototype,"collapsed",void 0),t([i({type:Boolean,reflect:!0,attribute:!0})],r.prototype,"fixed",void 0),t([i({type:Boolean,reflect:!0})],r.prototype,"showTooltip",void 0),t([s()],r.prototype,"activeIndex",void 0),t([n("slot")],r.prototype,"defaultSlot",void 0),r=t([l("nile-inline-sidebar")],r);export{r as N};
+    `}};t([i({type:Boolean,reflect:!0})],r.prototype,"collapsed",void 0),t([i({type:Boolean,reflect:!0,attribute:!0})],r.prototype,"fixed",void 0),t([i({type:Boolean,reflect:!0})],r.prototype,"showTooltip",void 0),t([i({type:String,reflect:!0})],r.prototype,"placement",void 0),t([s()],r.prototype,"activeIndex",void 0),t([n("slot")],r.prototype,"defaultSlot",void 0),r=t([l("nile-inline-sidebar")],r);export{r as N};