@linkurious/ogma-annotations 1.1.19 → 1.1.22

package/dist/types/index.d.ts

@@ -92,6 +92,8 @@ export declare function clientToContainerPosition(evt: {
     y: number;
 };
 
+export declare function colorToRgba(color: string, alpha: number): string;
+
 export declare class Control extends default_2<FeatureEvents> {
     private arrows;
     private texts;
@@ -389,7 +391,7 @@ declare type ExportedLink = {
     magnet?: Point;
 };
 
-export declare type Extremity = "none" | "arrow" | "arrow-plain";
+export declare type Extremity = "none" | "arrow" | "arrow-plain" | "dot" | "halo-dot";
 
 export declare type FeatureEvents = {
     /**
@@ -486,6 +488,10 @@ export declare function getTextSize(t: Text_2): {
     height: number;
 };
 
+export declare function hexShortToLong(color: string): string;
+
+export declare function hexToRgba(color: string, alpha: number): string;
+
 export declare type Id = string | number;
 
 export declare const isAnnotationCollection: (a: AnnotationFeature<Geometry, AnnotationProps> | FeatureCollection) => a is AnnotationCollection;
@@ -519,6 +525,8 @@ export declare type Point = {
     y: number;
 };
 
+export declare function rgbToRgba(color: string, alpha: number): string;
+
 export declare function scaleGeometry(geometry: LineString | Polygon, scale: number, ox: number, oy: number): LineString | Polygon;
 
 export declare function setArrowEnd(a: Arrow, x: number, y: number): void;
@@ -606,6 +614,8 @@ export declare interface TextStyle extends StrokeOptions {
     background?: string;
     /** padding around the text */
     padding?: number;
+    /** Text box border radius */
+    borderRadius?: number;
 }
 
 export declare function updateTextBbox(t: Text_2): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linkurious/ogma-annotations",
-  "version": "1.1.19",
+  "version": "1.1.22",
   "description": "Headless annotation plugin for Ogma",
   "type": "module",
   "main": "dist/index.mjs",
@@ -21,8 +21,8 @@
       "types": "./dist/types/index.d.ts"
     },
     "./style.css": {
-      "import": "./dist/style.css",
-      "require": "./dist/style.css"
+      "import": "./dist/ogma-annotations.css",
+      "require": "./dist/ogma-annotations.css"
     },
     "./umd": "./dist/index.js",
     "./esm": "./dist/index.mjs"
@@ -76,22 +76,25 @@
     "geojson": "^0.5.0"
   },
   "devDependencies": {
-    "@linkurious/eslint-config-ogma": "^1.0.9",
+    "@linkurious/eslint-config-ogma": "1.0.14",
     "canvas": "2.11.2",
-    "eslint": "8.56.0",
     "get-port": "7.0.0",
     "jsdom": "24.0.0",
     "playwright": "1.42.1",
     "typedoc": "^0.25.13",
     "typedoc-plugin-markdown": "^3.17.1",
     "typescript": "5.3.3",
-    "vite": "5.2.0",
+    "vite": "6.2.0",
     "vite-plugin-dts": "^4.1.0",
-    "vitest": "1.4.0"
+    "vitest": "3.0.7"
   },
   "eslintConfig": {
     "extends": [
       "@linkurious/eslint-config-ogma"
     ]
+  },
+  "prettier": {
+    "printWidth": 80,
+    "trailingComma": "none"
   }
 }

package/dist/style.css

@@ -1 +0,0 @@
-:root{--handle-width: 2px;--point-handle-width: calc(3 * var(--handle-width));--point-handle-border: 2px;--point-handle-total: calc( var(--point-handle-width) + var(--point-handle-border) );--handle-color: #38e;--handle-background: #fff}svg text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.handle{position:absolute;background-color:var(--handle-color)}.handle.line{cursor:move}.annotation-text-handle textarea{outline:none;margin:0;border:0;width:100%;height:100%;cursor:text;padding:0;z-index:1000;resize:none;white-space:break-spaces;background:transparent;overflow:hidden}.annotation-text-handle .noevents{pointer-events:none;z-index:20}.line-handle,.point-handle{z-index:30}.line-handle.top{cursor:ns-resize;height:var(--handle-width);left:0;width:100%;top:calc(var(--handle-width) * -1)}.line-handle.bottom{cursor:ns-resize;height:var(--handle-width);width:100%;left:0;bottom:calc(var(--handle-width) * -1)}.line-handle.left{cursor:ew-resize;height:100%;top:0;left:calc(var(--handle-width) * -1);width:var(--handle-width)}.line-handle.right{cursor:ew-resize;height:100%;right:calc(var(--handle-width) * -1);top:0;width:var(--handle-width)}.line-handle.top,.line-handle.bottom,.line-handle.left,.line-handle.right{cursor:move}.point-handle{border-radius:50%;background-color:#fff;transform-origin:center;transform:translate(-50%,-50%);border:var(--point-handle-border) solid var(--handle-color);width:var(--point-handle-width);height:var(--point-handle-width)}.point-handle.top-left{transform:translate(-55%,-55%)}.point-handle.top-right{transform:translate(-45%,-55%)}.point-handle.bottom-left{transform:translate(-55%,-45%)}.point-handle.bottom-right{transform:translate(-45%,-45%)}.point-handle.top-left,.point-handle.bottom-right{cursor:nwse-resize}.point-handle.top-right,.point-handle.bottom-left{cursor:nesw-resize}.point-handle.bottom-left,.point-handle.bottom-right{top:100%}.point-handle.top-left,.point-handle.top-right{top:0}.point-handle.bottom-left,.point-handle.top-left{left:0}.point-handle.bottom-right,.point-handle.top-right{left:100%}.arrow-handle>.handle{height:var(--point-handle-width);width:var(--point-handle-width);border-radius:50%;cursor:move;transform:translate(-50%,-50%)}.arrow-handle>.line{height:var(--handle-width);border-radius:0;cursor:move}.arrow-handle>.point{background-color:var(--handle-background);border:2px solid var(--handle-color)}.annotations-hidden-input{position:absolute;bottom:0;left:0;visibility:hidden;display:block}.active{background-color:#38e}.annotation-text{pointer-events:visible;cursor:pointer}.annotation-text:hover>rect{stroke:var(--handle-color)}.annotation-text a{fill:var(--handle-color)}.annotation-text a:hover{text-decoration:underline}