@api-client/ui 0.0.14 → 0.0.15

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.14",
+  "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",
@@ -54,7 +54,7 @@
     "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/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';

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

@@ -1,5 +1,5 @@
 import { html, TemplateResult } from 'lit';
-import { ApiDefinitions } from '@api-client/core/build/browser.js';
+import { ApiDefinitions } from '@api-client/core/build/esm/browser.js';
 import ApiResourceDocumentElement from './ApiResourceDocument.element.js';
 import '../../define/amf/api-operation-document.js'
 import '../../define/amf/api-parameter-document.js';

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

@@ -1,6 +1,6 @@
 import { html, TemplateResult } from 'lit';
 import { property } from 'lit/decorators.js';
-import { ApiDefinitions, AmfNamespace } from '@api-client/core/build/browser.js';
+import { ApiDefinitions, AmfNamespace } from '@api-client/core/build/esm/browser.js';
 import { ApiDocumentationBase } from './ApiDocumentationBase.js';
 import { EventTypes } from '../../events/amf/EventTypes.js';
 import { Events } from '../../events/amf/Events.js';

package/src/elements/amf/ApiDocumentationBase.ts

@@ -5,7 +5,7 @@ import { html, TemplateResult } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { IApiCustomDomainProperty, ApiExampleGenerator, AmfShapes, ApiDefinitions } from '@api-client/core/build/browser.js';
+import { IApiCustomDomainProperty, ApiExampleGenerator, AmfShapes, ApiDefinitions } from '@api-client/core/build/esm/browser.js';
 import { EventTypes } from '../../events/amf/EventTypes.js';
 import { SchemaExample } from '../../amf/types.js';
 import ApiElement from '../ApiElement.js';

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

@@ -1,5 +1,5 @@
 import { html, TemplateResult } from 'lit';
-import { ApiDefinitions } from '@api-client/core/build/browser.js';
+import { ApiDefinitions } from '@api-client/core/build/esm/browser.js';
 import { ApiDocumentationBase } from './ApiDocumentationBase.js';
 import { Events } from '../../events/amf/Events.js';
 

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

@@ -2,7 +2,7 @@
 /* eslint-disable prefer-destructuring */
 import { html, TemplateResult } from 'lit';
 import { property, state } from 'lit/decorators.js';
-import { ApiDefinitions } from '@api-client/core/build/browser.js';
+import { ApiDefinitions } from '@api-client/core/build/esm/browser.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';

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

@@ -1,6 +1,6 @@
 import { html, nothing, TemplateResult } from 'lit';
 import { property } from 'lit/decorators.js';
-import { AmfShapes, ApiDefinitions, ApiSchemaGenerator, ApiSchemaValues, AmfNamespace, IHttpRequest } from '@api-client/core/build/browser.js';
+import { AmfShapes, ApiDefinitions, ApiSchemaGenerator, ApiSchemaValues, AmfNamespace, IHttpRequest } from '@api-client/core/build/esm/browser.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { QueryParameterProcessor } from '../../amf/lib/QueryParameterProcessor.js';
 import { ApiDocumentationBase } from './ApiDocumentationBase.js';

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

@@ -1,5 +1,5 @@
 import { html, TemplateResult } from 'lit';
-import { AmfShapes, ApiDefinitions } from '@api-client/core/build/browser.js';
+import { AmfShapes, ApiDefinitions } from '@api-client/core/build/esm/browser.js';
 import { readPropertyTypeLabel } from '../../amf/lib/Utils.js';
 import { paramNameTemplate, typeValueTemplate, detailsTemplate, pillTemplate } from './SchemaCommonTemplates.js';
 import { ApiDocumentationBase } from './ApiDocumentationBase.js';

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

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { ApiDefinitions, AmfNamespace } from '@api-client/core/build/browser.js';
+import { ApiDefinitions, AmfNamespace } from '@api-client/core/build/esm/browser.js';
 import ApiSecurityDocumentElement from "./ApiSecurityDocument.element.js";
 
 export default class ApiParametrizedSecurityScheme extends ApiSecurityDocumentElement {

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

@@ -1,6 +1,6 @@
 import { html, nothing, TemplateResult } from 'lit';
 import { property } from 'lit/decorators.js';
-import { ApiDefinitions } from '@api-client/core/build/browser.js';
+import { ApiDefinitions } from '@api-client/core/build/esm/browser.js';
 import { ApiDocumentationBase } from './ApiDocumentationBase.js';
 import { Events } from '../../events/amf/Events.js';
 import '../../define/amf/api-schema-document.js';

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

@@ -1,6 +1,6 @@
 import { html, nothing, TemplateResult } from 'lit';
 import { property, state } from 'lit/decorators.js';
-import { IRequest, IRequestLog } from '@api-client/core/build/browser.js';
+import { IRequest, IRequestLog } from '@api-client/core/build/esm/browser.js';
 import { EventTypes } from '../../events/amf/EventTypes.js';
 import { ApiNavigationEvent } from '../../events/amf/NavigationEvents.js';
 import { Oauth2Credentials } from '../authorization/types.js';

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

@@ -1,6 +1,6 @@
 import { html, TemplateResult } from 'lit';
 import { property } from 'lit/decorators.js';
-import { AmfShapes, ApiDefinitions } from '@api-client/core/build/browser.js';
+import { AmfShapes, ApiDefinitions } from '@api-client/core/build/esm/browser.js';
 import { ApiDocumentationBase } from './ApiDocumentationBase.js';
 import { QueryParameterProcessor } from '../../amf/lib/QueryParameterProcessor.js';
 import { Events } from '../../events/amf/Events.js';

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

@@ -14,7 +14,7 @@ import {
   HttpRequestKind,
   IProxyResult,
   IRequestLog,
-} from '@api-client/core/build/browser.js';
+} from '@api-client/core/build/esm/browser.js';
 import { ensureContentType, generateHeaders } from "../../amf/lib/Utils.js";
 import { cachePayloadValue, getPayloadValue, PayloadInfo, readCachePayloadValue } from "../../amf/lib/PayloadUtils.js";
 import { applyUrlParameters, applyUrlVariables, computeEndpointUri, applyQueryParamStringToObject } from '../../amf/lib/UrlUtils.js';