@api-client/ui 0.0.17 → 0.1.0

package/build/src/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 @typescript-eslint/no-non-null-assertion */\nimport { type Graph, layout } from '@api-client/graph'\nimport { type EdgeConfig, type GraphLabel, type NodeConfig } from '@api-client/graph/src/layout/types.js'\nimport { LayoutWeight, type PositioningResult, type PositionResult, WorkspaceLayout } from './WorkspaceLayout.js'\nimport { type DataModel } from '@api-client/core/legacy.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":"AAEA,OAAO,MAAM,MAAM,oCAAoC,CAAA;AAEvD,OAAO,EAAE,YAAY,EAA+C,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAGjH,MAAM,OAAO,eAAgB,SAAQ,eAAe;IAClD,MAAM,CAAC,KAAgB;QACrB,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;QAC1B,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACrB,OAAO,IAAI,CAAA;QACb,CAAC;QACD,IAAI,CAAC,aAAa,GAAG,EAAE,CAAA;QACvB,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,CAAA;QAE1B,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QAC/C,MAAM,aAAa,GAAa,EAAE,CAAA;QAElC,gBAAgB;QAChB,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YAC1B,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;gBACzC,OAAM;YACR,CAAC;YACD,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;YAC9B,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;gBAC5B,IAAI,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;oBAC1E,OAAM;gBACR,CAAC;gBACD,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;gBAC3B,MAAM,MAAM,GAAe;oBACzB,MAAM,EAAE,CAAC;oBACT,MAAM,EAAE,YAAY,CAAC,MAAM;iBAC5B,CAAA;gBACD,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,EAAE,MAAM,CAAC,CAAA;YACnC,CAAC,CAAC,CAAA;YACF,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACnC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAA;gBACjC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;oBACpB,OAAM;gBACR,CAAC;gBACD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oBACzB,sBAAsB;oBACtB,MAAM,CAAC,MAAM,CAAC,GAAG,OAAO,CAAA;oBACxB,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAA;oBACnC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;oBAC9B,sBAAsB;gBACxB,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QACF,6CAA6C;QAC7C,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YAC1B,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACnC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAA;gBACjC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;oBACpB,OAAM;gBACR,CAAC;gBACD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oBACzB,sBAAsB;oBACtB,MAAM,CAAC,MAAM,CAAC,GAAG,OAAO,CAAA;oBACxB,MAAM,MAAM,GAAG,MAAM,KAAK,MAAM,CAAA;oBAChC,MAAM,MAAM,GAAe;wBACzB,MAAM,EAAE,CAAC;wBACT,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ;qBAC3D,CAAA;oBACD,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;gBAC3C,CAAC;qBAAM,CAAC;oBACN,sBAAsB;gBACxB,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,MAAM,CAAC,CAAC,CAAC,CAAA;QAET,MAAM,KAAK,GAAqB,EAAE,CAAA;QAClC,CAAC,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YACvB,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAE,CAAA;YACvB,IAAI,CAAC,GAAG,EAAE,CAAC;gBACT,OAAM;YACR,CAAC;YACD,MAAM,MAAM,GAAe,EAAE,GAAG,GAAG,EAAE,CAAA;YACrC,MAAM,CAAC,CAAE,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAM,GAAG,CAAC,CAAC,CAAA;YAC1C,MAAM,CAAC,CAAE,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAO,GAAG,CAAC,CAAC,CAAA;YAC3C,KAAK,CAAC,IAAI,CAAC;gBACT,EAAE;gBACF,IAAI,EAAE,MAAM;aACb,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QACF,OAAO;YACL,KAAK,EAAE,CAAC;YACR,KAAK;SACN,CAAA;IACH,CAAC;IAED,aAAa,CAAC,KAAgD,EAAE,GAAW,EAAE,IAAa;QACxF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;QAC9B,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;YACjB,KAAK;YACL,MAAM;SACP,CAAC,CAAA;IACJ,CAAC;IAED,eAAe,CAAC,KAAgD,EAAE,SAAiB;QACjF,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;YAC1B,OAAO,KAAK,CAAA;QACd,CAAC;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;QAC/C,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,KAAK,CAAA;QACd,CAAC;QACD,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAA;QAC9C,OAAO,IAAI,CAAA;IACb,CAAC;CACF","sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { type Graph } from '@api-client/graph/graph/Graph.js'\nimport layout from '@api-client/graph/layout/layout.js'\nimport { type EdgeConfig, type GraphLabel, type NodeConfig } from '@api-client/graph/layout/types.js'\nimport { LayoutWeight, type PositioningResult, type PositionResult, WorkspaceLayout } from './WorkspaceLayout.js'\nimport { type DataModel } from '@api-client/core/legacy.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/build/src/visualization/plugin/positioning/WorkspaceLayout.d.ts

@@ -1,5 +1,5 @@
-import { Graph } from '@api-client/graph';
-import { EdgeConfig, NodeConfig, GraphLabel, RankDirOptions, AlignOptions, RankerOptions, AcyclicerOptions } from '@api-client/graph/src/layout/types.js';
+import { Graph } from '@api-client/graph/graph/Graph.js';
+import type { EdgeConfig, NodeConfig, GraphLabel, RankDirOptions, AlignOptions, RankerOptions, AcyclicerOptions } from '@api-client/graph/layout/types.js';
 import VizWorkspaceElement from '../../elements/VizWorkspaceElement.js';
 export interface PositionedEdge {
     /**

package/build/src/visualization/plugin/positioning/WorkspaceLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceLayout.d.ts","sourceRoot":"","sources":["../../../../../src/visualization/plugin/positioning/WorkspaceLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EACL,UAAU,EACV,UAAU,EACV,UAAU,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACb,gBAAgB,EACjB,MAAM,uCAAuC,CAAA;AAC9C,OAAO,mBAAmB,MAAM,uCAAuC,CAAA;AAGvE,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CAAA;IAChD,KAAK,EAAE,cAAc,EAAE,CAAA;CACxB;AAMD,oBAAY,YAAY;IACtB,QAAQ,IAAI;IACZ,QAAQ,KAAK;IACb,MAAM,KAAK;IACX,IAAI,KAAK;CACV;AAED;;;GAGG;AACH,qBAAa,eAAe;IAiDP,SAAS,EAAE,mBAAmB;IAhDjD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAK;IAE3C;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAE5B;;OAEG;IACH,cAAc,SAAK;IAEnB;;OAEG;IACH,cAAc,SAAK;IAEnB;;OAEG;IACH,cAAc,SAAK;IAEnB;;OAEG;IACH,OAAO,SAAK;IAEZ;;OAEG;IACH,OAAO,SAAK;gBAEO,SAAS,EAAE,mBAAmB;IAEjD;;;;OAIG;IACH,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS;IAa/C,SAAS,IAAI,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;CAkBvD"}
+{"version":3,"file":"WorkspaceLayout.d.ts","sourceRoot":"","sources":["../../../../../src/visualization/plugin/positioning/WorkspaceLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAA;AACxD,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,UAAU,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACb,gBAAgB,EACjB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,mBAAmB,MAAM,uCAAuC,CAAA;AAGvE,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CAAA;IAChD,KAAK,EAAE,cAAc,EAAE,CAAA;CACxB;AAMD,oBAAY,YAAY;IACtB,QAAQ,IAAI;IACZ,QAAQ,KAAK;IACb,MAAM,KAAK;IACX,IAAI,KAAK;CACV;AAED;;;GAGG;AACH,qBAAa,eAAe;IAiDP,SAAS,EAAE,mBAAmB;IAhDjD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAK;IAE3C;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAE5B;;OAEG;IACH,cAAc,SAAK;IAEnB;;OAEG;IACH,cAAc,SAAK;IAEnB;;OAEG;IACH,cAAc,SAAK;IAEnB;;OAEG;IACH,OAAO,SAAK;IAEZ;;OAEG;IACH,OAAO,SAAK;gBAEO,SAAS,EAAE,mBAAmB;IAEjD;;;;OAIG;IACH,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS;IAa/C,SAAS,IAAI,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;CAkBvD"}

package/build/src/visualization/plugin/positioning/WorkspaceLayout.js

@@ -1,4 +1,4 @@
-import { Graph } from '@api-client/graph';
+import { Graph } from '@api-client/graph/graph/Graph.js';
 import { getObjectBoundingClientRect } from '../../lib/PositionUtils.js';
 // 01 - external association
 // 10 - association (internal)

package/build/src/visualization/plugin/positioning/WorkspaceLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceLayout.js","sourceRoot":"","sources":["../../../../../src/visualization/plugin/positioning/WorkspaceLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAWzC,OAAO,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAmCxE,4BAA4B;AAC5B,8BAA8B;AAC9B,0BAA0B;AAC1B,wBAAwB;AACxB,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,uDAAY,CAAA;IACZ,wDAAa,CAAA;IACb,oDAAW,CAAA;IACX,gDAAS,CAAA;AACX,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAED;;;GAGG;AACH,MAAM,OAAO,eAAe;IAiDP;IAhDnB,aAAa,GAA4B,EAAE,CAAA;IAE3C;;OAEG;IACH,OAAO,CAAiB;IAExB;;OAEG;IACH,KAAK,CAAe;IAEpB;;OAEG;IACH,MAAM,CAAgB;IAEtB;;;OAGG;IACH,SAAS,CAAmB;IAE5B;;OAEG;IACH,cAAc,GAAG,EAAE,CAAA;IAEnB;;OAEG;IACH,cAAc,GAAG,EAAE,CAAA,CAAC,KAAK;IAEzB;;OAEG;IACH,cAAc,GAAG,EAAE,CAAA,CAAC,KAAK;IAEzB;;OAEG;IACH,OAAO,GAAG,EAAE,CAAA;IAEZ;;OAEG;IACH,OAAO,GAAG,EAAE,CAAA;IAEZ,YAAmB,SAA8B;QAA9B,cAAS,GAAT,SAAS,CAAqB;IAAG,CAAC;IAErD;;;;OAIG;IACH,cAAc,CAAC,EAAU;QACvB,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAA;QAC/B,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;QAClE,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,SAAS,CAAA;QAClB,CAAC;QACD,MAAM,IAAI,GAAG,2BAA2B,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;QACjE,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;QAC7B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,SAAS;QACP,MAAM,CAAC,GAAG,IAAI,KAAK,EAAsC,CAAA;QACzD,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAA;QACpH,CAAC,CAAC,QAAQ,CAAC;YACT,cAAc;YACd,cAAc;YACd,cAAc;YACd,OAAO;YACP,KAAK;YACL,MAAM;YACN,SAAS;YACT,OAAO;YACP,OAAO;SACR,CAAC,CAAA;QAEF,+CAA+C;QAC/C,OAAO,CAAC,CAAA;IACV,CAAC;CACF","sourcesContent":["import { Graph } from '@api-client/graph'\nimport {\n  EdgeConfig,\n  NodeConfig,\n  GraphLabel,\n  RankDirOptions,\n  AlignOptions,\n  RankerOptions,\n  AcyclicerOptions,\n} from '@api-client/graph/src/layout/types.js'\nimport VizWorkspaceElement from '../../elements/VizWorkspaceElement.js'\nimport { getObjectBoundingClientRect } from '../../lib/PositionUtils.js'\n\nexport interface PositionedEdge {\n  /**\n   * The width of the label\n   */\n  width?: number\n  /**\n   * The height of the label\n   */\n  height?: number\n  /**\n   * The Id of the originating node\n   */\n  id: string\n  /**\n   * The id of the target node\n   */\n  target: string\n  /**\n   * Edge's weight, if possible to determine\n   */\n  weight?: number\n}\n\nexport interface PositionResult {\n  id: string\n  node: NodeConfig\n}\n\nexport interface PositioningResult {\n  graph: Graph<GraphLabel, NodeConfig, EdgeConfig>\n  nodes: PositionResult[]\n}\n\n// 01 - external association\n// 10 - association (internal)\n// 20 - parent association\n// 40 - self association\nexport enum LayoutWeight {\n  External = 1,\n  Internal = 10,\n  Parent = 40,\n  Self = 80,\n}\n\n/**\n * A helper library that computes positioning of a data model\n * in the visualization workspace.\n */\nexport class WorkspaceLayout {\n  readPositions: Record<string, DOMRect> = {}\n\n  /**\n   * Direction for rank nodes. Can be TB, BT, LR, or RL, where T = top, B = bottom, L = left, and R = right.\n   */\n  rankDir?: RankDirOptions\n\n  /**\n   * Alignment for rank nodes. Can be UL, UR, DL, or DR, where U = up, D = down, L = left, and R = right.\n   */\n  align?: AlignOptions\n\n  /**\n   * Type of algorithm to assign a rank to each node in the input graph.\n   */\n  ranker?: RankerOptions\n\n  /**\n   * If set to greedy, uses a greedy heuristic for finding a feedback arc set for a graph.\n   * A feedback arc set is a set of edges that can be removed to make a graph acyclic.\n   */\n  acyclicer?: AcyclicerOptions\n\n  /**\n   * Number of pixels that separate edges horizontally in the layout.\n   */\n  edgeSeparation = 20\n\n  /**\n   * Number of pixels between each rank in the layout.\n   */\n  rankSeparation = 60 // 80\n\n  /**\n   * Number of pixels that separate nodes horizontally in the layout.\n   */\n  nodeSeparation = 60 // 80\n\n  /**\n   * Graph margin LR\n   */\n  marginX = 40\n\n  /**\n   * Graph margin TB\n   */\n  marginY = 40\n\n  constructor(public workspace: VizWorkspaceElement) {}\n\n  /**\n   * Reads workspace object dimensions\n   * @param {string} id Domain id of the object\n   * @returns {DOMRect}\n   */\n  readDimensions(id: string): DOMRect | undefined {\n    if (this.readPositions[id]) {\n      return this.readPositions[id]\n    }\n    const element = this.workspace.querySelector(`[data-key=\"${id}\"]`)\n    if (!element) {\n      return undefined\n    }\n    const rect = getObjectBoundingClientRect(element, this.workspace)\n    this.readPositions[id] = rect\n    return rect\n  }\n\n  initGraph(): Graph<GraphLabel, NodeConfig, EdgeConfig> {\n    const g = new Graph<GraphLabel, NodeConfig, EdgeConfig>()\n    const { rankDir, align, ranker, acyclicer, edgeSeparation, rankSeparation, nodeSeparation, marginX, marginY } = this\n    g.setGraph({\n      edgeSeparation,\n      rankSeparation,\n      nodeSeparation,\n      rankDir,\n      align,\n      ranker,\n      acyclicer,\n      marginX,\n      marginY,\n    })\n\n    // g.setDefaultEdgeLabel(() => { return {}; });\n    return g\n  }\n}\n"]}
+{"version":3,"file":"WorkspaceLayout.js","sourceRoot":"","sources":["../../../../../src/visualization/plugin/positioning/WorkspaceLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAA;AAWxD,OAAO,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAmCxE,4BAA4B;AAC5B,8BAA8B;AAC9B,0BAA0B;AAC1B,wBAAwB;AACxB,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,uDAAY,CAAA;IACZ,wDAAa,CAAA;IACb,oDAAW,CAAA;IACX,gDAAS,CAAA;AACX,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAED;;;GAGG;AACH,MAAM,OAAO,eAAe;IAiDP;IAhDnB,aAAa,GAA4B,EAAE,CAAA;IAE3C;;OAEG;IACH,OAAO,CAAiB;IAExB;;OAEG;IACH,KAAK,CAAe;IAEpB;;OAEG;IACH,MAAM,CAAgB;IAEtB;;;OAGG;IACH,SAAS,CAAmB;IAE5B;;OAEG;IACH,cAAc,GAAG,EAAE,CAAA;IAEnB;;OAEG;IACH,cAAc,GAAG,EAAE,CAAA,CAAC,KAAK;IAEzB;;OAEG;IACH,cAAc,GAAG,EAAE,CAAA,CAAC,KAAK;IAEzB;;OAEG;IACH,OAAO,GAAG,EAAE,CAAA;IAEZ;;OAEG;IACH,OAAO,GAAG,EAAE,CAAA;IAEZ,YAAmB,SAA8B;QAA9B,cAAS,GAAT,SAAS,CAAqB;IAAG,CAAC;IAErD;;;;OAIG;IACH,cAAc,CAAC,EAAU;QACvB,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAA;QAC/B,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;QAClE,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,SAAS,CAAA;QAClB,CAAC;QACD,MAAM,IAAI,GAAG,2BAA2B,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;QACjE,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;QAC7B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,SAAS;QACP,MAAM,CAAC,GAAG,IAAI,KAAK,EAAsC,CAAA;QACzD,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAA;QACpH,CAAC,CAAC,QAAQ,CAAC;YACT,cAAc;YACd,cAAc;YACd,cAAc;YACd,OAAO;YACP,KAAK;YACL,MAAM;YACN,SAAS;YACT,OAAO;YACP,OAAO;SACR,CAAC,CAAA;QAEF,+CAA+C;QAC/C,OAAO,CAAC,CAAA;IACV,CAAC;CACF","sourcesContent":["import { Graph } from '@api-client/graph/graph/Graph.js'\nimport type {\n  EdgeConfig,\n  NodeConfig,\n  GraphLabel,\n  RankDirOptions,\n  AlignOptions,\n  RankerOptions,\n  AcyclicerOptions,\n} from '@api-client/graph/layout/types.js'\nimport VizWorkspaceElement from '../../elements/VizWorkspaceElement.js'\nimport { getObjectBoundingClientRect } from '../../lib/PositionUtils.js'\n\nexport interface PositionedEdge {\n  /**\n   * The width of the label\n   */\n  width?: number\n  /**\n   * The height of the label\n   */\n  height?: number\n  /**\n   * The Id of the originating node\n   */\n  id: string\n  /**\n   * The id of the target node\n   */\n  target: string\n  /**\n   * Edge's weight, if possible to determine\n   */\n  weight?: number\n}\n\nexport interface PositionResult {\n  id: string\n  node: NodeConfig\n}\n\nexport interface PositioningResult {\n  graph: Graph<GraphLabel, NodeConfig, EdgeConfig>\n  nodes: PositionResult[]\n}\n\n// 01 - external association\n// 10 - association (internal)\n// 20 - parent association\n// 40 - self association\nexport enum LayoutWeight {\n  External = 1,\n  Internal = 10,\n  Parent = 40,\n  Self = 80,\n}\n\n/**\n * A helper library that computes positioning of a data model\n * in the visualization workspace.\n */\nexport class WorkspaceLayout {\n  readPositions: Record<string, DOMRect> = {}\n\n  /**\n   * Direction for rank nodes. Can be TB, BT, LR, or RL, where T = top, B = bottom, L = left, and R = right.\n   */\n  rankDir?: RankDirOptions\n\n  /**\n   * Alignment for rank nodes. Can be UL, UR, DL, or DR, where U = up, D = down, L = left, and R = right.\n   */\n  align?: AlignOptions\n\n  /**\n   * Type of algorithm to assign a rank to each node in the input graph.\n   */\n  ranker?: RankerOptions\n\n  /**\n   * If set to greedy, uses a greedy heuristic for finding a feedback arc set for a graph.\n   * A feedback arc set is a set of edges that can be removed to make a graph acyclic.\n   */\n  acyclicer?: AcyclicerOptions\n\n  /**\n   * Number of pixels that separate edges horizontally in the layout.\n   */\n  edgeSeparation = 20\n\n  /**\n   * Number of pixels between each rank in the layout.\n   */\n  rankSeparation = 60 // 80\n\n  /**\n   * Number of pixels that separate nodes horizontally in the layout.\n   */\n  nodeSeparation = 60 // 80\n\n  /**\n   * Graph margin LR\n   */\n  marginX = 40\n\n  /**\n   * Graph margin TB\n   */\n  marginY = 40\n\n  constructor(public workspace: VizWorkspaceElement) {}\n\n  /**\n   * Reads workspace object dimensions\n   * @param {string} id Domain id of the object\n   * @returns {DOMRect}\n   */\n  readDimensions(id: string): DOMRect | undefined {\n    if (this.readPositions[id]) {\n      return this.readPositions[id]\n    }\n    const element = this.workspace.querySelector(`[data-key=\"${id}\"]`)\n    if (!element) {\n      return undefined\n    }\n    const rect = getObjectBoundingClientRect(element, this.workspace)\n    this.readPositions[id] = rect\n    return rect\n  }\n\n  initGraph(): Graph<GraphLabel, NodeConfig, EdgeConfig> {\n    const g = new Graph<GraphLabel, NodeConfig, EdgeConfig>()\n    const { rankDir, align, ranker, acyclicer, edgeSeparation, rankSeparation, nodeSeparation, marginX, marginY } = this\n    g.setGraph({\n      edgeSeparation,\n      rankSeparation,\n      nodeSeparation,\n      rankDir,\n      align,\n      ranker,\n      acyclicer,\n      marginX,\n      marginY,\n    })\n\n    // g.setDefaultEdgeLabel(() => { return {}; });\n    return g\n  }\n}\n"]}

package/demo/amf/api-annotation.ts

@@ -1,9 +1,10 @@
 import { html, TemplateResult } from 'lit'
-import { AmfMixin, AmfSerializer } from '@api-client/core/browser.js'
-import { IApiCustomDomainProperty } from '@api-client/core/browser.js'
+import { AmfMixin } from '@api-client/core/amf/AmfMixin.js'
+import { AmfSerializer } from '@api-client/core/amf/AmfSerializer.js'
+import type { IApiCustomDomainProperty } from '@api-client/core/amf/definitions/Base.js'
 import { AmfDemoPage } from './lib/AmfDemoPage.js'
 import { reactive } from '../../src/decorators/index.js'
-import { ApiNavigationEvent } from '../../src/index.js'
+import type { ApiNavigationEvent } from '../../src/events/amf/NavigationEvents.js'
 import '../../src/define/amf/api-annotation-document.js'
 import '../../src/md/checkbox/ui-checkbox.js'
 

package/demo/amf/api-channel.ts

@@ -1,7 +1,7 @@
 import { html, TemplateResult } from 'lit'
 import { AmfDemoPage } from './lib/AmfDemoPage.js'
 import { reactive } from '../../src/decorators/index.js'
-import { ApiNavigationEvent } from '../../src/index.js'
+import type { ApiNavigationEvent } from '../../src/events/amf/NavigationEvents.js'
 import '../../src/define/amf/api-channel-document.js'
 
 class ComponentPage extends AmfDemoPage {

package/demo/amf/api-console.ts

@@ -1,17 +1,17 @@
 import { CSSResult, html, nothing, TemplateResult } from 'lit'
 import { classMap } from 'lit/directives/class-map.js'
-import { AmfDefinitions, AmfSerializer } from '@api-client/core/browser.js'
-import {
-  AmfEventTypes,
-  AmfTypes,
-  ApiNavigationEvent,
-  DemoPage,
-  DomEventsAmfStore,
-  MonacoLoader,
-  RouteMixin,
-  Router,
-  reactive,
-} from '../../src/index.js'
+import type { IAmfDocument } from '@api-client/core/amf/definitions/Amf.js'
+import { AmfSerializer } from '@api-client/core/amf/AmfSerializer.js'
+import type { UiListSelection } from '../../src/md/list/internals/List.js'
+import { DemoPage } from '../../src/demo/DemoPage.js'
+import type { IRoute, IRouteResult } from '../../src/mixins/RouteMixin.js'
+import { DomEventsAmfStore } from '../../src/amf/store/DomEventsAmfStore.js'
+import reactive from '../../src/decorators/reactive.js'
+import { EventTypes as AmfEventTypes } from '../../src/events/amf/EventTypes.js'
+import * as MonacoLoader from '../../src/monaco/loader.js'
+import * as Router from '../../src/lib/route.js'
+import type { ApiNavigationEvent } from '../../src/events/amf/NavigationEvents.js'
+import { SelectionType } from '../../src/amf/types.js'
 import { WebConfigurationBindings } from '../../src/bindings/web/WebConfigurationBindings.js'
 // import { WebProxyBindings } from '../../src/bindings/web/WebProxyBindings.js'
 // import { WebStoreBindings } from '../../src/bindings/web/WebStoreBindings.js'
@@ -26,7 +26,6 @@ import '../../src/md/icon-button/ui-icon-button.js'
 import '../../src/md/dropdown-list/ui-dropdown-list.js'
 import '../../src/md/list/ui-list.js'
 import '../../src/md/list/ui-list-item.js'
-import type { UiListSelection } from '../../src/md/list/internals/List.js'
 
 const apiTitleValue = Symbol('apiTitleValue')
 
@@ -61,7 +60,7 @@ export class ApiConsole extends DemoPage {
     throw new Error('Method not implemented.')
   }
 
-  static get routes(): RouteMixin.IRoute[] {
+  static get routes(): IRoute[] {
     return [
       {
         pattern: '/api-selector.*',
@@ -108,7 +107,7 @@ export class ApiConsole extends DemoPage {
   /**
    * The loaded AMF model form the demo APIs.
    */
-  @reactive() accessor model: AmfDefinitions.IAmfDocument | undefined
+  @reactive() accessor model: IAmfDocument | undefined
 
   @reactive() accessor apiId: string | undefined
 
@@ -120,7 +119,7 @@ export class ApiConsole extends DemoPage {
   /**
    * The navigation type of the currently selected graph object.
    */
-  @reactive() accessor domainType: AmfTypes.SelectionType
+  @reactive() accessor domainType: SelectionType
 
   /**
    * When the current domain type is an operation this is the selected operation domain id.
@@ -198,7 +197,7 @@ export class ApiConsole extends DemoPage {
     this.page = 'selector'
   }
 
-  protected apiRoute(info: RouteMixin.IRouteResult): void {
+  protected apiRoute(info: IRouteResult): void {
     this.resetRoute()
     if (!info.params) {
       Router.navigate('404')
@@ -211,7 +210,7 @@ export class ApiConsole extends DemoPage {
     this.apiId = info.params.apiId as string
   }
 
-  protected selectionRoute(info: RouteMixin.IRouteResult): void {
+  protected selectionRoute(info: IRouteResult): void {
     this.resetRoute()
     if (!info.params) {
       Router.navigate('404')
@@ -223,10 +222,10 @@ export class ApiConsole extends DemoPage {
     this.page = 'api'
     this.apiId = info.params.apiId as string
     this.domainId = info.params.domainId as string
-    this.domainType = info.params.domainType as AmfTypes.SelectionType
+    this.domainType = info.params.domainType as SelectionType
   }
 
-  protected operationRoute(info: RouteMixin.IRouteResult): void {
+  protected operationRoute(info: IRouteResult): void {
     this.resetRoute()
     if (!info.params) {
       Router.navigate('404')
@@ -238,7 +237,7 @@ export class ApiConsole extends DemoPage {
     this.page = 'api'
     this.apiId = info.params.apiId as string
     this.domainId = info.params.domainId as string
-    this.domainType = info.params.domainType as AmfTypes.SelectionType
+    this.domainType = info.params.domainType as SelectionType
     this.operationId = info.params.operationId as string
   }
 
@@ -322,7 +321,7 @@ export class ApiConsole extends DemoPage {
   /**
    * Operations performed after the API model is rendered.
    */
-  postApiLoad(model: AmfDefinitions.IAmfDocument): void {
+  postApiLoad(model: IAmfDocument): void {
     this[apiTitleValue] = undefined
     if (!model) {
       return

package/demo/amf/api-documentation-document.ts

@@ -1,7 +1,7 @@
 import { html, TemplateResult } from 'lit'
 import { AmfDemoPage } from './lib/AmfDemoPage.js'
 import { reactive } from '../../src/decorators/index.js'
-import { ApiNavigationEvent } from '../../src/index.js'
+import type { ApiNavigationEvent } from '../../src/events/amf/NavigationEvents.js'
 import '../../src/define/amf/api-documentation-document.js'
 
 class ComponentPage extends AmfDemoPage {

package/demo/amf/api-documentation.ts

@@ -1,7 +1,8 @@
 import { html, TemplateResult } from 'lit'
 import { AmfDemoPage } from './lib/AmfDemoPage.js'
 import { reactive } from '../../src/decorators/index.js'
-import { AmfTypes, ApiNavigationEvent } from '../../src/index.js'
+import type { ApiNavigationEvent } from '../../src/events/amf/NavigationEvents.js'
+import type { SelectionType } from '../../src/amf/types.js'
 import '../../src/define/amf/api-request.js'
 import '../../src/define/amf/api-documentation.js'
 import '../../src/md/checkbox/ui-checkbox.js'
@@ -16,7 +17,7 @@ class ComponentDemo extends AmfDemoPage {
 
   @reactive() accessor domainId: string | undefined
 
-  @reactive() accessor domainType: AmfTypes.SelectionType | undefined
+  @reactive() accessor domainType: SelectionType | undefined
 
   @reactive() accessor operationId: string | undefined
 

package/demo/amf/api-navigation.ts

@@ -1,7 +1,9 @@
 import { html, TemplateResult } from 'lit'
 import { AmfDemoPage } from './lib/AmfDemoPage.js'
 import { reactive } from '../../src/decorators/index.js'
-import { AmfTypes, ApiNavigationContextMenu, ApiNavigationCommands } from '../../src/index.js'
+import type { NavigationLayout } from '../../src/amf/types.js'
+import ApiNavigationContextMenu from '../../src/amf/plugins/ApiNavigationContextMenu.js'
+import ApiNavigationCommands from '../../src/amf/plugins/ApiNavigationCommands.js'
 import type RadioElement from '../../src/md/radio/internals/RadioElement.js'
 import '../../src/md/radio/ui-radio.js'
 import '../../src/md/checkbox/ui-checkbox.js'
@@ -13,7 +15,7 @@ class ComponentDemoPage extends AmfDemoPage {
 
   @reactive() accessor edit: boolean
 
-  @reactive() accessor layout: AmfTypes.NavigationLayout | undefined
+  @reactive() accessor layout: NavigationLayout | undefined
 
   @reactive() accessor endpointsExpanded: boolean
 
@@ -154,7 +156,7 @@ class ComponentDemoPage extends AmfDemoPage {
   _toggleLayoutOption(e: Event): void {
     const button = e.target as RadioElement
     const { value } = button
-    this.layout = value as AmfTypes.NavigationLayout
+    this.layout = value as NavigationLayout
     console.log('Selected layout', value)
   }
 

package/demo/amf/api-operation.ts

@@ -1,8 +1,9 @@
 import { html, TemplateResult } from 'lit'
-import { AmfMixin, AmfNamespace } from '@api-client/core/browser.js'
+import { AmfNamespace } from '@api-client/core/amf/definitions/Namespace.js'
+import { AmfMixin } from '@api-client/core/amf/AmfMixin.js'
 import { AmfDemoPage } from './lib/AmfDemoPage.js'
 import { reactive } from '../../src/decorators/index.js'
-import { ApiNavigationEvent } from '../../src/index.js'
+import type { ApiNavigationEvent } from '../../src/events/amf/NavigationEvents.js'
 import { ServerType } from '../../src/amf/types.js'
 import '../../src/define/amf/api-operation-document.js'
 import '../../src/define/amf/api-request.js'

package/demo/amf/api-payload.ts

@@ -1,19 +1,21 @@
 import { html, TemplateResult } from 'lit'
-import { AmfDefinitions, AmfMixin, AmfNamespace } from '@api-client/core/browser.js'
+import type { IAmfRequest, IAmfPayload, IAmfOperation, IAmfResponse } from '@api-client/core/amf/definitions/Amf.js'
+import { AmfMixin } from '@api-client/core/amf/AmfMixin.js'
+import { AmfNamespace } from '@api-client/core/amf/definitions/Namespace.js'
 import { AmfDemoPage } from './lib/AmfDemoPage.js'
 import { reactive } from '../../src/decorators/index.js'
-import { ApiNavigationEvent } from '../../src/index.js'
+import type { ApiNavigationEvent } from '../../src/events/amf/NavigationEvents.js'
 import '../../src/define/amf/api-payload-document.js'
 
 class AmfHelper extends AmfMixin(Object) {}
 
 interface ResponsePayload {
   code: string
-  payloads: AmfDefinitions.IAmfPayload[]
+  payloads: IAmfPayload[]
 }
 
 class ComponentPage extends AmfDemoPage {
-  @reactive() accessor request: AmfDefinitions.IAmfPayload[] | undefined
+  @reactive() accessor request: IAmfPayload[] | undefined
 
   @reactive() accessor response: ResponsePayload[] | undefined
 
@@ -71,8 +73,8 @@ class ComponentPage extends AmfDemoPage {
     const expects = helper._computeExpects(operation)
     if (expects) {
       let payloads = expects[
-        helper._getAmfKey(AmfNamespace.aml.vocabularies.apiContract.payload) as keyof AmfDefinitions.IAmfRequest
-      ] as AmfDefinitions.IAmfPayload[]
+        helper._getAmfKey(AmfNamespace.aml.vocabularies.apiContract.payload) as keyof IAmfRequest
+      ] as IAmfPayload[]
       if (payloads) {
         if (!Array.isArray(payloads)) {
           payloads = [payloads]
@@ -82,15 +84,15 @@ class ComponentPage extends AmfDemoPage {
     }
 
     const returns = operation[
-      helper._getAmfKey(AmfNamespace.aml.vocabularies.apiContract.returns) as keyof AmfDefinitions.IAmfOperation
-    ] as AmfDefinitions.IAmfResponse[]
+      helper._getAmfKey(AmfNamespace.aml.vocabularies.apiContract.returns) as keyof IAmfOperation
+    ] as IAmfResponse[]
     if (Array.isArray(returns)) {
       const result: ResponsePayload[] = []
       returns.forEach((response) => {
         const code = helper._getValue(response, AmfNamespace.aml.vocabularies.apiContract.statusCode) as string
         let payloads = response[
-          helper._getAmfKey(AmfNamespace.aml.vocabularies.apiContract.payload) as keyof AmfDefinitions.IAmfResponse
-        ] as AmfDefinitions.IAmfPayload[]
+          helper._getAmfKey(AmfNamespace.aml.vocabularies.apiContract.payload) as keyof IAmfResponse
+        ] as IAmfPayload[]
         if (payloads) {
           if (!Array.isArray(payloads)) {
             payloads = [payloads]
@@ -166,7 +168,7 @@ class ComponentPage extends AmfDemoPage {
     `
   }
 
-  payloadTemplate(payload: AmfDefinitions.IAmfPayload): TemplateResult {
+  payloadTemplate(payload: IAmfPayload): TemplateResult {
     return html` <api-payload-document .domainId="${payload['@id']}"></api-payload-document> `
   }
 }

package/demo/amf/api-request.ts

@@ -1,8 +1,9 @@
 import { html, TemplateResult } from 'lit'
-// import { IApplication } from '@api-client/core/browser.js'
 import { AmfDemoPage } from './lib/AmfDemoPage.js'
 import { reactive } from '../../src/decorators/index.js'
-import { AmfTypes, ApiNavigationEvent, ServerChangeEvent } from '../../src/index.js'
+import type { ApiNavigationEvent } from '../../src/events/amf/NavigationEvents.js'
+import type { SelectionType } from '../../src/amf/types.js'
+import type { ServerChangeEvent } from '../../src/events/amf/ServerEvents.js'
 // import { WebProxyBindings } from '../../src/bindings/web/WebProxyBindings.js'
 // import env from '../env.js'
 import '../../src/define/amf/api-navigation.js'
@@ -15,7 +16,7 @@ import '../../src/md/checkbox/ui-checkbox.js'
 class ComponentDemo extends AmfDemoPage {
   @reactive() accessor domainId: string | undefined
 
-  @reactive() accessor domainType: AmfTypes.SelectionType | undefined
+  @reactive() accessor domainType: SelectionType | undefined
 
   @reactive() accessor allowCustom: boolean
 

package/demo/amf/api-resource.ts

@@ -1,8 +1,9 @@
 import { html, TemplateResult } from 'lit'
-import { AmfMixin, AmfNamespace } from '@api-client/core/browser.js'
+import { AmfNamespace } from '@api-client/core/amf/definitions/Namespace.js'
+import { AmfMixin } from '@api-client/core/amf/AmfMixin.js'
 import { AmfDemoPage } from './lib/AmfDemoPage.js'
 import { reactive } from '../../src/decorators/index.js'
-import { ApiNavigationEvent } from '../../src/index.js'
+import type { ApiNavigationEvent } from '../../src/events/amf/NavigationEvents.js'
 import { ServerType } from '../../src/amf/types.js'
 // import { WebProxyBindings } from '../../src/bindings/web/WebProxyBindings.js'
 // import env from '../env.js'

package/demo/amf/api-schema-documentation.ts

@@ -1,10 +1,13 @@
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 import { html, TemplateResult } from 'lit'
 import { ifDefined } from 'lit/directives/if-defined.js'
-import { AmfDefinitions, AmfMixin, AmfNamespace } from '@api-client/core/browser.js'
+import { IAmfDomainElement, IAmfRequest, IAmfWebApi } from '@api-client/core/amf/definitions/Amf.js'
+import { AmfNamespace } from '@api-client/core/amf/definitions/Namespace.js'
+import { AmfMixin } from '@api-client/core/amf/AmfMixin.js'
 import { AmfDemoPage } from './lib/AmfDemoPage.js'
 import { reactive } from '../../src/decorators/index.js'
-import { AmfTypes, ApiNavigationEvent } from '../../src/index.js'
+import { SelectionType } from '../../src/amf/types.js'
+import type { ApiNavigationEvent } from '../../src/events/amf/NavigationEvents.js'
 import '../../src/define/amf/api-schema-document.js'
 import '../../src/md/checkbox/ui-checkbox.js'
 
@@ -13,13 +16,13 @@ class AmfHelper extends AmfMixin(Object) {}
 class ComponentPage extends AmfDemoPage {
   @reactive() accessor selectedId: string | undefined
 
-  @reactive() accessor selectedType: AmfTypes.SelectionType | undefined
+  @reactive() accessor selectedType: SelectionType | undefined
 
   @reactive() accessor mediaType: string | undefined
 
   @reactive() accessor mediaTypes: string[] | undefined
 
-  @reactive() accessor shape: AmfDefinitions.IAmfDomainElement | undefined
+  @reactive() accessor shape: IAmfDomainElement | undefined
 
   @reactive() accessor noReadOnly: boolean | undefined
 
@@ -91,18 +94,18 @@ class ComponentPage extends AmfDemoPage {
     const payload = (
       expects
         ? (expects![
-            helper._getAmfKey(AmfNamespace.aml.vocabularies.apiContract.payload) as keyof AmfDefinitions.IAmfRequest
-          ] as AmfDefinitions.IAmfDomainElement[][0] as AmfDefinitions.IAmfDomainElement)
+            helper._getAmfKey(AmfNamespace.aml.vocabularies.apiContract.payload) as keyof IAmfRequest
+          ] as IAmfDomainElement[][0] as IAmfDomainElement)
         : {}
-    ) as AmfDefinitions.IAmfDomainElement
+    ) as IAmfDomainElement
     const mt = helper._getValue(payload, AmfNamespace.aml.vocabularies.core.mediaType) as string | undefined
     const key = helper._getAmfKey(AmfNamespace.aml.vocabularies.shapes.schema)
-    let schema = payload && payload[key as keyof AmfDefinitions.IAmfDomainElement]
+    let schema = payload && payload[key as keyof IAmfDomainElement]
     if (!schema) {
       return
     }
     schema = Array.isArray(schema) ? schema[0] : schema
-    this.shape = schema as unknown as AmfDefinitions.IAmfDomainElement
+    this.shape = schema as unknown as IAmfDomainElement
     this.mediaType = mt
   }
 
@@ -118,7 +121,7 @@ class ComponentPage extends AmfDemoPage {
       return
     }
     const key = helper._getAmfKey(AmfNamespace.aml.vocabularies.apiContract.accepts)
-    const value = helper._ensureArray(webApi[key as keyof AmfDefinitions.IAmfWebApi]) as string[]
+    const value = helper._ensureArray(webApi[key as keyof IAmfWebApi]) as string[]
     if (value) {
       this.mediaTypes = [...value]
       this.mediaType = value[0]

package/demo/amf/api-security-documentation.ts

@@ -1,14 +1,15 @@
 import { html, TemplateResult } from 'lit'
 import { AmfDemoPage } from './lib/AmfDemoPage.js'
 import { reactive } from '../../src/decorators/index.js'
-import { AmfTypes, ApiNavigationEvent } from '../../src/index.js'
+import type { ApiNavigationEvent } from '../../src/events/amf/NavigationEvents.js'
+import type { SelectionType } from '../../src/amf/types.js'
 import '../../src/define/amf/api-security-document.js'
 import '../../src/md/checkbox/ui-checkbox.js'
 
 class ComponentPage extends AmfDemoPage {
   @reactive() accessor selectedId: string | undefined
 
-  @reactive() accessor selectedType: AmfTypes.SelectionType | undefined
+  @reactive() accessor selectedType: SelectionType | undefined
 
   @reactive() accessor settingsOpened: boolean
 

package/demo/amf/api-server-picker.ts

@@ -1,12 +1,14 @@
 import { html, TemplateResult } from 'lit'
 import { AmfDemoPage } from './lib/AmfDemoPage.js'
 import { reactive } from '../../src/decorators/index.js'
-import { AmfTypes, ApiNavigationEvent, ServerChangeEvent, ServerCountChangeEvent } from '../../src/index.js'
 import CheckboxElement from '../../src/md/checkbox/internals/CheckboxElement.js'
 import '../../src/define/amf/api-server-picker.js'
 import '../../src/define/amf/api-navigation.js'
 import '../../src/md/checkbox/ui-checkbox.js'
 import '../../src/md/list/ui-list-item.js'
+import type { SelectionType } from '../../src/amf/types.js'
+import type { ApiNavigationEvent } from '../../src/events/amf/NavigationEvents.js'
+import type { ServerChangeEvent, ServerCountChangeEvent } from '../../src/events/amf/ServerEvents.js'
 
 interface IDemoState {
   extraServers?: boolean
@@ -20,7 +22,7 @@ const stateKey = 'DtJMGcAkHi'
 class ComponentDemo extends AmfDemoPage {
   @reactive() accessor domainId: string | undefined
 
-  @reactive() accessor domainType: AmfTypes.SelectionType | undefined
+  @reactive() accessor domainType: SelectionType | undefined
 
   /**
    * When set it adds extra `<ui-list-item>`s with custom servers definition.

package/demo/amf/api-summary.ts

@@ -1,7 +1,7 @@
 import { html, TemplateResult } from 'lit'
 import { AmfDemoPage } from './lib/AmfDemoPage.js'
 import { reactive } from '../../src/decorators/index.js'
-import { ApiNavigationEvent } from '../../src/index.js'
+import type { ApiNavigationEvent } from '../../src/events/amf/NavigationEvents.js'
 import '../../src/define/amf/api-summary.js'
 import '../../src/md/checkbox/ui-checkbox.js'
 

package/demo/amf/bare-components.ts

@@ -1,10 +1,10 @@
-import { AmfDefinitions } from '@api-client/core/browser.js'
+import { IAmfDocument } from '@api-client/core/amf/definitions/Amf.js'
 import '../../src/define/amf/api-documentation.js'
 import '../../src/define/amf/api-request.js'
 import '../../src/define/amf/api-navigation.js'
-import { DomEventsAmfStore } from '../../src/index.js'
+import { DomEventsAmfStore } from '../../src/amf/store/DomEventsAmfStore.js'
 
-async function downloadAmfModel(): Promise<AmfDefinitions.IAmfDocument> {
+async function downloadAmfModel(): Promise<IAmfDocument> {
   const response = await fetch('/demo/models/demo-api.json')
   return response.json()
 }

package/demo/amf/lib/AmfDemoPage.ts

@@ -1,15 +1,20 @@
 import { html, TemplateResult } from 'lit'
-import {
-  AmfDefinitions,
-  ContextEvent,
+import type { ContextEvent } from '@api-client/core/events/BaseEvents.js'
+import type { IAmfDocument } from '@api-client/core/amf/definitions/Amf.js'
+import { OidcAuthorization } from '@api-client/core/authorization/OidcAuthorization.js'
+import { OAuth2Authorization } from '@api-client/core/authorization/OAuth2Authorization.js'
+import type {
   IOAuth2Authorization,
   IOidcTokenError,
   IOidcTokenInfo,
   ITokenInfo,
-  OAuth2Authorization,
-  OidcAuthorization,
-} from '@api-client/core/browser.js'
-import { RouteMixin, DomEventsAmfStore, Router, ApiNavigationEvent, DemoPage, reactive } from '../../../src/index.js'
+} from '@api-client/core/models/Authorization.js'
+import { DemoPage } from '../../../src/demo/DemoPage.js'
+import type { IRoute, IRouteResult } from '../../../src/mixins/RouteMixin.js'
+import * as Router from '../../../src/lib/route.js'
+import reactive from '../../../src/decorators/reactive.js'
+import type { ApiNavigationEvent } from '../../../src/events/amf/NavigationEvents.js'
+import { DomEventsAmfStore } from '../../../src/amf/store/DomEventsAmfStore.js'
 import { ReportingErrorEventDetail } from '../../../src/events/amf/ReportingEvents.js'
 import { EventTypes } from '../../../src/events/amf/EventTypes.js'
 import '../../../src/define/amf/api-navigation.js'
@@ -65,7 +70,7 @@ export abstract class AmfDemoPage extends DemoPage {
   /**
    * AMF model read from the API model file downloaded after initialization.
    */
-  amf?: AmfDefinitions.IAmfDocument
+  amf?: IAmfDocument
 
   /**
    * When set the API Navigation element won't be rendered.
@@ -74,7 +79,7 @@ export abstract class AmfDemoPage extends DemoPage {
 
   apis: ApiDemoSource[]
 
-  static get routes(): RouteMixin.IRoute[] {
+  static get routes(): IRoute[] {
     return [
       {
         pattern: '/file/(?<file>[^/]*)',
@@ -151,7 +156,7 @@ export abstract class AmfDemoPage extends DemoPage {
     Router.navigate('file', src)
   }
 
-  fileRoute(info: RouteMixin.IRouteResult): void {
+  fileRoute(info: IRouteResult): void {
     const { params } = info
     if (!params || !params.file) {
       return

package/demo/amf/oauth-authorize.ts

@@ -1,4 +1,4 @@
-import { uuidV4 } from '@api-client/core/browser.js'
+import { nanoid } from 'nanoid'
 import '../../src/md/button/ui-filled-button.js'
 import '../../src/md/text-field/ui-text-field.js'
 
@@ -9,13 +9,13 @@ function setupFormAction(): void {
   const type = u.searchParams.get('response_type')
   const codeParam = type === 'code' ? 'code' : 'access_token'
   const params = new URLSearchParams()
-  params.set(codeParam, uuidV4())
+  params.set(codeParam, nanoid())
   params.set('state', state)
   params.set('expires_in', '3600')
   params.set('scope', 'dummy')
   if (type !== 'code') {
     params.set('token_type', 'bearer')
-    params.set('refresh_token', uuidV4())
+    params.set('refresh_token', nanoid())
   }
   const formUrl = `${redirectUri}#${params.toString()}`
   const form = document.querySelector('form') as HTMLFormElement