@aquera/nile-elements 1.0.1 → 1.1.0-beta-1.0

package/dist/nile-tree-item/nile-tree-item.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-tree-item.cjs.js","sources":["../../../src/nile-tree-item/nile-tree-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, CSSResultArray, TemplateResult} from 'lit';\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { html } from 'lit';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../internal/watch';\nimport { when } from 'lit/directives/when.js';\nimport type { CSSResultGroup, PropertyValueMap } from 'lit';\nimport {styles} from './nile-tree-item.css';\nimport NileElement from '../internal/nile-element';\nimport '../nile-checkbox/nile-checkbox';\nimport '../nile-icon';\nimport '../nile-spinner/nile-spinner';\n\n/**\n * @summary A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).\n *\n * @dependency nile-checkbox\n * @dependency nile-icon\n * @dependency nile-spinner\n *\n * @event nile-expand - Emitted when the tree item expands.\n * @event nile-after-expand - Emitted after the tree item expands and all animations are complete.\n * @event nile-collapse - Emitted when the tree item collapses.\n * @event nile-after-collapse - Emitted after the tree item collapses and all animations are complete.\n * @event nile-lazy-change - Emitted when the tree item's lazy state changes.\n * @event nile-lazy-load - Emitted when a lazy item is selected. Use this event to asynchronously load data and append\n *  items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading\n *  state and update the tree.\n *\n * @slot - The default slot.\n * @slot expand-icon - The icon to show when the tree item is expanded.\n * @slot collapse-icon - The icon to show when the tree item is collapsed.\n *\n * @csspart base - The component's base wrapper.\n * @csspart item - The tree item's container. This element wraps everything except slotted tree item children.\n * @csspart item--disabled - Applied when the tree item is disabled.\n * @csspart item--expanded - Applied when the tree item is expanded.\n * @csspart item--indeterminate - Applied when the selection is indeterminate.\n * @csspart item--selected - Applied when the tree item is selected.\n * @csspart indentation - The tree item's indentation container.\n * @csspart expand-button - The container that wraps the tree item's expand button and spinner.\n * @csspart label - The tree item's label.\n * @csspart children - The container that wraps the tree item's nested children.\n * @csspart checkbox - The checkbox that shows when using multiselect.\n * @csspart checkbox__base - The checkbox's exported `base` part.\n * @csspart checkbox__control - The checkbox's exported `control` part.\n * @csspart checkbox__control--checked - The checkbox's exported `control--checked` part.\n * @csspart checkbox__control--indeterminate - The checkbox's exported `control--indeterminate` part.\n * @csspart checkbox__checked-icon - The checkbox's exported `checked-icon` part.\n * @csspart checkbox__indeterminate-icon - The checkbox's exported `indeterminate-icon` part.\n * @csspart checkbox__label - The checkbox's exported `label` part.\n */\n@customElement('nile-tree-item')\nexport class NileTreeItem extends NileElement {\n\n  static styles: CSSResultGroup = styles;\n\n  static isTreeItem(node: Node) {\n    return node instanceof Element && node.getAttribute('role') === 'treeitem';\n  }\n\n\n  @state() indeterminate = false;\n  @state() isLeaf = false;\n  @state() loading = false;\n  @state() selectable = false;\n\n  /** Expands the tree item. */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  /** Draws the tree item in a selected state. */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /** Disables the tree item. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Enables lazy loading behavior. */\n  @property({ type: Boolean, reflect: true }) lazy = false;\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n  @query('slot[name=children]') childrenSlot: HTMLSlotElement;\n  @query('.tree-item__item') itemElement: HTMLDivElement;\n  @query('.tree-item__children') childrenContainer: HTMLDivElement;\n  @query('.tree-item__expand-button slot') expandButtonSlot: HTMLSlotElement;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.setAttribute('role', 'treeitem');\n    this.setAttribute('tabindex', '-1');\n\n    if (this.isNestedItem()) {\n      this.slot = 'children';\n    }\n  }\n\n  firstUpdated() {\n    this.childrenContainer.hidden = !this.expanded;\n    this.childrenContainer.style.height = this.expanded ? 'auto' : '0';\n\n    this.isLeaf = !this.lazy && this.getChildrenItems().length === 0;\n    this.handleExpandedChange();\n  }\n\n  private async animateCollapse() {\n    this.emit('nile-collapse');\n\n    await stopAnimations(this.childrenContainer);\n\n    const { keyframes, options } = getAnimation(this, 'tree-item.collapse', { dir: 'ltr' });\n    await animateTo(\n      this.childrenContainer,\n      shimKeyframesHeightAuto(keyframes, this.childrenContainer.scrollHeight),\n      options\n    );\n    this.childrenContainer.hidden = true;\n\n    this.emit('nile-after-collapse');\n  }\n\n  // Checks whether the item is nested into an item\n  private isNestedItem(): boolean {\n    const parent = this.parentElement;\n    return !!parent && NileTreeItem.isTreeItem(parent);\n  }\n\n  private handleChildrenSlotChange() {\n    this.loading = false;\n    this.isLeaf = !this.lazy && this.getChildrenItems().length === 0;\n  }\n\n  protected willUpdate(changedProperties: PropertyValueMap<NileTreeItem> | Map<PropertyKey, unknown>) {\n    if (changedProperties.has('selected') && !changedProperties.has('indeterminate')) {\n      this.indeterminate = false;\n    }\n  }\n\n  private async animateExpand() {\n    this.emit('nile-expand');\n\n    await stopAnimations(this.childrenContainer);\n    this.childrenContainer.hidden = false;\n\n    const { keyframes, options } = getAnimation(this, 'tree-item.expand', { dir: 'ltr' });\n    await animateTo(\n      this.childrenContainer,\n      shimKeyframesHeightAuto(keyframes, this.childrenContainer.scrollHeight),\n      options\n    );\n    this.childrenContainer.style.height = 'auto';\n\n    this.emit('nile-after-expand');\n  }\n\n  @watch('loading', { waitUntilFirstUpdate: true })\n  handleLoadingChange() {\n    this.setAttribute('aria-busy', this.loading ? 'true' : 'false');\n\n    if (!this.loading) {\n      this.animateExpand();\n    }\n  }\n\n  @watch('disabled')\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  @watch('selected')\n  handleSelectedChange() {\n    this.setAttribute('aria-selected', this.selected ? 'true' : 'false');\n  }\n\n  @watch('expanded', { waitUntilFirstUpdate: true })\n  handleExpandedChange() {\n    if (!this.isLeaf) {\n      this.setAttribute('aria-expanded', this.expanded ? 'true' : 'false');\n    } else {\n      this.removeAttribute('aria-expanded');\n    }\n  }\n\n  @watch('expanded', { waitUntilFirstUpdate: true })\n  handleExpandAnimation() {\n    if (this.expanded) {\n      if (this.lazy) {\n        this.loading = true;\n\n        this.emit('nile-lazy-load');\n      } else {\n        this.animateExpand();\n      }\n    } else {\n      this.animateCollapse();\n    }\n  }\n\n  @watch('lazy', { waitUntilFirstUpdate: true })\n  handleLazyChange() {\n    this.emit('nile-lazy-change');\n  }\n\n  /** Gets all the nested tree items in this node. */\n  getChildrenItems({ includeDisabled = true }: { includeDisabled?: boolean } = {}): NileTreeItem[] {\n    return this.childrenSlot\n      ? ([...this.childrenSlot.assignedElements({ flatten: true })].filter(\n          (item: NileTreeItem) => NileTreeItem.isTreeItem(item) && (includeDisabled || !item.disabled)\n        ) as NileTreeItem[])\n      : [];\n  }\n\n  render() {\n    const isRtl = false;\n    const showExpandButton = !this.loading && (!this.isLeaf || this.lazy);\n\n    return html`\n      <div\n        part=\"base\"\n        class=\"${classMap({\n          'tree-item': true,\n          'tree-item--expanded': this.expanded,\n          'tree-item--selected': this.selected,\n          'tree-item--disabled': this.disabled,\n          'tree-item--leaf': this.isLeaf,\n          'tree-item--has-expand-button': showExpandButton,\n          'tree-item--rtl': false\n        })}\"\n      >\n        <div\n          class=\"tree-item__item\"\n          part=\"\n            item\n            ${this.disabled ? 'item--disabled' : ''}\n            ${this.expanded ? 'item--expanded' : ''}\n            ${this.indeterminate ? 'item--indeterminate' : ''}\n            ${this.selected ? 'item--selected' : ''}\n          \"\n        >\n          <div class=\"tree-item__indentation\" part=\"indentation\"></div>\n\n          <div\n            part=\"expand-button\"\n            class=${classMap({\n              'tree-item__expand-button': true,\n              'tree-item__expand-button--visible': showExpandButton\n            })}\n            aria-hidden=\"true\"\n          >\n            ${when(this.loading, () => html` <nile-spinner></nile-spinner> `)}\n            <slot class=\"tree-item__expand-icon-slot\" name=\"expand-icon\">\n              <nile-icon library=\"system\" name=${isRtl ? 'var(--nile-icon-arrow-left, var(--ng-icon-chevron-left))' : 'var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))'} method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></nile-icon>\n            </slot>\n            <slot class=\"tree-item__expand-icon-slot\" name=\"collapse-icon\">\n              <nile-icon library=\"system\" name=${isRtl ? 'var(--nile-icon-arrow-left, var(--ng-icon-chevron-left))' : 'var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))'} method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></nile-icon>\n            </slot>\n          </div>\n\n          ${when(\n            this.selectable,\n            () =>\n              html`\n                <nile-checkbox\n                  part=\"checkbox\"\n                  exportparts=\"\n                    base:checkbox__base,\n                    control:checkbox__control,\n                    control--checked:checkbox__control--checked,\n                    control--indeterminate:checkbox__control--indeterminate,\n                    checked-icon:checkbox__checked-icon,\n                    indeterminate-icon:checkbox__indeterminate-icon,\n                    label:checkbox__label\n                  \"\n                  class=\"tree-item__checkbox\"\n                  ?disabled=\"${this.disabled}\"\n                  ?checked=\"${live(this.selected)}\"\n                  ?indeterminate=\"${this.indeterminate}\"\n                  tabindex=\"-1\"\n                ></nile-checkbox>\n              `\n          )}\n\n          <slot class=\"tree-item__label\" part=\"label\"></slot>\n        </div>\n\n        <slot\n          name=\"children\"\n          class=\"tree-item__children\"\n          part=\"children\"\n          role=\"group\"\n          @slotchange=\"${this.handleChildrenSlotChange}\"\n        ></slot>\n      </div>\n    `;\n  }\n}\n\nsetDefaultAnimation('tree-item.expand', {\n  keyframes: [\n    { height: '0', opacity: '0', overflow: 'hidden' },\n    { height: 'auto', opacity: '1', overflow: 'hidden' }\n  ],\n  options: { duration: 250, easing: 'cubic-bezier(0.4, 0.0, 0.2, 1)' }\n});\n\nsetDefaultAnimation('tree-item.collapse', {\n  keyframes: [\n    { height: 'auto', opacity: '1', overflow: 'hidden' },\n    { height: '0', opacity: '0', overflow: 'hidden' }\n  ],\n  options: { duration: 200, easing: 'cubic-bezier(0.4, 0.0, 0.2, 1)' }\n});\n\n\nexport default NileTreeItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-tree-item': NileTreeItem;\n  }\n}\n"],"names":["NileTreeItem","NileTreeItem_1","_h","u","this","indeterminate","isLeaf","loading","selectable","expanded","selected","disabled","lazy","_this","_inherits","_createClass","key","value","connectedCallback","super","setAttribute","isNestedItem","slot","firstUpdated","childrenContainer","hidden","style","height","getChildrenItems","length","handleExpandedChange","_animateCollapse","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_p","i","c","wrap","_callee$","_context2","prev","next","emit","stopAnimations","getAnimation","dir","animateTo","keyframes","options","shimKeyframesHeightAuto","scrollHeight","stop","animateCollapse","parent","parentElement","isTreeItem","handleChildrenSlotChange","willUpdate","changedProperties","has","_animateExpand","_callee2","_p2","_callee2$","_context3","animateExpand","handleLoadingChange","handleDisabledChange","handleSelectedChange","removeAttribute","handleExpandAnimation","handleLazyChange","_ref","arguments","undefined","_ref$includeDisabled","includeDisabled","childrenSlot","_toConsumableArray","assignedElements","flatten","filter","item","render","_this2","showExpandButton","html","_templateObject","_taggedTemplateLiteral","classMap","when","_templateObject2","_templateObject3","live","node","Element","getAttribute","NileElement","styles","__decorate","state","prototype","property","type","Boolean","reflect","query","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","overflow","duration","easing","_export","NileTreeItem$1"],"mappings":"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"}
+{"version":3,"file":"nile-tree-item.cjs.js","sources":["../../../src/nile-tree-item/nile-tree-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, CSSResultArray, TemplateResult} from 'lit';\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { html } from 'lit';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../internal/watch';\nimport { when } from 'lit/directives/when.js';\nimport type { CSSResultGroup, PropertyValueMap } from 'lit';\nimport {styles} from './nile-tree-item.css';\nimport NileElement from '../internal/nile-element';\nimport '../nile-checkbox/nile-checkbox';\nimport '../nile-icon';\nimport '../nile-spinner/nile-spinner';\n\n/**\n * @summary A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).\n *\n * @dependency nile-checkbox\n * @dependency nile-icon\n * @dependency nile-spinner\n *\n * @event nile-expand - Emitted when the tree item expands.\n * @event nile-after-expand - Emitted after the tree item expands and all animations are complete.\n * @event nile-collapse - Emitted when the tree item collapses.\n * @event nile-after-collapse - Emitted after the tree item collapses and all animations are complete.\n * @event nile-lazy-change - Emitted when the tree item's lazy state changes.\n * @event nile-lazy-load - Emitted when a lazy item is selected. Use this event to asynchronously load data and append\n *  items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading\n *  state and update the tree.\n *\n * @slot - The default slot.\n * @slot expand-icon - The icon to show when the tree item is expanded.\n * @slot collapse-icon - The icon to show when the tree item is collapsed.\n *\n * @csspart base - The component's base wrapper.\n * @csspart item - The tree item's container. This element wraps everything except slotted tree item children.\n * @csspart item--disabled - Applied when the tree item is disabled.\n * @csspart item--expanded - Applied when the tree item is expanded.\n * @csspart item--indeterminate - Applied when the selection is indeterminate.\n * @csspart item--selected - Applied when the tree item is selected.\n * @csspart indentation - The tree item's indentation container.\n * @csspart expand-button - The container that wraps the tree item's expand button and spinner.\n * @csspart label - The tree item's label.\n * @csspart children - The container that wraps the tree item's nested children.\n * @csspart checkbox - The checkbox that shows when using multiselect.\n * @csspart checkbox__base - The checkbox's exported `base` part.\n * @csspart checkbox__control - The checkbox's exported `control` part.\n * @csspart checkbox__control--checked - The checkbox's exported `control--checked` part.\n * @csspart checkbox__control--indeterminate - The checkbox's exported `control--indeterminate` part.\n * @csspart checkbox__checked-icon - The checkbox's exported `checked-icon` part.\n * @csspart checkbox__indeterminate-icon - The checkbox's exported `indeterminate-icon` part.\n * @csspart checkbox__label - The checkbox's exported `label` part.\n */\n@customElement('nile-tree-item')\nexport class NileTreeItem extends NileElement {\n\n  static styles: CSSResultGroup = styles;\n\n  static isTreeItem(node: Node) {\n    return node instanceof Element && node.getAttribute('role') === 'treeitem';\n  }\n\n\n  @state() indeterminate = false;\n  @state() isLeaf = false;\n  @state() loading = false;\n  @state() selectable = false;\n\n  /** Expands the tree item. */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  /** Draws the tree item in a selected state. */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /** Disables the tree item. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Enables lazy loading behavior. */\n  @property({ type: Boolean, reflect: true }) lazy = false;\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n  @query('slot[name=children]') childrenSlot: HTMLSlotElement;\n  @query('.tree-item__item') itemElement: HTMLDivElement;\n  @query('.tree-item__children') childrenContainer: HTMLDivElement;\n  @query('.tree-item__expand-button slot') expandButtonSlot: HTMLSlotElement;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.setAttribute('role', 'treeitem');\n    this.setAttribute('tabindex', '-1');\n\n    if (this.isNestedItem()) {\n      this.slot = 'children';\n    }\n  }\n\n  firstUpdated() {\n    this.childrenContainer.hidden = !this.expanded;\n    this.childrenContainer.style.height = this.expanded ? 'auto' : '0';\n\n    this.isLeaf = !this.lazy && this.getChildrenItems().length === 0;\n    this.handleExpandedChange();\n  }\n\n  private async animateCollapse() {\n    this.emit('nile-collapse');\n\n    await stopAnimations(this.childrenContainer);\n\n    const { keyframes, options } = getAnimation(this, 'tree-item.collapse', { dir: 'ltr' });\n    await animateTo(\n      this.childrenContainer,\n      shimKeyframesHeightAuto(keyframes, this.childrenContainer.scrollHeight),\n      options\n    );\n    this.childrenContainer.hidden = true;\n\n    this.emit('nile-after-collapse');\n  }\n\n  // Checks whether the item is nested into an item\n  private isNestedItem(): boolean {\n    const parent = this.parentElement;\n    return !!parent && NileTreeItem.isTreeItem(parent);\n  }\n\n  private handleChildrenSlotChange() {\n    this.loading = false;\n    this.isLeaf = !this.lazy && this.getChildrenItems().length === 0;\n  }\n\n  protected willUpdate(changedProperties: PropertyValueMap<NileTreeItem> | Map<PropertyKey, unknown>) {\n    if (changedProperties.has('selected') && !changedProperties.has('indeterminate')) {\n      this.indeterminate = false;\n    }\n  }\n\n  private async animateExpand() {\n    this.emit('nile-expand');\n\n    await stopAnimations(this.childrenContainer);\n    this.childrenContainer.hidden = false;\n\n    const { keyframes, options } = getAnimation(this, 'tree-item.expand', { dir: 'ltr' });\n    await animateTo(\n      this.childrenContainer,\n      shimKeyframesHeightAuto(keyframes, this.childrenContainer.scrollHeight),\n      options\n    );\n    this.childrenContainer.style.height = 'auto';\n\n    this.emit('nile-after-expand');\n  }\n\n  @watch('loading', { waitUntilFirstUpdate: true })\n  handleLoadingChange() {\n    this.setAttribute('aria-busy', this.loading ? 'true' : 'false');\n\n    if (!this.loading) {\n      this.animateExpand();\n    }\n  }\n\n  @watch('disabled')\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  @watch('selected')\n  handleSelectedChange() {\n    this.setAttribute('aria-selected', this.selected ? 'true' : 'false');\n  }\n\n  @watch('expanded', { waitUntilFirstUpdate: true })\n  handleExpandedChange() {\n    if (!this.isLeaf) {\n      this.setAttribute('aria-expanded', this.expanded ? 'true' : 'false');\n    } else {\n      this.removeAttribute('aria-expanded');\n    }\n  }\n\n  @watch('expanded', { waitUntilFirstUpdate: true })\n  handleExpandAnimation() {\n    if (this.expanded) {\n      if (this.lazy) {\n        this.loading = true;\n\n        this.emit('nile-lazy-load');\n      } else {\n        this.animateExpand();\n      }\n    } else {\n      this.animateCollapse();\n    }\n  }\n\n  @watch('lazy', { waitUntilFirstUpdate: true })\n  handleLazyChange() {\n    this.emit('nile-lazy-change');\n  }\n\n  /** Gets all the nested tree items in this node. */\n  getChildrenItems({ includeDisabled = true }: { includeDisabled?: boolean } = {}): NileTreeItem[] {\n    return this.childrenSlot\n      ? ([...this.childrenSlot.assignedElements({ flatten: true })].filter(\n          (item: NileTreeItem) => NileTreeItem.isTreeItem(item) && (includeDisabled || !item.disabled)\n        ) as NileTreeItem[])\n      : [];\n  }\n\n  render() {\n    const isRtl = false;\n    const showExpandButton = !this.loading && (!this.isLeaf || this.lazy);\n\n    return html`\n      <div\n        part=\"base\"\n        class=\"${classMap({\n          'tree-item': true,\n          'tree-item--expanded': this.expanded,\n          'tree-item--selected': this.selected,\n          'tree-item--disabled': this.disabled,\n          'tree-item--leaf': this.isLeaf,\n          'tree-item--has-expand-button': showExpandButton,\n          'tree-item--rtl': false\n        })}\"\n      >\n        <div\n          class=\"tree-item__item\"\n          part=\"\n            item\n            ${this.disabled ? 'item--disabled' : ''}\n            ${this.expanded ? 'item--expanded' : ''}\n            ${this.indeterminate ? 'item--indeterminate' : ''}\n            ${this.selected ? 'item--selected' : ''}\n          \"\n        >\n          <div class=\"tree-item__indentation\" part=\"indentation\"></div>\n\n          <div\n            part=\"expand-button\"\n            class=${classMap({\n              'tree-item__expand-button': true,\n              'tree-item__expand-button--visible': showExpandButton\n            })}\n            aria-hidden=\"true\"\n          >\n            ${when(this.loading, () => html` <nile-spinner></nile-spinner> `)}\n            <slot class=\"tree-item__expand-icon-slot\" name=\"expand-icon\">\n              <nile-icon library=\"system\" name=${isRtl ? 'arrowleft' : 'arrowright'}></nile-icon>\n            </slot>\n            <slot class=\"tree-item__expand-icon-slot\" name=\"collapse-icon\">\n              <nile-icon library=\"system\" name=${isRtl ? 'arrowleft' : 'arrowright'}></nile-icon>\n            </slot>\n          </div>\n\n          ${when(\n            this.selectable,\n            () =>\n              html`\n                <nile-checkbox\n                  part=\"checkbox\"\n                  exportparts=\"\n                    base:checkbox__base,\n                    control:checkbox__control,\n                    control--checked:checkbox__control--checked,\n                    control--indeterminate:checkbox__control--indeterminate,\n                    checked-icon:checkbox__checked-icon,\n                    indeterminate-icon:checkbox__indeterminate-icon,\n                    label:checkbox__label\n                  \"\n                  class=\"tree-item__checkbox\"\n                  ?disabled=\"${this.disabled}\"\n                  ?checked=\"${live(this.selected)}\"\n                  ?indeterminate=\"${this.indeterminate}\"\n                  tabindex=\"-1\"\n                ></nile-checkbox>\n              `\n          )}\n\n          <slot class=\"tree-item__label\" part=\"label\"></slot>\n        </div>\n\n        <slot\n          name=\"children\"\n          class=\"tree-item__children\"\n          part=\"children\"\n          role=\"group\"\n          @slotchange=\"${this.handleChildrenSlotChange}\"\n        ></slot>\n      </div>\n    `;\n  }\n}\n\nsetDefaultAnimation('tree-item.expand', {\n  keyframes: [\n    { height: '0', opacity: '0', overflow: 'hidden' },\n    { height: 'auto', opacity: '1', overflow: 'hidden' }\n  ],\n  options: { duration: 250, easing: 'cubic-bezier(0.4, 0.0, 0.2, 1)' }\n});\n\nsetDefaultAnimation('tree-item.collapse', {\n  keyframes: [\n    { height: 'auto', opacity: '1', overflow: 'hidden' },\n    { height: '0', opacity: '0', overflow: 'hidden' }\n  ],\n  options: { duration: 200, easing: 'cubic-bezier(0.4, 0.0, 0.2, 1)' }\n});\n\n\nexport default NileTreeItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-tree-item': NileTreeItem;\n  }\n}\n"],"names":["NileTreeItem","NileTreeItem_1","_h","u","this","indeterminate","isLeaf","loading","selectable","expanded","selected","disabled","lazy","_this","_inherits","_createClass","key","value","connectedCallback","super","setAttribute","isNestedItem","slot","firstUpdated","childrenContainer","hidden","style","height","getChildrenItems","length","handleExpandedChange","_animateCollapse","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_p","i","c","wrap","_callee$","_context2","prev","next","emit","stopAnimations","getAnimation","dir","animateTo","keyframes","options","shimKeyframesHeightAuto","scrollHeight","stop","animateCollapse","parent","parentElement","isTreeItem","handleChildrenSlotChange","willUpdate","changedProperties","has","_animateExpand","_callee2","_p2","_callee2$","_context3","animateExpand","handleLoadingChange","handleDisabledChange","handleSelectedChange","removeAttribute","handleExpandAnimation","handleLazyChange","_ref","arguments","undefined","_ref$includeDisabled","includeDisabled","childrenSlot","_toConsumableArray","assignedElements","flatten","filter","item","render","_this2","showExpandButton","html","_templateObject","_taggedTemplateLiteral","classMap","when","_templateObject2","_templateObject3","live","node","Element","getAttribute","NileElement","styles","__decorate","state","prototype","property","type","Boolean","reflect","query","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","overflow","duration","easing","_export","NileTreeItem$1"],"mappings":"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"}

package/dist/nile-tree-item/nile-tree-item.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n    outline: 0;\n    z-index: 0;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  slot:not([name])::slotted(nile-icon) {\n    margin-inline-end: var(--nile-spacing-md);\n  }\n\n  .tree-item {\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    flex-direction: column;\n    color: var(--nile-colors-neutral-700);\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .tree-item__checkbox {\n    pointer-events: none;\n  }\n\n  .tree-item__expand-button,\n  .tree-item__checkbox,\n  .tree-item__label {\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-4);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .tree-item__checkbox::part(base) {\n    display: flex;\n    align-items: center;\n  }\n\n  .tree-item__indentation {\n    display: block;\n    width: 1em;\n    flex-shrink: 0;\n  }\n\n  .tree-item__expand-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    color: var(--nile-colors-neutral-500);\n    padding: var(--nile-spacing-md);\n    width: 1rem;\n    height: 1rem;\n    flex-shrink: 0;\n    cursor: pointer;\n  }\n\n  .tree-item__expand-button {\n    transition: 250ms rotate ease;\n  }\n\n  .tree-item--expanded .tree-item__expand-button {\n    rotate: 90deg;\n  }\n\n  .tree-item--expanded.tree-item--rtl .tree-item__expand-button {\n    rotate: -90deg;\n  }\n\n  .tree-item--expanded slot[name='expand-icon'],\n  .tree-item:not(.tree-item--expanded) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot {\n    display: none;\n  }\n\n  .tree-item__expand-button--visible {\n    cursor: pointer;\n  }\n\n  .tree-item__item {\n    display: flex;\n    align-items: center;\n    border-inline-start: solid 3px transparent;\n  }\n\n  .tree-item--disabled .tree-item__item {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n\n  :host(:focus-visible) .tree-item__item {\n    outline: solid 3px var(--nile-colors-neutral-500);\n    outline-offset: 1px;\n    z-index: 2;\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n    background-color: var(--nile-colors-neutral-700);\n    border-inline-start-color: var(--nile-colors-primary-700);\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item__expand-button {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .tree-item__label {\n    display: flex;\n    align-items: center;\n    transition: 150ms color;\n  }\n\n  .tree-item__children {\n    display: block;\n    font-size: calc(1em + var(--indent-size, 1rem));\n  }\n\n  /* Indentation lines */\n  .tree-item__children {\n    position: relative;\n  }\n\n  .tree-item__children::before {\n    content: '';\n    position: absolute;\n    top: var(--indent-guide-offset);\n    bottom: var(--indent-guide-offset);\n    left: calc(1em - (var(--indent-guide-width) / 2) - 1px);\n    border-inline-end: var(--indent-guide-width) var(--indent-guide-style) var(--indent-guide-color);\n    z-index: 1;\n  }\n\n  .tree-item--rtl .tree-item__children::before {\n    left: auto;\n    right: 1em;\n  }\n\n  @media (forced-colors: active) {\n    :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n      outline: dashed 1px SelectedItem;\n    }\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n    outline: 0;\n    z-index: 0;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  slot:not([name])::slotted(nile-icon) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .tree-item {\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    flex-direction: column;\n    color: var(--nile-colors-neutral-700);\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .tree-item__checkbox {\n    pointer-events: none;\n  }\n\n  .tree-item__expand-button,\n  .tree-item__checkbox,\n  .tree-item__label {\n    font-family: var(--nile-font-family-serif);\n    font-size: 16px;\n    font-weight: 400;\n  }\n\n  .tree-item__checkbox::part(base) {\n    display: flex;\n    align-items: center;\n  }\n\n  .tree-item__indentation {\n    display: block;\n    width: 1em;\n    flex-shrink: 0;\n  }\n\n  .tree-item__expand-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    color: var(--nile-colors-neutral-500);\n    padding: 0.5rem;\n    width: 1rem;\n    height: 1rem;\n    flex-shrink: 0;\n    cursor: pointer;\n  }\n\n  .tree-item__expand-button {\n    transition: 250ms rotate ease;\n  }\n\n  .tree-item--expanded .tree-item__expand-button {\n    rotate: 90deg;\n  }\n\n  .tree-item--expanded.tree-item--rtl .tree-item__expand-button {\n    rotate: -90deg;\n  }\n\n  .tree-item--expanded slot[name='expand-icon'],\n  .tree-item:not(.tree-item--expanded) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot {\n    display: none;\n  }\n\n  .tree-item__expand-button--visible {\n    cursor: pointer;\n  }\n\n  .tree-item__item {\n    display: flex;\n    align-items: center;\n    border-inline-start: solid 3px transparent;\n  }\n\n  .tree-item--disabled .tree-item__item {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n\n  :host(:focus-visible) .tree-item__item {\n    outline: solid 3px var(--nile-colors-neutral-500);\n    outline-offset: 1px;\n    z-index: 2;\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n    background-color: var(--nile-colors-neutral-700);\n    border-inline-start-color: var(--nile-colors-primary-700);\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item__expand-button {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .tree-item__label {\n    display: flex;\n    align-items: center;\n    transition: 150ms color;\n  }\n\n  .tree-item__children {\n    display: block;\n    font-size: calc(1em + var(--indent-size, 1rem));\n  }\n\n  /* Indentation lines */\n  .tree-item__children {\n    position: relative;\n  }\n\n  .tree-item__children::before {\n    content: '';\n    position: absolute;\n    top: var(--indent-guide-offset);\n    bottom: var(--indent-guide-offset);\n    left: calc(1em - (var(--indent-guide-width) / 2) - 1px);\n    border-inline-end: var(--indent-guide-width) var(--indent-guide-style) var(--indent-guide-color);\n    z-index: 1;\n  }\n\n  .tree-item--rtl .tree-item__children::before {\n    left: auto;\n    right: 1em;\n  }\n\n  @media (forced-colors: active) {\n    :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n      outline: dashed 1px SelectedItem;\n    }\n  }\n"]))));}};});
 //# sourceMappingURL=nile-tree-item.css.cjs.js.map

package/dist/nile-tree-item/nile-tree-item.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-tree-item.css.cjs.js","sources":["../../../src/nile-tree-item/nile-tree-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * TreeItem CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n    outline: 0;\n    z-index: 0;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  slot:not([name])::slotted(nile-icon) {\n    margin-inline-end: var(--nile-spacing-md);\n  }\n\n  .tree-item {\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    flex-direction: column;\n    color: var(--nile-colors-neutral-700);\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .tree-item__checkbox {\n    pointer-events: none;\n  }\n\n  .tree-item__expand-button,\n  .tree-item__checkbox,\n  .tree-item__label {\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-4);\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n  .tree-item__checkbox::part(base) {\n    display: flex;\n    align-items: center;\n  }\n\n  .tree-item__indentation {\n    display: block;\n    width: 1em;\n    flex-shrink: 0;\n  }\n\n  .tree-item__expand-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    color: var(--nile-colors-neutral-500);\n    padding: var(--nile-spacing-md);\n    width: 1rem;\n    height: 1rem;\n    flex-shrink: 0;\n    cursor: pointer;\n  }\n\n  .tree-item__expand-button {\n    transition: 250ms rotate ease;\n  }\n\n  .tree-item--expanded .tree-item__expand-button {\n    rotate: 90deg;\n  }\n\n  .tree-item--expanded.tree-item--rtl .tree-item__expand-button {\n    rotate: -90deg;\n  }\n\n  .tree-item--expanded slot[name='expand-icon'],\n  .tree-item:not(.tree-item--expanded) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot {\n    display: none;\n  }\n\n  .tree-item__expand-button--visible {\n    cursor: pointer;\n  }\n\n  .tree-item__item {\n    display: flex;\n    align-items: center;\n    border-inline-start: solid 3px transparent;\n  }\n\n  .tree-item--disabled .tree-item__item {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n\n  :host(:focus-visible) .tree-item__item {\n    outline: solid 3px var(--nile-colors-neutral-500);\n    outline-offset: 1px;\n    z-index: 2;\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n    background-color: var(--nile-colors-neutral-700);\n    border-inline-start-color: var(--nile-colors-primary-700);\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item__expand-button {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .tree-item__label {\n    display: flex;\n    align-items: center;\n    transition: 150ms color;\n  }\n\n  .tree-item__children {\n    display: block;\n    font-size: calc(1em + var(--indent-size, 1rem));\n  }\n\n  /* Indentation lines */\n  .tree-item__children {\n    position: relative;\n  }\n\n  .tree-item__children::before {\n    content: '';\n    position: absolute;\n    top: var(--indent-guide-offset);\n    bottom: var(--indent-guide-offset);\n    left: calc(1em - (var(--indent-guide-width) / 2) - 1px);\n    border-inline-end: var(--indent-guide-width) var(--indent-guide-style) var(--indent-guide-color);\n    z-index: 1;\n  }\n\n  .tree-item--rtl .tree-item__children::before {\n    left: auto;\n    right: 1em;\n  }\n\n  @media (forced-colors: active) {\n    :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n      outline: dashed 1px SelectedItem;\n    }\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-tree-item.css.cjs.js","sources":["../../../src/nile-tree-item/nile-tree-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * TreeItem CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n    outline: 0;\n    z-index: 0;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  slot:not([name])::slotted(nile-icon) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .tree-item {\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    flex-direction: column;\n    color: var(--nile-colors-neutral-700);\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .tree-item__checkbox {\n    pointer-events: none;\n  }\n\n  .tree-item__expand-button,\n  .tree-item__checkbox,\n  .tree-item__label {\n    font-family: var(--nile-font-family-serif);\n    font-size: 16px;\n    font-weight: 400;\n  }\n\n  .tree-item__checkbox::part(base) {\n    display: flex;\n    align-items: center;\n  }\n\n  .tree-item__indentation {\n    display: block;\n    width: 1em;\n    flex-shrink: 0;\n  }\n\n  .tree-item__expand-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    color: var(--nile-colors-neutral-500);\n    padding: 0.5rem;\n    width: 1rem;\n    height: 1rem;\n    flex-shrink: 0;\n    cursor: pointer;\n  }\n\n  .tree-item__expand-button {\n    transition: 250ms rotate ease;\n  }\n\n  .tree-item--expanded .tree-item__expand-button {\n    rotate: 90deg;\n  }\n\n  .tree-item--expanded.tree-item--rtl .tree-item__expand-button {\n    rotate: -90deg;\n  }\n\n  .tree-item--expanded slot[name='expand-icon'],\n  .tree-item:not(.tree-item--expanded) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot {\n    display: none;\n  }\n\n  .tree-item__expand-button--visible {\n    cursor: pointer;\n  }\n\n  .tree-item__item {\n    display: flex;\n    align-items: center;\n    border-inline-start: solid 3px transparent;\n  }\n\n  .tree-item--disabled .tree-item__item {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n\n  :host(:focus-visible) .tree-item__item {\n    outline: solid 3px var(--nile-colors-neutral-500);\n    outline-offset: 1px;\n    z-index: 2;\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n    background-color: var(--nile-colors-neutral-700);\n    border-inline-start-color: var(--nile-colors-primary-700);\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item__expand-button {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .tree-item__label {\n    display: flex;\n    align-items: center;\n    transition: 150ms color;\n  }\n\n  .tree-item__children {\n    display: block;\n    font-size: calc(1em + var(--indent-size, 1rem));\n  }\n\n  /* Indentation lines */\n  .tree-item__children {\n    position: relative;\n  }\n\n  .tree-item__children::before {\n    content: '';\n    position: absolute;\n    top: var(--indent-guide-offset);\n    bottom: var(--indent-guide-offset);\n    left: calc(1em - (var(--indent-guide-width) / 2) - 1px);\n    border-inline-end: var(--indent-guide-width) var(--indent-guide-style) var(--indent-guide-color);\n    z-index: 1;\n  }\n\n  .tree-item--rtl .tree-item__children::before {\n    left: auto;\n    right: 1em;\n  }\n\n  @media (forced-colors: active) {\n    :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n      outline: dashed 1px SelectedItem;\n    }\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-tree-item/nile-tree-item.css.esm.js

@@ -1,9 +1,6 @@
 import{css as e}from"lit";const t=e`
   :host {
     box-sizing: border-box;
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   :host *,
@@ -27,7 +24,7 @@ import{css as e}from"lit";const t=e`
   }
 
   slot:not([name])::slotted(nile-icon) {
-    margin-inline-end: var(--nile-spacing-md);
+    margin-inline-end: 0.5rem;
   }
 
   .tree-item {
@@ -48,8 +45,8 @@ import{css as e}from"lit";const t=e`
   .tree-item__checkbox,
   .tree-item__label {
     font-family: var(--nile-font-family-serif);
-    font-size: var(--nile-type-scale-4);
-    font-weight: var(--nile-font-weight-regular);
+    font-size: 16px;
+    font-weight: 400;
   }
 
   .tree-item__checkbox::part(base) {
@@ -69,7 +66,7 @@ import{css as e}from"lit";const t=e`
     justify-content: center;
     box-sizing: content-box;
     color: var(--nile-colors-neutral-500);
-    padding: var(--nile-spacing-md);
+    padding: 0.5rem;
     width: 1rem;
     height: 1rem;
     flex-shrink: 0;

package/dist/nile-tree-item/nile-tree-item.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import{s,a as n,b as o}from"../internal/animate.esm.js";import{classMap as e}from"lit/directives/class-map.js";import{state as c,property as m,query as t,customElement as r}from"lit/decorators.js";import{s as l,g as p}from"../utilities/animation-registry.esm.js";import{html as g}from"lit";import{live as v}from"lit/directives/live.js";import{w as a}from"../internal/watch.esm.js";import{when as j}from"lit/directives/when.js";import{s as d}from"./nile-tree-item.css.esm.js";import{N as h}from"../internal/nile-element.esm.js";import"../nile-checkbox/nile-checkbox.esm.js";import"../nile-icon/index.esm.js";import"../nile-spinner/nile-spinner.esm.js";import"../nile-checkbox/nile-checkbox.css.esm.js";import"../internal/default-value.esm.js";import"lit/directives/if-defined.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attribute.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/class.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/column-add.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/function.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/keyword.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/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-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-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-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-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.esm.js";import"../nile-icon/icons/svg/ng-chevron-right.esm.js";import"../nile-icon/icons/svg/ng-chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/ng-chevron-up-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-up.esm.js";import"../nile-icon/icons/svg/ng-copy-03.esm.js";import"../nile-icon/icons/svg/ng-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-help-circle.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-layers-three-01.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-plus.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-02.esm.js";import"../nile-icon/icons/svg/ng-rocket-02.esm.js";import"../nile-icon/icons/svg/ng-search-lg.esm.js";import"../nile-icon/icons/svg/ng-send-01.esm.js";import"../nile-icon/icons/svg/ng-settings-01.esm.js";import"../nile-icon/icons/svg/ng-share-04.esm.js";import"../nile-icon/icons/svg/ng-share-06.esm.js";import"../nile-icon/icons/svg/ng-stars-02.esm.js";import"../nile-icon/icons/svg/ng-trash-01.esm.js";import"../nile-icon/icons/svg/ng-trash-03.esm.js";import"../nile-icon/icons/svg/ng-trend-up-01.esm.js";import"../nile-icon/icons/svg/ng-underline-01.esm.js";import"../nile-icon/icons/svg/ng-upload-01.esm.js";import"../nile-icon/icons/svg/ng-upload-cloud-02.esm.js";import"../nile-icon/icons/svg/ng-user-01.esm.js";import"../nile-icon/icons/svg/ng-user-check-02-1.esm.js";import"../nile-icon/icons/svg/ng-user-check-02.esm.js";import"../nile-icon/icons/svg/ng-user-plus-02.esm.js";import"../nile-icon/icons/svg/ng-user-right-01.esm.js";import"../nile-icon/icons/svg/ng-users-01.esm.js";import"../nile-icon/icons/svg/ng-x-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/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"../nile-spinner/nile-spinner.css.esm.js";var u;let f=u=class extends h{constructor(){super(...arguments),this.indeterminate=!1,this.isLeaf=!1,this.loading=!1,this.selectable=!1,this.expanded=!1,this.selected=!1,this.disabled=!1,this.lazy=!1}static isTreeItem(i){return i instanceof Element&&"treeitem"===i.getAttribute("role")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children")}firstUpdated(){this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0",this.isLeaf=!this.lazy&&0===this.getChildrenItems().length,this.handleExpandedChange()}async animateCollapse(){this.emit("nile-collapse"),await s(this.childrenContainer);const{keyframes:i,options:e}=p(this,"tree-item.collapse",{dir:"ltr"});await n(this.childrenContainer,o(i,this.childrenContainer.scrollHeight),e),this.childrenContainer.hidden=!0,this.emit("nile-after-collapse")}isNestedItem(){const i=this.parentElement;return!!i&&u.isTreeItem(i)}handleChildrenSlotChange(){this.loading=!1,this.isLeaf=!this.lazy&&0===this.getChildrenItems().length}willUpdate(i){i.has("selected")&&!i.has("indeterminate")&&(this.indeterminate=!1)}async animateExpand(){this.emit("nile-expand"),await s(this.childrenContainer),this.childrenContainer.hidden=!1;const{keyframes:i,options:e}=p(this,"tree-item.expand",{dir:"ltr"});await n(this.childrenContainer,o(i,this.childrenContainer.scrollHeight),e),this.childrenContainer.style.height="auto",this.emit("nile-after-expand")}handleLoadingChange(){this.setAttribute("aria-busy",this.loading?"true":"false"),this.loading||this.animateExpand()}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleExpandedChange(){this.isLeaf?this.removeAttribute("aria-expanded"):this.setAttribute("aria-expanded",this.expanded?"true":"false")}handleExpandAnimation(){this.expanded?this.lazy?(this.loading=!0,this.emit("nile-lazy-load")):this.animateExpand():this.animateCollapse()}handleLazyChange(){this.emit("nile-lazy-change")}getChildrenItems({includeDisabled:i=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter((s=>u.isTreeItem(s)&&(i||!s.disabled))):[]}render(){const i=!this.loading&&(!this.isLeaf||this.lazy);return g`
+import{__decorate as i}from"tslib";import{s,a as o,b as n}from"../internal/animate.esm.js";import{classMap as e}from"lit/directives/class-map.js";import{state as c,property as t,query as m,customElement as r}from"lit/decorators.js";import{s as l,g as p}from"../utilities/animation-registry.esm.js";import{html as g}from"lit";import{live as a}from"lit/directives/live.js";import{w as v}from"../internal/watch.esm.js";import{when as j}from"lit/directives/when.js";import{s as d}from"./nile-tree-item.css.esm.js";import{N as h}from"../internal/nile-element.esm.js";import"../nile-checkbox/nile-checkbox.esm.js";import"../nile-icon/index.esm.js";import"../nile-spinner/nile-spinner.esm.js";import"../nile-checkbox/nile-checkbox.css.esm.js";import"../internal/default-value.esm.js";import"lit/directives/if-defined.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attribute.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/class.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/column-add.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/format_align_justify.esm.js";import"../nile-icon/icons/svg/format_align_left.esm.js";import"../nile-icon/icons/svg/format_align_middle.esm.js";import"../nile-icon/icons/svg/format_align_right.esm.js";import"../nile-icon/icons/svg/format_bold.esm.js";import"../nile-icon/icons/svg/format_clear.esm.js";import"../nile-icon/icons/svg/format_italic.esm.js";import"../nile-icon/icons/svg/format_list_bulleted.esm.js";import"../nile-icon/icons/svg/format_list_numbered.esm.js";import"../nile-icon/icons/svg/format_underline.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/function.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/image_2.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/keyword.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/link_2.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"../nile-spinner/nile-spinner.css.esm.js";var u;let f=u=class extends h{constructor(){super(...arguments),this.indeterminate=!1,this.isLeaf=!1,this.loading=!1,this.selectable=!1,this.expanded=!1,this.selected=!1,this.disabled=!1,this.lazy=!1}static isTreeItem(i){return i instanceof Element&&"treeitem"===i.getAttribute("role")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children")}firstUpdated(){this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0",this.isLeaf=!this.lazy&&0===this.getChildrenItems().length,this.handleExpandedChange()}async animateCollapse(){this.emit("nile-collapse"),await s(this.childrenContainer);const{keyframes:i,options:e}=p(this,"tree-item.collapse",{dir:"ltr"});await o(this.childrenContainer,n(i,this.childrenContainer.scrollHeight),e),this.childrenContainer.hidden=!0,this.emit("nile-after-collapse")}isNestedItem(){const i=this.parentElement;return!!i&&u.isTreeItem(i)}handleChildrenSlotChange(){this.loading=!1,this.isLeaf=!this.lazy&&0===this.getChildrenItems().length}willUpdate(i){i.has("selected")&&!i.has("indeterminate")&&(this.indeterminate=!1)}async animateExpand(){this.emit("nile-expand"),await s(this.childrenContainer),this.childrenContainer.hidden=!1;const{keyframes:i,options:e}=p(this,"tree-item.expand",{dir:"ltr"});await o(this.childrenContainer,n(i,this.childrenContainer.scrollHeight),e),this.childrenContainer.style.height="auto",this.emit("nile-after-expand")}handleLoadingChange(){this.setAttribute("aria-busy",this.loading?"true":"false"),this.loading||this.animateExpand()}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleExpandedChange(){this.isLeaf?this.removeAttribute("aria-expanded"):this.setAttribute("aria-expanded",this.expanded?"true":"false")}handleExpandAnimation(){this.expanded?this.lazy?(this.loading=!0,this.emit("nile-lazy-load")):this.animateExpand():this.animateCollapse()}handleLazyChange(){this.emit("nile-lazy-change")}getChildrenItems({includeDisabled:i=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter((s=>u.isTreeItem(s)&&(i||!s.disabled))):[]}render(){const i=!this.loading&&(!this.isLeaf||this.lazy);return g`
       <div
         part="base"
         class="${e({"tree-item":!0,"tree-item--expanded":this.expanded,"tree-item--selected":this.selected,"tree-item--disabled":this.disabled,"tree-item--leaf":this.isLeaf,"tree-item--has-expand-button":i,"tree-item--rtl":!1})}"
@@ -22,10 +22,10 @@ import{__decorate as i}from"tslib";import{s,a as n,b as o}from"../internal/anima
           >
             ${j(this.loading,(()=>g` <nile-spinner></nile-spinner> `))}
             <slot class="tree-item__expand-icon-slot" name="expand-icon">
-              <nile-icon library="system" name=${"var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))"} method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"></nile-icon>
+              <nile-icon library="system" name=${"arrowright"}></nile-icon>
             </slot>
             <slot class="tree-item__expand-icon-slot" name="collapse-icon">
-              <nile-icon library="system" name=${"var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))"} method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"></nile-icon>
+              <nile-icon library="system" name=${"arrowright"}></nile-icon>
             </slot>
           </div>
 
@@ -43,7 +43,7 @@ import{__decorate as i}from"tslib";import{s,a as n,b as o}from"../internal/anima
                   "
                   class="tree-item__checkbox"
                   ?disabled="${this.disabled}"
-                  ?checked="${v(this.selected)}"
+                  ?checked="${a(this.selected)}"
                   ?indeterminate="${this.indeterminate}"
                   tabindex="-1"
                 ></nile-checkbox>
@@ -60,4 +60,4 @@ import{__decorate as i}from"tslib";import{s,a as n,b as o}from"../internal/anima
           @slotchange="${this.handleChildrenSlotChange}"
         ></slot>
       </div>
-    `}};f.styles=d,i([c()],f.prototype,"indeterminate",void 0),i([c()],f.prototype,"isLeaf",void 0),i([c()],f.prototype,"loading",void 0),i([c()],f.prototype,"selectable",void 0),i([m({type:Boolean,reflect:!0})],f.prototype,"expanded",void 0),i([m({type:Boolean,reflect:!0})],f.prototype,"selected",void 0),i([m({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),i([m({type:Boolean,reflect:!0})],f.prototype,"lazy",void 0),i([t("slot:not([name])")],f.prototype,"defaultSlot",void 0),i([t("slot[name=children]")],f.prototype,"childrenSlot",void 0),i([t(".tree-item__item")],f.prototype,"itemElement",void 0),i([t(".tree-item__children")],f.prototype,"childrenContainer",void 0),i([t(".tree-item__expand-button slot")],f.prototype,"expandButtonSlot",void 0),i([a("loading",{waitUntilFirstUpdate:!0})],f.prototype,"handleLoadingChange",null),i([a("disabled")],f.prototype,"handleDisabledChange",null),i([a("selected")],f.prototype,"handleSelectedChange",null),i([a("expanded",{waitUntilFirstUpdate:!0})],f.prototype,"handleExpandedChange",null),i([a("expanded",{waitUntilFirstUpdate:!0})],f.prototype,"handleExpandAnimation",null),i([a("lazy",{waitUntilFirstUpdate:!0})],f.prototype,"handleLazyChange",null),f=u=i([r("nile-tree-item")],f),l("tree-item.expand",{keyframes:[{height:"0",opacity:"0",overflow:"hidden"},{height:"auto",opacity:"1",overflow:"hidden"}],options:{duration:250,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}}),l("tree-item.collapse",{keyframes:[{height:"auto",opacity:"1",overflow:"hidden"},{height:"0",opacity:"0",overflow:"hidden"}],options:{duration:200,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});var b=f;export{b as N,f as a};
+    `}};f.styles=d,i([c()],f.prototype,"indeterminate",void 0),i([c()],f.prototype,"isLeaf",void 0),i([c()],f.prototype,"loading",void 0),i([c()],f.prototype,"selectable",void 0),i([t({type:Boolean,reflect:!0})],f.prototype,"expanded",void 0),i([t({type:Boolean,reflect:!0})],f.prototype,"selected",void 0),i([t({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),i([t({type:Boolean,reflect:!0})],f.prototype,"lazy",void 0),i([m("slot:not([name])")],f.prototype,"defaultSlot",void 0),i([m("slot[name=children]")],f.prototype,"childrenSlot",void 0),i([m(".tree-item__item")],f.prototype,"itemElement",void 0),i([m(".tree-item__children")],f.prototype,"childrenContainer",void 0),i([m(".tree-item__expand-button slot")],f.prototype,"expandButtonSlot",void 0),i([v("loading",{waitUntilFirstUpdate:!0})],f.prototype,"handleLoadingChange",null),i([v("disabled")],f.prototype,"handleDisabledChange",null),i([v("selected")],f.prototype,"handleSelectedChange",null),i([v("expanded",{waitUntilFirstUpdate:!0})],f.prototype,"handleExpandedChange",null),i([v("expanded",{waitUntilFirstUpdate:!0})],f.prototype,"handleExpandAnimation",null),i([v("lazy",{waitUntilFirstUpdate:!0})],f.prototype,"handleLazyChange",null),f=u=i([r("nile-tree-item")],f),l("tree-item.expand",{keyframes:[{height:"0",opacity:"0",overflow:"hidden"},{height:"auto",opacity:"1",overflow:"hidden"}],options:{duration:250,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}}),l("tree-item.collapse",{keyframes:[{height:"auto",opacity:"1",overflow:"hidden"},{height:"0",opacity:"0",overflow:"hidden"}],options:{duration:200,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});var b=f;export{b as N,f as a};

package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\t--vertical-stepper-flex-val:1;\n\t\tflex-grow:var(--vertical-stepper-flex-val);\n\t\t--bulletin--dot--seperation:30%;\n\t\t--min-line-container-height:25px;\n\t\t--lines-thickness: 1px;\n\t\t-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n\t}\n\n\t.stepper__item {\n\t\tdisplay:flex;\n\t\tcolumn-gap:var(--item-spacing);\n\t\theight: 100%;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-md, var(--ng-spacing-md));\n\t\t--stepper-item-title-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n\t\t--stepper-item-subtitle-size: var(--nile-type-scale-1,var(--ng-font-size-text-sm));\n\t\t--stepper-item-text-line-height:var(--nile-line-height-xsmall,var(--ng-line-height-text-sm));\n\t\t--circle-height:18px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-md, var(--ng-spacing-md));\n\t\t--stepper-item-title-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n\t\t--stepper-item-subtitle-size: var(--nile-type-scale-2, var(--ng-font-size-text-md));\n\t\t--stepper-item-text-line-height:var(--nile-line-height-small, var(--ng-line-height-text-md));\n\t\t--circle-height: 22px;\n\t}\n\n\t.stepper__item--xl {\n\t\t--item-spacing: var(--nile-type-scale-2, var(--ng-spacing-2xl));\n\t\t--stepper-item-title-size: var( --nile-type-scale-4, var(--ng-font-size-text-md));\n\t\t--stepper-item-subtitle-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n\t\t--stepper-item-text-line-height:var(--nile-line-height-medium, var(--ng-line-height-text-lg));\n\t\t--circle-height:26px;\n\t}\n\n\t.stepper-item__connector-content{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\n\t\tmargin-top: var(--nile-spacing-one-half-x, var(--ng-spacing-none));\n\t\tmargin-bottom: var(--nile-spacing-one-half-x, var(--ng-spacing-none));\n\t}\n\n\t.stepper__item--selected .stepper-item__connector-content{\n    margin-left: var(--nile-spacing-none, calc(var(--ng-spacing-xxs) * -1px));\n\t}\n\n\t.stepper__item--selected .stepper__item__bulletin{\n\t\tpadding: 1px;\n\t\tborder: 1px solid var(--ng-colors-effects-focus-ring);\n\t\tborder-radius: 50%;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-neutral-500, var(--ng-colors-border-secondary)) var(--bulletin--dot--seperation), var(--nile-colors-dark-200, var(--ng-colors-bg-primary)) var(--bulletin--dot--seperation));\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(var(--nile-colors-white-base, var(--ng-colors-bg-primary)) var(--bulletin--dot--seperation), var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid)) var(--bulletin--dot--seperation));\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-primary-500,var(--ng-colors-bg-brand-solid));\n\t\twidth: calc( var(--circle-height) + calc( var(--lines-thickness) * 2 ) );\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n\t\toverflow:hidden;\n\t}\n\n\t.stepper__bulletin__icon--active {\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-primary-500,var(--ng-colors-border-brand));\n\t\twidth: calc(var(--circle-height) + calc( var(--lines-thickness) * 2));\n\t}\n\n\t.stepper__item__line__container{\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 2px;\n\t\tmin-height: var(--min-line-container-height);\n\t}\n\n\t.stepper__item__line{\n\t\theight:100%;\n\t\tborder-left: var(--lines-thickness) solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n\t}\n\t.stepper__item__line--active{\n\t\tborder-left: var(--lines-thickness) solid var(--nile-colors-primary-600, var(--ng-colors-border-brand-alt));\n\t}\n\n\t.stepper__item__content{\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:start;\n\t}\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n\t\tfont-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n\t}\n\n\t.stepper__content__title--alone{\n\t\tmargin-top: 25%;\n\t}\n\n\t.stepper__content__subtitle--alone{\n\t\tmargin-top: 6.25%;\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n\t\tfont-weight: var(--nile-font-weight-semi-bold,var(--ng-font-weight-semibold));\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n\t\tfont-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600, var(--ng-colors-text-brand-tertiary-600));\n\t}\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\t--vertical-stepper-flex-val:1;\n\t\tflex-grow:var(--vertical-stepper-flex-val);\n\t\t--bulletin--dot--seperation:30%;\n\t\t--min-line-container-height:25px;\n\t\t--lines-thickness: 1px;\n\t}\n\n\t.stepper__item {\n\t\tdisplay:flex;\n\t\tcolumn-gap:var(--item-spacing);\n\t\theight: 100%;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-md);\n\t\t--stepper-item-title-size:12px;\n\t\t--stepper-item-subtitle-size:10.24px;\n\t\t--stepper-item-text-line-height:16px;\n\t\t--circle-height:18px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-md);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:12px;\n\t\t--stepper-item-text-line-height:18px;\n\t\t--circle-height:22px;\n\t}\n\n\t.stepper__item--xl {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:26px;\n\t}\n\t\n\t.stepper-item__connector-content{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t}\n\n\t.stepper__item__bulletin {\n\t\tmargin-top:3px;\n\t\tmargin-bottom:3px;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-neutral-500) var(--bulletin--dot--seperation), var(--nile-colors-dark-200) var(--bulletin--dot--seperation));\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-neutral-500);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(var(--nile-colors-white-base) var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-primary-500);\n\t\twidth: calc( var(--circle-height) + calc( var(--lines-thickness) * 2 ) );\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-primary-600);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600);\n\t\toverflow:hidden;\n\t}\n\t\n\t.stepper__bulletin__icon--active {\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-primary-500);\n\t\twidth: calc(var(--circle-height) + calc( var(--lines-thickness) * 2));\n\t}\n\n\t.stepper__item__line__container{\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 2px;\n\t\tmin-height: var(--min-line-container-height);\n\t}\n\n\t.stepper__item__line{\n\t\theight:100%;\n\t\tborder-left: var(--lines-thickness) solid var(--nile-colors-neutral-500);\n\t}\n\t.stepper__item__line--active{\n\t\tborder-left: var(--lines-thickness) solid var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__item__content{\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:start;\n\t}\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-dark-900);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__title--alone{\n\t\tmargin-top: 25%;\n\t}\n\n\t.stepper__content__subtitle--alone{\n\t\tmargin-top: 6.25%;\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-dark-500);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var( --nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t}\n"]))));}};});
 //# sourceMappingURL=nile-vertical-stepper-item.css.cjs.js.map

package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-vertical-stepper-item.css.cjs.js","sources":["../../../src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * VerticalStepperItem CSS\n */\nexport const styles = css`\n\t:host {\n\t\t--vertical-stepper-flex-val:1;\n\t\tflex-grow:var(--vertical-stepper-flex-val);\n\t\t--bulletin--dot--seperation:30%;\n\t\t--min-line-container-height:25px;\n\t\t--lines-thickness: 1px;\n\t\t-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n\t}\n\n\t.stepper__item {\n\t\tdisplay:flex;\n\t\tcolumn-gap:var(--item-spacing);\n\t\theight: 100%;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-md, var(--ng-spacing-md));\n\t\t--stepper-item-title-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n\t\t--stepper-item-subtitle-size: var(--nile-type-scale-1,var(--ng-font-size-text-sm));\n\t\t--stepper-item-text-line-height:var(--nile-line-height-xsmall,var(--ng-line-height-text-sm));\n\t\t--circle-height:18px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-md, var(--ng-spacing-md));\n\t\t--stepper-item-title-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n\t\t--stepper-item-subtitle-size: var(--nile-type-scale-2, var(--ng-font-size-text-md));\n\t\t--stepper-item-text-line-height:var(--nile-line-height-small, var(--ng-line-height-text-md));\n\t\t--circle-height: 22px;\n\t}\n\n\t.stepper__item--xl {\n\t\t--item-spacing: var(--nile-type-scale-2, var(--ng-spacing-2xl));\n\t\t--stepper-item-title-size: var( --nile-type-scale-4, var(--ng-font-size-text-md));\n\t\t--stepper-item-subtitle-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n\t\t--stepper-item-text-line-height:var(--nile-line-height-medium, var(--ng-line-height-text-lg));\n\t\t--circle-height:26px;\n\t}\n\n\t.stepper-item__connector-content{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\n\t\tmargin-top: var(--nile-spacing-one-half-x, var(--ng-spacing-none));\n\t\tmargin-bottom: var(--nile-spacing-one-half-x, var(--ng-spacing-none));\n\t}\n\n\t.stepper__item--selected .stepper-item__connector-content{\n    margin-left: var(--nile-spacing-none, calc(var(--ng-spacing-xxs) * -1px));\n\t}\n\n\t.stepper__item--selected .stepper__item__bulletin{\n\t\tpadding: 1px;\n\t\tborder: 1px solid var(--ng-colors-effects-focus-ring);\n\t\tborder-radius: 50%;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-neutral-500, var(--ng-colors-border-secondary)) var(--bulletin--dot--seperation), var(--nile-colors-dark-200, var(--ng-colors-bg-primary)) var(--bulletin--dot--seperation));\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(var(--nile-colors-white-base, var(--ng-colors-bg-primary)) var(--bulletin--dot--seperation), var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid)) var(--bulletin--dot--seperation));\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-primary-500,var(--ng-colors-bg-brand-solid));\n\t\twidth: calc( var(--circle-height) + calc( var(--lines-thickness) * 2 ) );\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n\t\toverflow:hidden;\n\t}\n\n\t.stepper__bulletin__icon--active {\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-primary-500,var(--ng-colors-border-brand));\n\t\twidth: calc(var(--circle-height) + calc( var(--lines-thickness) * 2));\n\t}\n\n\t.stepper__item__line__container{\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 2px;\n\t\tmin-height: var(--min-line-container-height);\n\t}\n\n\t.stepper__item__line{\n\t\theight:100%;\n\t\tborder-left: var(--lines-thickness) solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n\t}\n\t.stepper__item__line--active{\n\t\tborder-left: var(--lines-thickness) solid var(--nile-colors-primary-600, var(--ng-colors-border-brand-alt));\n\t}\n\n\t.stepper__item__content{\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:start;\n\t}\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n\t\tfont-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n\t}\n\n\t.stepper__content__title--alone{\n\t\tmargin-top: 25%;\n\t}\n\n\t.stepper__content__subtitle--alone{\n\t\tmargin-top: 6.25%;\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n\t\tfont-weight: var(--nile-font-weight-semi-bold,var(--ng-font-weight-semibold));\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n\t\tfont-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600, var(--ng-colors-text-brand-tertiary-600));\n\t}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-vertical-stepper-item.css.cjs.js","sources":["../../../src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * VerticalStepperItem CSS\n */\nexport const styles = css`\n\t:host {\n\t\t--vertical-stepper-flex-val:1;\n\t\tflex-grow:var(--vertical-stepper-flex-val);\n\t\t--bulletin--dot--seperation:30%;\n\t\t--min-line-container-height:25px;\n\t\t--lines-thickness: 1px;\n\t}\n\n\t.stepper__item {\n\t\tdisplay:flex;\n\t\tcolumn-gap:var(--item-spacing);\n\t\theight: 100%;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-md);\n\t\t--stepper-item-title-size:12px;\n\t\t--stepper-item-subtitle-size:10.24px;\n\t\t--stepper-item-text-line-height:16px;\n\t\t--circle-height:18px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-md);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:12px;\n\t\t--stepper-item-text-line-height:18px;\n\t\t--circle-height:22px;\n\t}\n\n\t.stepper__item--xl {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:26px;\n\t}\n\t\n\t.stepper-item__connector-content{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t}\n\n\t.stepper__item__bulletin {\n\t\tmargin-top:3px;\n\t\tmargin-bottom:3px;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-neutral-500) var(--bulletin--dot--seperation), var(--nile-colors-dark-200) var(--bulletin--dot--seperation));\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-neutral-500);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(var(--nile-colors-white-base) var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-primary-500);\n\t\twidth: calc( var(--circle-height) + calc( var(--lines-thickness) * 2 ) );\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-primary-600);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600);\n\t\toverflow:hidden;\n\t}\n\t\n\t.stepper__bulletin__icon--active {\n\t\tborder: var(--lines-thickness) solid var(--nile-colors-primary-500);\n\t\twidth: calc(var(--circle-height) + calc( var(--lines-thickness) * 2));\n\t}\n\n\t.stepper__item__line__container{\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 2px;\n\t\tmin-height: var(--min-line-container-height);\n\t}\n\n\t.stepper__item__line{\n\t\theight:100%;\n\t\tborder-left: var(--lines-thickness) solid var(--nile-colors-neutral-500);\n\t}\n\t.stepper__item__line--active{\n\t\tborder-left: var(--lines-thickness) solid var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__item__content{\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:start;\n\t}\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-dark-900);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__title--alone{\n\t\tmargin-top: 25%;\n\t}\n\n\t.stepper__content__subtitle--alone{\n\t\tmargin-top: 6.25%;\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-dark-500);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var( --nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}