@api-client/ui 0.0.4 → 0.0.7

package/dist/elements/navigation/AppNavigationElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNavigationElement.js","sourceRoot":"","sources":["../../../src/elements/navigation/AppNavigationElement.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign */\nimport { html, nothing, PropertyValues, TemplateResult } from \"lit\";\nimport { property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { EventUtils } from '@api-client/core/build/browser.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-icon-button.js';\nimport { IconType } from \"../../ui/icons/Icons.js\";\nimport ApiElement from \"../ApiElement.js\";\n\nexport interface ISelectDetail {\n  /**\n   * The key of the selected item\n   */\n  key: string;\n  /**\n   * THe kind of the selected item\n   */\n  kind: string;\n  /**\n   * Optionally, the parent odf the selected item, if any.\n   */\n  parent?: string;\n  /**\n   * When applicable, the top object in the structure.\n   */\n  root?: string;\n}\n\nexport interface IListItemRenderOptions {\n  draggable?: boolean;\n  parent?: string;\n  disabled?: boolean;\n  /**\n   * Only relevant for parent list item.\n   * When set it forces this icon to be rendered next to the toggle button.\n   */\n  parentIcon?: IconType;\n  /**\n   * When set is add the `data-root` attribute.\n   * In principle, it represents a root object in the tree, if any.\n   */\n  root?: string;\n}\n\n/**\n * A base class for navigation elements helping creating specific implementation of the view.\n * The implementations sets their own properties with the data that are used to generate the view.\n * \n * The generated menu must have the following structure created by the implementations:\n * \n * ```html\n * <ul aria-label=\"...\" aria-multiselectable=\"false\">\n *  <li role=\"treeitem\" data-key=\"...\" data-kind=\"...\" data-draggable=\"true|false\">\n *    <div class=\"list-item-content\"><span class=\"label\" title=\"...\">...</span></div>\n *  </li>\n *  <li role=\"treeitem\" data-key=\"...\" data-kind=\"...\" data-draggable=\"true|false\" aria-expanded=\"true|false\" class=\"parent-item\">\n *    <div class=\"list-item-content\">\n *      <ui-icon icon=\"chevronRight\" class=\"group-toggle-icon\"></ui-icon>\n *      <span class=\"label\" title=\"...\">...</span>\n *    </div>\n *    <ul role=\"group\" data-parent=\"...\" ?hidden aria-hidden=\"true|false\">\n *      <li role=\"treeitem\" data-key=\"...\" data-parent=\"...\" data-kind=\"...\" data-draggable=\"true|false\">\n *        <div class=\"list-item-content\">\n *          <ui-icon icon=\"...\" class=\"item-icon\"></ui-icon>\n *          <span class=\"label\" title=\"...\">...</span>\n *        </div>\n *      </li>\n *    </ul>\n *  </li>\n * </ul>\n * ```\n * \n * Additionally, the child element must include styles from './AppNavigation.styles.js`.\n * \n * Assumptions when running the menu:\n * \n * - all `li` items that do not have `aria-disabled` attribute are considered active tree items (learn more why not to use \"disabled\" attribute https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n * - all `li` elements have `data-key` and `data-kind` attributes set. Elements without these properties are ignored.\n * - all `ul` and `li` elements that have a parent also have `data-parent` with the value of the parent's key. When this is not set the element is considered a top level element.\n * - the implementations does not manage the `tabindex` of any item. Instead set the `_focusedItem` to the currently focused element and the base will manage the focus for you (after the update is complete).\n * \n * @fires select - Custom, non bubbling event when a selection is made. It has the `key` and `kind` properties on the detail panel with optional `parent` id.\n */\nexport default class AppNavigation extends ApiElement {\n  /**\n   * The list of keys of opened items with children. This should be clear each time \n   * when the main data property change.\n   */\n  protected _opened: string[] = [];\n\n  /**\n   * The key of the currently focused item.\n   */\n  protected _focused?: string;\n\n  /**\n   * The currently focused node.\n   * In case there are headers in the list, this may not be a list item.\n   */\n  @state() _focusedItem?: HTMLElement;\n\n  /**\n   * To be set in the child class constructor to configure whether a name change is possible.\n   */\n  protected _allowRename?: boolean;\n\n  /**\n   * The currently selected navigation item.\n   * @attr\n   */\n  @property({ type: String }) selected?: string;\n\n  /**\n   * When set it renders a name change input for the item.\n   * This is the `key` of the object.\n   * \n   * Note, when the user finish editing the name it calls the `_commitName(key, kind, name)` method.\n   * This requires the `_allowRename` property to be set to `true` in the constructor.\n   * @attr\n   */\n  @property({ type: String }) edited?: string;\n\n  /**\n   * When set it prohibits the element to make visual selection (via the css) when an item is selected.\n   * This is helpful when one navigation can be visually references in multiple places (like split layout).\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true }) noVisualSelection?: boolean\n\n  /**\n   * A reference to the currently rendered name input, if any.\n   */\n  @query('.name-change input')\n  protected _nameInput?: HTMLInputElement | null;\n\n  /**\n   * When set it adds a menu entry with the navigation label.\n   * @attribute\n   */\n  @property({ type: String }) label?: string;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('role', 'navigation');\n    this.setAttribute('tabindex', '0');\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    super.willUpdate(cp);\n    if (cp.has('selected') && !cp.get('selected') && this.selected) {\n      this.ensureTreeVisibility(this.selected);\n    }\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    super.updated(cp);\n    if (cp.has('edited') && this.edited) {\n      const node = this._nameInput;\n      if (node) {\n        node.focus();\n      }\n      this.ensureTreeVisibility(this.edited);\n    }\n    if (cp.has('_focusedItem') && this._focusedItem) {\n      const old = cp.get('_focusedItem') as HTMLElement | undefined;\n      this._manageFocus(this._focusedItem, old);\n    }\n  }\n\n  protected _reset(): void {\n    this._opened = [];\n    this._focused = undefined;\n    this._focusedItem = undefined;\n    this.edited = undefined;\n  }\n\n  /**\n   * This method is called when the `_focusedItem` property is updated.\n   * It removes tabindex from the old element (if any) and sets tabindex and focuses on the new item (if any).\n   * When there's no new item, it sets the `tabindex` on self.\n   * \n   * @param current The new focused element, if any\n   * @param old The old focused element, if any.\n   */\n  protected _manageFocus(current?: HTMLElement, old?: HTMLElement): void {\n    if (old) {\n      // don't set `-1` here as the item can have children which event with tabindex '0' won't be focusable.\n      old.removeAttribute('tabindex');\n    }\n    if (current) {\n      if (current.getAttribute('tabindex') !== '0') {\n        current.setAttribute('tabindex', '0');\n      }\n      current.focus();\n      // current.scrollIntoView();\n      // remove tabindex from self so when the user returns to this navigation it will focus directly on\n      // this item.\n      if (this.hasAttribute('tabindex')) {\n        this.removeAttribute('tabindex');\n      }\n    } else if (!this.hasAttribute('tabindex')) {\n      // restore tabindex on self.\n      this.setAttribute('tabindex', '0');\n    }\n  }\n\n  /**\n   * Makes sure the node represented by the passed key is visible in the UI.\n   * This opens all parents on the way up to the root and scrolls to the node, when needed.\n   * @param key The key of the object to ensure visibility for.\n   */\n  ensureTreeVisibility(key: string): void {\n    const node = this.shadowRoot?.querySelector(`li[data-key=\"${key}\"]`) as HTMLLIElement;\n    if (!node) {\n      return;\n    }\n    const { _opened } = this;\n    let parent = this._findParentListItem(node);\n    let changed = false;\n    while (parent) {\n      const id = parent.dataset.key as string;\n      if (!_opened.includes(id)) {\n        _opened.push(id);\n        changed = true;\n      }\n      parent = this._findParentListItem(parent);\n    }\n    if (changed) {\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * Toggles a group of tree items.\n   * \n   * @param key The key of the group parent.\n   */\n  toggleGroup(key: string): void {\n    const { _opened: list } = this;\n    const index = list.indexOf(key);\n    if (index >= 0) {\n      list.splice(index, 1);\n    } else {\n      list.push(key);\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Allows to programmatically open a folder.\n   * It opens all parents if they are not opened.\n   * @param key The key of the folder to open.\n   */\n  openGroup(key: string): void {\n    const node = this.shadowRoot?.querySelector(`li[data-key=\"${key}\"]`) as HTMLLIElement;\n    if (!node) {\n      return;\n    }\n    const { _opened: list } = this;\n    if (list.includes(key)) {\n      return;\n    }\n    list.push(key);\n    // opens all parents\n\n    let parent = this._findParentListItem(node);\n    while (parent) {\n      const parentKey = parent.dataset.key as string;\n      if (!list.includes(parentKey)) {\n        list.push(parentKey);\n      }\n      parent = this._findParentListItem(parent);\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Allows to programmatically close a folder.\n   * @param key The key of the folder to open.\n   */\n  closeGroup(key: string): void {\n    const { _opened: list } = this;\n    const index = list.indexOf(key);\n    if (index >= 0) {\n      list.splice(index, 1);\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * A function to determine whether the passed Element is an active list item.\n   * \n   * @param node The Element to test\n   * @returns true when the passed element is a `li` element and is not disabled.\n   */\n  protected _isValidListItem(node: Element): boolean {\n    return node.localName === 'li' && node.getAttribute('aria-disabled') !== 'true' && node.hasAttribute('data-key') && node.hasAttribute('data-kind');\n  }\n\n  /**\n   * Marks the item as currently focused. \n   * \n   * Note, focused item is not the same as selected item. Focus is reflected in the UI without changing the selection.\n   * \n   * Also note, this only sets the `_focused` and `_focusedItem` properties. After the element renders \n   * the implementation should change the `tabindex` of the focused item to `0`.\n   */\n  protected _focusListItem(node: HTMLElement): void {\n    this._focused = node.dataset.key;\n    this._focusedItem = node;\n  }\n\n  /**\n   * Finds a valid list item that is a parent to the current item.\n   * \n   * @param node The current node located somewhere in the tree.\n   * @returns The nearest parent list item or undefined when not found.\n   */\n  protected _findParentListItem(node: HTMLElement): HTMLLIElement | undefined {\n    let parent = node.parentElement as HTMLElement;\n    while (parent) {\n      if (this._isValidListItem(parent)) {\n        return parent as HTMLLIElement;\n      }\n      // when the `parentElement` is ShadowRoot then it's parent is `null` so the loop breaks.\n      parent = parent.parentElement as HTMLElement;\n    }\n    return undefined;\n  }\n\n  /**\n   * From a `<li>` it finds the last `<li>` descendant in the tree.\n   * \n   * ```html\n   * <ul>\n   *  <li> <-- this is the current node\n   *    <div>...</div>\n   *    <ul>\n   *       <li>...</li>\n   *       <li>  <-- this is the last list item.\n   *          <div>...</div>\n   *          <ul hidden> <- this is ignored.\n   *            <li></li>\n   *            <li></li>  <-- this is not the last list item because the parent list is hidden.\n   *          </ul>\n   *      </li>\n   *    </ul>\n   *  </li>\n   * </ul>\n   * ```\n   * \n   * @param node The current list item to find the last descendant for.\n   * @returns The last list item or undefined.\n   */\n  protected _findLastDescendant(node: HTMLElement): HTMLElement | undefined {\n    const list = Array.from(node.children).reverse().find(i => i.localName === 'ul' && !i.hasAttribute('hidden')) as HTMLElement | undefined;\n    if (!list) {\n      return undefined;\n    }\n    const li = Array.from(list.children).reverse().find(i => this._isValidListItem(i)) as HTMLElement | undefined;\n    if (!li) {\n      return undefined;\n    }\n    const result = this._findLastDescendant(li);\n    // either it has more children or we can return the current list\n    if (result) {\n      return result;\n    }\n    return li;\n  }\n\n  /**\n   * Focuses on a list descendant of a folder item.\n   * It does nothing when the `node` is not a folder item or the folder has no selectable children.\n   * \n   * @param node The node to use as a reference. The current focused node by default.\n   * @returns true when focused on any of the descendants\n   */\n  protected _focusFirstDescendant(node = this._focusedItem): boolean {\n    if (!node) {\n      return false;\n    }\n    const list = Array.from(node.children).find(n => n.localName === 'ul' && (!n.hasAttribute('aria-hidden') || n.getAttribute('aria-hidden') === 'false'));\n    if (!list || !list.children) {\n      return false;\n    }\n    const children = Array.from(list.children);\n    for (const child of children) {\n      if (!this._isValidListItem(child)) {\n        continue;\n      }\n      const typed = child as HTMLLIElement;\n      this._focusListItem(typed);\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Focuses on the next node relative to the passed node.\n   * \n   * @param node The node to use as a starting point. When not set it uses the currently focused node.\n   * @returns true when focused on any of the next siblings\n   */\n  focusNextSibling(node = this._focusedItem): boolean {\n    if (!node) {\n      return false;\n    }\n    let current = node.nextElementSibling as HTMLElement;\n    while (current) {\n      if (!this._isValidListItem(current)) {\n        current = current.nextElementSibling as HTMLElement;\n        continue;\n      }\n      this._focusListItem(current);\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Focuses on the previous node relative to the passed node.\n   * \n   * @param node The node to use as a starting point. When not set it uses the currently focused node.\n   * @returns true when focused on any of the previous siblings\n   */\n  focusPreviousSibling(node = this._focusedItem): boolean {\n    if (!node) {\n      return false;\n    }\n    let current = node.previousElementSibling as HTMLElement;\n    while (current) {\n      if (!this._isValidListItem(current)) {\n        current = current.previousElementSibling as HTMLElement;\n        continue;\n      }\n      // now we find the last descendant of this node.\n      // if it doesn't have one, we focus on the node we have.\n      const last = this._findLastDescendant(current);\n      if (last) {\n        this._focusListItem(last);\n        return true;\n      }\n      this._focusListItem(current)\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Focuses on a first list item that accepts focus relative to the given node.\n   * \n   * @param node The node to use as a reference. The current focused node by default.\n   * @returns true when focused on any of the parents\n   */\n  protected _focusFirstParent(node: HTMLElement): boolean {\n    if (!node) {\n      return false;\n    }\n    const parent = this._findParentListItem(node);\n    if (parent) {\n      this._focusListItem(parent);\n      return true;\n    }\n    return false;\n  }\n\n  protected _findClosestListItem(e: Event): HTMLLIElement | undefined {\n    const path = e.composedPath();\n    while (path.length) {\n      const target = path.shift() as Node;\n      if (!target) {\n        break;\n      }\n      if (target.nodeType !== Node.ELEMENT_NODE) {\n        continue;\n      }\n      if (!this._isValidListItem(target as Element)) {\n        continue;\n      }\n      return target as HTMLLIElement;\n    }\n    return undefined;\n  }\n\n  /**\n   * Dispatched the `select` custom event with the `key` and `kind` on the detail.\n   * \n   * @param key The key of the selected item.\n   * @param kind The kind of the selected item\n   * @param parent Optional parent item.\n   */\n  protected _notifySelection(key: string, kind: string, parent?: string, root?: string): void {\n    this.dispatchEvent(new CustomEvent<ISelectDetail>('select', {\n      detail: { key, kind, parent, root },\n    }));\n  }\n\n  /**\n   * A handler for the `dragstart` event dispatched when the item is draggable.\n   * Calls the `_setupDataTransfer()` if has valid target.\n   */\n  protected _itemDragStartHandler(e: DragEvent): void {\n    const node = this._findClosestListItem(e);\n    const dt = e.dataTransfer;\n    if (!dt || !node) {\n      return;\n    }\n    this._setupDataTransfer(node, dt);\n  }\n\n  /**\n   * Sets the common properties on the `DataTransfer`. Implementations can override this method to add\n   * own properties.\n   */\n  protected _setupDataTransfer(item: HTMLLIElement, dt: DataTransfer): void {\n    const kind = item.dataset.kind as string;\n    dt.setData('text/kind', kind);\n    dt.setData(kind, '');\n    dt.setData('text/key', item.dataset.key as string);\n    dt.setData('text/source', this.localName);\n    dt.effectAllowed = 'copyMove';\n  }\n\n  protected _nameInputKeydown(e: KeyboardEvent): void {\n    e.stopPropagation();\n    if (e.key === 'Escape') {\n      this.edited = undefined;\n    } else if (e.key === 'Enter') {\n      const input = e.target as HTMLInputElement;\n      const { key, kind } = input.dataset;\n      if (!key || !kind) {\n        return;\n      }\n      this._commitName(key, kind, input.value.trim());\n    }\n  }\n\n  protected _commitNameHandler(e: Event): void {\n    e.preventDefault();\n    const input = (e.currentTarget as HTMLElement).previousElementSibling as HTMLInputElement;\n    if (!input || input.localName !== 'input') {\n      return;\n    }\n    const { key, kind } = input.dataset;\n    if (!key || !kind) {\n      return;\n    }\n    this._commitName(key, kind, input.value.trim());\n  }\n\n  /**\n   * This should be overwritten by the implementation that support name change.\n   * Method called when the user request to change a name of an item.\n   * \n   * @param key The key of the item.\n   * @param kind The kind of the item.\n   * @param name THe new name.\n   */\n  protected _commitName(key: string, kind: string, name: string): void | Promise<void> {\n    // eslint-disable-next-line no-console\n    console.warn(`The commit name method is not set in the child class for ${key}, ${kind}, and ${name}.`);\n  }\n\n  protected _dblClickHandler(e: Event): void {\n    if (e.defaultPrevented) {\n      return;\n    }\n    const node = this._findClosestListItem(e);\n    if (!node) {\n      return;\n    }\n    this._itemEnterAction(node);\n  }\n\n  protected _clickHandler(e: Event): void {\n    if (e.defaultPrevented) {\n      return;\n    }\n    const node = this._findClosestListItem(e);\n    if (!node) {\n      return;\n    }\n    const key = node.dataset.key as string;\n    if (node.classList.contains('parent-item')) {\n      const target = e.target as HTMLElement;\n      if (target.localName === 'ui-icon' && target.classList.contains('group-toggle-icon')) {\n        this.toggleGroup(key);\n        return;\n      }\n    }\n    this._focusListItem(node);\n    this.requestUpdate();\n  }\n\n  protected _keydownHandler(e: KeyboardEvent): void {\n    const node = this._findClosestListItem(e);\n    if (!node) {\n      return;\n    }\n    switch (e.key) {\n      case 'ArrowRight': this._itemRightAction(node); e.preventDefault(); break;\n      case 'ArrowLeft': this._itemLeftAction(node); e.preventDefault(); break;\n      case 'ArrowDown': this._itemDownAction(node); e.preventDefault(); break;\n      case 'ArrowUp': this._itemUpAction(node); e.preventDefault(); break;\n      case 'Home': this._homeAction(); e.preventDefault(); break;\n      case 'End': this._endAction(); e.preventDefault(); break;\n      case 'Enter': this._itemEnterAction(node); e.preventDefault(); break;\n      default:\n    }\n  }\n\n  protected renderLabel(): TemplateResult | typeof nothing {\n    const { label } = this;\n    if (!label) {\n      return nothing;\n    }\n    return html`\n    <div class=\"navigation-title\">${label}</div>\n    `;\n  }\n\n  /**\n   * Performs the default action of the currently focused node. \n   * For parent nodes, it opens or closes the node. \n   * In single-select trees, if the node has no children, selects the current node \n   * if not already selected (which is the default action).\n   */\n  protected _itemEnterAction(node: HTMLElement): void {\n    const key = node.dataset.key as string;\n    const isFolder = node.classList.contains('parent-item');\n    if (isFolder) {\n      this.toggleGroup(key);\n    }\n    // don't guard this with checking whether the selection changed.\n    // In a tabbed / split layout the item can be closed while the navigation item still can \n    // be selected.\n    this.selected = key;\n    this._notifySelection(key, node.dataset.kind as string, node.dataset.parent, node.dataset.root);\n  }\n\n  /**\n   * 1. When focus is on a closed node, opens the node; focus does not move.\n   * 2. When focus is on a open node, moves focus to the first child node.\n   * 3. When focus is on an end node (a tree item with no children), does nothing.\n   */\n  protected _itemRightAction(node: HTMLElement): void {\n    const isFolder = node.classList.contains('parent-item');\n    if (!isFolder) {\n      return;\n    }\n    const key = node.dataset.key as string;\n    const opened = this._opened.includes(key);\n    if (!opened) {\n      // #1\n      this._opened.push(key);\n      this.requestUpdate();\n      return;\n    }\n    const size = Number(node.dataset.size);\n    if (Number.isNaN(size) || !size) {\n      // #3\n      return;\n    }\n    // #2\n    this._focusFirstDescendant(node);\n  }\n\n  /**\n   * 1. When focus is on an open node, closes the node.\n   * 2. When focus is on a child node that is also either an end node or a closed node, moves focus to its parent node.\n   * 3. When focus is on a closed `tree`, does nothing.\n   */\n  protected _itemLeftAction(node: HTMLElement): void {\n    const key = node.dataset.key as string;\n    const isFolder = node.classList.contains('parent-item');\n    if (isFolder) {\n      const opened = this._opened.includes(key);\n      if (opened) {\n        // #1\n        const index = this._opened.indexOf(key);\n        this._opened.splice(index, 1);\n        this.requestUpdate();\n        return;\n      }\n    }\n    // #2\n    this._focusFirstParent(node);\n    // note, #3 won't happen here as the outer tree is always opened.\n  }\n\n  /**\n   * Moves focus to the next node that is focusable without opening or closing a node.\n   */\n  protected _itemDownAction(node: HTMLElement): void {\n    const isFolder = node.classList.contains('parent-item');\n    // try focusing on any child\n    if (isFolder && this._focusFirstDescendant(node)) {\n      return;\n    }\n    // try focus on any next item.\n    if (this.focusNextSibling(node)) {\n      return;\n    }\n    let parent = this._findParentListItem(node);\n    while (parent) {\n      if (this.focusNextSibling(parent)) {\n        return;\n      }\n      parent = this._findParentListItem(parent);\n    }\n  }\n\n  /**\n   * Moves focus to the previous node that is focusable without opening or closing a node.\n   */\n  protected _itemUpAction(node: HTMLElement): void {\n    if (this.focusPreviousSibling(node)) {\n      return;\n    }\n    this._focusFirstParent(node);\n  }\n\n  protected _homeAction(): void {\n    const first = (this.shadowRoot as ShadowRoot).querySelector('ul');\n    if (!first) {\n      return;\n    }\n    const children = Array.from(first.children) as HTMLElement[];\n    for (const node of children) {\n      if (this._isValidListItem(node)) {\n        this._focusListItem(node);\n        break;\n      }\n    }\n  }\n\n  protected _endAction(): void {\n    const first = (this.shadowRoot as ShadowRoot).querySelector('ul');\n    if (!first) {\n      return;\n    }\n    const children = Array.from(first.children).reverse() as HTMLElement[];\n    for (const node of children) {\n      if (this._isValidListItem(node)) {\n        this._focusListItem(node);\n        break;\n      }\n    }\n  }\n  \n  /**\n   * \n   * @param contents The children contents.\n   * @returns A predefined template for the outer list element.\n   */\n  protected _outerListTemplate(contents: TemplateResult | TemplateResult[] | string): TemplateResult {\n    return html`\n    <ul \n      role=\"tree\" \n      aria-multiselectable=\"false\" \n      @dblclick=\"${this._dblClickHandler}\"\n      @click=\"${this._clickHandler}\"\n      @keydown=\"${this._keydownHandler}\"\n      class=\"root\"\n    >\n      ${contents}\n    </ul>\n    `;\n  }\n\n  protected _parentListItemTemplate(key: string, kind: string, label: string, children: TemplateResult | TemplateResult[] | string, opts: IListItemRenderOptions = {}): TemplateResult {\n    const { selected, _focused, edited } = this;\n    const opened = this._opened.includes(key);\n    const classes = {\n      'parent-item': true,\n      selected: selected === key,\n      focused: _focused === key,\n      opened,\n    };\n    return html`\n    <li \n      class=\"${classMap(classes)}\" \n      role=\"treeitem\" \n      aria-selected=\"false\"\n      aria-expanded=\"${opened ? 'true' : 'false'}\"\n      data-parent=\"${ifDefined(opts.parent)}\"\n      data-root=\"${ifDefined(opts.root)}\"\n      data-key=\"${key}\"\n      data-kind=\"${kind}\"\n      draggable=\"${opts.draggable ? 'true' : 'false'}\"\n      @dragstart=\"${this._itemDragStartHandler}\"\n      aria-disabled=\"${opts.disabled ? 'true' : 'false'}\"\n    >\n      ${edited === key ? this._nameInputTemplate(key, kind, label) : this.parentListItemContentTemplate(label, opts)}\n      <ul \n        role=\"group\" \n        id=\"group${key}\" \n        data-parent=\"${ifDefined(opts.parent)}\" \n        ?hidden=\"${!opened}\" \n        aria-hidden=\"${opened ? 'false' : 'true'}\"\n      >\n        ${children}\n      </ul>\n    </li>\n    `;\n  }\n\n  protected parentListItemContentTemplate(label: string, opts: IListItemRenderOptions = {}): TemplateResult {\n    return html`\n    <div class=\"list-item-content parent-content\">\n      <ui-icon icon=\"chevronRight\" class=\"group-toggle-icon\"></ui-icon>\n      ${opts.parentIcon ? html`<ui-icon icon=\"${opts.parentIcon}\" class=\"object-icon\"></ui-icon>` : ''}\n      <span class=\"label\" title=\"${label}\">${label}</span>\n    </div>\n    `;\n  }\n\n  protected _listItemTemplate(key: string, kind: string, label: string, content: TemplateResult | TemplateResult[] | string, opts: IListItemRenderOptions = {}): TemplateResult {\n    const { selected, _focused, edited } = this;\n    if (edited === key) {\n      const input = this._nameInputTemplate(key, kind, label);\n      return html`\n      <li \n        role=\"treeitem\" \n        aria-selected=\"false\"\n        class=\"name-change-item\"\n        data-parent=\"${ifDefined(opts.parent)}\"\n        data-root=\"${ifDefined(opts.root)}\"\n        data-key=\"${key}\"\n        data-kind=\"${kind}\"\n      >${input}</li>\n      `;\n    }\n    const classes = {\n      selected: selected === key,\n      focused: _focused === key,\n    };\n    return html`\n    <li \n      class=\"${classMap(classes)}\" \n      role=\"treeitem\" \n      aria-selected=\"false\"\n      data-parent=\"${ifDefined(opts.parent)}\"\n      data-root=\"${ifDefined(opts.root)}\"\n      data-key=\"${key}\"\n      data-kind=\"${kind}\"\n      draggable=\"${opts.draggable ? 'true' : 'false'}\"\n      @dragstart=\"${this._itemDragStartHandler}\"\n      aria-disabled=\"${opts.disabled ? 'true' : 'false'}\"\n    >\n      <div class=\"list-item-content\">${content}</div>\n    </li>\n    `;\n  }\n\n  protected _nameInputTemplate(key: string, kind: string, oldName?: string): TemplateResult {\n    return html`\n    <div class=\"name-change\" @click=\"${EventUtils.cancelEvent}\" @keydown=\"${EventUtils.cancelEvent}\" @dblclick=\"${EventUtils.cancelEvent}\">\n      <input type=\"text\" .value=${oldName || ''} @keydown=\"${this._nameInputKeydown}\" data-key=\"${key}\" data-kind=\"${kind}\"/>\n      <ui-icon-button @click=\"${this._commitNameHandler}\" aria-label=\"Confirm name change\" class=\"name-commit-button\" type=\"standard\">\n        <ui-icon icon=\"check\"></ui-icon>\n      </ui-icon-button>\n    </div>\n    `;\n  }\n\n  protected _itemContentTemplate(icon: IconType, label: string): TemplateResult {\n    return html`\n    <ui-icon icon=\"${icon}\" class=\"object-icon\"></ui-icon>\n    <span class=\"label\" title=\"${label}\">${label}</span>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"AppNavigationElement.js","sourceRoot":"","sources":["../../../src/elements/navigation/AppNavigationElement.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign */\nimport { html, nothing, PropertyValues, TemplateResult } from \"lit\";\nimport { property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { EventUtils } from '@api-client/core/build/browser.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-icon-button.js';\nimport { IconType } from \"../../ui/icons/Icons.js\";\nimport ApiElement from \"../ApiElement.js\";\n\nexport interface ISelectDetail {\n  /**\n   * The key of the selected item\n   */\n  key: string;\n  /**\n   * THe kind of the selected item\n   */\n  kind: string;\n  /**\n   * Optionally, the parent odf the selected item, if any.\n   */\n  parent?: string;\n  /**\n   * When applicable, the top object in the structure.\n   */\n  root?: string;\n}\n\nexport interface IListItemRenderOptions {\n  draggable?: boolean;\n  parent?: string;\n  disabled?: boolean;\n  /**\n   * Only relevant for parent list item.\n   * When set it forces this icon to be rendered next to the toggle button.\n   */\n  parentIcon?: IconType;\n  /**\n   * When set is add the `data-root` attribute.\n   * In principle, it represents a root object in the tree, if any.\n   */\n  root?: string;\n}\n\n/**\n * A base class for navigation elements helping creating specific implementation of the view.\n * The implementations sets their own properties with the data that are used to generate the view.\n * \n * The generated menu must have the following structure created by the implementations:\n * \n * ```html\n * <ul aria-label=\"...\" aria-multiselectable=\"false\">\n *  <li role=\"treeitem\" data-key=\"...\" data-kind=\"...\" data-draggable=\"true|false\">\n *    <div class=\"list-item-content\"><span class=\"label\" title=\"...\">...</span></div>\n *  </li>\n *  <li role=\"treeitem\" data-key=\"...\" data-kind=\"...\" data-draggable=\"true|false\" aria-expanded=\"true|false\" class=\"parent-item\">\n *    <div class=\"list-item-content\">\n *      <ui-icon icon=\"chevronRight\" class=\"group-toggle-icon\"></ui-icon>\n *      <span class=\"label\" title=\"...\">...</span>\n *    </div>\n *    <ul role=\"group\" data-parent=\"...\" ?hidden aria-hidden=\"true|false\">\n *      <li role=\"treeitem\" data-key=\"...\" data-parent=\"...\" data-kind=\"...\" data-draggable=\"true|false\">\n *        <div class=\"list-item-content\">\n *          <ui-icon icon=\"...\" class=\"item-icon\"></ui-icon>\n *          <span class=\"label\" title=\"...\">...</span>\n *        </div>\n *      </li>\n *    </ul>\n *  </li>\n * </ul>\n * ```\n * \n * Additionally, the child element must include styles from './AppNavigation.styles.js`.\n * \n * Assumptions when running the menu:\n * \n * - all `li` items that do not have `aria-disabled` attribute are considered active tree items (learn more why not to use \"disabled\" attribute https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n * - all `li` elements have `data-key` and `data-kind` attributes set. Elements without these properties are ignored.\n * - all `ul` and `li` elements that have a parent also have `data-parent` with the value of the parent's key. When this is not set the element is considered a top level element.\n * - the implementations does not manage the `tabindex` of any item. Instead set the `_focusedItem` to the currently focused element and the base will manage the focus for you (after the update is complete).\n * \n * @fires select - Custom, non bubbling event when a selection is made. It has the `key` and `kind` properties on the detail panel with optional `parent` id.\n */\nexport default class AppNavigation extends ApiElement {\n  /**\n   * The list of keys of opened items with children. This should be clear each time \n   * when the main data property change.\n   */\n  protected _opened: string[] = [];\n\n  /**\n   * The key of the currently focused item.\n   */\n  protected _focused?: string;\n\n  /**\n   * The currently focused node.\n   * In case there are headers in the list, this may not be a list item.\n   */\n  @state() _focusedItem?: HTMLElement;\n\n  /**\n   * To be set in the child class constructor to configure whether a name change is possible.\n   */\n  protected _allowRename?: boolean;\n\n  /**\n   * The currently selected navigation item.\n   * @attr\n   */\n  @property({ type: String }) selected?: string;\n\n  /**\n   * When set it renders a name change input for the item.\n   * This is the `key` of the object.\n   * \n   * Note, when the user finish editing the name it calls the `_commitName(key, kind, name)` method.\n   * This requires the `_allowRename` property to be set to `true` in the constructor.\n   * @attr\n   */\n  @property({ type: String }) edited?: string;\n\n  /**\n   * When set it prohibits the element to make visual selection (via the css) when an item is selected.\n   * This is helpful when one navigation can be visually references in multiple places (like split layout).\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true }) noVisualSelection?: boolean\n\n  /**\n   * A reference to the currently rendered name input, if any.\n   */\n  @query('.name-change input')\n  protected _nameInput?: HTMLInputElement | null;\n\n  /**\n   * When set it adds a menu entry with the navigation label.\n   * @attribute\n   */\n  @property({ type: String }) label?: string;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('role', 'navigation');\n    this.setAttribute('tabindex', '0');\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    super.willUpdate(cp);\n    if (cp.has('selected') && !cp.get('selected') && this.selected) {\n      this.ensureTreeVisibility(this.selected);\n    }\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    super.updated(cp);\n    if (cp.has('edited') && this.edited) {\n      const node = this._nameInput;\n      if (node) {\n        node.focus();\n      }\n      this.ensureTreeVisibility(this.edited);\n    }\n    if (cp.has('_focusedItem') && this._focusedItem) {\n      const old = cp.get('_focusedItem') as HTMLElement | undefined;\n      this._manageFocus(this._focusedItem, old);\n    }\n  }\n\n  protected _reset(): void {\n    this._opened = [];\n    this._focused = undefined;\n    this._focusedItem = undefined;\n    this.edited = undefined;\n  }\n\n  /**\n   * This method is called when the `_focusedItem` property is updated.\n   * It removes tabindex from the old element (if any) and sets tabindex and focuses on the new item (if any).\n   * When there's no new item, it sets the `tabindex` on self.\n   * \n   * @param current The new focused element, if any\n   * @param old The old focused element, if any.\n   */\n  protected _manageFocus(current?: HTMLElement, old?: HTMLElement): void {\n    if (old) {\n      // don't set `-1` here as the item can have children which event with tabindex '0' won't be focusable.\n      old.removeAttribute('tabindex');\n    }\n    if (current) {\n      if (current.getAttribute('tabindex') !== '0') {\n        current.setAttribute('tabindex', '0');\n      }\n      current.focus();\n      // current.scrollIntoView();\n      // remove tabindex from self so when the user returns to this navigation it will focus directly on\n      // this item.\n      if (this.hasAttribute('tabindex')) {\n        this.removeAttribute('tabindex');\n      }\n    } else if (!this.hasAttribute('tabindex')) {\n      // restore tabindex on self.\n      this.setAttribute('tabindex', '0');\n    }\n  }\n\n  /**\n   * Makes sure the node represented by the passed key is visible in the UI.\n   * This opens all parents on the way up to the root and scrolls to the node, when needed.\n   * @param key The key of the object to ensure visibility for.\n   */\n  ensureTreeVisibility(key: string): void {\n    const node = this.shadowRoot?.querySelector(`li[data-key=\"${key}\"]`) as HTMLLIElement;\n    if (!node) {\n      return;\n    }\n    const { _opened } = this;\n    let parent = this._findParentListItem(node);\n    let changed = false;\n    while (parent) {\n      const id = parent.dataset.key as string;\n      if (!_opened.includes(id)) {\n        _opened.push(id);\n        changed = true;\n      }\n      parent = this._findParentListItem(parent);\n    }\n    if (changed) {\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * Toggles a group of tree items.\n   * \n   * @param key The key of the group parent.\n   */\n  toggleGroup(key: string): void {\n    const { _opened: list } = this;\n    const index = list.indexOf(key);\n    if (index >= 0) {\n      list.splice(index, 1);\n    } else {\n      list.push(key);\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Allows to programmatically open a folder.\n   * It opens all parents if they are not opened.\n   * @param key The key of the folder to open.\n   */\n  openGroup(key: string): void {\n    const node = this.shadowRoot?.querySelector(`li[data-key=\"${key}\"]`) as HTMLLIElement;\n    if (!node) {\n      return;\n    }\n    const { _opened: list } = this;\n    if (list.includes(key)) {\n      return;\n    }\n    list.push(key);\n    // opens all parents\n\n    let parent = this._findParentListItem(node);\n    while (parent) {\n      const parentKey = parent.dataset.key as string;\n      if (!list.includes(parentKey)) {\n        list.push(parentKey);\n      }\n      parent = this._findParentListItem(parent);\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Allows to programmatically close a folder.\n   * @param key The key of the folder to open.\n   */\n  closeGroup(key: string): void {\n    const { _opened: list } = this;\n    const index = list.indexOf(key);\n    if (index >= 0) {\n      list.splice(index, 1);\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * A function to determine whether the passed Element is an active list item.\n   * \n   * @param node The Element to test\n   * @returns true when the passed element is a `li` element and is not disabled.\n   */\n  protected _isValidListItem(node: Element): boolean {\n    return node.localName === 'li' && node.getAttribute('aria-disabled') !== 'true' && node.hasAttribute('data-key') && node.hasAttribute('data-kind');\n  }\n\n  /**\n   * Marks the item as currently focused. \n   * \n   * Note, focused item is not the same as selected item. Focus is reflected in the UI without changing the selection.\n   * \n   * Also note, this only sets the `_focused` and `_focusedItem` properties. After the element renders \n   * the implementation should change the `tabindex` of the focused item to `0`.\n   */\n  protected _focusListItem(node: HTMLElement): void {\n    this._focused = node.dataset.key;\n    this._focusedItem = node;\n  }\n\n  /**\n   * Finds a valid list item that is a parent to the current item.\n   * \n   * @param node The current node located somewhere in the tree.\n   * @returns The nearest parent list item or undefined when not found.\n   */\n  protected _findParentListItem(node: HTMLElement): HTMLLIElement | undefined {\n    let parent = node.parentElement as HTMLElement;\n    while (parent) {\n      if (this._isValidListItem(parent)) {\n        return parent as HTMLLIElement;\n      }\n      // when the `parentElement` is ShadowRoot then it's parent is `null` so the loop breaks.\n      parent = parent.parentElement as HTMLElement;\n    }\n    return undefined;\n  }\n\n  /**\n   * From a `<li>` it finds the last `<li>` descendant in the tree.\n   * \n   * ```html\n   * <ul>\n   *  <li> <-- this is the current node\n   *    <div>...</div>\n   *    <ul>\n   *       <li>...</li>\n   *       <li>  <-- this is the last list item.\n   *          <div>...</div>\n   *          <ul hidden> <- this is ignored.\n   *            <li></li>\n   *            <li></li>  <-- this is not the last list item because the parent list is hidden.\n   *          </ul>\n   *      </li>\n   *    </ul>\n   *  </li>\n   * </ul>\n   * ```\n   * \n   * @param node The current list item to find the last descendant for.\n   * @returns The last list item or undefined.\n   */\n  protected _findLastDescendant(node: HTMLElement): HTMLElement | undefined {\n    const list = Array.from(node.children).reverse().find(i => i.localName === 'ul' && !i.hasAttribute('hidden')) as HTMLElement | undefined;\n    if (!list) {\n      return undefined;\n    }\n    const li = Array.from(list.children).reverse().find(i => this._isValidListItem(i)) as HTMLElement | undefined;\n    if (!li) {\n      return undefined;\n    }\n    const result = this._findLastDescendant(li);\n    // either it has more children or we can return the current list\n    if (result) {\n      return result;\n    }\n    return li;\n  }\n\n  /**\n   * Focuses on a list descendant of a folder item.\n   * It does nothing when the `node` is not a folder item or the folder has no selectable children.\n   * \n   * @param node The node to use as a reference. The current focused node by default.\n   * @returns true when focused on any of the descendants\n   */\n  protected _focusFirstDescendant(node = this._focusedItem): boolean {\n    if (!node) {\n      return false;\n    }\n    const list = Array.from(node.children).find(n => n.localName === 'ul' && (!n.hasAttribute('aria-hidden') || n.getAttribute('aria-hidden') === 'false'));\n    if (!list || !list.children) {\n      return false;\n    }\n    const children = Array.from(list.children);\n    for (const child of children) {\n      if (!this._isValidListItem(child)) {\n        continue;\n      }\n      const typed = child as HTMLLIElement;\n      this._focusListItem(typed);\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Focuses on the next node relative to the passed node.\n   * \n   * @param node The node to use as a starting point. When not set it uses the currently focused node.\n   * @returns true when focused on any of the next siblings\n   */\n  focusNextSibling(node = this._focusedItem): boolean {\n    if (!node) {\n      return false;\n    }\n    let current = node.nextElementSibling as HTMLElement;\n    while (current) {\n      if (!this._isValidListItem(current)) {\n        current = current.nextElementSibling as HTMLElement;\n        continue;\n      }\n      this._focusListItem(current);\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Focuses on the previous node relative to the passed node.\n   * \n   * @param node The node to use as a starting point. When not set it uses the currently focused node.\n   * @returns true when focused on any of the previous siblings\n   */\n  focusPreviousSibling(node = this._focusedItem): boolean {\n    if (!node) {\n      return false;\n    }\n    let current = node.previousElementSibling as HTMLElement;\n    while (current) {\n      if (!this._isValidListItem(current)) {\n        current = current.previousElementSibling as HTMLElement;\n        continue;\n      }\n      // now we find the last descendant of this node.\n      // if it doesn't have one, we focus on the node we have.\n      const last = this._findLastDescendant(current);\n      if (last) {\n        this._focusListItem(last);\n        return true;\n      }\n      this._focusListItem(current)\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Focuses on a first list item that accepts focus relative to the given node.\n   * \n   * @param node The node to use as a reference. The current focused node by default.\n   * @returns true when focused on any of the parents\n   */\n  protected _focusFirstParent(node: HTMLElement): boolean {\n    if (!node) {\n      return false;\n    }\n    const parent = this._findParentListItem(node);\n    if (parent) {\n      this._focusListItem(parent);\n      return true;\n    }\n    return false;\n  }\n\n  protected _findClosestListItem(e: Event): HTMLLIElement | undefined {\n    const path = e.composedPath();\n    while (path.length) {\n      const target = path.shift() as Node;\n      if (!target) {\n        break;\n      }\n      if (target.nodeType !== Node.ELEMENT_NODE) {\n        continue;\n      }\n      if (!this._isValidListItem(target as Element)) {\n        continue;\n      }\n      return target as HTMLLIElement;\n    }\n    return undefined;\n  }\n\n  /**\n   * Dispatched the `select` custom event with the `key` and `kind` on the detail.\n   * \n   * @param key The key of the selected item.\n   * @param kind The kind of the selected item\n   * @param parent Optional parent item.\n   */\n  protected _notifySelection(key: string, kind: string, parent?: string, root?: string): void {\n    this.dispatchEvent(new CustomEvent<ISelectDetail>('select', {\n      detail: { key, kind, parent, root },\n    }));\n  }\n\n  /**\n   * A handler for the `dragstart` event dispatched when the item is draggable.\n   * Calls the `_setupDataTransfer()` if has valid target.\n   */\n  protected _itemDragStartHandler(e: DragEvent): void {\n    const node = this._findClosestListItem(e);\n    const dt = e.dataTransfer;\n    if (!dt || !node) {\n      return;\n    }\n    this._setupDataTransfer(node, dt);\n  }\n\n  /**\n   * Sets the common properties on the `DataTransfer`. Implementations can override this method to add\n   * own properties.\n   */\n  protected _setupDataTransfer(item: HTMLLIElement, dt: DataTransfer): void {\n    const kind = item.dataset.kind as string;\n    dt.setData('text/kind', kind);\n    dt.setData(kind, '');\n    dt.setData('text/key', item.dataset.key as string);\n    dt.setData('text/source', this.localName);\n    dt.effectAllowed = 'copyMove';\n  }\n\n  protected _nameInputKeydown(e: KeyboardEvent): void {\n    e.stopPropagation();\n    if (e.key === 'Escape') {\n      this.edited = undefined;\n    } else if (e.key === 'Enter') {\n      const input = e.target as HTMLInputElement;\n      const { key, kind } = input.dataset;\n      if (!key || !kind) {\n        return;\n      }\n      this._commitName(key, kind, input.value.trim());\n    }\n  }\n\n  protected _commitNameHandler(e: Event): void {\n    e.preventDefault();\n    const input = (e.currentTarget as HTMLElement).previousElementSibling as HTMLInputElement;\n    if (!input || input.localName !== 'input') {\n      return;\n    }\n    const { key, kind } = input.dataset;\n    if (!key || !kind) {\n      return;\n    }\n    this._commitName(key, kind, input.value.trim());\n  }\n\n  /**\n   * This should be overwritten by the implementation that support name change.\n   * Method called when the user request to change a name of an item.\n   * \n   * @param key The key of the item.\n   * @param kind The kind of the item.\n   * @param name THe new name.\n   */\n  protected _commitName(key: string, kind: string, name: string): void | Promise<void> {\n    // eslint-disable-next-line no-console\n    console.warn(`The commit name method is not set in the child class for ${key}, ${kind}, and ${name}.`);\n  }\n\n  protected _dblClickHandler(e: Event): void {\n    if (e.defaultPrevented) {\n      return;\n    }\n    const node = this._findClosestListItem(e);\n    if (!node) {\n      return;\n    }\n    this._itemEnterAction(node);\n  }\n\n  protected _clickHandler(e: Event): void {\n    if (e.defaultPrevented) {\n      return;\n    }\n    const node = this._findClosestListItem(e);\n    if (!node) {\n      return;\n    }\n    const key = node.dataset.key as string;\n    if (node.classList.contains('parent-item')) {\n      const target = e.target as HTMLElement;\n      if (target.localName === 'ui-icon' && target.classList.contains('group-toggle-icon')) {\n        this.toggleGroup(key);\n        return;\n      }\n    }\n    this._focusListItem(node);\n    this.requestUpdate();\n  }\n\n  protected _keydownHandler(e: KeyboardEvent): void {\n    const node = this._findClosestListItem(e);\n    if (!node) {\n      return;\n    }\n    switch (e.key) {\n      case 'ArrowRight': this._itemRightAction(node); e.preventDefault(); break;\n      case 'ArrowLeft': this._itemLeftAction(node); e.preventDefault(); break;\n      case 'ArrowDown': this._itemDownAction(node); e.preventDefault(); break;\n      case 'ArrowUp': this._itemUpAction(node); e.preventDefault(); break;\n      case 'Home': this._homeAction(); e.preventDefault(); break;\n      case 'End': this._endAction(); e.preventDefault(); break;\n      case 'Enter': this._itemEnterAction(node); e.preventDefault(); break;\n      default:\n    }\n  }\n\n  protected renderLabel(): TemplateResult | typeof nothing {\n    const { label } = this;\n    if (!label) {\n      return nothing;\n    }\n    return html`\n    <div class=\"navigation-title\">${label}</div>\n    `;\n  }\n\n  /**\n   * Performs the default action of the currently focused node. \n   * For parent nodes, it opens or closes the node. \n   * In single-select trees, if the node has no children, selects the current node \n   * if not already selected (which is the default action).\n   */\n  protected _itemEnterAction(node: HTMLElement): void {\n    const key = node.dataset.key as string;\n    const isFolder = node.classList.contains('parent-item');\n    if (isFolder) {\n      this.toggleGroup(key);\n    }\n    // don't guard this with checking whether the selection changed.\n    // In a tabbed / split layout the item can be closed while the navigation item still can \n    // be selected.\n    this.selected = key;\n    this._notifySelection(key, node.dataset.kind as string, node.dataset.parent, node.dataset.root);\n  }\n\n  /**\n   * 1. When focus is on a closed node, opens the node; focus does not move.\n   * 2. When focus is on a open node, moves focus to the first child node.\n   * 3. When focus is on an end node (a tree item with no children), does nothing.\n   */\n  protected _itemRightAction(node: HTMLElement): void {\n    const isFolder = node.classList.contains('parent-item');\n    if (!isFolder) {\n      return;\n    }\n    const key = node.dataset.key as string;\n    const opened = this._opened.includes(key);\n    if (!opened) {\n      // #1\n      this._opened.push(key);\n      this.requestUpdate();\n      return;\n    }\n    const size = Number(node.dataset.size);\n    if (Number.isNaN(size) || !size) {\n      // #3\n      return;\n    }\n    // #2\n    this._focusFirstDescendant(node);\n  }\n\n  /**\n   * 1. When focus is on an open node, closes the node.\n   * 2. When focus is on a child node that is also either an end node or a closed node, moves focus to its parent node.\n   * 3. When focus is on a closed `tree`, does nothing.\n   */\n  protected _itemLeftAction(node: HTMLElement): void {\n    const key = node.dataset.key as string;\n    const isFolder = node.classList.contains('parent-item');\n    if (isFolder) {\n      const opened = this._opened.includes(key);\n      if (opened) {\n        // #1\n        const index = this._opened.indexOf(key);\n        this._opened.splice(index, 1);\n        this.requestUpdate();\n        return;\n      }\n    }\n    // #2\n    this._focusFirstParent(node);\n    // note, #3 won't happen here as the outer tree is always opened.\n  }\n\n  /**\n   * Moves focus to the next node that is focusable without opening or closing a node.\n   */\n  protected _itemDownAction(node: HTMLElement): void {\n    const isFolder = node.classList.contains('parent-item');\n    // try focusing on any child\n    if (isFolder && this._focusFirstDescendant(node)) {\n      return;\n    }\n    // try focus on any next item.\n    if (this.focusNextSibling(node)) {\n      return;\n    }\n    let parent = this._findParentListItem(node);\n    while (parent) {\n      if (this.focusNextSibling(parent)) {\n        return;\n      }\n      parent = this._findParentListItem(parent);\n    }\n  }\n\n  /**\n   * Moves focus to the previous node that is focusable without opening or closing a node.\n   */\n  protected _itemUpAction(node: HTMLElement): void {\n    if (this.focusPreviousSibling(node)) {\n      return;\n    }\n    this._focusFirstParent(node);\n  }\n\n  protected _homeAction(): void {\n    const first = (this.shadowRoot as ShadowRoot).querySelector('ul');\n    if (!first) {\n      return;\n    }\n    const children = Array.from(first.children) as HTMLElement[];\n    for (const node of children) {\n      if (this._isValidListItem(node)) {\n        this._focusListItem(node);\n        break;\n      }\n    }\n  }\n\n  protected _endAction(): void {\n    const first = (this.shadowRoot as ShadowRoot).querySelector('ul');\n    if (!first) {\n      return;\n    }\n    const children = Array.from(first.children).reverse() as HTMLElement[];\n    for (const node of children) {\n      if (this._isValidListItem(node)) {\n        this._focusListItem(node);\n        break;\n      }\n    }\n  }\n  \n  /**\n   * \n   * @param contents The children contents.\n   * @returns A predefined template for the outer list element.\n   */\n  protected _outerListTemplate(contents: TemplateResult | TemplateResult[] | string): TemplateResult {\n    return html`\n    <ul \n      role=\"tree\" \n      aria-multiselectable=\"false\" \n      @dblclick=\"${this._dblClickHandler}\"\n      @click=\"${this._clickHandler}\"\n      @keydown=\"${this._keydownHandler}\"\n      class=\"root\"\n    >\n      ${contents}\n    </ul>\n    `;\n  }\n\n  protected _parentListItemTemplate(key: string, kind: string, label: string, children: TemplateResult | TemplateResult[] | string, opts: IListItemRenderOptions = {}): TemplateResult {\n    const { selected, _focused, edited } = this;\n    const opened = this._opened.includes(key);\n    const classes = {\n      'parent-item': true,\n      selected: selected === key,\n      focused: _focused === key,\n      opened,\n    };\n    return html`\n    <li \n      class=\"${classMap(classes)}\" \n      role=\"treeitem\" \n      aria-selected=\"false\"\n      aria-expanded=\"${opened ? 'true' : 'false'}\"\n      data-parent=\"${ifDefined(opts.parent)}\"\n      data-root=\"${ifDefined(opts.root)}\"\n      data-key=\"${key}\"\n      data-kind=\"${kind}\"\n      draggable=\"${opts.draggable ? 'true' : 'false'}\"\n      @dragstart=\"${this._itemDragStartHandler}\"\n      aria-disabled=\"${opts.disabled ? 'true' : 'false'}\"\n    >\n      ${edited === key ? this._nameInputTemplate(key, kind, label) : this.parentListItemContentTemplate(label, opts)}\n      <ul \n        role=\"group\" \n        id=\"group${key}\" \n        data-parent=\"${ifDefined(opts.parent)}\" \n        ?hidden=\"${!opened}\" \n        aria-hidden=\"${opened ? 'false' : 'true'}\"\n      >\n        ${children}\n      </ul>\n    </li>\n    `;\n  }\n\n  protected parentListItemContentTemplate(label: string, opts: IListItemRenderOptions = {}): TemplateResult {\n    return html`\n    <div class=\"list-item-content parent-content\">\n      <ui-icon icon=\"chevronRight\" class=\"group-toggle-icon\"></ui-icon>\n      ${opts.parentIcon ? html`<ui-icon icon=\"${opts.parentIcon}\" class=\"object-icon\"></ui-icon>` : ''}\n      <span class=\"label\" title=\"${label}\">${label}</span>\n    </div>\n    `;\n  }\n\n  protected _listItemTemplate(key: string, kind: string, label: string, content: TemplateResult | TemplateResult[] | string, opts: IListItemRenderOptions = {}): TemplateResult {\n    const { selected, _focused, edited } = this;\n    if (edited === key) {\n      const input = this._nameInputTemplate(key, kind, label);\n      return html`\n      <li \n        role=\"treeitem\" \n        aria-selected=\"false\"\n        class=\"name-change-item\"\n        data-parent=\"${ifDefined(opts.parent)}\"\n        data-root=\"${ifDefined(opts.root)}\"\n        data-key=\"${key}\"\n        data-kind=\"${kind}\"\n      >${input}</li>\n      `;\n    }\n    const classes = {\n      selected: selected === key,\n      focused: _focused === key,\n    };\n    return html`\n    <li \n      class=\"${classMap(classes)}\" \n      role=\"treeitem\" \n      aria-selected=\"false\"\n      data-parent=\"${ifDefined(opts.parent)}\"\n      data-root=\"${ifDefined(opts.root)}\"\n      data-key=\"${key}\"\n      data-kind=\"${kind}\"\n      draggable=\"${opts.draggable ? 'true' : 'false'}\"\n      @dragstart=\"${this._itemDragStartHandler}\"\n      aria-disabled=\"${opts.disabled ? 'true' : 'false'}\"\n    >\n      <div class=\"list-item-content\">${content}</div>\n    </li>\n    `;\n  }\n\n  protected _nameInputTemplate(key: string, kind: string, oldName?: string): TemplateResult {\n    return html`\n    <div class=\"name-change\" @click=\"${EventUtils.cancelEvent}\" @keydown=\"${EventUtils.cancelEvent}\" @dblclick=\"${EventUtils.cancelEvent}\">\n      <input type=\"text\" .value=${oldName || ''} @keydown=\"${this._nameInputKeydown}\" data-key=\"${key}\" data-kind=\"${kind}\"/>\n      <ui-icon-button @click=\"${this._commitNameHandler}\" aria-label=\"Confirm name change\" class=\"name-commit-button\" type=\"standard\">\n        <ui-icon icon=\"check\"></ui-icon>\n      </ui-icon-button>\n    </div>\n    `;\n  }\n\n  protected _itemContentTemplate(icon: IconType, label: string): TemplateResult {\n    return html`\n    <ui-icon icon=\"${icon}\" class=\"object-icon\"></ui-icon>\n    <span class=\"label\" title=\"${label}\">${label}</span>\n    `;\n  }\n}\n"]}

package/dist/elements/navigation/AppNavigationItem.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppNavigationItem.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/navigation/AppNavigationItem.styles.ts"],"names":[],"mappings":";AAEA,wBAkIE"}
+{"version":3,"file":"AppNavigationItem.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/navigation/AppNavigationItem.styles.ts"],"names":[],"mappings":";AAEA,wBAoIE"}

package/dist/elements/navigation/AppNavigationItem.styles.js

@@ -53,6 +53,7 @@ export default css `
 .container {
   z-index: 1;
   transition: box-shadow 160ms cubic-bezier(.4,0,.2,1), background-color 230ms cubic-bezier(.4,0,.2,1);
+  background-color: var(--md-sys-color-surface);
 }
 
 :host([selected]) .container {
@@ -79,6 +80,7 @@ export default css `
   position: relative;
   padding: 16px 24px 16px 16px;
   width: inherit;
+  color: var(--md-sys-color-on-surface);
 }
 
 .ripple {

package/dist/elements/navigation/AppNavigationItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNavigationItem.styles.js","sourceRoot":"","sources":["../../../src/elements/navigation/AppNavigationItem.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkIjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n:host {\n  display: block;\n  box-sizing: content-box;\n  /* outline: none; */\n  writing-mode: horizontal-tb !important;\n  text-rendering: auto;\n  cursor: default;\n  user-select: none;\n  height: 56px;\n  width: fit-content;\n  -webkit-tap-highlight-color: transparent;\n\n  border-radius: 100px;\n  width: 100%;\n\n  font-family: var(--md-sys-typescale-label-large-font-family-name);\n  font-style: var(--md-sys-typescale-label-large-font-family-style);\n  font-weight: var(--md-sys-typescale-label-large-font-weight, 500);\n  font-size: var(--md-sys-typescale-label-large-font-size, 14px);\n  letter-spacing: var(--md-sys-typescale-label-large-tracking);\n  line-height: var(--md-sys-typescale-label-large-height);\n  text-transform: var(--md-sys-typescale-label-large-text-transform);\n  text-decoration: var(--md-sys-typescale-label-large-text-decoration);\n\n  --md-ripple-hover-state-layer-color: var(--md-sys-color-primary);\n  --md-ripple-focus-state-layer-color: var(--md-sys-color-primary);\n  --md-ripple-pressed-state-layer-color: var(--md-sys-color-primary);\n}\n\n.surface {\n  width: inherit;\n  height: inherit;\n  position: relative;\n  border-radius: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  /* color: var(--md-sys-color-primary); */\n}\n\n.container,\n.state {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border-radius: inherit;\n}\n\n.container {\n  z-index: 1;\n  transition: box-shadow 160ms cubic-bezier(.4,0,.2,1), background-color 230ms cubic-bezier(.4,0,.2,1);\n}\n\n:host([selected]) .container {\n  background-color: var(--md-sys-color-secondary-container);\n}\n\n:host([selected]) .content,\n:host([selected]) .content slot::slotted(*) {\n  color: var(--md-sys-color-on-secondary-container);\n  fill: var(--md-sys-color-on-secondary-container);\n}\n\n.state {\n  z-index: 2;\n  opacity: 0;\n  transition: opacity 260ms cubic-bezier(.4,0,.2,1);\n}\n\n.content {\n  z-index: 3;\n  display: flex;\n  justify-content: start;\n  align-items: center;\n  position: relative;\n  padding: 16px 24px 16px 16px;\n  width: inherit;\n}\n\n.ripple {\n  border-radius: inherit;\n  z-index: 3;\n}\n\n/* .surface.withIcon .content {\n  padding: 0 24px 0 16px;\n} */\n\n.surface.withIcon slot[name=\"icon\"]::slotted(*) {\n  margin-right: 12px;\n  margin-left: 0px;\n}\n\n.content slot::slotted(*) {\n  color: var(--md-sys-color-on-surface-variant);\n  fill: var(--md-sys-color-on-surface-variant);\n}\n\n:host([disabled]) {\n  pointer-events: none;\n}\n\n:host([disabled]) .content {\n  opacity: 0.38;\n}\n\n:host([disabled]) .content,\n:host([disabled]) .content slot::slotted(*) {\n  color: var(--md-sys-color-on-surface) !important;\n  fill: var(--md-sys-color-on-surface) !important;\n}\n\n:host(:hover) .state {\n  background-color: var(--md-sys-color-primary);\n  opacity: var(--md-sys-state-hover-state-layer-opacity);\n}\n\n:host(:focus) .state {\n  background-color: var(--md-sys-color-primary);\n  opacity: var(--md-sys-state-focus-state-layer-opacity);\n}\n\n:host(:active) .state,\n.pressed .state {\n  background-color: var(--md-sys-color-primary);\n  opacity: var(--md-sys-state-pressed-state-layer-opacity);\n}\n`;\n"]}
+{"version":3,"file":"AppNavigationItem.styles.js","sourceRoot":"","sources":["../../../src/elements/navigation/AppNavigationItem.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoIjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n:host {\n  display: block;\n  box-sizing: content-box;\n  /* outline: none; */\n  writing-mode: horizontal-tb !important;\n  text-rendering: auto;\n  cursor: default;\n  user-select: none;\n  height: 56px;\n  width: fit-content;\n  -webkit-tap-highlight-color: transparent;\n\n  border-radius: 100px;\n  width: 100%;\n\n  font-family: var(--md-sys-typescale-label-large-font-family-name);\n  font-style: var(--md-sys-typescale-label-large-font-family-style);\n  font-weight: var(--md-sys-typescale-label-large-font-weight, 500);\n  font-size: var(--md-sys-typescale-label-large-font-size, 14px);\n  letter-spacing: var(--md-sys-typescale-label-large-tracking);\n  line-height: var(--md-sys-typescale-label-large-height);\n  text-transform: var(--md-sys-typescale-label-large-text-transform);\n  text-decoration: var(--md-sys-typescale-label-large-text-decoration);\n\n  --md-ripple-hover-state-layer-color: var(--md-sys-color-primary);\n  --md-ripple-focus-state-layer-color: var(--md-sys-color-primary);\n  --md-ripple-pressed-state-layer-color: var(--md-sys-color-primary);\n}\n\n.surface {\n  width: inherit;\n  height: inherit;\n  position: relative;\n  border-radius: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  /* color: var(--md-sys-color-primary); */\n}\n\n.container,\n.state {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border-radius: inherit;\n}\n\n.container {\n  z-index: 1;\n  transition: box-shadow 160ms cubic-bezier(.4,0,.2,1), background-color 230ms cubic-bezier(.4,0,.2,1);\n  background-color: var(--md-sys-color-surface);\n}\n\n:host([selected]) .container {\n  background-color: var(--md-sys-color-secondary-container);\n}\n\n:host([selected]) .content,\n:host([selected]) .content slot::slotted(*) {\n  color: var(--md-sys-color-on-secondary-container);\n  fill: var(--md-sys-color-on-secondary-container);\n}\n\n.state {\n  z-index: 2;\n  opacity: 0;\n  transition: opacity 260ms cubic-bezier(.4,0,.2,1);\n}\n\n.content {\n  z-index: 3;\n  display: flex;\n  justify-content: start;\n  align-items: center;\n  position: relative;\n  padding: 16px 24px 16px 16px;\n  width: inherit;\n  color: var(--md-sys-color-on-surface);\n}\n\n.ripple {\n  border-radius: inherit;\n  z-index: 3;\n}\n\n/* .surface.withIcon .content {\n  padding: 0 24px 0 16px;\n} */\n\n.surface.withIcon slot[name=\"icon\"]::slotted(*) {\n  margin-right: 12px;\n  margin-left: 0px;\n}\n\n.content slot::slotted(*) {\n  color: var(--md-sys-color-on-surface-variant);\n  fill: var(--md-sys-color-on-surface-variant);\n}\n\n:host([disabled]) {\n  pointer-events: none;\n}\n\n:host([disabled]) .content {\n  opacity: 0.38;\n}\n\n:host([disabled]) .content,\n:host([disabled]) .content slot::slotted(*) {\n  color: var(--md-sys-color-on-surface) !important;\n  fill: var(--md-sys-color-on-surface) !important;\n}\n\n:host(:hover) .state {\n  background-color: var(--md-sys-color-primary);\n  opacity: var(--md-sys-state-hover-state-layer-opacity);\n}\n\n:host(:focus) .state {\n  background-color: var(--md-sys-color-primary);\n  opacity: var(--md-sys-state-focus-state-layer-opacity);\n}\n\n:host(:active) .state,\n.pressed .state {\n  background-color: var(--md-sys-color-primary);\n  opacity: var(--md-sys-state-pressed-state-layer-opacity);\n}\n`;\n"]}

package/dist/elements/navigation/AppNavigationItemElement.js

@@ -11,28 +11,27 @@ export default class AppNavigationItemElement extends UiElement {
     static get styles() {
         return elementStyles;
     }
-    /**
-     * When set, the button is a disabled state.
-     * @attribute
-     */
-    disabled = false;
-    /**
-     * Whether the navigation item is selected.
-     * @attribute
-     */
-    selected = false;
-    ripple;
-    showRipple = false;
-    getRipple = () => {
-        this.showRipple = true;
-        return this.ripple;
-    };
-    /**
-     * Determines when the element has an icon in the "icon" slot.
-     */
-    hasIcon;
     constructor() {
         super();
+        /**
+         * When set, the button is a disabled state.
+         * @attribute
+         */
+        this.disabled = false;
+        /**
+         * Whether the navigation item is selected.
+         * @attribute
+         */
+        this.selected = false;
+        this.showRipple = false;
+        this.getRipple = () => {
+            this.showRipple = true;
+            return this.ripple;
+        };
+        this.renderRipple = () => {
+            const { disabled } = this;
+            return html `<ui-ripple class="ripple" ?disabled="${disabled}"></ui-ripple>`;
+        };
         this.hasIcon = false;
         this.actionController.cancelKeyboardEvents = true;
         this.addEventListener('keydown', this.handleKeyDown.bind(this));
@@ -107,10 +106,6 @@ export default class AppNavigationItemElement extends UiElement {
     renderIcon() {
         return html `<slot name="icon" @slotchange="${this.iconSlotChange}"></slot>`;
     }
-    renderRipple = () => {
-        const { disabled } = this;
-        return html `<ui-ripple class="ripple" ?disabled="${disabled}"></ui-ripple>`;
-    };
 }
 __decorate([
     property({ reflect: true, type: Boolean })

package/dist/elements/navigation/AppNavigationItemElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNavigationItemElement.js","sourceRoot":"","sources":["../../../src/elements/navigation/AppNavigationItemElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResult, html, TemplateResult } from \"lit\";\nimport { property, queryAsync, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { when } from 'lit/directives/when.js';\nimport UiRipple from \"../../ui/effects/ripple.js\";\nimport { ripple } from '../../ui/effects/rippleDirective.js';\nimport { UiElement } from \"../../ui/UiElement.js\";\nimport elementStyles from './AppNavigationItem.styles.js';\nimport '../../define/ui/ui-ripple.js';\n\nexport default class AppNavigationItemElement extends UiElement {\n  static override get styles(): CSSResult | CSSResult[] {\n    return elementStyles;\n  }\n  \n  /**\n   * When set, the button is a disabled state.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean }) disabled = false;\n\n  /**\n   * Whether the navigation item is selected.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean }) selected = false;\n\n  @queryAsync('ui-ripple') protected ripple!: Promise<UiRipple | null>;\n\n  @state() protected showRipple = false;\n\n  protected readonly getRipple = (): Promise<UiRipple | null> => {\n    this.showRipple = true;\n    return this.ripple;\n  };\n\n  /**\n   * Determines when the element has an icon in the \"icon\" slot.\n   */\n  @state() protected hasIcon: boolean;\n\n  constructor() {\n    super();\n\n    this.hasIcon = false;\n\n    this.actionController.cancelKeyboardEvents = true;\n    this.addEventListener('keydown', this.handleKeyDown.bind(this));\n    this.addEventListener('keyup', this.handleKeyUp.bind(this));\n    this.addEventListener('click', this.handleClick.bind(this));\n    this.addEventListener('pointerdown', this.handlePointerDown.bind(this));\n    this.addEventListener('pointerup', this.handlePointerUp.bind(this));\n    this.addEventListener('pointercancel', this.handlePointerCancel.bind(this));\n    this.addEventListener('pointerleave', this.handlePointerLeave.bind(this));\n    this.addEventListener('contextmenu', this.handleContextMenu.bind(this));\n    this.addEventListener('focus', this.handleFocus.bind(this));\n    this.addEventListener('blur', this.handleBlur.bind(this));\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    if (!this.hasAttribute('tabindex') && !this.disabled) {\n      this.setAttribute('tabindex', '0');\n    }\n  }\n\n  protected async handleFocus(): Promise<void> {\n    const _ripple = await this.getRipple();\n    _ripple?.beginFocus();\n  }\n\n  protected async handleBlur(): Promise<void> {\n    const _ripple = await this.getRipple();\n    _ripple?.endFocus();\n  }\n\n  override async handleKeyDown(e: KeyboardEvent): Promise<void> {\n    super.handleKeyDown(e);\n    if (['Space'].includes(e.code)) {\n      const _ripple = await this.getRipple();\n      _ripple?.beginPress();\n    }\n  }\n\n  override async handleKeyUp(e: KeyboardEvent): Promise<void> {\n    super.handleKeyUp(e);\n    if (['Space'].includes(e.code)) {\n      const _ripple = await this.getRipple();\n      _ripple?.endPress();\n      this.click();\n    }\n  }\n\n  /**\n   * Sets the `_hasIcon` state property when the \"icon\" slot change event is dispatched.\n   */\n  protected iconSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this.hasIcon = !!slot.assignedNodes().length;\n  }\n\n  protected override render(): TemplateResult {\n    const { pressed = false } = this;\n    const containerClasses = classMap({\n      surface: true,\n      withIcon: this.hasIcon,\n      pressed,\n    });\n    return html`\n    <div class=\"${containerClasses}\" ${ripple(this.getRipple)}>\n      <div class=\"container\"></div>\n      <div class=\"state\"></div>\n      ${when(this.showRipple, this.renderRipple)}\n      <div class=\"content\">\n        ${this.renderIcon()}\n        <slot></slot>\n      </div>\n    </div>\n    `;\n  }\n\n  protected renderIcon(): TemplateResult {\n    return html`<slot name=\"icon\" @slotchange=\"${this.iconSlotChange}\"></slot>`;\n  }\n\n  protected renderRipple = (): TemplateResult => {\n    const { disabled } = this;\n    return html`<ui-ripple class=\"ripple\" ?disabled=\"${disabled}\"></ui-ripple>`;\n  };\n}\n"]}
+{"version":3,"file":"AppNavigationItemElement.js","sourceRoot":"","sources":["../../../src/elements/navigation/AppNavigationItemElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResult, html, TemplateResult } from \"lit\";\nimport { property, queryAsync, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { when } from 'lit/directives/when.js';\nimport UiRipple from \"../../ui/effects/ripple.js\";\nimport { ripple } from '../../ui/effects/rippleDirective.js';\nimport { UiElement } from \"../../ui/UiElement.js\";\nimport elementStyles from './AppNavigationItem.styles.js';\nimport '../../define/ui/ui-ripple.js';\n\nexport default class AppNavigationItemElement extends UiElement {\n  static override get styles(): CSSResult | CSSResult[] {\n    return elementStyles;\n  }\n  \n  /**\n   * When set, the button is a disabled state.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean }) disabled = false;\n\n  /**\n   * Whether the navigation item is selected.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean }) selected = false;\n\n  @queryAsync('ui-ripple') protected ripple!: Promise<UiRipple | null>;\n\n  @state() protected showRipple = false;\n\n  protected readonly getRipple = (): Promise<UiRipple | null> => {\n    this.showRipple = true;\n    return this.ripple;\n  };\n\n  /**\n   * Determines when the element has an icon in the \"icon\" slot.\n   */\n  @state() protected hasIcon: boolean;\n\n  constructor() {\n    super();\n\n    this.hasIcon = false;\n\n    this.actionController.cancelKeyboardEvents = true;\n    this.addEventListener('keydown', this.handleKeyDown.bind(this));\n    this.addEventListener('keyup', this.handleKeyUp.bind(this));\n    this.addEventListener('click', this.handleClick.bind(this));\n    this.addEventListener('pointerdown', this.handlePointerDown.bind(this));\n    this.addEventListener('pointerup', this.handlePointerUp.bind(this));\n    this.addEventListener('pointercancel', this.handlePointerCancel.bind(this));\n    this.addEventListener('pointerleave', this.handlePointerLeave.bind(this));\n    this.addEventListener('contextmenu', this.handleContextMenu.bind(this));\n    this.addEventListener('focus', this.handleFocus.bind(this));\n    this.addEventListener('blur', this.handleBlur.bind(this));\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    if (!this.hasAttribute('tabindex') && !this.disabled) {\n      this.setAttribute('tabindex', '0');\n    }\n  }\n\n  protected async handleFocus(): Promise<void> {\n    const _ripple = await this.getRipple();\n    _ripple?.beginFocus();\n  }\n\n  protected async handleBlur(): Promise<void> {\n    const _ripple = await this.getRipple();\n    _ripple?.endFocus();\n  }\n\n  override async handleKeyDown(e: KeyboardEvent): Promise<void> {\n    super.handleKeyDown(e);\n    if (['Space'].includes(e.code)) {\n      const _ripple = await this.getRipple();\n      _ripple?.beginPress();\n    }\n  }\n\n  override async handleKeyUp(e: KeyboardEvent): Promise<void> {\n    super.handleKeyUp(e);\n    if (['Space'].includes(e.code)) {\n      const _ripple = await this.getRipple();\n      _ripple?.endPress();\n      this.click();\n    }\n  }\n\n  /**\n   * Sets the `_hasIcon` state property when the \"icon\" slot change event is dispatched.\n   */\n  protected iconSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this.hasIcon = !!slot.assignedNodes().length;\n  }\n\n  protected override render(): TemplateResult {\n    const { pressed = false } = this;\n    const containerClasses = classMap({\n      surface: true,\n      withIcon: this.hasIcon,\n      pressed,\n    });\n    return html`\n    <div class=\"${containerClasses}\" ${ripple(this.getRipple)}>\n      <div class=\"container\"></div>\n      <div class=\"state\"></div>\n      ${when(this.showRipple, this.renderRipple)}\n      <div class=\"content\">\n        ${this.renderIcon()}\n        <slot></slot>\n      </div>\n    </div>\n    `;\n  }\n\n  protected renderIcon(): TemplateResult {\n    return html`<slot name=\"icon\" @slotchange=\"${this.iconSlotChange}\"></slot>`;\n  }\n\n  protected renderRipple = (): TemplateResult => {\n    const { disabled } = this;\n    return html`<ui-ripple class=\"ripple\" ?disabled=\"${disabled}\"></ui-ripple>`;\n  };\n}\n"]}

package/dist/elements/project/HttpProjectRequest.d.ts

@@ -1,5 +1,5 @@
 import { nothing, PropertyValues, TemplateResult } from 'lit';
-import { ProjectRequest, HttpRequest, HttpProject, IRequestLog, IApplication, DeserializedPayload, IHttpProjectProxyInit, Environment, IProperty, RequestAuthorization, IRequestAuthorization, IHttpProjectStoreProxyInit, IProxyResult, IProjectExecutionLog, IHttpAssertion, IRequestConfig } from '@api-client/core/build/browser.js';
+import { ProjectRequest, HttpRequest, HttpProject, IRequestLog, IApplication, DeserializedPayload, IHttpProjectProxyInit, Environment, IProperty, RequestAuthorization, IRequestAuthorization, IHttpProjectStoreProxyInit, IProxyResult, IProjectExecutionLog, IHttpAssertion, IRequestConfig, IHttpFlow } from '@api-client/core/build/browser.js';
 import { AuthorizationType } from '@api-client/core/build/src/models/Authorization.js';
 import { JsonPatchOperation } from '@api-client/json';
 import RequestEditor from '../http/RequestEditor.js';
@@ -67,6 +67,7 @@ export default class HttpProjectRequest extends RequestEditor {
     selectUrl(value: string): void;
     selectHeaders(model: IProperty[]): void;
     selectAssertions(assertions?: IHttpAssertion[]): void;
+    selectFlows(flows?: IHttpFlow[]): void;
     selectRequestConfig(config: IRequestConfig): void;
     protected updatePayload(value: DeserializedPayload, mime?: string): Promise<void>;
     addAuthorization(type: AuthorizationType): RequestAuthorization;

package/dist/elements/project/HttpProjectRequest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HttpProjectRequest.d.ts","sourceRoot":"","sources":["../../../src/elements/project/HttpProjectRequest.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"HttpProjectRequest.d.ts","sourceRoot":"","sources":["../../../src/elements/project/HttpProjectRequest.ts"],"names":[],"mappings":"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"}

package/dist/elements/project/HttpProjectRequest.js

@@ -22,44 +22,6 @@ function stopEvent(e) {
  * The element will hook-up to the events to support project mutations.
  */
 export default class HttpProjectRequest extends RequestEditor {
-    /**
-     * The source project
-     */
-    project;
-    /**
-     * The key of the request being processed.
-     * @attribute
-     */
-    key;
-    /**
-     * This property is required for the API access to work.
-     * Set it to the current application information.
-     */
-    appInfo;
-    /**
-     * The read `expects` value from the project request.
-     */
-    expects;
-    /**
-     * The read project request object from the project.
-     */
-    projectRequest;
-    /**
-     * The list of environments that apply to the current request.
-     */
-    environments;
-    /**
-     * Computed value of the environment to render in the environment selector.
-     * Because of the complexity of finding the name, it is computed on `environment` change only.
-     */
-    environmentLabel;
-    /**
-     * When set the requests sent from the editor will contain the entire project serialized with the request
-     * rather just the id of the project. This is used in HTTP Client that doesn't use the net-store
-     * and uses local proxy.
-     * @attribute
-     */
-    useNetStore;
     constructor() {
         super();
         // do not propagate HTTP request internal events outside as multiple requests are rendered in the same document.
@@ -112,6 +74,7 @@ export default class HttpProjectRequest extends RequestEditor {
         this.request = expects.toJSON();
         this.authorization = request.authorization?.map(i => i.toJSON());
         this.assertions = request.assertions;
+        this.flows = request.flows;
         if (request.config) {
             this.config = request.config.toJSON();
         }
@@ -159,6 +122,14 @@ export default class HttpProjectRequest extends RequestEditor {
         projectRequest.assertions = assertions;
         super.selectAssertions(assertions);
     }
+    selectFlows(flows) {
+        const { projectRequest } = this;
+        if (!projectRequest) {
+            return;
+        }
+        projectRequest.flows = flows;
+        super.selectFlows(flows);
+    }
     selectRequestConfig(config) {
         const { projectRequest } = this;
         if (!projectRequest) {
@@ -183,7 +154,7 @@ export default class HttpProjectRequest extends RequestEditor {
                 this.projectRequest.authorization = [];
             }
             this.projectRequest.authorization.push(schema);
-            this.notifyRequestChanged();
+            this.notifyChange();
         }
         return schema;
     }
@@ -202,7 +173,7 @@ export default class HttpProjectRequest extends RequestEditor {
             return;
         }
         projectRequest.authorization[index] = new RequestAuthorization(schema);
-        this.notifyRequestChanged();
+        this.notifyChange();
     }
     removeAuthorization(type) {
         super.removeAuthorization(type);
@@ -218,7 +189,7 @@ export default class HttpProjectRequest extends RequestEditor {
             return;
         }
         projectRequest.authorization.splice(index, 1);
-        this.notifyRequestChanged();
+        this.notifyChange();
     }
     notifySend() {
         this.execute();
@@ -303,8 +274,8 @@ export default class HttpProjectRequest extends RequestEditor {
         this.computeEnvironmentLabel();
         projectRequest.environment = key;
         this.computeSnippetsRequest();
-        this.notifyRequestChanged();
-        this.notifyChanged('environment', key);
+        this.notifyChange();
+        this.notifyPropertyChanged('environment', key);
     }
     computeEnvironmentLabel() {
         const { projectRequest } = this;