npm - @api-client/ui - Versions diffs - 0.2.2 → 0.2.3 - Mend

@api-client/ui 0.2.2 → 0.2.3

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

Files changed (170) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@api-client/ui",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Internal UI component library for the API Client ecosystem.",
   "license": "UNLICENSED",
   "main": "build/src/index.js",
@@ -21,7 +21,7 @@
     "url": "https://github.com/api-client/ui/issues"
   },
   "exports": {
-    ".": "./build/index.js",
+    ".": "./build/src/index.js",
     "./package.json": "./package.json",
     "./bindings/*.js": "./build/src/bindings/*.js",
     "./bindings/*": "./build/src/bindings/*",
@@ -66,6 +66,7 @@
     "format:eslint": "wireit",
     "test": "wireit",
     "test:watch": "npm run tsc:all && concurrently --kill-others --raw \"tsc --watch --preserveWatchOutput --project tsconfig.all.json\" \"wtr --watch --playwright --browsers chromium\"",
+    "test:coverage": "wireit",
     "prepare": "husky",
     "tsc": "wireit",
     "dev": "wireit",
@@ -98,6 +99,10 @@
       "command": "wtr --playwright --browsers chromium",
       "dependencies": ["tsc:all"]
     },
+    "test:coverage": {
+      "command": "wtr --playwright --browsers chromium --coverage",
+      "dependencies": ["tsc:all"]
+    },
     "tsc:all": {
       "command": "tsc --project tsconfig.all.json",
       "clean": "if-file-deleted",

package/test/env.ts ADDED Viewed

@@ -0,0 +1,15 @@
+export interface Env {
+  oauth2: {
+    port: number
+    jwtKey: string
+    issuer: string
+  }
+}
+const value: Env = {
+  oauth2: {
+    port: 0,
+    jwtKey: '',
+    issuer: '',
+  },
+}
+export default value

package/test/tsconfig.json CHANGED Viewed

@@ -1,13 +1,7 @@
 {
   "extends": "../tsconfig",
   "compilerOptions": {
-    "outDir": "../.tmp/testing",
-    "declaration": false,
-    "declarationMap": false,
-    "sourceMap": false,
-    "pretty": false,
-    "inlineSourceMap": false,
-    "inlineSources": false
+    "outDir": "../.tmp",
   },
   "include": ["../src/**/*", "../test/**/*"]
 }

package/web-test-runner.config.js CHANGED Viewed

@@ -65,7 +65,6 @@ export default /** @type TestRunnerConfig */ ({
   testRunnerHtml: (testFramework) =>
     `<html class="theme-light">
     <head>
-      <link rel="stylesheet" href="/test/visualization/lib/test-styles.css" />
       <!-- m3 styles -->
       <link rel="stylesheet" href="/src/styles/m3/tokens.css" data-theme="tokens" />
       <link rel="stylesheet" href="/src/styles/m3/theme.css" data-theme="light" />
@@ -83,4 +82,9 @@ export default /** @type TestRunnerConfig */ ({
   browserStartTimeout: 20000,
   testsStartTimeout: 20000,
   testsFinishTimeout: 60000,
+  coverageConfig: {
+    report: true,
+    reporters: ['lcov', 'text'],
+  },
 })

package/build/src/visualization/elements/VizAssociationElement.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import { LitElement } from 'lit';
-export default class VizAssociationElement extends LitElement {
-}
-//# sourceMappingURL=VizAssociationElement.d.ts.map

package/build/src/visualization/elements/VizAssociationElement.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"VizAssociationElement.d.ts","sourceRoot":"","sources":["../../../../src/visualization/elements/VizAssociationElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;CAAG"}

package/build/src/visualization/elements/VizAssociationElement.js DELETED Viewed

@@ -1,4 +0,0 @@
-import { LitElement } from 'lit';
-export default class VizAssociationElement extends LitElement {
-}
-//# sourceMappingURL=VizAssociationElement.js.map

package/build/src/visualization/elements/VizAssociationElement.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"VizAssociationElement.js","sourceRoot":"","sources":["../../../../src/visualization/elements/VizAssociationElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;CAAG","sourcesContent":["import { LitElement } from 'lit'\n\nexport default class VizAssociationElement extends LitElement {}\n"]}

package/build/src/visualization/elements/VizWorkspaceElement.d.ts DELETED Viewed

@@ -1,110 +0,0 @@
-import { CSSResult, LitElement, PropertyValues, SVGTemplateResult, TemplateResult } from 'lit';
-import { AssociationAnchors } from '../lib/AssociationAnchors.js';
-import { SelectionManager } from '../lib/SelectionManager.js';
-import { WorkspaceEdges } from '../lib/WorkspaceEdges.js';
-import { WorkspaceGestures } from '../lib/WorkspaceGestures.js';
-import { WorkspaceSizing } from '../lib/WorkspaceSizing.js';
-export declare const canvasRef: unique symbol;
-export declare const svgRef: unique symbol;
-export declare const attributeTypeEditHandler: unique symbol;
-export declare const attributeTypeDropdownClosedHandler: unique symbol;
-export declare const attributeTypeSelectHandler: unique symbol;
-export declare const geometryChangeHandler: unique symbol;
-export declare const notifyZoom: unique symbol;
-export declare const zoomTimeout: unique symbol;
-/**
- * @fires positionchange
- */
-export default class VizWorkspaceElement extends LitElement {
-    static get styles(): CSSResult[];
-    /**
-     * The zoom level of the current visualization
-     * @attribute
-     */
-    accessor zoom: number;
-    /**
-     * 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(): number;
-    /**
-     * @param value The x-axis position value
-     */
-    set scrollLeft(value: number);
-    /**
-     * 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(): number;
-    /**
-     * @param value The y-axis position value
-     */
-    set scrollTop(value: number);
-    [canvasRef]?: HTMLDivElement;
-    get canvas(): HTMLDivElement | null;
-    [svgRef]?: SVGElement;
-    get associationSvg(): SVGElement;
-    /**
-     * The width of the canvas element, in pixels
-     */
-    accessor width: number;
-    /**
-     * The height of the canvas element, in pixels
-     */
-    accessor height: number;
-    /**
-     * 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.
-     */
-    accessor autoResize: boolean;
-    /**
-     * Enables some limited debugging information.
-     */
-    accessor debug: boolean | undefined;
-    /**
-     * The current scale of the visualization
-     */
-    accessor scale: number;
-    [zoomTimeout]?: number;
-    gestures: WorkspaceGestures;
-    selection: SelectionManager;
-    edges: WorkspaceEdges;
-    anchors: AssociationAnchors;
-    sizing: WorkspaceSizing;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected firstUpdated(cp: PropertyValues<this>): void;
-    protected willUpdate(cp: PropertyValues<this>): void;
-    /**
-     * Clears the state of the workspace.
-     */
-    clear(): void;
-    /**
-     * Centers the workspace.
-     */
-    center(): void;
-    [notifyZoom](): void;
-    [geometryChangeHandler](e: Event): Promise<void>;
-    scrollBy(options: ScrollToOptions): void;
-    scrollBy(x: number, y: number): void;
-    scrollTo(options: ScrollToOptions): void;
-    scrollTo(x: number, y: number): void;
-    /**
-     * 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: number, y: number): boolean;
-    render(): TemplateResult;
-    /**
-     * @return {SVGTemplateResult} The template for the associations
-     */
-    renderLinesTemplate(): SVGTemplateResult;
-}
-//# sourceMappingURL=VizWorkspaceElement.d.ts.map

package/build/src/visualization/elements/VizWorkspaceElement.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"VizWorkspaceElement.d.ts","sourceRoot":"","sources":["../../../../src/visualization/elements/VizWorkspaceElement.ts"],"names":[],"mappings":"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"}

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

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -1,3 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
-//# sourceMappingURL=WorkspaceStyles.d.ts.map

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

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