@visuallyjs/browser-ui-angular 1.2.0 → 1.2.2

package/lib/surface-popup-component.d.ts

@@ -0,0 +1,62 @@
+import { TemplateRef, ElementRef, AfterViewInit, OnDestroy } from "@angular/core";
+import { Vertex, PopupHandler, PopupPosition } from "@visuallyjs/browser-ui";
+import * as i0 from "@angular/core";
+/**
+ * Provides a means to wire up a popup that is shown when users tap on a vertex.
+ *
+ * Use it like this:
+ *
+ * ```html
+ * <vjs-surface-popup selector=".my-launcher" anchor="bottom">
+ *   <ng-template let-vertex="vertex" let-model="model" let-ui="ui" let-hide="hide">
+ *      <div>Popup content for {{vertex.data.name}}</div>
+ *   </ng-template>
+ * </vjs-surface-popup>
+ * ```
+ *
+ * Your popup should expose inputs for
+ *
+ * - vertex The vertex the popup is attached to
+ * - model The underlying model
+ * - ui The UI that rendered this popup
+ * - hide A function you can invoke to close the popup, if you need to.
+ *
+ *
+ * @group Components
+ */
+export declare class SurfacePopupComponent implements AfterViewInit, OnDestroy {
+    /**
+     * CSS3 selector identifying elements from which this popup is launched.
+     * @input
+     */
+    selector: string;
+    /**
+     * Optional position to place this popup. Defaults to "bottom", and can also be overridden on a per-launcher basis via a DOM attribute.
+     * @input
+     */
+    anchor?: PopupPosition;
+    /**
+     * Template containing popup content
+     */
+    template: TemplateRef<any>;
+    /**
+     * @internal
+     */
+    container: ElementRef<HTMLDivElement>;
+    private cdr;
+    private vjs;
+    private initialized;
+    /**
+     * @internal
+     */
+    popupHandler: PopupHandler;
+    _hideFunction: () => any;
+    readonly current: import("@angular/core").WritableSignal<Vertex>;
+    readonly model: import("@angular/core").WritableSignal<import("@visuallyjs/browser-ui").BrowserUIModel>;
+    readonly ui: import("@angular/core").WritableSignal<import("@visuallyjs/browser-ui").BrowserUI<any>>;
+    readonly display: import("@angular/core").Signal<"none" | "block">;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SurfacePopupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SurfacePopupComponent, "vjs-surface-popup", never, { "selector": { "alias": "selector"; "required": true; }; "anchor": { "alias": "anchor"; "required": false; }; }, {}, ["template"], never, false, never>;
+}

package/lib/tiled-image-background.component.d.ts

@@ -0,0 +1,72 @@
+import { AfterViewInit } from "@angular/core";
+import { Size, TilingStrategy } from "@visuallyjs/browser-ui";
+import { VisuallyJsService } from "./vjs-service";
+import * as i0 from "@angular/core";
+/**
+ * Renders a tiled image background on a surface or paper.
+ * @group Components
+ */
+export declare class TiledImageBackgroundComponent implements AfterViewInit {
+    /**
+     * URL for the background. You can supply this, or you can supply a `urlGenerator` function instead. If you supply `url` and no `urlGenerator`, the url you supply is treated as a template for the url for any given tile, and is expected to contain `{z}`, `{x}` and `{y}` placeholders. The form of the URL can be anything you like as long as it has the placeholders for z, x and y.  For instance:
+     *
+     * http://foo.com/{z}/{x}/{y}
+     * https://bar.com?zoom={z}&x={x}&y={y}
+     *
+     * etc
+     * @input
+     */
+    url?: string;
+    /**
+     * For tiled backgrounds, an optional function you can supply to generate the URL for a given tile. See `url` for
+     * an explanation of the default syntax for urls when using a tiled background.
+     * @param z zoom level
+     * @param x x coordinate of tile
+     * @param y y coordinate of tile
+     * @input
+     */
+    urlGenerator?: (z: number, x: number, y: number) => string;
+    /**
+     * For tiled backgrounds, provides the width and height of tiles. Every tile is assumed to have these dimensions,
+     * even if the tile has whitespace in it. Required.
+     * @input
+     */
+    tileSize: Size;
+    /**
+     * Required. Indicates the width of the full image.
+     * @input
+     */
+    width: number;
+    /**
+     * Required. Indicates the height of the full image.
+     * @input
+     */
+    height: number;
+    /**
+     * Required. Indicates the maximum zoom level. Zoom starts at 0 - fully zoomed out - and
+     * increases in integer values from there. Each successive zoom level is twice the zoom of the previous level,
+     * meaning two times as many tiles in each direction.
+     * @input
+     */
+    maxZoom?: number;
+    /**
+     * Default is TilingStrategies.logarithmic. See notes for `TilingStrategies` enum.
+     * @input
+     */
+    tiling?: TilingStrategy;
+    /**
+     * How long to wait after a pan before reloading tiles.
+     * @input
+     */
+    panDebounceTimeout?: number;
+    /**
+     * How long to wait after a zoom before reloading tiles.
+     * @input
+     */
+    zoomDebounceTimeout?: number;
+    $vjs: VisuallyJsService;
+    private _bg;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TiledImageBackgroundComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TiledImageBackgroundComponent, "vjs-tiled-image-background", never, { "url": { "alias": "url"; "required": false; }; "urlGenerator": { "alias": "urlGenerator"; "required": false; }; "tileSize": { "alias": "tileSize"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "maxZoom": { "alias": "maxZoom"; "required": false; }; "tiling": { "alias": "tiling"; "required": false; }; "panDebounceTimeout": { "alias": "panDebounceTimeout"; "required": false; }; "zoomDebounceTimeout": { "alias": "zoomDebounceTimeout"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@visuallyjs/browser-ui-angular",
-    "version": "1.2.0",
+    "version": "1.2.2",
     "peerDependencies": {
         "@angular/common": "*",
         "@angular/core": "*"
     },
     "dependencies": {
         "tslib": "^2.0.0",
-        "@visuallyjs/browser-ui": "1.2.0"
+        "@visuallyjs/browser-ui": "1.2.2"
     },
     "exports": {
         "./css/visuallyjs-angular.css": {