@alisaitteke/seatmap-canvas 2.6.1 → 2.7.0

package/dist/esm/types/models/block.model.d.ts

@@ -17,6 +17,13 @@ export default class BlockModel extends ModelBase {
     zoom_bbox: any;
     rotate: number;
     gap: number;
+    background_image?: string | null;
+    background_opacity?: number;
+    background_fit?: 'cover' | 'contain' | 'fill' | 'none';
+    background_x?: number | null;
+    background_y?: number | null;
+    background_width?: number | null;
+    background_height?: number | null;
     constructor(item: any);
     toJson(): {
         id: string;

package/dist/esm/types/models/defaults.model.d.ts

@@ -22,6 +22,13 @@ export default class DefaultsModel {
     zoom_out_button: string;
     legend: boolean;
     canvas_stageout_control: boolean;
+    background_image: string | null;
+    background_opacity: number;
+    background_fit: 'cover' | 'contain' | 'fill' | 'none';
+    background_x: number | null;
+    background_y: number | null;
+    background_width: number | null;
+    background_height: number | null;
     style: StyleConfig;
     json_model: ParserEnum;
     lang: {

package/dist/esm/types/svg/stage/blocks/block-item/block-item.background.d.ts

@@ -0,0 +1,14 @@
+import SvgBase from "@svg/svg.base";
+import BlockModel from "@model/block.model";
+import Block from "./block-item.index";
+export default class BlockBackground extends SvgBase {
+    parent: Block;
+    item: BlockModel;
+    private imageElement;
+    private clipPath;
+    private clipPathId;
+    constructor(parent: Block, item: BlockModel);
+    update(): this;
+    domGenerate(to: any, index?: number): this;
+    private getPreserveAspectRatio;
+}

package/dist/esm/types/svg/stage/blocks/block-item/block-item.index.d.ts

@@ -6,6 +6,7 @@ import BlockBounds from "./block-item.bounds";
 import BlockMask from "./block-item.mask";
 import Labels from "./block-item.labels.index";
 import BlockModel from "@model/block.model";
+import BlockBackground from "./block-item.background";
 export default class Block extends SvgBase {
     parent: BlocksManager;
     item: BlockModel;
@@ -14,6 +15,7 @@ export default class Block extends SvgBase {
     info: BlockInfo;
     mask: BlockMask;
     bounds: BlockBounds;
+    background: BlockBackground;
     center_position: any;
     top_position: any;
     constructor(parent: BlocksManager, item: BlockModel);

package/dist/esm/types/svg/stage/stage.background.d.ts

@@ -0,0 +1,10 @@
+import SvgBase from "@svg/svg.base";
+import Stage from "./stage.index";
+export default class StageBackground extends SvgBase {
+    parent: Stage;
+    private imageElement;
+    constructor(parent: Stage);
+    update(): this;
+    domGenerate(to: any, index?: number): this;
+    private getPreserveAspectRatio;
+}

package/dist/esm/types/svg/stage/stage.index.d.ts

@@ -2,10 +2,12 @@ import Blocks from "./blocks/blocks.index";
 import Svg from "@svg/svg.index";
 import SvgBase from "@svg/svg.base";
 import BlocksSearchCircle from "./blocks.search-circle";
+import StageBackground from "./stage.background";
 export default class Stage extends SvgBase {
     parent: Svg;
     blocks: Blocks;
     searchCircle: BlocksSearchCircle;
+    background: StageBackground;
     constructor(parent: Svg);
     update(): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alisaitteke/seatmap-canvas",
-  "version": "2.6.1",
+  "version": "2.7.0",
   "tags": "seating, seat, seatmap, seat-selection, seat-booking, booking, ticket, reservation",
   "author": "Ali Sait TEKE <alisaitt@gmail.com>",
   "homepage": "https://github.com/alisaitteke/seatmap-canvas",
@@ -18,7 +18,10 @@
   "sideEffects": false,
   "scripts": {
     "start:dev": "rollup --config --watch --bundleConfigAsCjs",
-    "build": "rollup -c --environment PRODUCTION --bundleConfigAsCjs"
+    "build": "rollup -c --environment PRODUCTION --bundleConfigAsCjs",
+    "docs:dev": "cd docs-site && npm run start",
+    "docs:build": "cd docs-site && npm run build",
+    "docs:serve": "cd docs-site && npm run serve"
   },
   "engines": {
     "node": ">=18.0.0"