@api-client/ui 0.0.13 → 0.0.15

package/dist/ui/list/UiDropdownList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiDropdownList.js","sourceRoot":"","sources":["../../../src/ui/list/UiDropdownList.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, PropertyValues, TemplateResult } from \"lit\";\nimport { property, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { ClassInfo, classMap } from \"lit/directives/class-map.js\";\nimport { StyleInfo, styleMap } from \"lit/directives/style-map.js\";\nimport { randomString } from \"../../lib/Random.js\";\nimport { ElementPositioning, HorizontalAlignment, VerticalAlignment } from \"../lib/ElementPositioning.js\";\nimport { ScrollHelper } from \"../lib/ScrollHelper.js\";\n\nconst itemRole = ['menuitem', 'menuitemcheckbox', 'menuitemradio'];\n\nexport interface UiDropdownListSelection {\n  item: HTMLElement;\n}\n\n/**\n * An overlay list rendered over a button.\n * \n * Examples:\n * \n * <ui-dropdown-list>\n *  <ui-button>Click me</ui-button>\n *  <ui-list slot=\"dropdown\" role=\"menu\">\n *    <ui-list-item role=\"menuitem\">Item 1</ui-list-item>\n *    <ui-list-item role=\"menuitem\">Item 2</ui-list-item>\n *  </ui-list>\n * </ui-dropdown-list>\n * \n * @slot - The default slot for the dropdown trigger (button) \n * @slot dropdown - The slot for the list.\n * @fires select - Custom event with the selected item on the `detail.item` when the user selected an item. When the event is cancelled then there's no side effects (closing the dropdown)\n * @fires dropdownopen - An event informing other dropdowns that this one was opened and other should close.\n * @fires open - An event dispatched when the open state change through a user interaction\n */\nexport default class UiDropdownList extends LitElement {\n  @queryAssignedElements()\n  protected triggers!: HTMLElement[] | null;\n\n  @queryAssignedElements({ slot: 'dropdown' })\n  protected dropdowns!: HTMLElement[] | null;\n\n  @state() protected triggerId = `ui-trigger-${randomString(4)}`;\n\n  @state() protected menuId = `ui-menu-${randomString(4)}`;\n\n  /**\n   * Whether the menu is opened.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * The vertical (y-axis) alignment of the dropdown content.\n   * - top\n   * - bottom\n   * - middle\n   * \n   * No value means the natural position according to the box model.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) verticalAlign?: VerticalAlignment;\n\n  /**\n   * The horizontal (x-axis) alignment of the dropdown content.\n   * - top\n   * - bottom\n   * - middle\n   * \n   * No value means the natural position according to the box model.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) horizontalAlign?: HorizontalAlignment;\n\n  /**\n   * Affects the `horizontal` and `vertical` positioning so that the target element does not overlap with the anchor.\n   * For example, when the `vertical` align is `top`, the top edge of the target will be rendered at the bottom \n   * of the anchor down to the edge of the viewport.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) noOverlap?: boolean;\n\n  /**\n   * When set it closes the opened list when registering a click outside the list.\n   * @attribute\n   */\n  @property({ type: Boolean }) closeOnOutsideClick?: boolean;\n\n  /**\n   * When set it makes the drop-down to match the width of the trigger.\n   * Be careful as this may crop the content when the trigger is not wide enough.\n   * @attribute\n   */\n  @property({ type: Boolean }) matchTriggerWidth?: boolean;\n\n  /**\n   * When set it closes the drop-down when `tab` button is pressed.\n   * This is not a default behavior since the drop-down content can have its own logic\n   * related to tab index.\n   */\n  @property({ type: Boolean }) closeOnTab?: boolean;\n\n  /**\n   * The first element located in the default slot.\n   */\n  protected get trigger(): HTMLElement | null {\n    const { triggers } = this;\n    if (!triggers || !triggers.length) {\n      return null;\n    }\n    const [button] = triggers;\n    return button;\n  }\n\n  /**\n   * The first element located in the \"dropdown\" slot.\n   */\n  protected get dropdown(): HTMLElement | null {\n    const { dropdowns } = this;\n    if (!dropdowns || !dropdowns.length) {\n      return null;\n    }\n    const [content] = dropdowns;\n    return content;\n  }\n\n  @state() protected overlayPositioning?: StyleInfo;\n\n  constructor() {\n    super();\n    this.dropdownOpenHandler = this.dropdownOpenHandler.bind(this);\n    this.scrollHandler = this.scrollHandler.bind(this);\n    this.clickHandler = this.clickHandler.bind(this);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    window.addEventListener('dropdownopen', this.dropdownOpenHandler);\n    window.addEventListener('click', this.clickHandler, { capture: true });\n    ScrollHelper.addListeners(this, this.scrollHandler);\n\n    this.setAttribute('aria-haspopup', 'menu');\n    this.setAttribute('aria-expanded', 'false');\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener('dropdownopen', this.dropdownOpenHandler);\n    window.removeEventListener('click', this.clickHandler, { capture: true });\n    ScrollHelper.removeListeners(this);\n  }\n\n  protected dropdownOpenHandler(e: Event): void {\n    if (e.composedPath()[0] === this) {\n      return;\n    }\n    this.close();\n  }\n\n  protected updateExpanded(): void {\n    this.setAttribute('aria-expanded', String(this.open));\n  }\n\n  protected triggerChanged(): void {\n    const { trigger } = this;\n    if (!trigger) {\n      return;\n    }\n    this.decorateTrigger(trigger);\n  }\n\n  protected dropdownChanged(): void {\n    const { dropdown } = this;\n    if (!dropdown) {\n      return;\n    }\n    this.decorateDropdown(dropdown);\n  }\n\n  /**\n   * Decorates the trigger with aria attributes.\n   */\n  protected decorateTrigger(button: HTMLElement): void {\n    button.setAttribute('aria-controls', this.menuId);\n    button.setAttribute('tabindex', '0');\n    if (button.id) {\n      this.triggerId = button.id;\n    } else {\n      // eslint-disable-next-line no-param-reassign\n      button.id = this.triggerId;\n    }\n  }\n\n  protected decorateDropdown(list: HTMLElement): void {\n    if (!list.hasAttribute('role')) {\n      list.setAttribute('role', 'menu');\n    }\n    if (!list.hasAttribute('aria-labelledby')) {\n      list.setAttribute('aria-labelledby', this.triggerId);\n    }\n    list.setAttribute('tabindex', '-1');\n    // eslint-disable-next-line no-param-reassign\n    list.id = this.menuId;\n  }\n\n  protected triggerClickHandler(): void {\n    this.open = !this.open;\n    this.updateExpanded();\n    this.notifyOpen();\n  }\n\n  protected triggerKeyDownHandler(e: KeyboardEvent): void {\n    if (['Enter', 'Space', 'ArrowDown', 'ArrowUp'].includes(e.code)) {\n      e.preventDefault();\n      this.open = true;\n      this.updateExpanded();\n      this.notifyOpen();\n    }\n  }\n\n  protected contentKeyDownHandler(e: KeyboardEvent): void {\n    if (e.defaultPrevented) {\n      return;\n    }\n    if (e.code === 'Escape') {\n      this.close();\n    } else if (e.code === 'Tab') {\n      if (this.closeOnTab) {\n        this.close();\n      }\n    } else if (['Enter', 'Space'].includes(e.code)) {\n      this.activate(e);\n    }\n  }\n\n  protected contentClickHandler(e: PointerEvent): void {\n    this.activate(e);\n  }\n\n  close(): void {\n    this.open = false;\n    this.updateExpanded();\n    this.notifyOpen();\n  }\n\n  protected contentCloseHandler(e: Event): void {\n    e.stopPropagation();\n    this.close();\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    super.willUpdate(cp);\n    if ((cp.has('noOverlap') || cp.has('verticalAlign') || cp.has('horizontalAlign') || cp.has('open')) && this.open) {\n      this.computePositioning();\n    }\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    super.updated(cp);\n    if (cp.has('open')) {\n      this.toggleOpened();\n    }\n  }\n\n  /**\n   * Since the container for the dropdown content is positioned as fixed\n   * we need to position the dropdown according to the configured rules.\n   */\n  protected computePositioning(): void {\n    const { trigger, dropdown } = this;\n    if (!trigger || !dropdown) {\n      return;\n    }\n    this.overlayPositioning = ElementPositioning.positionOverlay(dropdown, trigger, {\n      horizontal: this.horizontalAlign,\n      vertical: this.verticalAlign,\n      noOverlap: this.noOverlap,\n      constrain: true,\n      constrainPaddingY: 20,\n      matchAnchorWidth: this.matchTriggerWidth,\n    });\n  }\n\n  protected scrollHandler(): void {\n    if (this.open) {\n      this.computePositioning();\n    }\n  }\n\n  protected clickHandler(e: Event): void {\n    if (!this.open || !this.closeOnOutsideClick) {\n      return;\n    }\n    const inside = e.composedPath().some(i => i === this);\n    if (inside) {\n      return;\n    }\n    this.close();\n  }\n\n  protected toggleOpened(): void {\n    const { open } = this;\n    if (open) {\n      this.handleOpened();\n    } else {\n      this.handleClosed();\n    }\n  }\n\n  protected handleOpened(): void {\n    const { trigger, dropdown } = this;\n    if (trigger) {\n      trigger.removeAttribute('tabindex');\n    }\n    if (dropdown) {\n      dropdown.setAttribute('tabindex', '0');\n      dropdown.focus();\n    }\n  }\n\n  protected handleClosed(): void {\n    const { trigger, dropdown } = this;\n    if (trigger) {\n      trigger.setAttribute('tabindex', '0');\n      if (this.matches(':focus-within')) {\n        trigger.focus();\n      }\n    }\n    if (dropdown) {\n      dropdown.removeAttribute('tabindex');\n    }\n  }\n\n  protected activate(e: Event): void {\n    if (e.defaultPrevented) {\n      return;\n    }\n    const path = e.composedPath();\n    let item: HTMLElement | undefined;\n    while (!item) {\n      const next = path.shift() as Element;\n      if (next === this) {\n        break;\n      }\n      if (next.nodeType !== Node.ELEMENT_NODE) {\n        continue;\n      }\n      if (itemRole.includes(next.getAttribute('role') || '')) {\n        item = next as HTMLElement;\n      }\n    }\n    if (!item) {\n      return;\n    }\n    const event = new CustomEvent<UiDropdownListSelection>('select', {\n      cancelable: true,\n      composed: true,\n      detail: {\n        item,\n      },\n    })\n    this.dispatchEvent(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n    this.close();\n  }\n\n  protected notifyOpen(): void {\n    this.dispatchEvent(new Event('open'));\n    if (this.open) {\n      this.dispatchEvent(new Event('dropdownopen', {\n        bubbles: true,\n        composed: true,\n        cancelable: true,\n      }));\n    }\n  }\n\n  protected override render(): TemplateResult {\n    const classes: ClassInfo = {\n      container: true,\n      open: this.open,\n    };\n    \n    return html`\n    <div class=\"${classMap(classes)}\">\n      ${this.renderTrigger()}\n      ${this.renderContent()}\n    </div>\n    `;\n  }\n\n  protected renderTrigger(): TemplateResult {\n    return html`\n    <div \n      class=\"trigger\" \n      @click=\"${this.triggerClickHandler}\" \n      @keydown=\"${this.triggerKeyDownHandler}\"\n    ><slot @slotchange=\"${this.triggerChanged}\"></slot></div>\n    `;\n  }\n\n  protected renderContent(): TemplateResult {\n    const contentStyles = this.overlayPositioning || {};\n    return html`\n    <div \n      class=\"content\" \n      style=\"${styleMap(contentStyles)}\"\n    >\n      <slot \n        name=\"dropdown\" \n        @slotchange=\"${this.dropdownChanged}\" \n        @keydown=\"${this.contentKeyDownHandler}\" \n        @click=\"${this.contentClickHandler}\"\n        @close=\"${this.contentCloseHandler}\"\n      ></slot>\n    </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"UiDropdownList.js","sourceRoot":"","sources":["../../../src/ui/list/UiDropdownList.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, PropertyValues, TemplateResult } from \"lit\";\nimport { property, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { ClassInfo, classMap } from \"lit/directives/class-map.js\";\nimport { StyleInfo, styleMap } from \"lit/directives/style-map.js\";\nimport { randomString } from \"../../lib/Random.js\";\nimport { ElementPositioning, HorizontalAlignment, VerticalAlignment } from \"../lib/ElementPositioning.js\";\nimport { ScrollHelper } from \"../lib/ScrollHelper.js\";\n\nconst itemRole = ['menuitem', 'menuitemcheckbox', 'menuitemradio'];\n\nexport interface UiDropdownListSelection {\n  item: HTMLElement;\n}\n\n/**\n * An overlay list rendered over a button.\n * \n * Examples:\n * \n * <ui-dropdown-list>\n *  <ui-button>Click me</ui-button>\n *  <ui-list slot=\"dropdown\" role=\"menu\">\n *    <ui-list-item role=\"menuitem\">Item 1</ui-list-item>\n *    <ui-list-item role=\"menuitem\">Item 2</ui-list-item>\n *  </ui-list>\n * </ui-dropdown-list>\n * \n * @slot - The default slot for the dropdown trigger (button) \n * @slot dropdown - The slot for the list.\n * @fires select - Custom event with the selected item on the `detail.item` when the user selected an item. When the event is cancelled then there's no side effects (closing the dropdown)\n * @fires dropdownopen - An event informing other dropdowns that this one was opened and other should close.\n * @fires open - An event dispatched when the open state change through a user interaction\n */\nexport default class UiDropdownList extends LitElement {\n  @queryAssignedElements()\n  protected triggers!: HTMLElement[] | null;\n\n  @queryAssignedElements({ slot: 'dropdown' })\n  protected dropdowns!: HTMLElement[] | null;\n\n  @state() protected triggerId = `ui-trigger-${randomString(4)}`;\n\n  @state() protected menuId = `ui-menu-${randomString(4)}`;\n\n  /**\n   * Whether the menu is opened.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * The vertical (y-axis) alignment of the dropdown content.\n   * - top\n   * - bottom\n   * - middle\n   * \n   * No value means the natural position according to the box model.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) verticalAlign?: VerticalAlignment;\n\n  /**\n   * The horizontal (x-axis) alignment of the dropdown content.\n   * - top\n   * - bottom\n   * - middle\n   * \n   * No value means the natural position according to the box model.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) horizontalAlign?: HorizontalAlignment;\n\n  /**\n   * Affects the `horizontal` and `vertical` positioning so that the target element does not overlap with the anchor.\n   * For example, when the `vertical` align is `top`, the top edge of the target will be rendered at the bottom \n   * of the anchor down to the edge of the viewport.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) noOverlap?: boolean;\n\n  /**\n   * When set it closes the opened list when registering a click outside the list.\n   * @attribute\n   */\n  @property({ type: Boolean }) closeOnOutsideClick?: boolean;\n\n  /**\n   * When set it makes the drop-down to match the width of the trigger.\n   * Be careful as this may crop the content when the trigger is not wide enough.\n   * @attribute\n   */\n  @property({ type: Boolean }) matchTriggerWidth?: boolean;\n\n  /**\n   * When set it closes the drop-down when `tab` button is pressed.\n   * This is not a default behavior since the drop-down content can have its own logic\n   * related to tab index.\n   */\n  @property({ type: Boolean }) closeOnTab?: boolean;\n\n  /**\n   * The first element located in the default slot.\n   */\n  protected get trigger(): HTMLElement | null {\n    const { triggers } = this;\n    if (!triggers || !triggers.length) {\n      return null;\n    }\n    const [button] = triggers;\n    return button;\n  }\n\n  /**\n   * The first element located in the \"dropdown\" slot.\n   */\n  protected get dropdown(): HTMLElement | null {\n    const { dropdowns } = this;\n    if (!dropdowns || !dropdowns.length) {\n      return null;\n    }\n    const [content] = dropdowns;\n    return content;\n  }\n\n  @state() protected overlayPositioning?: StyleInfo;\n\n  constructor() {\n    super();\n    this.dropdownOpenHandler = this.dropdownOpenHandler.bind(this);\n    this.scrollHandler = this.scrollHandler.bind(this);\n    this.clickHandler = this.clickHandler.bind(this);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    window.addEventListener('dropdownopen', this.dropdownOpenHandler);\n    window.addEventListener('click', this.clickHandler, { capture: true });\n    ScrollHelper.addListeners(this, this.scrollHandler);\n\n    this.setAttribute('aria-haspopup', 'menu');\n    this.setAttribute('aria-expanded', 'false');\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener('dropdownopen', this.dropdownOpenHandler);\n    window.removeEventListener('click', this.clickHandler, { capture: true });\n    ScrollHelper.removeListeners(this);\n  }\n\n  protected dropdownOpenHandler(e: Event): void {\n    if (e.composedPath()[0] === this) {\n      return;\n    }\n    this.close();\n  }\n\n  protected updateExpanded(): void {\n    this.setAttribute('aria-expanded', String(this.open));\n  }\n\n  protected triggerChanged(): void {\n    const { trigger } = this;\n    if (!trigger) {\n      return;\n    }\n    this.decorateTrigger(trigger);\n  }\n\n  protected dropdownChanged(): void {\n    const { dropdown } = this;\n    if (!dropdown) {\n      return;\n    }\n    this.decorateDropdown(dropdown);\n  }\n\n  /**\n   * Decorates the trigger with aria attributes.\n   */\n  protected decorateTrigger(button: HTMLElement): void {\n    button.setAttribute('aria-controls', this.menuId);\n    button.setAttribute('tabindex', '0');\n    if (button.id) {\n      this.triggerId = button.id;\n    } else {\n      // eslint-disable-next-line no-param-reassign\n      button.id = this.triggerId;\n    }\n  }\n\n  protected decorateDropdown(list: HTMLElement): void {\n    if (!list.hasAttribute('role')) {\n      list.setAttribute('role', 'menu');\n    }\n    if (!list.hasAttribute('aria-labelledby')) {\n      list.setAttribute('aria-labelledby', this.triggerId);\n    }\n    list.setAttribute('tabindex', '-1');\n    // eslint-disable-next-line no-param-reassign\n    list.id = this.menuId;\n  }\n\n  protected triggerClickHandler(): void {\n    this.open = !this.open;\n    this.updateExpanded();\n    this.notifyOpen();\n  }\n\n  protected triggerKeyDownHandler(e: KeyboardEvent): void {\n    if (['Enter', 'Space', 'ArrowDown', 'ArrowUp'].includes(e.code)) {\n      e.preventDefault();\n      this.open = true;\n      this.updateExpanded();\n      this.notifyOpen();\n    }\n  }\n\n  protected contentKeyDownHandler(e: KeyboardEvent): void {\n    if (e.defaultPrevented) {\n      return;\n    }\n    if (e.code === 'Escape') {\n      this.close();\n    } else if (e.code === 'Tab') {\n      if (this.closeOnTab) {\n        this.close();\n      }\n    } else if (['Enter', 'Space'].includes(e.code)) {\n      this.activate(e);\n    }\n  }\n\n  protected contentClickHandler(e: PointerEvent): void {\n    this.activate(e);\n  }\n\n  close(): void {\n    this.open = false;\n    this.updateExpanded();\n    this.notifyOpen();\n  }\n\n  protected contentCloseHandler(e: Event): void {\n    e.stopPropagation();\n    this.close();\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    super.willUpdate(cp);\n    if ((cp.has('noOverlap') || cp.has('verticalAlign') || cp.has('horizontalAlign') || cp.has('open')) && this.open) {\n      this.computePositioning();\n    }\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    super.updated(cp);\n    if (cp.has('open')) {\n      this.toggleOpened();\n    }\n  }\n\n  /**\n   * Since the container for the dropdown content is positioned as fixed\n   * we need to position the dropdown according to the configured rules.\n   */\n  protected computePositioning(): void {\n    const { trigger, dropdown } = this;\n    if (!trigger || !dropdown) {\n      return;\n    }\n    this.overlayPositioning = ElementPositioning.positionOverlay(dropdown, trigger, {\n      horizontal: this.horizontalAlign,\n      vertical: this.verticalAlign,\n      noOverlap: this.noOverlap,\n      constrain: true,\n      constrainPaddingY: 20,\n      matchAnchorWidth: this.matchTriggerWidth,\n    });\n  }\n\n  protected scrollHandler(): void {\n    if (this.open) {\n      this.computePositioning();\n    }\n  }\n\n  protected clickHandler(e: Event): void {\n    if (!this.open || !this.closeOnOutsideClick) {\n      return;\n    }\n    const inside = e.composedPath().some(i => i === this);\n    if (inside) {\n      return;\n    }\n    this.close();\n  }\n\n  protected toggleOpened(): void {\n    const { open } = this;\n    if (open) {\n      this.handleOpened();\n    } else {\n      this.handleClosed();\n    }\n  }\n\n  protected handleOpened(): void {\n    const { trigger, dropdown } = this;\n    if (trigger) {\n      trigger.removeAttribute('tabindex');\n    }\n    if (dropdown) {\n      dropdown.setAttribute('tabindex', '0');\n      dropdown.focus();\n    }\n  }\n\n  protected handleClosed(): void {\n    const { trigger, dropdown } = this;\n    if (trigger) {\n      trigger.setAttribute('tabindex', '0');\n      if (this.matches(':focus-within')) {\n        trigger.focus();\n      }\n    }\n    if (dropdown) {\n      dropdown.removeAttribute('tabindex');\n    }\n  }\n\n  protected activate(e: Event): void {\n    if (e.defaultPrevented) {\n      return;\n    }\n    const path = e.composedPath();\n    let item: HTMLElement | undefined;\n    while (!item) {\n      const next = path.shift() as Element;\n      if (next === this) {\n        break;\n      }\n      if (next.nodeType !== Node.ELEMENT_NODE) {\n        continue;\n      }\n      if (itemRole.includes(next.getAttribute('role') || '')) {\n        item = next as HTMLElement;\n      }\n    }\n    if (!item) {\n      return;\n    }\n    const event = new CustomEvent<UiDropdownListSelection>('select', {\n      cancelable: true,\n      // composed: true,\n      detail: {\n        item,\n      },\n    })\n    this.dispatchEvent(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n    this.close();\n  }\n\n  protected notifyOpen(): void {\n    this.dispatchEvent(new Event('open'));\n    if (this.open) {\n      this.dispatchEvent(new Event('dropdownopen', {\n        bubbles: true,\n        composed: true,\n        cancelable: true,\n      }));\n    }\n  }\n\n  protected override render(): TemplateResult {\n    const classes: ClassInfo = {\n      container: true,\n      open: this.open,\n    };\n    \n    return html`\n    <div class=\"${classMap(classes)}\">\n      ${this.renderTrigger()}\n      ${this.renderContent()}\n    </div>\n    `;\n  }\n\n  protected renderTrigger(): TemplateResult {\n    return html`\n    <div \n      class=\"trigger\" \n      @click=\"${this.triggerClickHandler}\" \n      @keydown=\"${this.triggerKeyDownHandler}\"\n    ><slot @slotchange=\"${this.triggerChanged}\"></slot></div>\n    `;\n  }\n\n  protected renderContent(): TemplateResult {\n    const contentStyles = this.overlayPositioning || {};\n    return html`\n    <div \n      class=\"content\" \n      style=\"${styleMap(contentStyles)}\"\n    >\n      <slot \n        name=\"dropdown\" \n        @slotchange=\"${this.dropdownChanged}\" \n        @keydown=\"${this.contentKeyDownHandler}\" \n        @click=\"${this.contentClickHandler}\"\n        @close=\"${this.contentCloseHandler}\"\n      ></slot>\n    </div>\n    `;\n  }\n}\n"]}

package/dist/ui/notification/Snackbar.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { html, LitElement, nothing } from "lit";
 import { property } from "lit/decorators.js";
-import { EventUtils } from "@api-client/core/build/browser.js";
+import { EventUtils } from "@api-client/core/build/esm/browser.js";
 import '../../define/ui/ui-button.js';
 import '../../define/ui/ui-icon-button.js';
 import '../../define/ui/ui-icon.js';

package/dist/ui/notification/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/ui/notification/Snackbar.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, PropertyValues, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { EventUtils } from \"@api-client/core/build/browser.js\";\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-icon.js';\nimport { classMap } from \"lit/directives/class-map.js\";\n\n/**\n * Snackbars provide brief messages about app processes at the bottom of the screen.\n * \n * Snackbars inform users of a process that an app has performed or will perform. \n * They appear temporarily, towards the bottom of the screen. \n * They shouldn’t interrupt the user experience, and they don’t require user input to disappear.\n * \n * Only one snackbar may be displayed at a time.\n * \n * A snackbar can contain a single action. \"Dismiss\" or \"cancel\" actions are optional.\n * \n * Snackbars communicate messages that are minimally interruptive and don’t require user action.\n * \n * **Caution**, Do not use this element directly.\n * \n * A snackbar is the UI to render in the application. It does not care whether another \n * message is already rendered. Use `SnackNotifications` to manage notification system.\n * The `SnackNotifications` will position toasts directly under the `body` which will make \n * it easier to manage especially when relative / absolute positioning is used.\n * \n * @fires open - When the open state changes. Note, this event is not dispatched when it was programmatically closed.\n * @fires dismiss - When the message was closed via the API.\n * @fires action - When the action button was activated.\n */\nexport class Snackbar extends LitElement {\n  /**\n   * When set the snackbar does not timeout.\n   * It has to be cancelled by user interaction or programmatically.\n   * \n   * When the `cancellable` is set to false the user won't be able to dismiss the\n   * snackbar and the application must remove the snackbar after the process \n   * finish. Otherwise another snackbar won't appear.\n   * \n   * @default false\n   * @attribute\n   */\n  @property({ type: Boolean }) persistent = false;\n\n  /**\n   * Whether the snackbar can be cancelled via user interaction.\n   * \n   * @default true\n   * @attribute\n   */\n  @property({ type: Boolean }) cancellable = true;\n\n  /**\n   * The time in milliseconds after which the message is removed.\n   * Has not effect when `persistent` flag is set.\n   * \n   * @default 5000\n   * @attribute\n   */\n  @property({ type: Number }) timeout = 5000;\n\n  /**\n   * The action to render next to the message.\n   * There can be only one action.\n   * It is only rendered when `actionCallback` is set.\n   * \n   * @attribute\n   */\n  @property({ type: String }) action?: string;\n\n  /**\n   * Whether to render affordable \"close\" icon.\n   * \n   * @attribute\n   */\n  @property({ type: Boolean }) close?: boolean;\n\n  /**\n   * Whether the message is being rendered.\n   * \n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) open?: boolean;\n\n  protected dismissed?: boolean;\n\n  protected timer?: number;\n\n  protected touchXStart?: number;\n\n  protected touchYStart?: number;\n\n  constructor() {\n    super();\n\n    this.addEventListener('touchstart', this.touchstartHandler.bind(this), { passive: true });\n    this.addEventListener('touchend', this.touchendHandler.bind(this), { passive: true });\n    this.addEventListener('transitionend', this.transitionendHandler.bind(this), { passive: true });\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    if (cp.has('open')) {\n      if (this.open) {\n        this.setupTimeout();\n      } else {\n        this.clearTimer();\n      }\n    }\n  }\n\n  /**\n   * Dismisses the snackbar\n   */\n  dismiss(): void {\n    this.dismissed = true;\n    this.open = false;\n  }\n\n  protected setupTimeout(): void {\n    const { timeout = 5000, persistent } = this;\n    this.clearTimer();\n    if (persistent) {\n      return;\n    }\n    this.timer = setTimeout(() => {\n      this.timeoutHandler();\n    }, timeout) as unknown as number;\n  }\n\n  protected clearTimer(): void {\n    if (this.timer) {\n      clearTimeout(this.timer);\n      this.timer = undefined;\n    }\n  }\n\n  protected timeoutHandler(): void {\n    this.open = false;\n  }\n\n  protected touchstartHandler(e: TouchEvent): void {\n    if (this.cancellable === false) {\n      return;\n    }\n    this.touchXStart = e.changedTouches[0].screenX;\n    this.touchYStart = e.changedTouches[0].screenY;\n  }\n\n  protected touchendHandler(e: TouchEvent): void {\n    if (this.cancellable === false) {\n      return;\n    }\n    const { touchXStart, touchYStart } = this;\n    if (typeof touchXStart !== 'number' || typeof touchYStart !== 'number') {\n      return;\n    }\n    this.touchXStart = undefined;\n    this.touchYStart = undefined;\n    const endX = e.changedTouches[0].screenX;\n    const endY = e.changedTouches[0].screenY;\n    const xDelta = Math.abs(endX - touchXStart);\n    const yDelta = Math.abs(endY - touchYStart);\n    const threshold = 20;\n    if (xDelta > threshold || yDelta > threshold) {\n      this.open = false;\n    }\n  }\n\n  protected actionHandler(): void {\n    this.dispatchEvent(new Event('action'));\n    this.dismiss();\n  }\n\n  protected transitionendHandler(): void {\n    if (!this.dismissed) {\n      this.dispatchEvent(new Event('open'));\n    } else {\n      this.dismissed = false;\n      this.dispatchEvent(new Event('dismiss'));\n    }\n  }\n\n  protected closeHandler(): void {\n    this.open = false;\n  }\n\n  protected override render(): TemplateResult {\n    const classes = {\n      body: true,\n      withAction: !!this.action,\n      withClose: !!this.close,\n    };\n    return html`\n    <div class=\"${classMap(classes)}\">\n      <slot></slot>\n    </div>\n    ${this.renderAction()}\n    ${this.renderIcon()}\n    `;\n  }\n\n  protected renderAction(): TemplateResult | typeof nothing {\n    const { action } = this;\n    if (!action) {\n      return nothing;\n    }\n    return html`\n    <ui-button type=\"text\" class=\"action\" @click=\"${this.actionHandler}\" @action=\"${EventUtils.cancelEvent}\">${action}</ui-button>\n    `;\n  }\n\n  protected renderIcon(): TemplateResult | typeof nothing {\n    const { close } = this;\n    if (!close) {\n      return nothing;\n    }\n    return html`\n    <ui-icon-button @click=\"${this.closeHandler}\" class=\"icon\" @action=\"${EventUtils.cancelEvent}\">\n      <ui-icon icon=\"close\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/ui/notification/Snackbar.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, PropertyValues, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { EventUtils } from \"@api-client/core/build/esm/browser.js\";\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-icon.js';\nimport { classMap } from \"lit/directives/class-map.js\";\n\n/**\n * Snackbars provide brief messages about app processes at the bottom of the screen.\n * \n * Snackbars inform users of a process that an app has performed or will perform. \n * They appear temporarily, towards the bottom of the screen. \n * They shouldn’t interrupt the user experience, and they don’t require user input to disappear.\n * \n * Only one snackbar may be displayed at a time.\n * \n * A snackbar can contain a single action. \"Dismiss\" or \"cancel\" actions are optional.\n * \n * Snackbars communicate messages that are minimally interruptive and don’t require user action.\n * \n * **Caution**, Do not use this element directly.\n * \n * A snackbar is the UI to render in the application. It does not care whether another \n * message is already rendered. Use `SnackNotifications` to manage notification system.\n * The `SnackNotifications` will position toasts directly under the `body` which will make \n * it easier to manage especially when relative / absolute positioning is used.\n * \n * @fires open - When the open state changes. Note, this event is not dispatched when it was programmatically closed.\n * @fires dismiss - When the message was closed via the API.\n * @fires action - When the action button was activated.\n */\nexport class Snackbar extends LitElement {\n  /**\n   * When set the snackbar does not timeout.\n   * It has to be cancelled by user interaction or programmatically.\n   * \n   * When the `cancellable` is set to false the user won't be able to dismiss the\n   * snackbar and the application must remove the snackbar after the process \n   * finish. Otherwise another snackbar won't appear.\n   * \n   * @default false\n   * @attribute\n   */\n  @property({ type: Boolean }) persistent = false;\n\n  /**\n   * Whether the snackbar can be cancelled via user interaction.\n   * \n   * @default true\n   * @attribute\n   */\n  @property({ type: Boolean }) cancellable = true;\n\n  /**\n   * The time in milliseconds after which the message is removed.\n   * Has not effect when `persistent` flag is set.\n   * \n   * @default 5000\n   * @attribute\n   */\n  @property({ type: Number }) timeout = 5000;\n\n  /**\n   * The action to render next to the message.\n   * There can be only one action.\n   * It is only rendered when `actionCallback` is set.\n   * \n   * @attribute\n   */\n  @property({ type: String }) action?: string;\n\n  /**\n   * Whether to render affordable \"close\" icon.\n   * \n   * @attribute\n   */\n  @property({ type: Boolean }) close?: boolean;\n\n  /**\n   * Whether the message is being rendered.\n   * \n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) open?: boolean;\n\n  protected dismissed?: boolean;\n\n  protected timer?: number;\n\n  protected touchXStart?: number;\n\n  protected touchYStart?: number;\n\n  constructor() {\n    super();\n\n    this.addEventListener('touchstart', this.touchstartHandler.bind(this), { passive: true });\n    this.addEventListener('touchend', this.touchendHandler.bind(this), { passive: true });\n    this.addEventListener('transitionend', this.transitionendHandler.bind(this), { passive: true });\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    if (cp.has('open')) {\n      if (this.open) {\n        this.setupTimeout();\n      } else {\n        this.clearTimer();\n      }\n    }\n  }\n\n  /**\n   * Dismisses the snackbar\n   */\n  dismiss(): void {\n    this.dismissed = true;\n    this.open = false;\n  }\n\n  protected setupTimeout(): void {\n    const { timeout = 5000, persistent } = this;\n    this.clearTimer();\n    if (persistent) {\n      return;\n    }\n    this.timer = setTimeout(() => {\n      this.timeoutHandler();\n    }, timeout) as unknown as number;\n  }\n\n  protected clearTimer(): void {\n    if (this.timer) {\n      clearTimeout(this.timer);\n      this.timer = undefined;\n    }\n  }\n\n  protected timeoutHandler(): void {\n    this.open = false;\n  }\n\n  protected touchstartHandler(e: TouchEvent): void {\n    if (this.cancellable === false) {\n      return;\n    }\n    this.touchXStart = e.changedTouches[0].screenX;\n    this.touchYStart = e.changedTouches[0].screenY;\n  }\n\n  protected touchendHandler(e: TouchEvent): void {\n    if (this.cancellable === false) {\n      return;\n    }\n    const { touchXStart, touchYStart } = this;\n    if (typeof touchXStart !== 'number' || typeof touchYStart !== 'number') {\n      return;\n    }\n    this.touchXStart = undefined;\n    this.touchYStart = undefined;\n    const endX = e.changedTouches[0].screenX;\n    const endY = e.changedTouches[0].screenY;\n    const xDelta = Math.abs(endX - touchXStart);\n    const yDelta = Math.abs(endY - touchYStart);\n    const threshold = 20;\n    if (xDelta > threshold || yDelta > threshold) {\n      this.open = false;\n    }\n  }\n\n  protected actionHandler(): void {\n    this.dispatchEvent(new Event('action'));\n    this.dismiss();\n  }\n\n  protected transitionendHandler(): void {\n    if (!this.dismissed) {\n      this.dispatchEvent(new Event('open'));\n    } else {\n      this.dismissed = false;\n      this.dispatchEvent(new Event('dismiss'));\n    }\n  }\n\n  protected closeHandler(): void {\n    this.open = false;\n  }\n\n  protected override render(): TemplateResult {\n    const classes = {\n      body: true,\n      withAction: !!this.action,\n      withClose: !!this.close,\n    };\n    return html`\n    <div class=\"${classMap(classes)}\">\n      <slot></slot>\n    </div>\n    ${this.renderAction()}\n    ${this.renderIcon()}\n    `;\n  }\n\n  protected renderAction(): TemplateResult | typeof nothing {\n    const { action } = this;\n    if (!action) {\n      return nothing;\n    }\n    return html`\n    <ui-button type=\"text\" class=\"action\" @click=\"${this.actionHandler}\" @action=\"${EventUtils.cancelEvent}\">${action}</ui-button>\n    `;\n  }\n\n  protected renderIcon(): TemplateResult | typeof nothing {\n    const { close } = this;\n    if (!close) {\n      return nothing;\n    }\n    return html`\n    <ui-icon-button @click=\"${this.closeHandler}\" class=\"icon\" @action=\"${EventUtils.cancelEvent}\">\n      <ui-icon icon=\"close\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n}\n"]}

package/dist/visualization/plugin/positioning/DataModelLayout.d.ts

@@ -1,4 +1,4 @@
-import { DataModel } from "@api-client/core/build/browser.js";
+import { DataModel } from "@api-client/core/build/esm/browser.js";
 import { Graph } from "@api-client/graph";
 import { EdgeConfig, GraphLabel, NodeConfig } from "@api-client/graph/src/layout/types";
 import { PositioningResult, WorkspaceLayout } from "./WorkspaceLayout.js";

package/dist/visualization/plugin/positioning/DataModelLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataModelLayout.d.ts","sourceRoot":"","sources":["../../../../src/visualization/plugin/positioning/DataModelLayout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAU,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACxF,OAAO,EAAgB,iBAAiB,EAAkB,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAExG,qBAAa,eAAgB,SAAQ,eAAe;IAClD,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,iBAAiB,GAAG,IAAI;IAsFlD,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAQjG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO;CAW9F"}
+{"version":3,"file":"DataModelLayout.d.ts","sourceRoot":"","sources":["../../../../src/visualization/plugin/positioning/DataModelLayout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,KAAK,EAAU,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACxF,OAAO,EAAgB,iBAAiB,EAAkB,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAExG,qBAAa,eAAgB,SAAQ,eAAe;IAClD,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,iBAAiB,GAAG,IAAI;IAsFlD,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAQjG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO;CAW9F"}

package/dist/visualization/plugin/positioning/DataModelLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataModelLayout.js","sourceRoot":"","sources":["../../../../src/visualization/plugin/positioning/DataModelLayout.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this */\nimport { DataModel } from \"@api-client/core/build/browser.js\";\nimport { Graph, layout } from \"@api-client/graph\";\nimport { EdgeConfig, GraphLabel, NodeConfig } from \"@api-client/graph/src/layout/types\";\nimport { LayoutWeight, PositioningResult, PositionResult, WorkspaceLayout } from \"./WorkspaceLayout.js\";\n\nexport class DataModelLayout extends WorkspaceLayout {\n  layout(model: DataModel): PositioningResult | null {\n    const { entities } = model;\n    if (!entities.length) {\n      return null\n    }\n    this.readPositions = {};\n    const g = this.initGraph();\n\n    const selfEntities = entities.map(i => i.key);\n    const addedEntities: string[] = [];\n\n    // parents first\n    entities.forEach((entity) => {\n      if (!this.ensureAddEntity(g, entity.key)) {\n        return;\n      }\n      addedEntities.push(entity.key);\n      entity.parents.forEach((id) => {\n        if (selfEntities.includes(id) || addedEntities.includes(id) || g.node(id)) {\n          return;\n        }\n        this.ensureAddEntity(g, id);\n        const config: EdgeConfig = {\n          minLen: 1,\n          weight: LayoutWeight.Parent,\n        };\n        g.setEdge(entity.key, id, config);\n      });\n      entity.associations.forEach((item) => {\n        const targets = item.getTargets();\n        if (!targets.length) {\n          return;\n        }\n        if (targets.length === 1) {\n          // classic association\n          const [target] = targets;\n          this.ensureAddEntity(g, target.key);\n          addedEntities.push(target.key);\n          // TODO: Union layout.\n        }\n      });\n    });\n    // once all entities are set we can add edges\n    entities.forEach((entity) => {\n      entity.associations.forEach((item) => {\n        const targets = item.getTargets();\n        if (!targets.length) {\n          return;\n        }\n        if (targets.length === 1) {\n          // classic association\n          const [target] = targets;\n          const isSelf = (target === entity);\n          const config: EdgeConfig = {\n            minLen: 2,\n            weight: isSelf ? LayoutWeight.Self : LayoutWeight.Internal,\n          };\n          g.setEdge(entity.key, target.key, config);\n        } else {\n          // TODO: Union layout.\n        }\n      });\n    });\n\n    layout(g);\n\n    const nodes: PositionResult[] = [];\n    g.nodes().forEach((id) => {\n      const def = g.node(id);\n      if (!def) {\n        return;\n      }\n      const result: NodeConfig = { ...def };\n      result.x! -= Math.round(result.width! / 2);\n      result.y! -= Math.round(result.height! / 2);\n      nodes.push({\n        id,\n        node: result,\n      });\n    });\n    return {\n      graph: g,\n      nodes,\n    };\n  }\n\n  addEntityNode(graph: Graph<GraphLabel, NodeConfig, EdgeConfig>, key: string, rect: DOMRect): void {\n    const { width, height } = rect;\n    graph.setNode(key, {\n      width,\n      height,\n    });\n  }\n\n  ensureAddEntity(graph: Graph<GraphLabel, NodeConfig, EdgeConfig>, entityKey: string): boolean {\n    if (graph.node(entityKey)) {\n      return false;\n    }\n    const position = this.readDimensions(entityKey);\n    if (!position) {\n      return false;\n    }\n    this.addEntityNode(graph, entityKey, position);\n    return true;\n  }\n}\n"]}
+{"version":3,"file":"DataModelLayout.js","sourceRoot":"","sources":["../../../../src/visualization/plugin/positioning/DataModelLayout.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this */\nimport { DataModel } from \"@api-client/core/build/esm/browser.js\";\nimport { Graph, layout } from \"@api-client/graph\";\nimport { EdgeConfig, GraphLabel, NodeConfig } from \"@api-client/graph/src/layout/types\";\nimport { LayoutWeight, PositioningResult, PositionResult, WorkspaceLayout } from \"./WorkspaceLayout.js\";\n\nexport class DataModelLayout extends WorkspaceLayout {\n  layout(model: DataModel): PositioningResult | null {\n    const { entities } = model;\n    if (!entities.length) {\n      return null\n    }\n    this.readPositions = {};\n    const g = this.initGraph();\n\n    const selfEntities = entities.map(i => i.key);\n    const addedEntities: string[] = [];\n\n    // parents first\n    entities.forEach((entity) => {\n      if (!this.ensureAddEntity(g, entity.key)) {\n        return;\n      }\n      addedEntities.push(entity.key);\n      entity.parents.forEach((id) => {\n        if (selfEntities.includes(id) || addedEntities.includes(id) || g.node(id)) {\n          return;\n        }\n        this.ensureAddEntity(g, id);\n        const config: EdgeConfig = {\n          minLen: 1,\n          weight: LayoutWeight.Parent,\n        };\n        g.setEdge(entity.key, id, config);\n      });\n      entity.associations.forEach((item) => {\n        const targets = item.getTargets();\n        if (!targets.length) {\n          return;\n        }\n        if (targets.length === 1) {\n          // classic association\n          const [target] = targets;\n          this.ensureAddEntity(g, target.key);\n          addedEntities.push(target.key);\n          // TODO: Union layout.\n        }\n      });\n    });\n    // once all entities are set we can add edges\n    entities.forEach((entity) => {\n      entity.associations.forEach((item) => {\n        const targets = item.getTargets();\n        if (!targets.length) {\n          return;\n        }\n        if (targets.length === 1) {\n          // classic association\n          const [target] = targets;\n          const isSelf = (target === entity);\n          const config: EdgeConfig = {\n            minLen: 2,\n            weight: isSelf ? LayoutWeight.Self : LayoutWeight.Internal,\n          };\n          g.setEdge(entity.key, target.key, config);\n        } else {\n          // TODO: Union layout.\n        }\n      });\n    });\n\n    layout(g);\n\n    const nodes: PositionResult[] = [];\n    g.nodes().forEach((id) => {\n      const def = g.node(id);\n      if (!def) {\n        return;\n      }\n      const result: NodeConfig = { ...def };\n      result.x! -= Math.round(result.width! / 2);\n      result.y! -= Math.round(result.height! / 2);\n      nodes.push({\n        id,\n        node: result,\n      });\n    });\n    return {\n      graph: g,\n      nodes,\n    };\n  }\n\n  addEntityNode(graph: Graph<GraphLabel, NodeConfig, EdgeConfig>, key: string, rect: DOMRect): void {\n    const { width, height } = rect;\n    graph.setNode(key, {\n      width,\n      height,\n    });\n  }\n\n  ensureAddEntity(graph: Graph<GraphLabel, NodeConfig, EdgeConfig>, entityKey: string): boolean {\n    if (graph.node(entityKey)) {\n      return false;\n    }\n    const position = this.readDimensions(entityKey);\n    if (!position) {\n      return false;\n    }\n    this.addEntityNode(graph, entityKey, position);\n    return true;\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@api-client/ui",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "UI for API Client.",
   "license": "CC-BY-2.0",
   "main": "dist/index.js",
@@ -37,7 +37,7 @@
     "gen:apis": "node demo/model.js"
   },
   "dependencies": {
-    "@api-client/core": "^0.9.4",
+    "@api-client/core": "^0.10.1",
     "@api-client/graph": "^0.1.0",
     "@api-client/json": "^0.1.3",
     "@github/relative-time-element": "^4.1.5",
@@ -49,12 +49,12 @@
     "idb-keyval": "^6.1.0",
     "lit": "^2.2.2",
     "marked": "^4.0.15",
-    "monaco-editor": "^0.35.0",
+    "monaco-editor": "^0.36.0",
     "pouchdb": "^7.3.0",
     "prismjs": "^1.28.0"
   },
   "devDependencies": {
-    "@api-client/net-store": "^0.9.0",
+    "@api-client/net-store": "^0.10.0",
     "@commitlint/cli": "^17.0.0",
     "@commitlint/config-conventional": "^17.0.0",
     "@custom-elements-manifest/analyzer": "^0.6.3",

package/src/amf/lib/AmfInputParser.ts

@@ -2,7 +2,7 @@
 /* eslint-disable no-continue */
 /* eslint-disable no-param-reassign */
 /* eslint-disable class-methods-use-this */
-import { ApiSchemaValues, AmfNamespace, ApiDefinitions, AmfShapes } from '@api-client/core/build/browser.js';
+import { ApiSchemaValues, AmfNamespace, ApiDefinitions, AmfShapes } from '@api-client/core/build/esm/browser.js';
 
 export interface ParametersSerializationReport {
   valid: boolean;

package/src/amf/lib/AmfParameters.ts

@@ -1,5 +1,5 @@
 import { html, TemplateResult } from 'lit';
-import { ApiSchemaValues, AmfNamespace, ApiDefinitions, AmfShapes, EventUtils } from '@api-client/core/build/browser.js';
+import { ApiSchemaValues, AmfNamespace, ApiDefinitions, AmfShapes, EventUtils } from '@api-client/core/build/esm/browser.js';
 import { ifDefined } from 'lit/directives/if-defined.js'
 import { classMap } from 'lit/directives/class-map.js';
 import * as InputCache from './InputCache.js';

package/src/amf/lib/AmfSecurity.ts

@@ -1,6 +1,6 @@
 import { 
   ApiDefinitions, 
-} from '@api-client/core/build/browser.js';
+} from '@api-client/core/build/esm/browser.js';
 
 
 import { SecuritySelectorListItem } from '../types.js';

package/src/amf/lib/Oauth2RamlCustomData.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { AmfNamespace, ApiDefinitions, AmfShapes } from '@api-client/core/build/browser.js';
+import { AmfNamespace, ApiDefinitions, AmfShapes } from '@api-client/core/build/esm/browser.js';
 
 /**
  * Computes a data model for custom definition for the OAuth 2 scheme

package/src/amf/lib/PayloadUtils.ts

@@ -1,4 +1,4 @@
-import { ApiDefinitions, AmfShapes, ApiExampleGenerator, ApiMonacoSchemaGenerator, ApiSchemaGenerator, IProperty } from '@api-client/core/build/browser.js';
+import { ApiDefinitions, AmfShapes, ApiExampleGenerator, ApiMonacoSchemaGenerator, ApiSchemaGenerator, IProperty } from '@api-client/core/build/esm/browser.js';
 
 export interface PayloadInfo {
   value: string | FormData | Blob;

package/src/amf/lib/QueryParameterProcessor.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { AmfNamespace, ApiDefinitions, AmfShapes } from '@api-client/core/build/browser.js';
+import { AmfNamespace, ApiDefinitions, AmfShapes } from '@api-client/core/build/esm/browser.js';
 import { OperationParameter } from '../types.js';
 
 /**

package/src/amf/lib/Utils.ts

@@ -1,4 +1,4 @@
-import { AmfNamespace, ApiDefinitions, AmfShapes, Headers } from '@api-client/core/build/browser.js';
+import { AmfNamespace, ApiDefinitions, AmfShapes, Headers } from '@api-client/core/build/esm/browser.js';
 import sanitizer from 'dompurify';
 /**
  * Stops an event and cancels it.

package/src/amf/store/AmfGraphStore.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { AmfDefinitions, uuidV4 } from '@api-client/core/build/browser.js';
+import { AmfDefinitions, uuidV4 } from '@api-client/core/build/esm/browser.js';
 import { AmfStore } from './AmfStore.js';
 
 /**

package/src/amf/store/AmfStore.ts

@@ -2,7 +2,7 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable no-unused-vars */
 /* eslint-disable class-methods-use-this */
-import { AmfDefinitions, AmfSerializer, ApiDefinitions, AmfShapes, ServersQueryOptions } from '@api-client/core/build/browser.js';
+import { AmfDefinitions, AmfSerializer, ApiDefinitions, AmfShapes, ServersQueryOptions } from '@api-client/core/build/esm/browser.js';
 import { DocumentMeta, ApiEndPointWithOperationsListItem, ApiSecuritySchemeListItem, ApiNodeShapeListItem } from '../types.js';
 
 /**

package/src/amf/store/InMemAmfGraphStore.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable default-param-last */
-import { AmfDefinitions, ApiDefinitions, AmfShapes, AmfMixin, AmfNamespace, ServersQueryOptions } from '@api-client/core/build/browser.js';
+import { AmfDefinitions, ApiDefinitions, AmfShapes, AmfMixin, AmfNamespace, ServersQueryOptions } from '@api-client/core/build/esm/browser.js';
 import { StoreEvents } from '../../events/amf/StoreEvents.js';
 import { AmfStore } from './AmfStore.js';
 import { DocumentMeta, ApiEndPointWithOperationsListItem, ApiSecuritySchemeListItem, ApiNodeShapeListItem } from '../types.js';

package/src/amf/types.ts

@@ -1,4 +1,4 @@
-import { ApiDefinitions, AmfShapes } from '@api-client/core/build/browser.js';
+import { ApiDefinitions, AmfShapes } from '@api-client/core/build/esm/browser.js';
 
 export interface PopulationInfo {
   annotationName: string;

package/src/bindings/base/HttpClientStoreBindings.ts

@@ -7,7 +7,7 @@ import {
   ContextReadEvent, ContextUpdateEvent, 
   IRequestUiMeta, 
   IUrl
-} from "@api-client/core/build/browser.js";
+} from "@api-client/core/build/esm/browser.js";
 import { Events } from "../../events/Events.js";
 import { EventTypes } from "../../events/EventTypes.js";
 import { StoreBroadcast } from "../../http-client/store/StoreBroadcast.js";

package/src/bindings/base/IoThread.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable no-console */
-import { ApiError } from '@api-client/core/build/browser.js';
+import { ApiError } from '@api-client/core/build/esm/browser.js';
 import { IoEvent, IoCommand, IoNotification } from './PlatformBindings.js';
 
 /**

package/src/bindings/base/PlatformBindings.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/ban-types */
 /* eslint-disable @typescript-eslint/ban-ts-comment */
-import { ApiError, IApiError, IApplication } from '@api-client/core/build/browser.js';
+import { ApiError, IApiError, IApplication } from '@api-client/core/build/esm/browser.js';
 import { Events } from '../../events/Events.js';
 
 /* eslint-disable @typescript-eslint/no-unused-vars */

package/src/bindings/base/ProxyBindings.ts

@@ -1,4 +1,4 @@
-import { EventTypes as CoreEventTypes, ContextEvent, IRequestLog, IHttpRequest, IHttpRequestDetail, IProjectExecutionLog, IRequestProxyInit, IProxyResult, IHttpProjectProxyInit, IHttpProjectStoreProxyInit } from '@api-client/core/build/browser.js';
+import { EventTypes as CoreEventTypes, ContextEvent, IRequestLog, IHttpRequest, IHttpRequestDetail, IProjectExecutionLog, IRequestProxyInit, IProxyResult, IHttpProjectProxyInit, IHttpProjectStoreProxyInit } from '@api-client/core/build/esm/browser.js';
 import { PlatformBindings } from './PlatformBindings.js';
 
 /**

package/src/bindings/base/StoreBindings.ts

@@ -29,7 +29,7 @@ import {
   BroadcastEvent,
   BackendErrorEvent,
   BroadcastFileData,
-} from '@api-client/core/build/browser.js';
+} from '@api-client/core/build/esm/browser.js';
 import { Patch } from '@api-client/json';
 import { PlatformBindings } from './PlatformBindings.js';
 import { Events } from '../../events/Events.js';

package/src/bindings/web/WebConfigurationBindings.ts

@@ -1,4 +1,4 @@
-import { IApplication } from '@api-client/core/build/browser.js';
+import { IApplication } from '@api-client/core/build/esm/browser.js';
 import { AddConfigEnvironmentInit, ConfigurationBindings, EnvironmentConfiguration, LocalConfiguration, SessionConfiguration, TelemetryConfiguration } from '../base/ConfigurationBindings.js';
 import { IoCommand, IoEvent, IoNotification } from '../base/PlatformBindings.js';
 import { IConfigEnvironment, ITelemetryConfig, IEnvConfig } from '../../lib/config/Config.js';

package/src/bindings/web/WebFileBindings.ts

@@ -1,4 +1,4 @@
-import { uuidV4 } from "@api-client/core/build/browser.js";
+import { uuidV4 } from "@api-client/core/build/esm/browser.js";
 import { 
   FileBindings, 
   FileReadOptions, 

package/src/bindings/web/WebHttpClientStoreBindings.ts

@@ -3,7 +3,7 @@ import {
   ContextChangeRecord, ContextDeleteRecord, 
   IApplication, 
   IQueryResponse, 
-  IRequestUiMeta, IUrl, IBulkOperationResult} from "@api-client/core/build/browser.js";
+  IRequestUiMeta, IUrl, IBulkOperationResult} from "@api-client/core/build/esm/browser.js";
 import { HttpClientStoreBindings } from "../base/HttpClientStoreBindings.js";
 import { IoCommand, IoEvent, IoNotification } from "../base/PlatformBindings.js";
 

package/src/bindings/web/WebProxyBindings.ts

@@ -2,7 +2,7 @@ import {
   IHttpRequest, HttpRequest, IRequestLog, IProjectExecutionLog, Headers, IApplication, 
   IRequestProxyInit, IProxyResult, IHttpProjectProxyInit, 
   IApiError, ApiError, IHttpProjectStoreProxyInit 
-} from "@api-client/core/build/browser.js";
+} from "@api-client/core/build/esm/browser.js";
 import { Events } from "../../events/Events.js";
 import { ProxyBindings } from "../base/ProxyBindings.js";
 

package/src/bindings/web/WebStoreBindings.ts

@@ -1,4 +1,4 @@
-import { uuidV4, IBackendInfo, IApplication } from '@api-client/core/build/browser.js';
+import { uuidV4, IBackendInfo, IApplication } from '@api-client/core/build/esm/browser.js';
 import { Events } from '../../events/Events.js';
 import { HttpStore } from '../../store/HttpStore.js';
 import { EnvironmentSettings, StoreBindings } from '../base/StoreBindings.js';

package/src/code-snippets/Bash/CurlSnippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 import 'prismjs/components/prism-bash.min.js';
 

package/src/code-snippets/C/CcurlSnippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 
 export default class CcurlSnippet extends CodeSnippet {

package/src/code-snippets/CodeSnippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { IHttpRequest, Payload, Headers } from '@api-client/core/build/browser.js';
+import { IHttpRequest, Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import { PrismHighlighter } from '../elements/highlight/PrismHighlighter.js';
 
 export declare interface CodeHeader {

package/src/code-snippets/Dart/DartSnippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 
 export default class DartSnippet extends CodeSnippet {

package/src/code-snippets/HTTP/RawSnippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 // import 'prismjs/prism.js';
 import 'prismjs/components/prism-http.min.js';

package/src/code-snippets/Java/PlatformSnippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 import 'prismjs/components/prism-java.min.js';
 

package/src/code-snippets/Java/SpringSnippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 import 'prismjs/components/prism-java.min.js';
 

package/src/code-snippets/JavaScript/AsyncFetchSnippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 
 export default class AsyncFetchSnippet extends CodeSnippet {

package/src/code-snippets/JavaScript/AxiosSnippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 
 export default class AxiosSnippet extends CodeSnippet {

package/src/code-snippets/JavaScript/FetchSnippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 
 export default class FetchSnippet extends CodeSnippet {

package/src/code-snippets/JavaScript/NodeSnippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 
 export default class NodeSnippet extends CodeSnippet {

package/src/code-snippets/JavaScript/XhrSnippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 
 export default class XhrSnippet extends CodeSnippet {

package/src/code-snippets/JavaScript/jQuerySnippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 
 export default class jQuerySnippet extends CodeSnippet {

package/src/code-snippets/Python/Python27Snippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 import 'prismjs/components/prism-python.min.js';
 

package/src/code-snippets/Python/Python31Snippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 import 'prismjs/components/prism-python.min.js';
 

package/src/code-snippets/Python/RequestsSnippet.ts

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Payload, Headers } from '@api-client/core/build/browser.js';
+import { Payload, Headers } from '@api-client/core/build/esm/browser.js';
 import CodeSnippet from '../CodeSnippet.js';
 import 'prismjs/components/prism-python.min.js';
 

package/src/define/http/http-body-editor.ts

@@ -4,7 +4,7 @@ import styles from '../../elements/http/BodyEditor.styles.js';
 
 @customElement('http-body-editor')
 export class HttpBodyEditorElement extends Element {
-  static override styles = [styles];
+  static override styles = [...styles];
 }
 
 declare global {

package/src/elements/amf/ApiAnnotationDocument.element.ts

@@ -1,6 +1,6 @@
 import { html, TemplateResult, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
-import { AmfNamespace, AmfShapes, IApiCustomDomainProperty, IApiDomainProperty } from '@api-client/core/build/browser.js';
+import { AmfNamespace, AmfShapes, IApiCustomDomainProperty, IApiDomainProperty } from '@api-client/core/build/esm/browser.js';
 import ApiElement from '../ApiElement.js';
 import '../../define/ui/ui-icon.js';
 

package/src/elements/amf/ApiAuthorizationEditor.element.ts

@@ -1,6 +1,6 @@
 import { html, TemplateResult } from 'lit';
 import { property, queryAll } from 'lit/decorators.js';
-import { ApiDefinitions, IRequestAuthorization } from '@api-client/core/build/browser.js';
+import { ApiDefinitions, IRequestAuthorization } from '@api-client/core/build/esm/browser.js';
 import { Oauth2Credentials } from '../authorization/types.js';
 import ApiElement from '../ApiElement.js';
 import { Authorization } from '../authorization/ui/Authorization.js';