@alisaitteke/seatmap-canvas 2.5.18 → 2.6.0

package/dist/esm/types/src/vue/types.d.ts

@@ -0,0 +1,42 @@
+import { SeatMapCanvas } from '../lib/canvas.index';
+import DefaultsModel from '../lib/models/defaults.model';
+export interface SeatmapOptions extends Partial<DefaultsModel> {
+    [key: string]: any;
+}
+export interface SeatmapInstance {
+    instance: SeatMapCanvas | null;
+    isReady: boolean;
+}
+export interface SeatClickEvent {
+    id: string;
+    x: number;
+    y: number;
+    color: string;
+    salable: boolean;
+    custom_data?: any;
+    note?: string;
+    tags?: any;
+    title?: string;
+    isSelected: () => boolean;
+    select: () => void;
+    unSelect: () => void;
+}
+export interface BlockData {
+    id: string;
+    title: string;
+    labels?: any[];
+    color?: string;
+    seats: SeatData[];
+    gap?: number;
+}
+export interface SeatData {
+    id: string;
+    x: number;
+    y: number;
+    color?: string;
+    salable?: boolean;
+    custom_data?: any;
+    note?: string;
+    tags?: any;
+    title?: string;
+}

package/dist/esm/types/src/vue/useSeatmap.d.ts

@@ -0,0 +1,19 @@
+import { Ref } from 'vue';
+import { SeatMapCanvas } from '../lib/canvas.index';
+import type { SeatmapOptions, BlockData } from './types';
+export interface UseSeatmapReturn {
+    seatmapInstance: Ref<SeatMapCanvas | null>;
+    isReady: Ref<boolean>;
+    selectedSeats: Ref<any[]>;
+    init: (container: HTMLElement | string, options?: SeatmapOptions) => void;
+    loadData: (data: BlockData[]) => void;
+    getSelectedSeats: () => any[];
+    getSeat: (seatId: string, blockId: string) => any;
+    getBlocks: () => any[];
+    zoomToBlock: (blockId: string) => void;
+    zoomToVenue: () => void;
+    destroy: () => void;
+    addEventListener: (event: string, callback: Function) => void;
+    removeEventListener: (event: string, callback: Function) => void;
+}
+export declare function useSeatmap(autoInit?: boolean): UseSeatmapReturn;

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

@@ -6,7 +6,7 @@ export default class Seats extends SvgBase {
     parent: Block;
     item: BlockModel;
     constructor(parent: Block, item: BlockModel);
-    update(): this;
+    update(): Promise<this>;
     getSeat(id: any): SeatItem;
     getSeats(): Array<SeatItem>;
     getSeatsCount(): number;

package/dist/esm/types/svg/stage/blocks/block-item/seat/seat-item.custom-area.d.ts

@@ -0,0 +1,7 @@
+import SvgBase from "@svg/svg.base";
+import { SeatItemCustomSvg } from "@svg/stage/blocks/block-item/seat/seat-item.custom";
+export declare class SeatItemCustomSvgArea extends SvgBase {
+    parent: SeatItemCustomSvg;
+    constructor(parent: SeatItemCustomSvg);
+    update(): this;
+}

package/dist/esm/types/svg/stage/blocks/block-item/seat/seat-item.custom-check.d.ts

@@ -0,0 +1,10 @@
+import SvgBase from "@svg/svg.base";
+import { SeatItem } from "@svg/stage/blocks/block-item/seat/seat-item.index";
+export declare class SeatItemCustomSvgCheck extends SvgBase {
+    parent: SeatItem;
+    constructor(parent: SeatItem);
+    update(): this;
+    afterGenerate(): void;
+    show(): this;
+    hide(): this;
+}

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

@@ -0,0 +1,9 @@
+import SvgBase from "@svg/svg.base";
+import { SeatItem } from "./seat-item.index";
+export declare class SeatItemCustomSvg extends SvgBase {
+    parent: SeatItem;
+    customSvg: any;
+    constructor(parent: SeatItem, customSvg: any);
+    update(): this;
+    domGenerate(to: any, index?: number): this;
+}

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

@@ -2,18 +2,23 @@ import SvgBase from "@svg/svg.base";
 import SeatModel from "@model/seat.model";
 import Seats from "../block-item.seats.index";
 import { SeatItemCircle } from "./seat-item.circle";
+import { SeatItemRect } from "./seat-item.rect";
+import { SeatItemPath } from "./seat-item.path";
 import { CoordinateModel } from "@model/coordinate.model";
 import { SeatItemTitle } from "./seat-item.title";
 import { SeatAction } from "@enum/global";
 import { SeatItemCheck } from "./seat-item.check";
+import { SeatItemCustomSvg } from "@svg/stage/blocks/block-item/seat/seat-item.custom";
+import { SeatItemCustomSvgCheck } from "@svg/stage/blocks/block-item/seat/seat-item.custom-check";
 export declare class SeatItem extends SvgBase {
     parent: Seats;
     item: SeatModel;
-    circle: SeatItemCircle;
+    circle: SeatItemCircle | SeatItemRect | SeatItemPath | SeatItemCustomSvg;
+    seatCustomSvg: SeatItemCustomSvg | null;
     title: SeatItemTitle;
     coordinates: CoordinateModel;
-    check: SeatItemCheck;
-    constructor(parent: Seats, item: SeatModel);
+    check: SeatItemCheck | SeatItemCustomSvgCheck;
+    constructor(parent: Seats, item: SeatModel, seatCustomSvg: any);
     setColor(color: string, animation?: boolean): this;
     updateColor(color?: string | null): this;
     select(color?: string | null): this;
@@ -24,5 +29,6 @@ export declare class SeatItem extends SvgBase {
     blur(): void;
     getColor(action?: SeatAction | null): string;
     update(): this;
+    private getShapeType;
     afterGenerate(): void;
 }

package/dist/esm/types/svg/stage/blocks/block-item/seat/seat-item.path-area.d.ts

@@ -0,0 +1,7 @@
+import SvgBase from "@svg/svg.base";
+import { SeatItemPath } from "./seat-item.path";
+export declare class SeatItemPathArea extends SvgBase {
+    parent: SeatItemPath;
+    constructor(parent: SeatItemPath);
+    update(): this;
+}

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

@@ -0,0 +1,13 @@
+import SvgBase from "@svg/svg.base";
+import { SeatItem } from "./seat-item.index";
+export declare class SeatItemPath extends SvgBase {
+    parent: SeatItem;
+    private pathElement;
+    private hitArea;
+    constructor(parent: SeatItem);
+    domGenerate(to: any, index?: number): this;
+    private getSize;
+    private parseViewBox;
+    private getScale;
+    update(): this;
+}

package/dist/esm/types/svg/stage/blocks/block-item/seat/seat-item.rect-area.d.ts

@@ -0,0 +1,7 @@
+import SvgBase from "@svg/svg.base";
+import { SeatItemRect } from "./seat-item.rect";
+export declare class SeatItemRectArea extends SvgBase {
+    parent: SeatItemRect;
+    constructor(parent: SeatItemRect);
+    update(): this;
+}

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

@@ -0,0 +1,11 @@
+import SvgBase from "@svg/svg.base";
+import { SeatItem } from "./seat-item.index";
+export declare class SeatItemRect extends SvgBase {
+    parent: SeatItem;
+    private rectElement;
+    private hitArea;
+    constructor(parent: SeatItem);
+    domGenerate(to: any, index?: number): this;
+    private getSize;
+    update(): this;
+}

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

@@ -10,4 +10,6 @@ export default class Blocks extends SvgBase {
     getBlock(id: any): Block | null;
     getBlocks(): Array<Block>;
     center(): void;
+    scalePolygon(polygon: [number, number][], scale: number, center: [number, number]): [number, number][];
+    expandPolygon(polygon: [number, number][], distance: number, center: [number, number]): [number, number][];
 }

package/dist/esm/types/svg/svg.base.d.ts

@@ -18,10 +18,10 @@ export default class SvgBase {
     domGenerate(to: any, index?: number): this;
     attr(name: string, value: string | number): this;
     text(value: string): this;
-    addChild(item: any, attrs?: any, replace?: boolean): this;
+    addChild(item: any, attrs?: any, replace?: boolean): Promise<this>;
     classed(className: string, value?: boolean): this;
     clear(): this;
-    updateChilds(): this;
+    updateChilds(): Promise<this>;
     updateEvents(recursive?: boolean): this;
     addEventListener(eventType: string, cb: any): this;
     addTag(tag: string): this;

package/dist/esm/types/svg/zoom.manager.d.ts

@@ -17,6 +17,7 @@ export default class ZoomManager {
     activeBlocks: Array<any>;
     minZoom: number | null;
     zoomLevel: ZoomLevel;
+    private lastPointer;
     constructor(_self: SeatMapCanvas);
     init(): void;
     zoomInit(): void;

package/dist/esm/types/utils/svg-parser.d.ts

@@ -0,0 +1,5 @@
+export interface SvgPathData {
+    path: string;
+    viewBox: string;
+}
+export declare function extractSvgPath(svgContent: string): SvgPathData | null;

package/dist/types.d.ts

@@ -6,6 +6,7 @@ import { GlobalModel } from '@model/global.model';
 import ZoomManager from '@svg/zoom.manager';
 import EventManager from '@svg/event.manager';
 import WindowManager from '@/window.manager';
+import { ParserBase } from '@/converters/parser.base';
 
 declare class SeatMapCanvas {
     container_selector: any;
@@ -19,7 +20,11 @@ declare class SeatMapCanvas {
     zoomManager: ZoomManager;
     eventManager: EventManager;
     addEventListener: any;
+    parsers: {
+        [name: string]: ParserBase;
+    };
     constructor(container_selector: any, _config: DefaultsModel);
+    registerConverters(): void;
 }
 
 export { SeatMapCanvas };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alisaitteke/seatmap-canvas",
-  "version": "2.5.18",
+  "version": "2.6.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",
@@ -10,7 +10,6 @@
   "files": [
     "dist"
   ],
-  "private": false,
   "description": "Seatmap Canvas is an advanced, open-source library for interactive seat selection in various settings such as stadiums, theaters, and event spaces. Designed with d3.js, this code version is optimized for developers looking for a customizable and efficient solution to handle seat arrangements and user interactions.",
   "repository": {
     "type": "git",
@@ -19,7 +18,7 @@
   "sideEffects": false,
   "scripts": {
     "start:dev": "rollup --config --watch --bundleConfigAsCjs",
-    "build": "rollup -c --prod --bundleConfigAsCjs"
+    "build": "rollup -c --environment PRODUCTION --bundleConfigAsCjs"
   },
   "engines": {
     "node": ">=18.0.0"
@@ -27,14 +26,35 @@
   "license": "MIT",
   "main": "dist/cjs/seatmap.canvas.js",
   "module": "dist/esm/seatmap.canvas.js",
-  "types": "dist/index.d.ts",
+  "types": "dist/types.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/esm/seatmap.canvas.js",
+      "require": "./dist/cjs/seatmap.canvas.js"
+    },
+    "./vue": {
+      "types": "./src/vue/index.ts",
+      "import": "./src/vue/index.ts"
+    },
+    "./react": {
+      "types": "./src/react/index.ts",
+      "import": "./src/react/index.ts"
+    },
+    "./dist/*": "./dist/*"
+  },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.5",
     "@types/d3": "^5.16.0",
     "@types/node": "^16.6.3",
-    "d3": "^5.16.0",
+    "@types/react": "^19.2.9",
+    "@types/react-dom": "^19.2.3",
+    "d3": "^7.9.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "reflect-metadata": "^0.1.12",
     "rollup": "^4.9.1",
     "rollup-plugin-cleandir": "^2.0.0",
@@ -44,12 +64,27 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-scss": "3",
     "rollup-plugin-serve": "^1.1.1",
-    "rollup-plugin-terser": "^7.0.2",
     "rxjs": "^6.3.3",
     "sass": "^1.69.5",
+    "tslib": "^2.8.1",
     "typescript": "^4.7.4"
   },
-  "dependencies": {},
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "vue": "^3.3.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
   "directories": {
     "doc": "docs",
     "example": "examples"
@@ -57,6 +92,16 @@
   "keywords": [
     "seating",
     "seatmap",
-    "seat-selection"
+    "seat-selection",
+    "vue",
+    "vue3",
+    "vuejs",
+    "react",
+    "reactjs",
+    "react-component",
+    "seat-booking",
+    "theater-seating",
+    "event-seating",
+    "ticket-booking"
   ]
 }

package/CHANGELOG.md

@@ -1,78 +0,0 @@
-# Changelog
-
-- - -
-## [v2.5.19](https://github.com/alisaitteke/seatmap-canvas/compare/v2.5.18..v2.5.19) - 2024-02-04
-#### Miscellaneous Chores
-- **(index.html)** change div elements to td elements for better semantic structure in the table - ([ea5d5f8](https://github.com/alisaitteke/seatmap-canvas/commit/ea5d5f8acb3e742655ff3a9dd60c20996706797d)) - Ali
-
-- - -
-
-## [v2.5.18](https://github.com/alisaitteke/seatmap-canvas/compare/v2.5.17..v2.5.18) - 2024-02-04
-#### Miscellaneous Chores
-- **(index.html)** refactor selected seats display to use table structure for better readability and semantics - ([a1adcd5](https://github.com/alisaitteke/seatmap-canvas/commit/a1adcd5e2baf15724bca609c1f54d24206d05094)) - Ali
-
-- - -
-
-## [v2.5.17](https://github.com/alisaitteke/seatmap-canvas/compare/v2.5.16..v2.5.17) - 2024-02-04
-#### Bug Fixes
-- **(pull-request.yml)** add 'fetch-depth: 0' option to the checkout step to ensure all commit history is fetched - ([18a7ba0](https://github.com/alisaitteke/seatmap-canvas/commit/18a7ba05bbb0ca6682c4ddbce633e6c6f8d60cb8)) - Ali
-- **(pull-request.yml)** add step to get the latest version tag and pass it as an environment variable to the create pull request step - ([15ae962](https://github.com/alisaitteke/seatmap-canvas/commit/15ae96266ef709d2cb3729ecd67f6dbde7226889)) - Ali
-- **(pull-request.yml)** fix branch names in the 'gh pr create' command to correctly merge develop into master branch - ([91d9126](https://github.com/alisaitteke/seatmap-canvas/commit/91d9126975c59069369eab64f72a4011f41b65a0)) - Ali
-- **(pull-request.yml)** update branch names and pull request title to reflect the correct branches and improve clarity - ([42a66e6](https://github.com/alisaitteke/seatmap-canvas/commit/42a66e6fe06c590831f02f9d6fe92e254a3de9c8)) - Ali
-#### Features
-- **(pull-request.yml)** add GitHub Actions workflow to automatically create a pull request on the develop branch - ([dc16ccf](https://github.com/alisaitteke/seatmap-canvas/commit/dc16ccf0c677501a68f963e19e51b290f5dd04a7)) - Ali
-#### Miscellaneous Chores
-- **(index.html)** remove console.log statements for seat and selectedSeat variables to clean up code - ([05406c6](https://github.com/alisaitteke/seatmap-canvas/commit/05406c65944001b9a79487ed3367089e47a48848)) - Ali
-- **(index.html)** add total price and seat count to selected seats section for better user experience - ([0035002](https://github.com/alisaitteke/seatmap-canvas/commit/0035002716018830164e43f372d0662efe31d0c8)) - Ali
-- **(index.html)** increase width of selected seats container to accommodate longer seat names - ([db6050c](https://github.com/alisaitteke/seatmap-canvas/commit/db6050cfa1dd1a0abb513ef557068d4eedc2fdb4)) - Ali
-- **(index.html)** remove duplicate unselectSeat function to improve code readability and maintainability - ([f7418d1](https://github.com/alisaitteke/seatmap-canvas/commit/f7418d1cfaab9445c3b7839ad047b04778a0ae68)) - Ali
-- **(index.html)** add selected seats section to improve user experience - ([5043e5b](https://github.com/alisaitteke/seatmap-canvas/commit/5043e5bfe77d799a65b993056524dee6425c3485)) - Ali
-- **(publish.yml)** remove unused steps and comments from publish workflow - ([edd2118](https://github.com/alisaitteke/seatmap-canvas/commit/edd2118a50abdf5a25e83097a4751241609ddc73)) - Ali
-- **(pull-request.yml)** remove unused pull request workflow file - ([ad0443f](https://github.com/alisaitteke/seatmap-canvas/commit/ad0443f6410a6564a339614d5ca6aef838fa3c9b)) - Ali
-- **(pull-request.yml)** remove unused RELEASE_TYPE environment variable - ([dd2e3e0](https://github.com/alisaitteke/seatmap-canvas/commit/dd2e3e04e6ca318bb404651c3e61a53046ccc2d3)) - Ali
-- **(pull-request.yml)** remove unnecessary hyphen in the Checkout step name to improve consistency and readability - ([4e63d36](https://github.com/alisaitteke/seatmap-canvas/commit/4e63d3681463ff892d96354526baf0980ee7c17c)) - Ali
-- **(pull-request.yml)** add checkout step to the release job to ensure the correct code is used for the pull request - ([cd31f4d](https://github.com/alisaitteke/seatmap-canvas/commit/cd31f4d91fc13a64474ae30d34b7e5ed4cb22a6f)) - Ali
-- **(pull-request.yml)** add GITHUB_TOKEN environment variable to the create pull request step - ([51970c2](https://github.com/alisaitteke/seatmap-canvas/commit/51970c2937ea3d0f91cd62cb3003f7888256451c)) - Ali
-- **(pull-request.yml)** add pull request workflow file - ([79e066d](https://github.com/alisaitteke/seatmap-canvas/commit/79e066dc6bb9a50a6af0756b555c7e6e5145bb35)) - Ali
-
-- - -
-
-## [v2.5.16](https://github.com/alisaitteke/seatmap-canvas/compare/v2.5.15..v2.5.16) - 2024-01-13
-#### Miscellaneous Chores
-- **(package.json)** update version from 2.5.14 to 2.5.15 for the @alisaitteke/seatmap-canvas package - ([c4ef5f2](https://github.com/alisaitteke/seatmap-canvas/commit/c4ef5f26ddb7e0f7ddb0908bcb2ffe5bf82d9823)) - Ali
-
-- - -
-
-## [v2.5.15](https://github.com/alisaitteke/seatmap-canvas/compare/v2.5.14..v2.5.15) - 2024-01-13
-#### Bug Fixes
-- **(publish.yml)** add fetch-depth: 0 to the checkout step to ensure all commits are fetched - ([605dbb4](https://github.com/alisaitteke/seatmap-canvas/commit/605dbb4d6bb1385e1fce67f5f996104c736376e3)) - Ali
-#### Miscellaneous Chores
-- **(publish.yml)** update GitHub release documentation step to use the latest version of the release changelog builder action - ([170080a](https://github.com/alisaitteke/seatmap-canvas/commit/170080a8d5a01f327686b8cb71fa77420feedc0f)) - Ali
-- **(publish.yml)** comment out changelog update and commit steps - ([467edc5](https://github.com/alisaitteke/seatmap-canvas/commit/467edc5d0dc5a00c354093cd886b80a2ca3553b6)) - Ali
-- **(publish.yml)** remove fetch-depth option from checkout step to improve performance - ([83bc8d0](https://github.com/alisaitteke/seatmap-canvas/commit/83bc8d01b0e0f1b860ca88e251bfc7480e35693c)) - Ali
-- **(publish.yml)** enable update changelog step and remove unused steps - ([b907573](https://github.com/alisaitteke/seatmap-canvas/commit/b9075734dd0332c718dff95f27282268468a49a3)) - Ali
-
-- - -
-
-## [v2.5.14](https://github.com/alisaitteke/seatmap-canvas/compare/v2.5.13..v2.5.14) - 2024-01-13
-#### Miscellaneous Chores
-- **(CHANGELOG.md)** remove unnecessary version entries - ([c0af6d4](https://github.com/alisaitteke/seatmap-canvas/commit/c0af6d4566853daa562c1a9aa346602890a1ea20)) - Ali
-
-- - -
-
-
-## [v2.5.11](https://github.com/alisaitteke/seatmap-canvas/compare/v2.5.10..v2.5.11) - 2024-01-13
-#### Bug Fixes
-- **(changelog.yaml)** add fetch-depth: 0 option to the checkout step to ensure full commit history is available for generating changelog - ([ee590c5](https://github.com/alisaitteke/seatmap-canvas/commit/ee590c5c201af6c175e4b8eff642d4a2339afd55)) - Ali
-#### Miscellaneous Chores
-- **(.gitignore)** add cog.toml to the list of ignored files - ([822a540](https://github.com/alisaitteke/seatmap-canvas/commit/822a5402dc662fb670e4f3e885dc81f486054c90)) - Ali
-- **(CHANGELOG.md)** add newline at the end of the file for consistency - ([c946729](https://github.com/alisaitteke/seatmap-canvas/commit/c94672918e05e5d70ef0ea5a6bf9c6f017133a72)) - Ali
-- **(CHANGELOG.md)** remove unnecessary lines and fix missing newline at end of file - ([d172b10](https://github.com/alisaitteke/seatmap-canvas/commit/d172b10c1de3973f3890d2a6b14252ee5b91c404)) - Ali
-- **(changelog.yaml)** remove changelog.yaml workflow file - ([14b5248](https://github.com/alisaitteke/seatmap-canvas/commit/14b524838975bd61a3b3a216821fb73fc1e15c5d)) - Ali
-- **(changelog.yaml)** disable conventional commit check in the changelog workflow - ([e47782e](https://github.com/alisaitteke/seatmap-canvas/commit/e47782ea6c69dd98aa514bc0f9dd1e15ad7be367)) - Ali
-- **(changelog.yaml)** remove unnecessary 'release' input from cocogitto-action step - ([3eeff96](https://github.com/alisaitteke/seatmap-canvas/commit/3eeff96f3342ca6b7dca3319350bc83a56ca2161)) - Ali
-- **(changelog.yaml)** remove fetch-depth option from checkout step in GitHub Actions workflow - ([3569359](https://github.com/alisaitteke/seatmap-canvas/commit/3569359f6cc107946fed2051dbf74075e8767840)) - Ali
-- **(changelog.yaml)** add changelog generation workflow - ([754b874](https://github.com/alisaitteke/seatmap-canvas/commit/754b87414132c9fbebd8b36c29a452d500d51adf)) - Ali
-- **(cog.toml)** remove cog.toml file - ([500bb66](https://github.com/alisaitteke/seatmap-canvas/commit/500bb66f9c75981169b97dc86e7c62c9f917d651)) - Ali
-
-- - -