@api-client/ui 0.2.2 → 0.2.4

package/build/src/visualization/elements/VizWorkspaceElement.js

@@ -1,321 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { html, LitElement, svg } from 'lit';
-import { property } from 'lit/decorators.js';
-import { styleMap } from 'lit/directives/style-map.js';
-import { AssociationAnchors } from '../lib/AssociationAnchors.js';
-import { SelectionManager } from '../lib/SelectionManager.js';
-import { ShapeArtist } from '../lib/ShapeArtist.js';
-import { WorkspaceEdges } from '../lib/WorkspaceEdges.js';
-import { WorkspaceGestures } from '../lib/WorkspaceGestures.js';
-import { WorkspaceSizing } from '../lib/WorkspaceSizing.js';
-import elementStyles from './WorkspaceStyles.js';
-const defaultCanvasWidth = 3840;
-const defaultCanvasHeight = 2160;
-export const canvasRef = Symbol('canvasRef');
-export const svgRef = Symbol('svgRef');
-export const attributeTypeEditHandler = Symbol('attributeTypeEditHandler');
-export const attributeTypeDropdownClosedHandler = Symbol('attributeTypeDropdownClosedHandler');
-export const attributeTypeSelectHandler = Symbol('attributeTypeSelectHandler');
-export const geometryChangeHandler = Symbol('geometryChangeHandler');
-export const notifyZoom = Symbol('notifyZoom');
-export const zoomTimeout = Symbol('zoomTimeout');
-let VizWorkspaceElement = (() => {
-    let _classSuper = LitElement;
-    let _zoom_decorators;
-    let _zoom_initializers = [];
-    let _zoom_extraInitializers = [];
-    let _width_decorators;
-    let _width_initializers = [];
-    let _width_extraInitializers = [];
-    let _height_decorators;
-    let _height_initializers = [];
-    let _height_extraInitializers = [];
-    let _autoResize_decorators;
-    let _autoResize_initializers = [];
-    let _autoResize_extraInitializers = [];
-    let _debug_decorators;
-    let _debug_initializers = [];
-    let _debug_extraInitializers = [];
-    let _scale_decorators;
-    let _scale_initializers = [];
-    let _scale_extraInitializers = [];
-    return class VizWorkspaceElement extends _classSuper {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            __esDecorate(this, null, _zoom_decorators, { kind: "accessor", name: "zoom", static: false, private: false, access: { has: obj => "zoom" in obj, get: obj => obj.zoom, set: (obj, value) => { obj.zoom = value; } }, metadata: _metadata }, _zoom_initializers, _zoom_extraInitializers);
-            __esDecorate(this, null, _width_decorators, { kind: "accessor", name: "width", static: false, private: false, access: { has: obj => "width" in obj, get: obj => obj.width, set: (obj, value) => { obj.width = value; } }, metadata: _metadata }, _width_initializers, _width_extraInitializers);
-            __esDecorate(this, null, _height_decorators, { kind: "accessor", name: "height", static: false, private: false, access: { has: obj => "height" in obj, get: obj => obj.height, set: (obj, value) => { obj.height = value; } }, metadata: _metadata }, _height_initializers, _height_extraInitializers);
-            __esDecorate(this, null, _autoResize_decorators, { kind: "accessor", name: "autoResize", static: false, private: false, access: { has: obj => "autoResize" in obj, get: obj => obj.autoResize, set: (obj, value) => { obj.autoResize = value; } }, metadata: _metadata }, _autoResize_initializers, _autoResize_extraInitializers);
-            __esDecorate(this, null, _debug_decorators, { kind: "accessor", name: "debug", static: false, private: false, access: { has: obj => "debug" in obj, get: obj => obj.debug, set: (obj, value) => { obj.debug = value; } }, metadata: _metadata }, _debug_initializers, _debug_extraInitializers);
-            __esDecorate(this, null, _scale_decorators, { kind: "accessor", name: "scale", static: false, private: false, access: { has: obj => "scale" in obj, get: obj => obj.scale, set: (obj, value) => { obj.scale = value; } }, metadata: _metadata }, _scale_initializers, _scale_extraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        static get styles() {
-            return [elementStyles];
-        }
-        #zoom_accessor_storage = __runInitializers(this, _zoom_initializers, 0
-        /**
-         * Gets or sets the number of pixels that an element's content is scrolled horizontally.
-         * Unlike regular HTML elements, this can be a negative value as it is possible to
-         * scroll outside the working area.
-         */
-        );
-        /**
-         * The zoom level of the current visualization
-         * @attribute
-         */
-        get zoom() { return this.#zoom_accessor_storage; }
-        set zoom(value) { this.#zoom_accessor_storage = value; }
-        /**
-         * Gets or sets the number of pixels that an element's content is scrolled horizontally.
-         * Unlike regular HTML elements, this can be a negative value as it is possible to
-         * scroll outside the working area.
-         */
-        get scrollLeft() {
-            const s = this.gestures;
-            return (s && s.left) || 0;
-        }
-        /**
-         * @param value The x-axis position value
-         */
-        set scrollLeft(value) {
-            this.gestures.left = value;
-        }
-        /**
-         * Gets or sets the number of pixels that an element's content is scrolled vertically.
-         * Unlike regular HTML elements, this can be a negative value as it is possible to
-         * scroll outside the working area.
-         */
-        get scrollTop() {
-            const s = this.gestures;
-            return (s && s.top) || 0;
-        }
-        /**
-         * @param value The y-axis position value
-         */
-        set scrollTop(value) {
-            this.gestures.top = value;
-        }
-        [(_zoom_decorators = [property({ type: Number, reflect: true })], canvasRef)] = __runInitializers(this, _zoom_extraInitializers);
-        get canvas() {
-            if (!this[canvasRef]) {
-                this[canvasRef] = this.shadowRoot?.querySelector('.canvas');
-            }
-            return this[canvasRef];
-        }
-        [svgRef];
-        get associationSvg() {
-            if (!this[svgRef]) {
-                this[svgRef] = this.shadowRoot?.querySelector('.association');
-            }
-            return this[svgRef];
-        }
-        #width_accessor_storage = __runInitializers(this, _width_initializers, defaultCanvasWidth
-        /**
-         * The height of the canvas element, in pixels
-         */
-        );
-        /**
-         * The width of the canvas element, in pixels
-         */
-        get width() { return this.#width_accessor_storage; }
-        set width(value) { this.#width_accessor_storage = value; }
-        #height_accessor_storage = (__runInitializers(this, _width_extraInitializers), __runInitializers(this, _height_initializers, defaultCanvasHeight
-        /**
-         * When set it instruct the visualization workspace to grow over the currently set `width` and `height`
-         * when a new added item is placed outside the bounds of the workspace.
-         */
-        ));
-        /**
-         * The height of the canvas element, in pixels
-         */
-        get height() { return this.#height_accessor_storage; }
-        set height(value) { this.#height_accessor_storage = value; }
-        #autoResize_accessor_storage = (__runInitializers(this, _height_extraInitializers), __runInitializers(this, _autoResize_initializers, false
-        /**
-         * Enables some limited debugging information.
-         */
-        ));
-        /**
-         * When set it instruct the visualization workspace to grow over the currently set `width` and `height`
-         * when a new added item is placed outside the bounds of the workspace.
-         */
-        get autoResize() { return this.#autoResize_accessor_storage; }
-        set autoResize(value) { this.#autoResize_accessor_storage = value; }
-        #debug_accessor_storage = (__runInitializers(this, _autoResize_extraInitializers), __runInitializers(this, _debug_initializers, void 0));
-        /**
-         * Enables some limited debugging information.
-         */
-        get debug() { return this.#debug_accessor_storage; }
-        set debug(value) { this.#debug_accessor_storage = value; }
-        #scale_accessor_storage = (__runInitializers(this, _debug_extraInitializers), __runInitializers(this, _scale_initializers, 1));
-        /**
-         * The current scale of the visualization
-         */
-        get scale() { return this.#scale_accessor_storage; }
-        set scale(value) { this.#scale_accessor_storage = value; }
-        [(_width_decorators = [property({ type: Number })], _height_decorators = [property({ type: Number })], _autoResize_decorators = [property({ type: Boolean, reflect: true })], _debug_decorators = [property({ type: Boolean, reflect: true })], _scale_decorators = [property({ type: Number })], zoomTimeout)] = __runInitializers(this, _scale_extraInitializers);
-        gestures = new WorkspaceGestures(this);
-        selection = new SelectionManager(this);
-        edges = new WorkspaceEdges(this);
-        anchors = new AssociationAnchors(this);
-        sizing = new WorkspaceSizing(this);
-        constructor() {
-            super();
-            this.addEventListener('geometrychange', this[geometryChangeHandler].bind(this));
-        }
-        connectedCallback() {
-            super.connectedCallback();
-            this.gestures.connect();
-            this.selection.connect();
-            this.edges.connect();
-            this.anchors.connect();
-        }
-        disconnectedCallback() {
-            super.disconnectedCallback();
-            this.gestures.disconnect();
-            this.selection.disconnect();
-            this.edges.disconnect();
-            this.anchors.disconnect();
-        }
-        firstUpdated(cp) {
-            super.firstUpdated(cp);
-            const { top, left } = this.gestures;
-            if (top === null || left === null) {
-                this.gestures.scrollTo(0, 0);
-                // this.center();
-            }
-            this.edges.listenContent();
-        }
-        willUpdate(cp) {
-            if (cp.has('autoResize')) {
-                const value = cp.get('autoResize');
-                if (value === true) {
-                    this.sizing.connect();
-                }
-                else if (this.sizing.connected) {
-                    this.sizing.disconnect();
-                }
-            }
-            if (cp.has('zoom')) {
-                this.gestures.updateScale();
-            }
-        }
-        /**
-         * Clears the state of the workspace.
-         */
-        clear() {
-            this.edges.clear();
-            this.selection.deselectAll();
-        }
-        /**
-         * Centers the workspace.
-         */
-        center() {
-            const { width: cWidth = defaultCanvasWidth, height: cHeight = defaultCanvasHeight } = this;
-            const { height, width } = this.getBoundingClientRect();
-            const midWidth = cWidth / 2;
-            const midHeight = cHeight / 2;
-            const left = midWidth - width / 2;
-            const top = midHeight - height / 2;
-            this.gestures.left = -left;
-            this.gestures.top = -top;
-        }
-        [notifyZoom]() {
-            if (this[zoomTimeout]) {
-                clearTimeout(this[zoomTimeout]);
-            }
-            this[zoomTimeout] = setTimeout(() => {
-                this.dispatchEvent(new Event('zoomchange'));
-            }, 1);
-        }
-        async [geometryChangeHandler](e) {
-            const source = e.target;
-            await this.edges.update(source.dataset.key);
-        }
-        /**
-         * Scrolls the element by the given amount.
-         * @param {ScrollToOptions|number} xCoordOrOptions The horizontal pixel value that you want to scroll by
-         * or the scroll options. When passed value is the `ScrollToOptions` interface then
-         * the second argument is ignored.
-         * @param {number=} yCoord The vertical pixel value that you want to scroll by.
-         */
-        scrollBy(xCoordOrOptions, yCoord) {
-            this.gestures.scrollBy(xCoordOrOptions, yCoord);
-        }
-        /**
-         * Scrolls to a particular set of coordinates inside the element.
-         *
-         * @param xCoordOrOptions The pixel along the horizontal axis of the element
-         * that you want displayed in the upper left. When passed value is the `ScrollToOptions` interface then
-         * the second argument is ignored.
-         * @param yCoord The pixel along the vertical axis of the element that you want displayed in the upper left.
-         */
-        scrollTo(xCoordOrOptions, yCoord) {
-            this.gestures.scrollTo(xCoordOrOptions, yCoord);
-        }
-        /**
-         * Scrolls the view if the position defined by `x` and `y` arguments requires
-         * the view to be moved.
-         *
-         * @param x The x coordinate of the point
-         * @param y The y coordinate of the point
-         * @returns true if the canvas was moved
-         */
-        scrollIfNeeded(x, y) {
-            return this.gestures.scrollIfNeeded(x, y);
-        }
-        render() {
-            const { scale, scrollLeft, scrollTop } = this;
-            const styles = {
-                transform: `scale(${scale}) translate(${scrollLeft}px, ${scrollTop}px)`,
-                width: `${this.width}px`,
-                height: `${this.height}px`,
-            };
-            return html `
-      <div class="content canvas" style="${styleMap(styles)}">
-        ${this.renderLinesTemplate()}
-        <slot></slot>
-      </div>
-    `;
-        }
-        /**
-         * @return {SVGTemplateResult} The template for the associations
-         */
-        renderLinesTemplate() {
-            const { debug } = this;
-            const { edges } = this.edges;
-            const primarySelected = [];
-            const secondarySelected = [];
-            const hovered = [];
-            const rest = [];
-            edges.forEach((item) => {
-                const line = ShapeArtist.line(item, debug);
-                const { shape } = item;
-                const { selection = {} } = shape;
-                if (selection.primary) {
-                    primarySelected.push(line);
-                }
-                else if (selection.secondary) {
-                    secondarySelected.push(line);
-                }
-                else if (selection.hover) {
-                    hovered.push(line);
-                }
-                else {
-                    rest.push(line);
-                }
-            });
-            const edgesResult = primarySelected.concat(secondarySelected).concat(hovered).concat(rest).reverse();
-            return svg `
-    <svg width="100%" height="100%" class="association">
-    ${edgesResult.length ? edgesResult : ''}
-    </svg>`;
-        }
-    };
-})();
-/**
- * @fires positionchange
- */
-export default VizWorkspaceElement;
-//# sourceMappingURL=VizWorkspaceElement.js.map

package/build/src/visualization/elements/VizWorkspaceElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VizWorkspaceElement.js","sourceRoot":"","sources":["../../../../src/visualization/elements/VizWorkspaceElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResult, html, LitElement, PropertyValues, svg, SVGTemplateResult, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { AssociationAnchors } from '../lib/AssociationAnchors.js'\nimport { SelectionManager } from '../lib/SelectionManager.js'\nimport { ShapeArtist } from '../lib/ShapeArtist.js'\nimport { WorkspaceEdges } from '../lib/WorkspaceEdges.js'\nimport { WorkspaceGestures } from '../lib/WorkspaceGestures.js'\nimport { WorkspaceSizing } from '../lib/WorkspaceSizing.js'\nimport elementStyles from './WorkspaceStyles.js'\n\nconst defaultCanvasWidth = 3840\nconst defaultCanvasHeight = 2160\n\nexport const canvasRef = Symbol('canvasRef')\nexport const svgRef = Symbol('svgRef')\nexport const attributeTypeEditHandler = Symbol('attributeTypeEditHandler')\nexport const attributeTypeDropdownClosedHandler = Symbol('attributeTypeDropdownClosedHandler')\nexport const attributeTypeSelectHandler = Symbol('attributeTypeSelectHandler')\nexport const geometryChangeHandler = Symbol('geometryChangeHandler')\n\nexport const notifyZoom = Symbol('notifyZoom')\nexport const zoomTimeout = Symbol('zoomTimeout')\n\n/**\n * @fires positionchange\n */\nexport default class VizWorkspaceElement extends LitElement {\n  static override get styles(): CSSResult[] {\n    return [elementStyles]\n  }\n\n  /**\n   * The zoom level of the current visualization\n   * @attribute\n   */\n  @property({ type: Number, reflect: true })\n  accessor zoom = 0\n\n  /**\n   * Gets or sets the number of pixels that an element's content is scrolled horizontally.\n   * Unlike regular HTML elements, this can be a negative value as it is possible to\n   * scroll outside the working area.\n   */\n  override get scrollLeft(): number {\n    const s = this.gestures\n    return (s && s.left) || 0\n  }\n\n  /**\n   * @param value The x-axis position value\n   */\n  override set scrollLeft(value: number) {\n    this.gestures.left = value\n  }\n\n  /**\n   * Gets or sets the number of pixels that an element's content is scrolled vertically.\n   * Unlike regular HTML elements, this can be a negative value as it is possible to\n   * scroll outside the working area.\n   */\n  override get scrollTop(): number {\n    const s = this.gestures\n    return (s && s.top) || 0\n  }\n\n  /**\n   * @param value The y-axis position value\n   */\n  override set scrollTop(value: number) {\n    this.gestures.top = value\n  }\n\n  [canvasRef]?: HTMLDivElement\n\n  get canvas(): HTMLDivElement | null {\n    if (!this[canvasRef]) {\n      this[canvasRef] = this.shadowRoot?.querySelector('.canvas') as HTMLDivElement\n    }\n    return this[canvasRef] as HTMLDivElement\n  }\n\n  [svgRef]?: SVGElement\n\n  get associationSvg(): SVGElement {\n    if (!this[svgRef]) {\n      this[svgRef] = this.shadowRoot?.querySelector('.association') as SVGElement\n    }\n    return this[svgRef] as SVGElement\n  }\n\n  /**\n   * The width of the canvas element, in pixels\n   */\n  @property({ type: Number })\n  accessor width = defaultCanvasWidth\n\n  /**\n   * The height of the canvas element, in pixels\n   */\n  @property({ type: Number })\n  accessor height: number = defaultCanvasHeight\n\n  /**\n   * When set it instruct the visualization workspace to grow over the currently set `width` and `height`\n   * when a new added item is placed outside the bounds of the workspace.\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor autoResize = false\n\n  /**\n   * Enables some limited debugging information.\n   */\n  @property({ type: Boolean, reflect: true }) accessor debug: boolean | undefined\n\n  /**\n   * The current scale of the visualization\n   */\n  @property({ type: Number }) accessor scale = 1;\n\n  [zoomTimeout]?: number\n\n  gestures = new WorkspaceGestures(this)\n\n  selection = new SelectionManager(this)\n\n  edges = new WorkspaceEdges(this)\n\n  anchors = new AssociationAnchors(this)\n\n  sizing = new WorkspaceSizing(this)\n\n  constructor() {\n    super()\n    this.addEventListener('geometrychange', this[geometryChangeHandler].bind(this))\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    this.gestures.connect()\n    this.selection.connect()\n    this.edges.connect()\n    this.anchors.connect()\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback()\n    this.gestures.disconnect()\n    this.selection.disconnect()\n    this.edges.disconnect()\n    this.anchors.disconnect()\n  }\n\n  protected override firstUpdated(cp: PropertyValues<this>): void {\n    super.firstUpdated(cp)\n    const { top, left } = this.gestures\n    if (top === null || left === null) {\n      this.gestures.scrollTo(0, 0)\n      // this.center();\n    }\n    this.edges.listenContent()\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('autoResize')) {\n      const value = cp.get('autoResize')\n      if (value === true) {\n        this.sizing.connect()\n      } else if (this.sizing.connected) {\n        this.sizing.disconnect()\n      }\n    }\n    if (cp.has('zoom')) {\n      this.gestures.updateScale()\n    }\n  }\n\n  /**\n   * Clears the state of the workspace.\n   */\n  clear(): void {\n    this.edges.clear()\n    this.selection.deselectAll()\n  }\n\n  /**\n   * Centers the workspace.\n   */\n  center(): void {\n    const { width: cWidth = defaultCanvasWidth, height: cHeight = defaultCanvasHeight } = this\n    const { height, width } = this.getBoundingClientRect()\n    const midWidth = cWidth / 2\n    const midHeight = cHeight / 2\n    const left = midWidth - width / 2\n    const top = midHeight - height / 2\n    this.gestures.left = -left\n    this.gestures.top = -top\n  }\n\n  [notifyZoom](): void {\n    if (this[zoomTimeout]) {\n      clearTimeout(this[zoomTimeout])\n    }\n    this[zoomTimeout] = setTimeout(() => {\n      this.dispatchEvent(new Event('zoomchange'))\n    }, 1) as unknown as number\n  }\n\n  async [geometryChangeHandler](e: Event): Promise<void> {\n    const source = e.target as HTMLElement\n    await this.edges.update(source.dataset.key as string)\n  }\n\n  override scrollBy(options: ScrollToOptions): void\n\n  override scrollBy(x: number, y: number): void\n\n  /**\n   * Scrolls the element by the given amount.\n   * @param {ScrollToOptions|number} xCoordOrOptions The horizontal pixel value that you want to scroll by\n   * or the scroll options. When passed value is the `ScrollToOptions` interface then\n   * the second argument is ignored.\n   * @param {number=} yCoord The vertical pixel value that you want to scroll by.\n   */\n  override scrollBy(xCoordOrOptions: ScrollToOptions | number, yCoord?: number | undefined): void {\n    this.gestures.scrollBy(xCoordOrOptions, yCoord)\n  }\n\n  override scrollTo(options: ScrollToOptions): void\n\n  override scrollTo(x: number, y: number): void\n\n  /**\n   * Scrolls to a particular set of coordinates inside the element.\n   *\n   * @param xCoordOrOptions The pixel along the horizontal axis of the element\n   * that you want displayed in the upper left. When passed value is the `ScrollToOptions` interface then\n   * the second argument is ignored.\n   * @param yCoord The pixel along the vertical axis of the element that you want displayed in the upper left.\n   */\n  override scrollTo(xCoordOrOptions: ScrollToOptions | number, yCoord?: number): void {\n    this.gestures.scrollTo(xCoordOrOptions, yCoord)\n  }\n\n  /**\n   * Scrolls the view if the position defined by `x` and `y` arguments requires\n   * the view to be moved.\n   *\n   * @param x The x coordinate of the point\n   * @param y The y coordinate of the point\n   * @returns true if the canvas was moved\n   */\n  scrollIfNeeded(x: number, y: number): boolean {\n    return this.gestures.scrollIfNeeded(x, y)\n  }\n\n  override render(): TemplateResult {\n    const { scale, scrollLeft, scrollTop } = this\n    const styles = {\n      transform: `scale(${scale}) translate(${scrollLeft}px, ${scrollTop}px)`,\n      width: `${this.width}px`,\n      height: `${this.height}px`,\n    }\n    return html`\n      <div class=\"content canvas\" style=\"${styleMap(styles)}\">\n        ${this.renderLinesTemplate()}\n        <slot></slot>\n      </div>\n    `\n  }\n\n  /**\n   * @return {SVGTemplateResult} The template for the associations\n   */\n  renderLinesTemplate(): SVGTemplateResult {\n    const { debug } = this\n    const { edges } = this.edges\n    const primarySelected: (string | SVGTemplateResult)[] = []\n    const secondarySelected: (string | SVGTemplateResult)[] = []\n    const hovered: (string | SVGTemplateResult)[] = []\n    const rest: (string | SVGTemplateResult)[] = []\n    edges.forEach((item) => {\n      const line = ShapeArtist.line(item, debug)\n      const { shape } = item\n      const { selection = {} } = shape\n      if (selection.primary) {\n        primarySelected.push(line)\n      } else if (selection.secondary) {\n        secondarySelected.push(line)\n      } else if (selection.hover) {\n        hovered.push(line)\n      } else {\n        rest.push(line)\n      }\n    })\n    const edgesResult = primarySelected.concat(secondarySelected).concat(hovered).concat(rest).reverse()\n    return svg`\n    <svg width=\"100%\" height=\"100%\" class=\"association\">\n    ${edgesResult.length ? edgesResult : ''}\n    </svg>`\n  }\n}\n"]}

package/build/src/visualization/elements/WorkspaceStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceStyles.d.ts","sourceRoot":"","sources":["../../../../src/visualization/elements/WorkspaceStyles.ts"],"names":[],"mappings":";AAEA,wBAqKC"}

package/build/src/visualization/elements/WorkspaceStyles.js

@@ -1,168 +0,0 @@
-import { css } from 'lit';
-export default css `
-  :host {
-    display: block;
-    position: relative;
-    overflow: hidden;
-    background-color: var(--workspace-background-color, #e5e5e5);
-
-    --edge-line-color: var(--workspace-association-line-color, var(--md-ref-palette-neutral70));
-  }
-
-  :host ::slotted(*) {
-    position: absolute;
-    z-index: 2;
-  }
-
-  /* this chess board background was removed after a team meeting, May 2021. */
-  /* :host {
-  background-image:
-    linear-gradient(to right, rgba(226, 226, 226, 0.85), rgba(226, 226, 226, 0.85)),
-    linear-gradient(to right, black 50%, white 50%),
-    linear-gradient(to bottom, black 50%, white 50%);
-  background-blend-mode: normal, difference, normal;
-  background-size: 1.5em 1.5em;
-} */
-
-  .hidden {
-    display: none;
-  }
-
-  .content {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: var(--workspace-content-background-color, #e5e5e5);
-    /* background-color: transparent; */
-    transform: scale(1) translate(0px, 0px);
-    transform-origin: top left;
-    border-radius: var(--workspace-content-border-radius, 12px);
-    border: 1px var(--workspace-border-color, #c0c0c0) solid;
-    box-shadow: var(--workspace-content-box-shadow, none);
-  }
-
-  .content ::slotted(.selected) {
-    border: 1px var(--selection-color) solid;
-  }
-
-  .association {
-    position: absolute;
-  }
-
-  .association polyline {
-    stroke-width: 2px;
-    fill: none;
-    outline: none;
-  }
-
-  .association .association-line {
-    fill: none;
-    stroke: var(--edge-line-color);
-    stroke-width: var(--workspace-association-line-width, 4px);
-  }
-
-  .association .association-line-area {
-    fill: none;
-    stroke: transparent;
-    stroke-width: 28px;
-  }
-
-  .association-group.hovered .edge-tip.association,
-  .association .association-line:hover,
-  .association-group.hovered .association-line {
-    --edge-line-color: var(--workspace-association-line-hover-color, var(--md-ref-palette-neutral60));
-  }
-
-  .association-group.selected .edge-tip.association,
-  .association-group.selected .association-line {
-    --edge-line-color: var(--workspace-association-line-selection-color, var(--md-ref-palette-primary60));
-  }
-
-  .selectedSecondary .edge-tip.association,
-  .selectedSecondary .association-line {
-    --edge-line-color: var(--workspace-association-line-secondary-selection-color, var(--md-ref-palette-primary70));
-  }
-
-  /* Edge tips */
-  .edge-tip {
-    fill: #607d8b;
-    stroke: none;
-  }
-
-  .edge-tip.parent {
-    fill: var(--md-ref-palette-tertiary60);
-  }
-
-  .edge-tip.parameter-in {
-    fill: #ff9e91;
-  }
-
-  .edge-tip.parameter-out {
-    fill: #fbc02d;
-  }
-
-  .edge-tip.association {
-    stroke: var(--edge-line-color);
-    stroke-width: 3px;
-  }
-
-  .parameter-in path {
-    stroke: #ff9e91;
-  }
-
-  .parameter-out path {
-    stroke: #fbc02d;
-  }
-
-  .edge-vertex {
-    stroke: transparent;
-    fill: transparent;
-  }
-
-  .selected .edge-vertex,
-  .selectedSecondary .edge-vertex {
-    stroke: var(--selection-color);
-    stroke-width: 3px;
-  }
-
-  /* Edge label */
-  .association-label {
-    fill: var(--workspace-edge-label-color, #212121);
-    font-size: 0.9rem;
-    user-select: none;
-  }
-
-  .edge-name-input {
-    border: 1px #757575 solid;
-    padding: 4px 6px;
-    font-size: 1rem;
-    outline: none;
-    background-color: var(--workspace-edge-input-background-color, #fff);
-    color: var(--workspace-edge-input-color, initial);
-  }
-
-  .edge-name-input:focus {
-    border-color: var(--primary-color);
-  }
-
-  .selection-zone {
-    z-index: 100;
-    position: absolute;
-    width: 4px;
-    height: 4px;
-    border: 1px solid #2196f3;
-    background-color: var(--workspace-selection-zone-background-color, rgb(3 169 244 / 0.54));
-  }
-
-  /* edges selection zones */
-
-  .association-draggable {
-    fill: white;
-    stroke: #424242;
-    stroke-width: 2;
-    cursor: pointer;
-  }
-`;
-//# sourceMappingURL=WorkspaceStyles.js.map

package/build/src/visualization/elements/WorkspaceStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceStyles.js","sourceRoot":"","sources":["../../../../src/visualization/elements/WorkspaceStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqKjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: block;\n    position: relative;\n    overflow: hidden;\n    background-color: var(--workspace-background-color, #e5e5e5);\n\n    --edge-line-color: var(--workspace-association-line-color, var(--md-ref-palette-neutral70));\n  }\n\n  :host ::slotted(*) {\n    position: absolute;\n    z-index: 2;\n  }\n\n  /* this chess board background was removed after a team meeting, May 2021. */\n  /* :host {\n  background-image:\n    linear-gradient(to right, rgba(226, 226, 226, 0.85), rgba(226, 226, 226, 0.85)),\n    linear-gradient(to right, black 50%, white 50%),\n    linear-gradient(to bottom, black 50%, white 50%);\n  background-blend-mode: normal, difference, normal;\n  background-size: 1.5em 1.5em;\n} */\n\n  .hidden {\n    display: none;\n  }\n\n  .content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: var(--workspace-content-background-color, #e5e5e5);\n    /* background-color: transparent; */\n    transform: scale(1) translate(0px, 0px);\n    transform-origin: top left;\n    border-radius: var(--workspace-content-border-radius, 12px);\n    border: 1px var(--workspace-border-color, #c0c0c0) solid;\n    box-shadow: var(--workspace-content-box-shadow, none);\n  }\n\n  .content ::slotted(.selected) {\n    border: 1px var(--selection-color) solid;\n  }\n\n  .association {\n    position: absolute;\n  }\n\n  .association polyline {\n    stroke-width: 2px;\n    fill: none;\n    outline: none;\n  }\n\n  .association .association-line {\n    fill: none;\n    stroke: var(--edge-line-color);\n    stroke-width: var(--workspace-association-line-width, 4px);\n  }\n\n  .association .association-line-area {\n    fill: none;\n    stroke: transparent;\n    stroke-width: 28px;\n  }\n\n  .association-group.hovered .edge-tip.association,\n  .association .association-line:hover,\n  .association-group.hovered .association-line {\n    --edge-line-color: var(--workspace-association-line-hover-color, var(--md-ref-palette-neutral60));\n  }\n\n  .association-group.selected .edge-tip.association,\n  .association-group.selected .association-line {\n    --edge-line-color: var(--workspace-association-line-selection-color, var(--md-ref-palette-primary60));\n  }\n\n  .selectedSecondary .edge-tip.association,\n  .selectedSecondary .association-line {\n    --edge-line-color: var(--workspace-association-line-secondary-selection-color, var(--md-ref-palette-primary70));\n  }\n\n  /* Edge tips */\n  .edge-tip {\n    fill: #607d8b;\n    stroke: none;\n  }\n\n  .edge-tip.parent {\n    fill: var(--md-ref-palette-tertiary60);\n  }\n\n  .edge-tip.parameter-in {\n    fill: #ff9e91;\n  }\n\n  .edge-tip.parameter-out {\n    fill: #fbc02d;\n  }\n\n  .edge-tip.association {\n    stroke: var(--edge-line-color);\n    stroke-width: 3px;\n  }\n\n  .parameter-in path {\n    stroke: #ff9e91;\n  }\n\n  .parameter-out path {\n    stroke: #fbc02d;\n  }\n\n  .edge-vertex {\n    stroke: transparent;\n    fill: transparent;\n  }\n\n  .selected .edge-vertex,\n  .selectedSecondary .edge-vertex {\n    stroke: var(--selection-color);\n    stroke-width: 3px;\n  }\n\n  /* Edge label */\n  .association-label {\n    fill: var(--workspace-edge-label-color, #212121);\n    font-size: 0.9rem;\n    user-select: none;\n  }\n\n  .edge-name-input {\n    border: 1px #757575 solid;\n    padding: 4px 6px;\n    font-size: 1rem;\n    outline: none;\n    background-color: var(--workspace-edge-input-background-color, #fff);\n    color: var(--workspace-edge-input-color, initial);\n  }\n\n  .edge-name-input:focus {\n    border-color: var(--primary-color);\n  }\n\n  .selection-zone {\n    z-index: 100;\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    border: 1px solid #2196f3;\n    background-color: var(--workspace-selection-zone-background-color, rgb(3 169 244 / 0.54));\n  }\n\n  /* edges selection zones */\n\n  .association-draggable {\n    fill: white;\n    stroke: #424242;\n    stroke-width: 2;\n    cursor: pointer;\n  }\n`\n"]}

package/build/src/visualization/lib/AnchorFinder.d.ts

@@ -1,64 +0,0 @@
-import { Point } from './Point.js';
-export declare const anchorPadding = 40;
-/**
- * Creates an array of pots that can be placed on the East side of a rectangular object.
- *
- * | ------ | o
- * |        |
- * |        | o
- * |        |
- * | ------ | o
- *
- * @param rect The object DOMRect
- * @param padding The padding from the top/bottom
- */
-export declare function readEastAnchorPoints(rect: DOMRect, padding: number): Point[];
-/**
- * Creates an array of pots that can be placed on the West side of a rectangular object.
- *
- * o | ------ |
- *   |        |
- * o |        |
- *   |        |
- * o | ------ |
- *
- * @param {DOMRect} rect The object DOMRect
- * @param {number} padding The padding from the top/bottom
- * @returns {Point[]}
- */
-export declare function readWestAnchorPoints(rect: DOMRect, padding: number): Point[];
-/**
- * Creates an array of pots that can be placed on the North side of a rectangular object.
- *
- * o    o    o
- * | ------- |
- * |         |
- * |         |
- * |         |
- * | ------- |
- *
- * @param rect The object DOMRect
- * @param padding The padding from the left/right
- */
-export declare function readNorthAnchorPoints(rect: DOMRect, padding: number): Point[];
-/**
- * Creates an array of pots that can be placed on the South side of a rectangular object.
- *
- * | ------- |
- * |         |
- * |         |
- * |         |
- * | ------- |
- * o    o    o
- *
- * @param rect The object DOMRect
- * @param padding The padding from the left/right
- */
-export declare function readSouthAnchorPoints(rect: DOMRect, padding: number): Point[];
-/**
- * Finds a pair of virtual (created on the shape based on the size) anchor points.
- *
- * @param padding The padding from the left/right/top/bottom
- */
-export declare function findClosestAnchors(source: DOMRect, target: DOMRect, padding: number): Point[];
-//# sourceMappingURL=AnchorFinder.d.ts.map

package/build/src/visualization/lib/AnchorFinder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnchorFinder.d.ts","sourceRoot":"","sources":["../../../../src/visualization/lib/AnchorFinder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGlC,eAAO,MAAM,aAAa,KAAK,CAAA;AAE/B;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,CAO5E;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,CAO5E;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,CAO7E;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,CAO7E;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,CAc7F"}