npm - @api-client/ui - Versions diffs - 0.5.25 → 0.5.26 - Mend

@api-client/ui 0.5.25 → 0.5.26

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

Files changed (17) hide show

package/build/src/elements/navigation/internals/AppNavigationElement.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppNavigationElement.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/AppNavigationElement.ts"],"names":[],"mappings":"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~~IAsBtF~~,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,cAAc;CAM3E"}
1	+ {"version":3,"file":"AppNavigationElement.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/AppNavigationElement.ts"],"names":[],"mappings":"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"}

package/build/src/elements/navigation/internals/AppNavigationElement.js CHANGED Viewed

@@ -997,12 +997,7 @@ let AppNavigation = (() => {
           data-key="${key}"
           data-kind="${kind}"
         />
-        <ui-icon-button
-          @click="${this.handleNameCommit}"
-          aria-label="Confirm name change"
-          class="name-commit-button"
-          type="standard"
-        >
+        <ui-icon-button @click="${this.handleNameCommit}" aria-label="Confirm name change" class="name-commit-button">
           <ui-icon icon="check"></ui-icon>
         </ui-icon-button>
       </div>

package/build/src/elements/navigation/internals/AppNavigationElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppNavigationElement.js","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/AppNavigationElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { 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 { cancelEvent } from '@api-client/core/lib/events/Utils.js'\nimport type { IconType } from '../../../md/icons/Icons.js'\nimport ApiElement from '../../ApiElement.js'\n\nimport '../../../md/icons/ui-icon.js'\nimport '../../../md/icon-button/ui-icon-button.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\" aria-expanded=\"true\" 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.\n * 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\n * the currently focused element and the base will manage the focus for you (after the update is complete).\n \n @fires {CustomEvent} select - Custom, non bubbling event when a selection is made.\n * It has the `key` and `kind` properties on the detail panel with optional `parent` id.\n * @fires {Event} deselect - Custom, non bubbling event when the selection is cleared.\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 = new Set<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() accessor focusedItem: HTMLElement \| undefined\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 }) accessor selected: string \| undefined\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 }) accessor edited: string \| undefined\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 }) accessor noVisualSelection: boolean \| undefined\n\n /\n A reference to the currently rendered name input, if any.\n /\n @query('.name-change input')\n protected accessor _nameInput!: HTMLInputElement \| null\n\n /\n When set it adds a menu entry with the navigation label.\n * @attribute\n /\n @property({ type: String }) accessor label: string \| undefined\n\n /\n A reference to the currently dragged item.\n * This logic assumes that the drag and drop is local to this element.\n /\n protected draggingItem?: HTMLLIElement\n\n constructor() {\n super()\n this.addEventListener('click', this.handleClick.bind(this))\n }\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') && 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.clear()\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 current.setAttribute('tabindex', '0')\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 if (node.offsetParent !== null) {\n // node is visible\n return\n }\n const { opened: _opened } = this\n let parent = this.findParentListItem(node)\n const toOpen = new Set<string>()\n while (parent) {\n const id = parent.dataset.key as string\n if (!_opened.has(id)) {\n toOpen.add(id)\n }\n parent = this.findParentListItem(parent)\n }\n if (toOpen.size) {\n this.opened = this.opened.union(toOpen)\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 if (this.opened.has(key)) {\n this.opened.delete(key)\n } else {\n this.opened.add(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 if (this.opened.has(key)) {\n return\n }\n this.opened.add(key)\n\n // open all parents\n let parent = this.findParentListItem(node)\n while (parent) {\n const parentKey = parent.dataset.key as string\n this.opened.add(parentKey)\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 if (this.opened.has(key)) {\n this.opened.delete(key)\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 (\n node &&\n node.localName === 'li' &&\n node.getAttribute('aria-disabled') !== 'true' &&\n node.hasAttribute('data-key') &&\n node.hasAttribute('data-kind')\n )\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 = node.querySelector('ul:not([hidden])')\n if (!list) {\n return undefined\n }\n const li = list.querySelector('li[data-key][data-kind]:last-of-type:not([aria-disabled=\"true\"])')\n if (!li) {\n return undefined\n }\n const result = this.findLastDescendant(li as HTMLElement)\n return result \|\| (li as HTMLElement)\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 = node.querySelector('ul:not([aria-hidden=\"true\"])')\n if (!list) {\n return false\n }\n const child = list.querySelector('li[data-key][data-kind]:not([aria-disabled=\"true\"])')\n if (!child) {\n return false\n }\n this.focusListItem(child as HTMLLIElement)\n return true\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 this.focusListItem(current)\n return true\n }\n current = current.nextElementSibling as HTMLElement\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 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 current = current.previousElementSibling as HTMLElement\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 target = e.composedPath()[0] as HTMLElement\n return (target.closest('li[data-key][data-kind]:not([aria-disabled=\"true\"])') as 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(\n new CustomEvent<ISelectDetail>('select', {\n detail: { key, kind, parent, root },\n })\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 handleItemDragStart(e: DragEvent): void {\n if (e.defaultPrevented) {\n return\n }\n const node = this.findClosestListItem(e)\n const dt = e.dataTransfer\n if (!dt \|\| !node) {\n return\n }\n this.draggingItem = node\n // do not cancel this event\n this.setupDataTransfer(node, dt)\n }\n\n /\n A handler for the `dragend` event dispatched when the item is draggable.\n * @param e The dragend event.\n /\n protected handleItemDragEnd(e: DragEvent): void {\n if (e.defaultPrevented) {\n return\n }\n const dt = e.dataTransfer\n if (!dt \|\| !this.draggingItem) {\n return\n }\n this.unloadDataTransfer(this.draggingItem, dt)\n this.draggingItem = undefined\n // const node = this.findClosestListItem(e)\n // const dt = e.dataTransfer\n // if (!dt \|\| !node) {\n // return\n // }\n // e.preventDefault()\n // this.unloadDataTransfer(node, dt)\n }\n\n protected handleItemDragOver(e: DragEvent): void {\n if (e.defaultPrevented) {\n return\n }\n const node = this.findClosestListItem(e)\n if (!node) {\n return\n }\n const dt = e.dataTransfer\n if (!dt) {\n return\n }\n // This is required to enable drop event.\n e.preventDefault()\n const validTarget = this.isValidDropTarget(node, dt)\n if (validTarget) {\n node.classList.add('drop-target')\n }\n if (node.classList.contains('parent-item')) {\n this.scheduleGroupOpen(node.dataset.key as string, node)\n }\n this.processDragOver(node, dt, validTarget)\n }\n\n protected handleItemDragLeave(e: DragEvent): void {\n if (e.defaultPrevented) {\n return\n }\n // const node = e.composedPath()[0] as HTMLElement\n // if (node.localName !== 'li') {\n // // We get a lot of false positive here when the user drags over the list item.\n // // which interfeers with the dragleave event.\n // // Because of that, we onlt react when the leave hapens on a list item only.\n // return\n // }\n const node = this.findClosestListItem(e)\n if (!node) {\n return\n }\n const dt = e.dataTransfer\n if (!dt) {\n return\n }\n node.classList.remove('drop-target')\n if (node.classList.contains('parent-item')) {\n this.cancelGroupOpen(node.dataset.key as string)\n }\n this.processDragLeave(node as HTMLLIElement, dt)\n }\n\n protected handleItemDrop(e: DragEvent): void {\n if (e.defaultPrevented) {\n return\n }\n const node = this.findClosestListItem(e)\n if (!node) {\n return\n }\n const dt = e.dataTransfer\n if (!dt) {\n return\n }\n // This is required to prohibit the default action.\n e.preventDefault()\n node.classList.remove('drop-target')\n this.unloadDataTransfer(node, dt)\n this.processDrop(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\n const key = item.dataset.key\n if (!key \|\| !kind) {\n return\n }\n dt.setData('text/kind', kind)\n dt.setData(kind, '')\n dt.setData('text/key', key)\n dt.setData('text/plain', key)\n dt.setData('text/source', this.localName)\n dt.effectAllowed = 'copyMove'\n\n // Setup the image\n const clone = item.cloneNode(true) as HTMLLIElement\n // removes children + toggle buttons\n clone.querySelectorAll('ul,.group-toggle-icon').forEach((i) => {\n i.remove()\n })\n // Setup the dragged width.\n const content = item.querySelector('.list-item-content') \|\| item\n clone.style.width = `${content.clientWidth}px`\n // Marks the clone as a drag image and selected\n clone.classList.add('drag-image', 'selected')\n const root = this.shadowRoot as ShadowRoot\n root.appendChild(clone)\n dt.setDragImage(clone, 0, 0)\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected unloadDataTransfer(item: HTMLLIElement, dt: DataTransfer): void {\n const root = this.shadowRoot as ShadowRoot\n root.querySelectorAll('.drag-image').forEach((i) => {\n i.remove()\n })\n }\n\n protected handleNameInputKeydown(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 /\n Handles an event when something is dragged over another item.\n * Mind that it can be anything (files, text, etc.) so the implementation should\n * check the type of the data transfer.\n \n @param item The item that an object is dragged overt that item.\n * @param dt Data transfer instance.\n * @param validTarget True when the target is a valid drop target.\n /\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected processDragOver(item: HTMLLIElement, dt: DataTransfer, validTarget: boolean): void \| Promise<void> {\n // ...\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected processDragLeave(item: HTMLLIElement, dt: DataTransfer): void \| Promise<void> {\n // ...\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected processDrop(item: HTMLLIElement, dt: DataTransfer): void \| Promise<void> {\n // ...\n }\n\n /\n To be implemented by the child class.\n * Checks whether the target is a valid drop target.\n * When used, it simplifies the sub-class logic by using this classes drag and drop handling.\n * @param target The target item that the object is dragged over.\n * @param dt The data transfer instance.\n * @returns true when the target is a valid drop target.\n /\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected isValidDropTarget(target: HTMLElement, dt: DataTransfer): boolean {\n return false\n }\n\n /\n A map of timeouts for opening groups.\n /\n private groupOpenTimeouts = new Map<string, number>()\n\n /\n Schedules opening a group after a delay.\n * @param key The key of the group to open.\n * @param item The list item element.\n /\n private scheduleGroupOpen(key: string, item: HTMLLIElement): void {\n // console.log(Date.now(), 'SchemaDesignNavigation.scheduleGroupOpen', key)\n if (item.ariaExpanded === 'true' \|\| this.groupOpenTimeouts.has(key)) {\n // console.log(Date.now(), 'NOT NEEDED', key, item.ariaExpanded === 'true', this.groupOpenTimeouts.has(key))\n return\n }\n const timeoutId = window.setTimeout(() => {\n this.openGroup(key)\n this.groupOpenTimeouts.delete(key)\n }, 700)\n this.groupOpenTimeouts.set(key, timeoutId)\n }\n\n /\n Cancels a scheduled group open.\n * @param key The key of the group to cancel.\n /\n private cancelGroupOpen(key: string): void {\n // console.log(Date.now(), 'SchemaDesignNavigation.cancelGroupOpen', key)\n const timeoutId = this.groupOpenTimeouts.get(key)\n if (timeoutId !== undefined) {\n window.clearTimeout(timeoutId)\n this.groupOpenTimeouts.delete(key)\n }\n }\n\n protected handleNameCommit(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 handleDoubleClick(e: Event): void {\n if (e.defaultPrevented) {\n return\n }\n const node = this.findClosestListItem(e)\n if (!node) {\n return\n }\n this.handleEnterAction(node)\n }\n\n protected handleClick(e: Event): void {\n if (e.defaultPrevented) {\n return\n }\n const node = this.findClosestListItem(e)\n if (!node) {\n if (e.target === this) {\n this.deselect()\n }\n return\n }\n this.handleEnterAction(node)\n this.focusListItem(node)\n this.requestUpdate()\n }\n\n protected handleKeydown(e: KeyboardEvent): void {\n const node = this.findClosestListItem(e)\n if (!node) {\n return\n }\n switch (e.key) {\n case 'ArrowRight':\n this.handleRightAction(node)\n e.preventDefault()\n break\n case 'ArrowLeft':\n this.handleLeftAction(node)\n e.preventDefault()\n break\n case 'ArrowDown':\n this.handleDownAction(node)\n e.preventDefault()\n break\n case 'ArrowUp':\n this.handleUpAction(node)\n e.preventDefault()\n break\n case 'Home':\n this.handleHomeAction()\n e.preventDefault()\n break\n case 'End':\n this.handleEndAction()\n e.preventDefault()\n break\n case 'Enter':\n this.handleEnterAction(node)\n e.preventDefault()\n 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` <div class=\"navigation-title\">${label}</div> `\n }\n\n protected deselect(): void {\n this.dispatchEvent(new Event('deselect'))\n this.selected = undefined\n this.focused = undefined\n this.focusedItem = undefined\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 handleEnterAction(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 handleRightAction(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 if (!this.opened.has(key)) {\n // #1\n this.opened.add(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 handleLeftAction(node: HTMLElement): void {\n const key = node.dataset.key as string\n const isFolder = node.classList.contains('parent-item')\n if (isFolder) {\n if (this.opened.has(key)) {\n // #1\n this.opened.delete(key)\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 handleDownAction(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 handleUpAction(node: HTMLElement): void {\n if (this.focusPreviousSibling(node)) {\n return\n }\n this.focusFirstParent(node)\n }\n\n protected handleHomeAction(): 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 handleEndAction(): 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 renderOuterList(contents: TemplateResult \| TemplateResult[] \| string): TemplateResult {\n return html`\n <ul\n role=\"tree\"\n aria-multiselectable=\"false\"\n aria-labelledby=\"${this.label ? 'navigation-title' : nothing}\"\n @dblclick=\"${this.handleDoubleClick}\"\n @keydown=\"${this.handleKeydown}\"\n @dragstart=\"${this.handleItemDragStart}\"\n @dragend=\"${this.handleItemDragEnd}\"\n @dragover=\"${this.handleItemDragOver}\"\n @dragleave=\"${this.handleItemDragLeave}\"\n @drop=\"${this.handleItemDrop}\"\n class=\"root\"\n >\n ${contents}\n </ul>\n `\n }\n\n protected renderParentListItem(\n key: string,\n kind: string,\n label: string,\n children: TemplateResult \| TemplateResult[] \| string,\n opts: IListItemRenderOptions = {}\n ): TemplateResult {\n const { selected, focused: _focused, edited } = this\n const opened = this.opened.has(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 aria-disabled=\"${opts.disabled ? 'true' : 'false'}\"\n >\n ${edited === key ? this.renderNameInput(key, kind, label) : this.renderParentListItemContent(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 renderParentListItemContent(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 renderListItem(\n key: string,\n kind: string,\n label: string,\n content: TemplateResult \| TemplateResult[] \| string,\n opts: IListItemRenderOptions = {}\n ): TemplateResult {\n const { selected, focused, edited } = this\n if (edited === key) {\n const input = this.renderNameInput(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 >\n ${input}\n </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 aria-disabled=\"${opts.disabled ? 'true' : 'false'}\"\n >\n <div class=\"list-item-content\">${content}</div>\n </li>\n `\n }\n\n protected renderNameInput(key: string, kind: string, oldName?: string): TemplateResult {\n return html`\n <div class=\"name-change\" @click=\"${cancelEvent}\" @keydown=\"${cancelEvent}\" @dblclick=\"${cancelEvent}\">\n <input\n type=\"text\"\n .value=${oldName \|\| ''}\n @keydown=\"${this.handleNameInputKeydown}\"\n data-key=\"${key}\"\n data-kind=\"${kind}\"\n />\n <ui-icon-button\n @click=\"${this.handleNameCommit}\"\n aria-label=\"Confirm name change\"\n class=\"name-commit-button\"\n type=\"standard\"\n >\n <ui-icon icon=\"check\"></ui-icon>\n </ui-icon-button>\n </div>\n `\n }\n\n protected renderItemContent(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"]}
1	+ {"version":3,"file":"AppNavigationElement.js","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/AppNavigationElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { 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 { cancelEvent } from '@api-client/core/lib/events/Utils.js'\nimport type { IconType } from '../../../md/icons/Icons.js'\nimport ApiElement from '../../ApiElement.js'\n\nimport '../../../md/icons/ui-icon.js'\nimport '../../../md/icon-button/ui-icon-button.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\" aria-expanded=\"true\" 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.\n * 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\n * the currently focused element and the base will manage the focus for you (after the update is complete).\n \n @fires {CustomEvent} select - Custom, non bubbling event when a selection is made.\n * It has the `key` and `kind` properties on the detail panel with optional `parent` id.\n * @fires {Event} deselect - Custom, non bubbling event when the selection is cleared.\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 = new Set<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() accessor focusedItem: HTMLElement \| undefined\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 }) accessor selected: string \| undefined\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 }) accessor edited: string \| undefined\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 }) accessor noVisualSelection: boolean \| undefined\n\n /\n A reference to the currently rendered name input, if any.\n /\n @query('.name-change input')\n protected accessor _nameInput!: HTMLInputElement \| null\n\n /\n When set it adds a menu entry with the navigation label.\n * @attribute\n /\n @property({ type: String }) accessor label: string \| undefined\n\n /\n A reference to the currently dragged item.\n * This logic assumes that the drag and drop is local to this element.\n /\n protected draggingItem?: HTMLLIElement\n\n constructor() {\n super()\n this.addEventListener('click', this.handleClick.bind(this))\n }\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') && 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.clear()\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 current.setAttribute('tabindex', '0')\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 if (node.offsetParent !== null) {\n // node is visible\n return\n }\n const { opened: _opened } = this\n let parent = this.findParentListItem(node)\n const toOpen = new Set<string>()\n while (parent) {\n const id = parent.dataset.key as string\n if (!_opened.has(id)) {\n toOpen.add(id)\n }\n parent = this.findParentListItem(parent)\n }\n if (toOpen.size) {\n this.opened = this.opened.union(toOpen)\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 if (this.opened.has(key)) {\n this.opened.delete(key)\n } else {\n this.opened.add(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 if (this.opened.has(key)) {\n return\n }\n this.opened.add(key)\n\n // open all parents\n let parent = this.findParentListItem(node)\n while (parent) {\n const parentKey = parent.dataset.key as string\n this.opened.add(parentKey)\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 if (this.opened.has(key)) {\n this.opened.delete(key)\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 (\n node &&\n node.localName === 'li' &&\n node.getAttribute('aria-disabled') !== 'true' &&\n node.hasAttribute('data-key') &&\n node.hasAttribute('data-kind')\n )\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 = node.querySelector('ul:not([hidden])')\n if (!list) {\n return undefined\n }\n const li = list.querySelector('li[data-key][data-kind]:last-of-type:not([aria-disabled=\"true\"])')\n if (!li) {\n return undefined\n }\n const result = this.findLastDescendant(li as HTMLElement)\n return result \|\| (li as HTMLElement)\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 = node.querySelector('ul:not([aria-hidden=\"true\"])')\n if (!list) {\n return false\n }\n const child = list.querySelector('li[data-key][data-kind]:not([aria-disabled=\"true\"])')\n if (!child) {\n return false\n }\n this.focusListItem(child as HTMLLIElement)\n return true\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 this.focusListItem(current)\n return true\n }\n current = current.nextElementSibling as HTMLElement\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 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 current = current.previousElementSibling as HTMLElement\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 target = e.composedPath()[0] as HTMLElement\n return (target.closest('li[data-key][data-kind]:not([aria-disabled=\"true\"])') as 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(\n new CustomEvent<ISelectDetail>('select', {\n detail: { key, kind, parent, root },\n })\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 handleItemDragStart(e: DragEvent): void {\n if (e.defaultPrevented) {\n return\n }\n const node = this.findClosestListItem(e)\n const dt = e.dataTransfer\n if (!dt \|\| !node) {\n return\n }\n this.draggingItem = node\n // do not cancel this event\n this.setupDataTransfer(node, dt)\n }\n\n /\n A handler for the `dragend` event dispatched when the item is draggable.\n * @param e The dragend event.\n /\n protected handleItemDragEnd(e: DragEvent): void {\n if (e.defaultPrevented) {\n return\n }\n const dt = e.dataTransfer\n if (!dt \|\| !this.draggingItem) {\n return\n }\n this.unloadDataTransfer(this.draggingItem, dt)\n this.draggingItem = undefined\n // const node = this.findClosestListItem(e)\n // const dt = e.dataTransfer\n // if (!dt \|\| !node) {\n // return\n // }\n // e.preventDefault()\n // this.unloadDataTransfer(node, dt)\n }\n\n protected handleItemDragOver(e: DragEvent): void {\n if (e.defaultPrevented) {\n return\n }\n const node = this.findClosestListItem(e)\n if (!node) {\n return\n }\n const dt = e.dataTransfer\n if (!dt) {\n return\n }\n // This is required to enable drop event.\n e.preventDefault()\n const validTarget = this.isValidDropTarget(node, dt)\n if (validTarget) {\n node.classList.add('drop-target')\n }\n if (node.classList.contains('parent-item')) {\n this.scheduleGroupOpen(node.dataset.key as string, node)\n }\n this.processDragOver(node, dt, validTarget)\n }\n\n protected handleItemDragLeave(e: DragEvent): void {\n if (e.defaultPrevented) {\n return\n }\n // const node = e.composedPath()[0] as HTMLElement\n // if (node.localName !== 'li') {\n // // We get a lot of false positive here when the user drags over the list item.\n // // which interfeers with the dragleave event.\n // // Because of that, we onlt react when the leave hapens on a list item only.\n // return\n // }\n const node = this.findClosestListItem(e)\n if (!node) {\n return\n }\n const dt = e.dataTransfer\n if (!dt) {\n return\n }\n node.classList.remove('drop-target')\n if (node.classList.contains('parent-item')) {\n this.cancelGroupOpen(node.dataset.key as string)\n }\n this.processDragLeave(node as HTMLLIElement, dt)\n }\n\n protected handleItemDrop(e: DragEvent): void {\n if (e.defaultPrevented) {\n return\n }\n const node = this.findClosestListItem(e)\n if (!node) {\n return\n }\n const dt = e.dataTransfer\n if (!dt) {\n return\n }\n // This is required to prohibit the default action.\n e.preventDefault()\n node.classList.remove('drop-target')\n this.unloadDataTransfer(node, dt)\n this.processDrop(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\n const key = item.dataset.key\n if (!key \|\| !kind) {\n return\n }\n dt.setData('text/kind', kind)\n dt.setData(kind, '')\n dt.setData('text/key', key)\n dt.setData('text/plain', key)\n dt.setData('text/source', this.localName)\n dt.effectAllowed = 'copyMove'\n\n // Setup the image\n const clone = item.cloneNode(true) as HTMLLIElement\n // removes children + toggle buttons\n clone.querySelectorAll('ul,.group-toggle-icon').forEach((i) => {\n i.remove()\n })\n // Setup the dragged width.\n const content = item.querySelector('.list-item-content') \|\| item\n clone.style.width = `${content.clientWidth}px`\n // Marks the clone as a drag image and selected\n clone.classList.add('drag-image', 'selected')\n const root = this.shadowRoot as ShadowRoot\n root.appendChild(clone)\n dt.setDragImage(clone, 0, 0)\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected unloadDataTransfer(item: HTMLLIElement, dt: DataTransfer): void {\n const root = this.shadowRoot as ShadowRoot\n root.querySelectorAll('.drag-image').forEach((i) => {\n i.remove()\n })\n }\n\n protected handleNameInputKeydown(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 /\n Handles an event when something is dragged over another item.\n * Mind that it can be anything (files, text, etc.) so the implementation should\n * check the type of the data transfer.\n \n @param item The item that an object is dragged overt that item.\n * @param dt Data transfer instance.\n * @param validTarget True when the target is a valid drop target.\n /\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected processDragOver(item: HTMLLIElement, dt: DataTransfer, validTarget: boolean): void \| Promise<void> {\n // ...\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected processDragLeave(item: HTMLLIElement, dt: DataTransfer): void \| Promise<void> {\n // ...\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected processDrop(item: HTMLLIElement, dt: DataTransfer): void \| Promise<void> {\n // ...\n }\n\n /\n To be implemented by the child class.\n * Checks whether the target is a valid drop target.\n * When used, it simplifies the sub-class logic by using this classes drag and drop handling.\n * @param target The target item that the object is dragged over.\n * @param dt The data transfer instance.\n * @returns true when the target is a valid drop target.\n /\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected isValidDropTarget(target: HTMLElement, dt: DataTransfer): boolean {\n return false\n }\n\n /\n A map of timeouts for opening groups.\n /\n private groupOpenTimeouts = new Map<string, number>()\n\n /\n Schedules opening a group after a delay.\n * @param key The key of the group to open.\n * @param item The list item element.\n /\n private scheduleGroupOpen(key: string, item: HTMLLIElement): void {\n // console.log(Date.now(), 'SchemaDesignNavigation.scheduleGroupOpen', key)\n if (item.ariaExpanded === 'true' \|\| this.groupOpenTimeouts.has(key)) {\n // console.log(Date.now(), 'NOT NEEDED', key, item.ariaExpanded === 'true', this.groupOpenTimeouts.has(key))\n return\n }\n const timeoutId = window.setTimeout(() => {\n this.openGroup(key)\n this.groupOpenTimeouts.delete(key)\n }, 700)\n this.groupOpenTimeouts.set(key, timeoutId)\n }\n\n /\n Cancels a scheduled group open.\n * @param key The key of the group to cancel.\n /\n private cancelGroupOpen(key: string): void {\n // console.log(Date.now(), 'SchemaDesignNavigation.cancelGroupOpen', key)\n const timeoutId = this.groupOpenTimeouts.get(key)\n if (timeoutId !== undefined) {\n window.clearTimeout(timeoutId)\n this.groupOpenTimeouts.delete(key)\n }\n }\n\n protected handleNameCommit(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 handleDoubleClick(e: Event): void {\n if (e.defaultPrevented) {\n return\n }\n const node = this.findClosestListItem(e)\n if (!node) {\n return\n }\n this.handleEnterAction(node)\n }\n\n protected handleClick(e: Event): void {\n if (e.defaultPrevented) {\n return\n }\n const node = this.findClosestListItem(e)\n if (!node) {\n if (e.target === this) {\n this.deselect()\n }\n return\n }\n this.handleEnterAction(node)\n this.focusListItem(node)\n this.requestUpdate()\n }\n\n protected handleKeydown(e: KeyboardEvent): void {\n const node = this.findClosestListItem(e)\n if (!node) {\n return\n }\n switch (e.key) {\n case 'ArrowRight':\n this.handleRightAction(node)\n e.preventDefault()\n break\n case 'ArrowLeft':\n this.handleLeftAction(node)\n e.preventDefault()\n break\n case 'ArrowDown':\n this.handleDownAction(node)\n e.preventDefault()\n break\n case 'ArrowUp':\n this.handleUpAction(node)\n e.preventDefault()\n break\n case 'Home':\n this.handleHomeAction()\n e.preventDefault()\n break\n case 'End':\n this.handleEndAction()\n e.preventDefault()\n break\n case 'Enter':\n this.handleEnterAction(node)\n e.preventDefault()\n 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` <div class=\"navigation-title\">${label}</div> `\n }\n\n protected deselect(): void {\n this.dispatchEvent(new Event('deselect'))\n this.selected = undefined\n this.focused = undefined\n this.focusedItem = undefined\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 handleEnterAction(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 handleRightAction(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 if (!this.opened.has(key)) {\n // #1\n this.opened.add(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 handleLeftAction(node: HTMLElement): void {\n const key = node.dataset.key as string\n const isFolder = node.classList.contains('parent-item')\n if (isFolder) {\n if (this.opened.has(key)) {\n // #1\n this.opened.delete(key)\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 handleDownAction(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 handleUpAction(node: HTMLElement): void {\n if (this.focusPreviousSibling(node)) {\n return\n }\n this.focusFirstParent(node)\n }\n\n protected handleHomeAction(): 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 handleEndAction(): 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 renderOuterList(contents: TemplateResult \| TemplateResult[] \| string): TemplateResult {\n return html`\n <ul\n role=\"tree\"\n aria-multiselectable=\"false\"\n aria-labelledby=\"${this.label ? 'navigation-title' : nothing}\"\n @dblclick=\"${this.handleDoubleClick}\"\n @keydown=\"${this.handleKeydown}\"\n @dragstart=\"${this.handleItemDragStart}\"\n @dragend=\"${this.handleItemDragEnd}\"\n @dragover=\"${this.handleItemDragOver}\"\n @dragleave=\"${this.handleItemDragLeave}\"\n @drop=\"${this.handleItemDrop}\"\n class=\"root\"\n >\n ${contents}\n </ul>\n `\n }\n\n protected renderParentListItem(\n key: string,\n kind: string,\n label: string,\n children: TemplateResult \| TemplateResult[] \| string,\n opts: IListItemRenderOptions = {}\n ): TemplateResult {\n const { selected, focused: _focused, edited } = this\n const opened = this.opened.has(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 aria-disabled=\"${opts.disabled ? 'true' : 'false'}\"\n >\n ${edited === key ? this.renderNameInput(key, kind, label) : this.renderParentListItemContent(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 renderParentListItemContent(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 renderListItem(\n key: string,\n kind: string,\n label: string,\n content: TemplateResult \| TemplateResult[] \| string,\n opts: IListItemRenderOptions = {}\n ): TemplateResult {\n const { selected, focused, edited } = this\n if (edited === key) {\n const input = this.renderNameInput(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 >\n ${input}\n </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 aria-disabled=\"${opts.disabled ? 'true' : 'false'}\"\n >\n <div class=\"list-item-content\">${content}</div>\n </li>\n `\n }\n\n protected renderNameInput(key: string, kind: string, oldName?: string): TemplateResult {\n return html`\n <div class=\"name-change\" @click=\"${cancelEvent}\" @keydown=\"${cancelEvent}\" @dblclick=\"${cancelEvent}\">\n <input\n type=\"text\"\n .value=${oldName \|\| ''}\n @keydown=\"${this.handleNameInputKeydown}\"\n data-key=\"${key}\"\n data-kind=\"${kind}\"\n />\n <ui-icon-button @click=\"${this.handleNameCommit}\" aria-label=\"Confirm name change\" class=\"name-commit-button\">\n <ui-icon icon=\"check\"></ui-icon>\n </ui-icon-button>\n </div>\n `\n }\n\n protected renderItemContent(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/build/src/elements/navigation/internals/NavigationItem.d.ts CHANGED Viewed

@@ -12,6 +12,12 @@ export default class NavigationItem extends UiElement {
      * @attribute
      */
     accessor selected: boolean;
+    /**
+     * When set, the navigation item is rendered as an icon-only button.
+     * The width of the button is set to 40px.
+     * @attribute
+     */
+    accessor iconOnly: boolean;
     /**
      * Determines when the element has an icon in the "icon" slot.
      */

package/build/src/elements/navigation/internals/NavigationItem.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationItem.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/NavigationItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS;IACnD,OAAgB,iBAAiB,EAAE,cAAc,CAGhD;IAED;;;OAGG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IAErE;;;OAGG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IAErE;;OAEG;IACM,SAAS,CAAC,QAAQ,CAAC,OAAO,UAAQ;IAE3C;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;cAK3B,MAAM,IAAI,cAAc;IAiB3C,SAAS,CAAC,UAAU,IAAI,cAAc;CAKvC"}
1	+ {"version":3,"file":"NavigationItem.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/NavigationItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS;IACnD,OAAgB,iBAAiB,EAAE,cAAc,CAGhD;IAED;;;OAGG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IAErE;;;OAGG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IACrE;;;;OAIG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IAErE;;OAEG;IACM,SAAS,CAAC,QAAQ,CAAC,OAAO,UAAQ;IAE3C;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;cAK3B,MAAM,IAAI,cAAc;IAiB3C,SAAS,CAAC,UAAU,IAAI,cAAc;CAKvC"}

package/build/src/elements/navigation/internals/NavigationItem.js CHANGED Viewed

@@ -11,6 +11,9 @@ let NavigationItem = (() => {
     let _selected_decorators;
     let _selected_initializers = [];
     let _selected_extraInitializers = [];
+    let _iconOnly_decorators;
+    let _iconOnly_initializers = [];
+    let _iconOnly_extraInitializers = [];
     let _hasIcon_decorators;
     let _hasIcon_initializers = [];
     let _hasIcon_extraInitializers = [];
@@ -19,9 +22,11 @@ let NavigationItem = (() => {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _disabled_decorators = [property({ reflect: true, type: Boolean })];
             _selected_decorators = [property({ reflect: true, type: Boolean })];
+            _iconOnly_decorators = [property({ reflect: true, type: Boolean })];
             _hasIcon_decorators = [state()];
             __esDecorate(this, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
             __esDecorate(this, null, _selected_decorators, { kind: "accessor", name: "selected", static: false, private: false, access: { has: obj => "selected" in obj, get: obj => obj.selected, set: (obj, value) => { obj.selected = value; } }, metadata: _metadata }, _selected_initializers, _selected_extraInitializers);
+            __esDecorate(this, null, _iconOnly_decorators, { kind: "accessor", name: "iconOnly", static: false, private: false, access: { has: obj => "iconOnly" in obj, get: obj => obj.iconOnly, set: (obj, value) => { obj.iconOnly = value; } }, metadata: _metadata }, _iconOnly_initializers, _iconOnly_extraInitializers);
             __esDecorate(this, null, _hasIcon_decorators, { kind: "accessor", name: "hasIcon", static: false, private: false, access: { has: obj => "hasIcon" in obj, get: obj => obj.hasIcon, set: (obj, value) => { obj.hasIcon = value; } }, metadata: _metadata }, _hasIcon_initializers, _hasIcon_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
@@ -43,7 +48,9 @@ let NavigationItem = (() => {
         set disabled(value) { this.#disabled_accessor_storage = value; }
         #selected_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _selected_initializers, false
         /**
-         * Determines when the element has an icon in the "icon" slot.
+         * When set, the navigation item is rendered as an icon-only button.
+         * The width of the button is set to 40px.
+         * @attribute
          */
         ));
         /**
@@ -52,7 +59,19 @@ let NavigationItem = (() => {
          */
         get selected() { return this.#selected_accessor_storage; }
         set selected(value) { this.#selected_accessor_storage = value; }
-        #hasIcon_accessor_storage = (__runInitializers(this, _selected_extraInitializers), __runInitializers(this, _hasIcon_initializers, false
+        #iconOnly_accessor_storage = (__runInitializers(this, _selected_extraInitializers), __runInitializers(this, _iconOnly_initializers, false
+        /**
+         * Determines when the element has an icon in the "icon" slot.
+         */
+        ));
+        /**
+         * When set, the navigation item is rendered as an icon-only button.
+         * The width of the button is set to 40px.
+         * @attribute
+         */
+        get iconOnly() { return this.#iconOnly_accessor_storage; }
+        set iconOnly(value) { this.#iconOnly_accessor_storage = value; }
+        #hasIcon_accessor_storage = (__runInitializers(this, _iconOnly_extraInitializers), __runInitializers(this, _hasIcon_initializers, false
         /**
          * Sets the `_hasIcon` state property when the "icon" slot change event is dispatched.
          */
@@ -72,16 +91,16 @@ let NavigationItem = (() => {
         render() {
             const { pressed = false } = this;
             const containerClasses = classMap({
-                button: true,
-                icon: this.hasIcon,
-                pressed,
+                'button': true,
+                'icon': this.hasIcon,
+                'pressed': pressed,
+                'icon-only': this.iconOnly,
             });
             return html `
       <button class="${containerClasses}" id="button">
         <md-focus-ring part="focus-ring" for="button"></md-focus-ring>
         <md-ripple></md-ripple>
-        ${this.renderIcon()}
-        <slot></slot>
+        ${this.renderIcon()}${this.iconOnly ? '' : html `<slot></slot>`}
       </button>
     `;
         }

package/build/src/elements/navigation/internals/NavigationItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationItem.js","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/NavigationItem.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;;sBAER,SAAS~~;;;;;;;;;;~~iBAAhC,cAAe,SAAQ,WAAS;;;oCAUlD,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCAM1C,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mCAK1C,KAAK,EAAE;~~YAXoC~~,6KAAS,QAAQ,6BAAR,QAAQ,2FAAQ;YAMzB,6KAAS,QAAQ,6BAAR,QAAQ,2FAAQ;YAK5D,0KAAmB,OAAO,6BAAP,OAAO,yFAAQ;;;~~QApB3C~~,MAAM,CAAU,iBAAiB,GAAmB;YAClD,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,IAAI;SACrB,CAAA;QAM2C,6EAAoB,KAAK;QAErE;;;WAGG;UALkE;QAJrE;;;WAGG;QACyC,IAAS,QAAQ,8CAAQ;QAAzB,IAAS,QAAQ,oDAAQ;QAMzB,oIAAoB,KAAK;QAErE;;WAEG;WAJkE;~~QAJrE;;;WAGG~~;QACyC,IAAS,QAAQ,8CAAQ;QAAzB,IAAS,QAAQ,oDAAQ;QAK5D,kIAA6B,KAAK;QAE3C;;WAEG;WAJwC;QAH3C;;WAEG;QACM,IAAmB,OAAO,6CAAQ;QAAlC,IAAmB,OAAO,mDAAQ;QAE3C;;WAEG;QACO,oBAAoB,CAAC,CAAQ;YACrC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAA;YACxC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,CAAA;QAC9C,CAAC;QAEkB,MAAM;YACvB,MAAM,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,IAAI,CAAA;YAChC,MAAM,gBAAgB,GAAG,QAAQ,CAAC;gBAChC,~~MAAM~~,EAAE,IAAI;~~gBACZ~~,~~IAAI~~,EAAE,IAAI,CAAC,OAAO;~~gBAClB~~,OAAO;~~aACR~~,CAAC,CAAA;YACF,OAAO,IAAI,CAAA;uBACQ,gBAAgB;;;UAG7B,IAAI,CAAC,UAAU,EAAE~~;;;KAGtB~~,CAAA;QACH,CAAC;QAES,UAAU;YAClB,OAAO,IAAI,CAAA;wCACyB,IAAI,CAAC,oBAAoB;aACpD,CAAA;QACX,CAAC;;;;;;;~~AApDH~~","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { UiElement } from '../../../md/UiElement.js'\n\nexport default class NavigationItem extends UiElement {\n static override shadowRootOptions: ShadowRootInit = {\n mode: 'open',\n delegatesFocus: true,\n }\n\n /*\n When set, the button is a disabled state.\n * @attribute\n /\n @property({ reflect: true, type: Boolean }) accessor disabled = false\n\n /\n Whether the navigation item is selected.\n * @attribute\n /\n @property({ reflect: true, type: Boolean }) accessor selected = false\n\n /\n Determines when the element has an icon in the \"icon\" slot.\n /\n @state() protected accessor hasIcon = false\n\n /\n Sets the `_hasIcon` state property when the \"icon\" slot change event is dispatched.\n */\n protected handleIconSlotChange(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 button: true,\n icon: this.hasIcon,\n pressed,\n })\n return html`\n <button class=\"${containerClasses}\" id=\"button\">\n <md-focus-ring part=\"focus-ring\" for=\"button\"></md-focus-ring>\n <md-ripple></md-ripple>\n ${this.renderIcon()}~~\n <~~slot></slot>\n </button>\n `\n }\n\n protected renderIcon(): TemplateResult {\n return html`<span role=\"presentation\" class=\"icon\"\n ><slot name=\"icon\" @slotchange=\"${this.handleIconSlotChange}\"></slot\n ></span>`\n }\n}\n"]}
1	+ {"version":3,"file":"NavigationItem.js","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/NavigationItem.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;;sBAER,SAAS;;;;;;;;;;;;;iBAAhC,cAAe,SAAQ,WAAS;;;oCAUlD,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCAM1C,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCAM1C,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mCAK1C,KAAK,EAAE;YAjBoC,6KAAS,QAAQ,6BAAR,QAAQ,2FAAQ;YAMzB,6KAAS,QAAQ,6BAAR,QAAQ,2FAAQ;YAMzB,6KAAS,QAAQ,6BAAR,QAAQ,2FAAQ;YAK5D,0KAAmB,OAAO,6BAAP,OAAO,yFAAQ;;;QA1B3C,MAAM,CAAU,iBAAiB,GAAmB;YAClD,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,IAAI;SACrB,CAAA;QAM2C,6EAAoB,KAAK;QAErE;;;WAGG;UALkE;QAJrE;;;WAGG;QACyC,IAAS,QAAQ,8CAAQ;QAAzB,IAAS,QAAQ,oDAAQ;QAMzB,oIAAoB,KAAK;QACrE;;;;WAIG;WALkE;QAJrE;;;WAGG;QACyC,IAAS,QAAQ,8CAAQ;QAAzB,IAAS,QAAQ,oDAAQ;QAMzB,oIAAoB,KAAK;QAErE;;WAEG;WAJkE;QALrE;;;;WAIG;QACyC,IAAS,QAAQ,8CAAQ;QAAzB,IAAS,QAAQ,oDAAQ;QAK5D,kIAA6B,KAAK;QAE3C;;WAEG;WAJwC;QAH3C;;WAEG;QACM,IAAmB,OAAO,6CAAQ;QAAlC,IAAmB,OAAO,mDAAQ;QAE3C;;WAEG;QACO,oBAAoB,CAAC,CAAQ;YACrC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAA;YACxC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,CAAA;QAC9C,CAAC;QAEkB,MAAM;YACvB,MAAM,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,IAAI,CAAA;YAChC,MAAM,gBAAgB,GAAG,QAAQ,CAAC;gBAChC,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,IAAI,CAAC,OAAO;gBACpB,SAAS,EAAE,OAAO;gBAClB,WAAW,EAAE,IAAI,CAAC,QAAQ;aAC3B,CAAC,CAAA;YACF,OAAO,IAAI,CAAA;uBACQ,gBAAgB;;;UAG7B,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe;;KAEjE,CAAA;QACH,CAAC;QAES,UAAU;YAClB,OAAO,IAAI,CAAA;wCACyB,IAAI,CAAC,oBAAoB;aACpD,CAAA;QACX,CAAC;;;;;;;AA1DH","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { UiElement } from '../../../md/UiElement.js'\n\nexport default class NavigationItem extends UiElement {\n static override shadowRootOptions: ShadowRootInit = {\n mode: 'open',\n delegatesFocus: true,\n }\n\n /*\n When set, the button is a disabled state.\n * @attribute\n /\n @property({ reflect: true, type: Boolean }) accessor disabled = false\n\n /\n Whether the navigation item is selected.\n * @attribute\n /\n @property({ reflect: true, type: Boolean }) accessor selected = false\n /\n When set, the navigation item is rendered as an icon-only button.\n * The width of the button is set to 40px.\n * @attribute\n /\n @property({ reflect: true, type: Boolean }) accessor iconOnly = false\n\n /\n Determines when the element has an icon in the \"icon\" slot.\n /\n @state() protected accessor hasIcon = false\n\n /\n Sets the `_hasIcon` state property when the \"icon\" slot change event is dispatched.\n */\n protected handleIconSlotChange(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 'button': true,\n 'icon': this.hasIcon,\n 'pressed': pressed,\n 'icon-only': this.iconOnly,\n })\n return html`\n <button class=\"${containerClasses}\" id=\"button\">\n <md-focus-ring part=\"focus-ring\" for=\"button\"></md-focus-ring>\n <md-ripple></md-ripple>\n ${this.renderIcon()}${this.iconOnly ? '' : html`<slot></slot>`}\n </button>\n `\n }\n\n protected renderIcon(): TemplateResult {\n return html`<span role=\"presentation\" class=\"icon\"\n ><slot name=\"icon\" @slotchange=\"${this.handleIconSlotChange}\"></slot\n ></span>`\n }\n}\n"]}

package/build/src/elements/navigation/internals/NavigationItem.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/NavigationItem.styles.ts"],"names":[],"mappings":";AAEA,~~wBAuFC~~"}
1	+ {"version":3,"file":"NavigationItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/NavigationItem.styles.ts"],"names":[],"mappings":";AAEA,wBAwGC"}

package/build/src/elements/navigation/internals/NavigationItem.styles.js CHANGED Viewed

@@ -27,6 +27,12 @@ export default css `
     --_state-layer-padding-end: 24px;
   }
+  :host([iconOnly]) {
+    width: 40px;
+    --_state-layer-padding-start: 8px;
+    --_state-layer-padding-end: 8px;
+  }
   :host([selected]) {
     --_state-layer-color: var(--md-sys-color-secondary-container);
     --_icon-color: var(--md-sys-color-on-secondary-container);
@@ -60,10 +66,15 @@ export default css `
     --md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);
   }
-  .button.icon {
+  .button.icon:not(.button.icon) {
     --_state-layer-padding-start: 16px;
   }
+  .button.icon-only {
+    gap: 0;
+    justify-content: center;
+  }
   .button:hover {
     color: var(--_hover-icon-color);
   }
@@ -76,6 +87,12 @@ export default css `
     color: var(--_pressed-icon-color);
   }
+  .icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
   md-focus-ring {
     --md-focus-ring-shape-start-start: var(--_state-layer-shape);
     --md-focus-ring-shape-start-end: var(--_state-layer-shape);

package/build/src/elements/navigation/internals/NavigationItem.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationItem.styles.js","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/NavigationItem.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFjB~~,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n :host {\n display: flex;\n outline: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n justify-content: center;\n height: var(--_state-layer-height);\n width: auto;\n user-select: none;\n\n --_focus-icon-color: var(--md-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant));\n --_hover-icon-color: var(--md-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant));\n --_hover-state-layer-color: var(--md-icon-button-hover-state-layer-color, var(--md-sys-color-on-surface-variant));\n --_hover-state-layer-opacity: var(--md-icon-button-hover-state-layer-opacity, 0.08);\n --_icon-color: var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant));\n --_pressed-icon-color: var(--md-icon-button-pressed-icon-color, var(--md-sys-color-on-surface-variant));\n --_pressed-state-layer-color: var(\n --md-icon-button-pressed-state-layer-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_pressed-state-layer-opacity: var(--md-icon-button-pressed-state-layer-opacity, 0.12);\n --_state-layer-shape: var(--md-icon-button-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));\n --_state-layer-height: 56px;\n --_state-layer-color: transparent;\n --_state-layer-padding-start: 24px;\n --_state-layer-padding-end: 24px;\n }\n\n :host([selected]) {\n --_state-layer-color: var(--md-sys-color-secondary-container);\n --_icon-color: var(--md-sys-color-on-secondary-container);\n }\n\n .button {\n color: var(--_icon-color);\n background: var(--_state-layer-color);\n place-items: center;\n border: none;\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n outline: none;\n padding: 0 var(--_state-layer-padding-end) 0 var(--_state-layer-padding-start);\n position: relative;\n text-decoration: none;\n user-select: none;\n z-index: 0;\n flex: 1;\n gap: 12px;\n border-radius: var(--_state-layer-shape);\n font-family: var(--md-sys-typescale-label-large-font);\n font-size: var(--md-sys-typescale-label-large-size);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n line-height: var(--md-sys-typescale-label-large-height);\n font-weight: var(--md-sys-typescale-label-large-weight);\n --md-ripple-hover-color: var(--_hover-state-layer-color);\n --md-ripple-hover-opacity: var(--_hover-state-layer-opacity);\n --md-ripple-pressed-color: var(--_pressed-state-layer-color);\n --md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);\n }\n\n .button.icon {\n --_state-layer-padding-start: 16px;\n }\n\n .button:hover {\n color: var(--_hover-icon-color);\n }\n\n .button:focus {\n color: var(--_focus-icon-color);\n }\n\n .button:active {\n color: var(--_pressed-icon-color);\n }\n\n md-focus-ring {\n --md-focus-ring-shape-start-start: var(--_state-layer-shape);\n --md-focus-ring-shape-start-end: var(--_state-layer-shape);\n --md-focus-ring-shape-end-end: var(--_state-layer-shape);\n --md-focus-ring-shape-end-start: var(--_state-layer-shape);\n }\n\n md-ripple {\n border-radius: var(--_state-layer-shape);\n }\n`\n"]}
1	+ {"version":3,"file":"NavigationItem.styles.js","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/NavigationItem.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n :host {\n display: flex;\n outline: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n justify-content: center;\n height: var(--_state-layer-height);\n width: auto;\n user-select: none;\n\n --_focus-icon-color: var(--md-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant));\n --_hover-icon-color: var(--md-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant));\n --_hover-state-layer-color: var(--md-icon-button-hover-state-layer-color, var(--md-sys-color-on-surface-variant));\n --_hover-state-layer-opacity: var(--md-icon-button-hover-state-layer-opacity, 0.08);\n --_icon-color: var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant));\n --_pressed-icon-color: var(--md-icon-button-pressed-icon-color, var(--md-sys-color-on-surface-variant));\n --_pressed-state-layer-color: var(\n --md-icon-button-pressed-state-layer-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_pressed-state-layer-opacity: var(--md-icon-button-pressed-state-layer-opacity, 0.12);\n --_state-layer-shape: var(--md-icon-button-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));\n --_state-layer-height: 56px;\n --_state-layer-color: transparent;\n --_state-layer-padding-start: 24px;\n --_state-layer-padding-end: 24px;\n }\n\n :host([iconOnly]) {\n width: 40px;\n --_state-layer-padding-start: 8px;\n --_state-layer-padding-end: 8px;\n }\n\n :host([selected]) {\n --_state-layer-color: var(--md-sys-color-secondary-container);\n --_icon-color: var(--md-sys-color-on-secondary-container);\n }\n\n .button {\n color: var(--_icon-color);\n background: var(--_state-layer-color);\n place-items: center;\n border: none;\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n outline: none;\n padding: 0 var(--_state-layer-padding-end) 0 var(--_state-layer-padding-start);\n position: relative;\n text-decoration: none;\n user-select: none;\n z-index: 0;\n flex: 1;\n gap: 12px;\n border-radius: var(--_state-layer-shape);\n font-family: var(--md-sys-typescale-label-large-font);\n font-size: var(--md-sys-typescale-label-large-size);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n line-height: var(--md-sys-typescale-label-large-height);\n font-weight: var(--md-sys-typescale-label-large-weight);\n --md-ripple-hover-color: var(--_hover-state-layer-color);\n --md-ripple-hover-opacity: var(--_hover-state-layer-opacity);\n --md-ripple-pressed-color: var(--_pressed-state-layer-color);\n --md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);\n }\n\n .button.icon:not(.button.icon) {\n --_state-layer-padding-start: 16px;\n }\n\n .button.icon-only {\n gap: 0;\n justify-content: center;\n }\n\n .button:hover {\n color: var(--_hover-icon-color);\n }\n\n .button:focus {\n color: var(--_focus-icon-color);\n }\n\n .button:active {\n color: var(--_pressed-icon-color);\n }\n\n .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n md-focus-ring {\n --md-focus-ring-shape-start-start: var(--_state-layer-shape);\n --md-focus-ring-shape-start-end: var(--_state-layer-shape);\n --md-focus-ring-shape-end-end: var(--_state-layer-shape);\n --md-focus-ring-shape-end-start: var(--_state-layer-shape);\n }\n\n md-ripple {\n border-radius: var(--_state-layer-shape);\n }\n`\n"]}

package/demo/elements/index.html CHANGED Viewed

@@ -33,25 +33,28 @@
         <dt><a href="currency/index.html">Currency picker</a></dt>
         <dd>A component for selecting currencies with chips display.</dd>
         <dt><a href="environment/index.html">Environment</a></dt>
         <dd>The environment elements library.</dd>
         <dt><a href="har/index.html">HAR utilities</a></dt>
         <dd>Elements related to processing and visualizing HAR data.</dd>
         <dt><a href="highlight/index.html">Highlight</a></dt>
         <dd>The syntax highlighting library.</dd>
         <dt><a href="http/index.html">HTTP</a></dt>
         <dd>The HTTP UI library.</dd>
         <dt><a href="http-client/index.html">HTTP Client</a></dt>
         <dd>The HTTP Client UI library.</dd>
         <dt><a href="mention-textarea/index.html">Mention Textarea</a></dt>
         <dd>The mention-textarea component.</dd>
+        <dt><a href="navigation/navigation-item.html">Navigation Item</a></dt>
+        <dd>The navigation-item component.</dd>
         <dt><a href="icons/index.html">Icons</a></dt>
         <dd>The icons library.</dd>

package/demo/elements/navigation/navigation-item.html ADDED Viewed

@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Navigation item Demo</title>
+  <link
+    href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+    rel="stylesheet"
+  />
+  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet" />
+  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
+  <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
+  <link href="../../page.css" rel="stylesheet" type="text/css" />
+  <style>
+    .nav-rail,
+    .nav-bar {
+      padding: 12px;
+      border: 1px solid var(--md-sys-color-outline-variant);
+      border-radius: 12px;
+      width: fit-content;
+    }
+    .nav-rail {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+    .nav-bar {
+      display: flex;
+      flex-direction: row;
+      gap: 8px;
+    }
+    .demo-row {
+      gap: 16px;
+    }
+  </style>
+</head>
+<body data-gr-ext-disabled="next">
+  <div id="app"></div>
+  <script type="module" src="/.tmp/demo/elements/navigation/navigation-item.js"></script>
+</body>
+</html>

package/demo/elements/navigation/navigation-item.ts ADDED Viewed

@@ -0,0 +1,112 @@
+import { html, TemplateResult } from 'lit'
+import { DemoPage } from '../../../src/demo/DemoPage.js'
+import { reactive } from '../../../src/decorators/index.js'
+import '../../../src/elements/navigation/ui-navigation-item.js'
+import '../../../src/md/icons/ui-icon.js'
+import '../../../src/md/checkbox/ui-checkbox.js'
+class ComponentDemoPage extends DemoPage {
+  @reactive()
+  protected accessor selected = false
+  @reactive()
+  protected accessor disabled = false
+  @reactive()
+  protected accessor iconOnly = false
+  @reactive()
+  protected accessor withIcon = true
+  constructor() {
+    super()
+    this.componentName = '<ui-navigation-item>'
+  }
+  override contentTemplate(): TemplateResult {
+    return html`
+      <section class="demo-section">
+        <h3>Interactive demo</h3>
+        <div class="demo-row">
+          <div class="nav-rail">
+            <ui-navigation-item ?selected="${this.selected}" ?disabled="${this.disabled}" ?iconOnly="${this.iconOnly}">
+              ${this.withIcon ? html`<ui-icon slot="icon">inbox</ui-icon>` : ''} ${this.iconOnly ? '' : 'Inbox'}
+            </ui-navigation-item>
+          </div>
+        </div>
+        <div class="demo-row">
+          <ui-checkbox
+            id="selected"
+            name="selected"
+            @change="${this._toggleBooleanOption}"
+            .checked=${this.selected}
+          ></ui-checkbox>
+          <label for="selected">Selected</label>
+          <ui-checkbox
+            id="disabled"
+            name="disabled"
+            @change="${this._toggleBooleanOption}"
+            .checked=${this.disabled}
+          ></ui-checkbox>
+          <label for="disabled">Disabled</label>
+          <ui-checkbox
+            id="iconOnly"
+            name="iconOnly"
+            @change="${this._toggleBooleanOption}"
+            .checked=${this.iconOnly}
+          ></ui-checkbox>
+          <label for="iconOnly">Icon only</label>
+          <ui-checkbox
+            id="withIcon"
+            name="withIcon"
+            @change="${this._toggleBooleanOption}"
+            .checked=${this.withIcon}
+          ></ui-checkbox>
+          <label for="withIcon">With icon</label>
+        </div>
+      </section>
+      <section class="demo-section">
+        <h3>Navigation Rail</h3>
+        <div class="demo-row">
+          <div class="nav-rail">
+            <ui-navigation-item selected>
+              <ui-icon slot="icon">inbox</ui-icon>
+              Inbox
+            </ui-navigation-item>
+            <ui-navigation-item>
+              <ui-icon slot="icon">star</ui-icon>
+              Starred
+            </ui-navigation-item>
+            <ui-navigation-item>
+              <ui-icon slot="icon">send</ui-icon>
+              Sent
+            </ui-navigation-item>
+            <ui-navigation-item disabled>
+              <ui-icon slot="icon">drafts</ui-icon>
+              Drafts
+            </ui-navigation-item>
+          </div>
+          <div class="nav-rail">
+            <ui-navigation-item iconOnly selected>
+              <ui-icon slot="icon">inbox</ui-icon>
+            </ui-navigation-item>
+            <ui-navigation-item iconOnly>
+              <ui-icon slot="icon">star</ui-icon>
+            </ui-navigation-item>
+            <ui-navigation-item iconOnly>
+              <ui-icon slot="icon">send</ui-icon>
+            </ui-navigation-item>
+            <ui-navigation-item iconOnly disabled>
+              <ui-icon slot="icon">drafts</ui-icon>
+            </ui-navigation-item>
+          </div>
+        </div>
+      </section>
+    `
+  }
+}
+const instance = new ComponentDemoPage()
+instance.render()

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@api-client/ui",
-  "version": "0.5.25",
+  "version": "0.5.26",
   "description": "Internal UI component library for the API Client ecosystem.",
   "license": "UNLICENSED",
   "main": "build/src/index.js",

package/src/elements/navigation/internals/AppNavigationElement.ts CHANGED Viewed

@@ -1108,12 +1108,7 @@ export default class AppNavigation extends ApiElement {
           data-key="${key}"
           data-kind="${kind}"
         />
-        <ui-icon-button
-          @click="${this.handleNameCommit}"
-          aria-label="Confirm name change"
-          class="name-commit-button"
-          type="standard"
-        >
+        <ui-icon-button @click="${this.handleNameCommit}" aria-label="Confirm name change" class="name-commit-button">
           <ui-icon icon="check"></ui-icon>
         </ui-icon-button>
       </div>

package/src/elements/navigation/internals/NavigationItem.styles.ts CHANGED Viewed

@@ -28,6 +28,12 @@ export default css`
     --_state-layer-padding-end: 24px;
   }
+  :host([iconOnly]) {
+    width: 40px;
+    --_state-layer-padding-start: 8px;
+    --_state-layer-padding-end: 8px;
+  }
   :host([selected]) {
     --_state-layer-color: var(--md-sys-color-secondary-container);
     --_icon-color: var(--md-sys-color-on-secondary-container);
@@ -61,10 +67,15 @@ export default css`
     --md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);
   }
-  .button.icon {
+  .button.icon:not(.button.icon) {
     --_state-layer-padding-start: 16px;
   }
+  .button.icon-only {
+    gap: 0;
+    justify-content: center;
+  }
   .button:hover {
     color: var(--_hover-icon-color);
   }
@@ -77,6 +88,12 @@ export default css`
     color: var(--_pressed-icon-color);
   }
+  .icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
   md-focus-ring {
     --md-focus-ring-shape-start-start: var(--_state-layer-shape);
     --md-focus-ring-shape-start-end: var(--_state-layer-shape);

package/src/elements/navigation/internals/NavigationItem.ts CHANGED Viewed

@@ -20,6 +20,12 @@ export default class NavigationItem extends UiElement {
    * @attribute
    */
   @property({ reflect: true, type: Boolean }) accessor selected = false
+  /**
+   * When set, the navigation item is rendered as an icon-only button.
+   * The width of the button is set to 40px.
+   * @attribute
+   */
+  @property({ reflect: true, type: Boolean }) accessor iconOnly = false
   /**
    * Determines when the element has an icon in the "icon" slot.
@@ -37,16 +43,16 @@ export default class NavigationItem extends UiElement {
   protected override render(): TemplateResult {
     const { pressed = false } = this
     const containerClasses = classMap({
-      button: true,
-      icon: this.hasIcon,
-      pressed,
+      'button': true,
+      'icon': this.hasIcon,
+      'pressed': pressed,
+      'icon-only': this.iconOnly,
     })
     return html`
       <button class="${containerClasses}" id="button">
         <md-focus-ring part="focus-ring" for="button"></md-focus-ring>
         <md-ripple></md-ripple>
-        ${this.renderIcon()}
-        <slot></slot>
+        ${this.renderIcon()}${this.iconOnly ? '' : html`<slot></slot>`}
       </button>
     `
   }