@alisaitteke/seatmap-canvas 2.1.0 → 2.3.0

package/src/lib/canvas.index.ts

@@ -1,9 +1,8 @@
 /*
  * index.ts
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 import "../scss/style.scss";
-
 import {select as d3Select,event as d3Event} from 'd3-selection'
 import Svg from "./svg/svg.index";
 import SeatMapDevTools from "./dev.tools";
@@ -71,7 +70,7 @@ export class SeatMapCanvas {
         this.windowManager.resizeHandler();
         this.zoomManager.init();
 
-        this.eventManager.addEventListener(EventType.CLICK_ZOOMOUT, () => this.zoomManager.zoomToVenue());
+        this.eventManager.addEventListener(EventType.CLICK_ZOOM_OUT, () => this.zoomManager.zoomToVenue());
         this.eventManager.addEventListener(EventType.MULTI_SELECT_ENABLE, () => {
             this.global.multi_select = true;
             this.node.classed("multi-select-enable", true);

package/src/lib/config.ts

@@ -1,6 +1,6 @@
 /*
  * config.ts
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 export class SeatMapConfig {

package/src/lib/decorators/dom.ts

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 

package/src/lib/decorators/index.ts

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 export * from "./dom";

package/src/lib/dev.tools.ts

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import {SeatMapCanvas} from "./canvas.index";

package/src/lib/enums/global.ts

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 enum BLOCK_EVENT {
@@ -35,8 +35,8 @@ export enum EventType {
 
     RESIZE_WINDOW = "WINDOW.RESIZE",
 
-    CLICK_ZOOMOUT = "ZOOM-OUT-BG.CLICK",
-    MOUSEMOVE_ZOOMOUT = "ZOOM-OUT-BG.MOUSEMOVE",
+    CLICK_ZOOM_OUT = "ZOOM-OUT-BG.CLICK",
+    MOUSEMOVE_ZOOM_OUT = "ZOOM-OUT-BG.MOUSEMOVE",
 
     KEYDOWN_SVG = "KEYDOWN.SEATMAP-SVG",
     KEYUP_SVG = "KEYUP.SEATMAP-SVG",

package/src/lib/models/block.model.ts

@@ -1,6 +1,5 @@
 /*
- * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 
@@ -10,19 +9,20 @@ import ModelBase from "./model.base";
 
 
 export default class BlockModel extends ModelBase {
-    private _id: string;
-    private _seats: Array<SeatModel>;
-    private _labels: Array<LabelModel>;
-    private _title: String;
-    private _bounds: any;
-    private _width: number;
-    private _height: number;
-    private _x: number;
-    private _y: number;
-    private _color: string;
-    private _border_color: string;
-    private _bbox: any;
-    private _zoom_bbox: any;
+    id: string;
+    seats: Array<SeatModel>;
+    labels: Array<LabelModel>;
+    title: String;
+    bounds: any;
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    color: string;
+    border_color: string;
+    bbox: any;
+    zoom_bbox: any;
+    rotate: number;
 
     constructor(item: any) {
         super();
@@ -35,125 +35,20 @@ export default class BlockModel extends ModelBase {
         this.color = item.color || "#f1f1f1";
         this.border_color = item.border_color || "#f1f1f1";
         this.title = item.title;
+        this.rotate = item.rotate || 0;
 
         this.labels = item.labels.map((item: any) => {
-                item.block = this;
-                return new LabelModel(item);
-            }) || [];
+            item.block = this;
+            return new LabelModel(item);
+        }) || [];
 
         this.seats = item.seats.map((item: any) => {
-                item.block = this;
-                let seat:SeatModel = new SeatModel(item);
-                return seat;
-            }) || [];
+            item.block = this;
+            let seat: SeatModel = new SeatModel(item);
+            return seat;
+        }) || [];
     }
 
-    get seats(): Array<SeatModel> {
-        return this._seats;
-    }
-
-    set seats(value: Array<SeatModel>) {
-        this._seats = value;
-    }
-
-    get labels(): Array<LabelModel> {
-        return this._labels;
-    }
-
-    set labels(value: Array<LabelModel>) {
-        this._labels = value;
-    }
-
-    get title(): String {
-        return this._title;
-    }
-
-    set title(value: String) {
-        this._title = value;
-    }
-
-    get bounds(): any {
-        return this._bounds;
-    }
-
-    set bounds(value: any) {
-        this._bounds = value;
-    }
-
-    get width(): number {
-        return this._width;
-    }
-
-    set width(value: number) {
-        this._width = value;
-    }
-
-    get height(): number {
-        return this._height;
-    }
-
-    set height(value: number) {
-        this._height = value;
-    }
-
-    get x(): number {
-        return this._x;
-    }
-
-    set x(value: number) {
-        this._x = value;
-    }
-
-    get y(): number {
-        return this._y;
-    }
-
-    set y(value: number) {
-        this._y = value;
-    }
-
-    get id(): string {
-        return this._id;
-    }
-
-    set id(value: string) {
-        this._id = value;
-    }
-
-    get color(): string {
-        return this._color;
-    }
-
-    set color(value: string) {
-        this._color = value;
-    }
-
-
-    get border_color(): string {
-        return this._border_color;
-    }
-
-    set border_color(value: string) {
-        this._border_color = value;
-    }
-
-
-    get bbox(): any {
-        return this._bbox;
-    }
-
-    set bbox(value: any) {
-        this._bbox = value;
-    }
-
-
-    get zoom_bbox(): any {
-        return this._zoom_bbox;
-    }
-
-    set zoom_bbox(value: any) {
-        this._zoom_bbox = value;
-    }
 
     toJson() {
         return {

package/src/lib/models/coordinate.model.ts

@@ -1,13 +1,12 @@
 /*
- * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 
 export class CoordinateModel {
 
-    private _x: number;
-    private _y: number;
+    private x: number;
+    private y: number;
 
     constructor(item?: any) {
         this.x = item.x || 0;
@@ -19,22 +18,6 @@ export class CoordinateModel {
     }
 
 
-    get x(): number {
-        return this._x;
-    }
-
-    set x(value: number) {
-        this._x = value;
-    }
-
-    get y(): number {
-        return this._y;
-    }
-
-    set y(value: number) {
-        this._y = value;
-    }
-
     toJson() {
         return {}
     }

package/src/lib/models/data.model.ts

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 
@@ -10,13 +10,14 @@ import EventManager from "../svg/event.manager";
 import {SeatMapCanvas} from "../canvas.index";
 import {SeatItem} from "../svg/stage/blocks/block-item/seat/seat-item.index";
 import SeatModel from "./seat.model";
+import Block from "../svg/stage/blocks/block-item/block-item.index";
 
 interface BlockQuery {
     id?: number | string
 }
 
 export default class DataModel {
-    private blocks: Array<BlockModel>;
+    blocks: Array<BlockModel>;
 
 
     private eventManager: EventManager;
@@ -37,6 +38,7 @@ export default class DataModel {
 
     public addBulkBlock(block_data: Array<BlockModel>): this {
         block_data.map((item: any) => {
+            console.log('item',item)
             this.blocks.push(new BlockModel(item));
         });
         this.eventManager.dispatch(EventType.ADD_BLOCK, [block_data]);
@@ -50,13 +52,25 @@ export default class DataModel {
         return this;
     }
 
-    public getBlock(id: string | number): BlockModel {
-        return this.blocks.find((item: BlockModel) => item.id === id);
+    public getBlock(id: string | number): BlockModel | null {
+        const block = this.blocks.find((item: BlockModel) => item.id === id)
+        if (block) {
+            return block
+        } else {
+            return null
+        }
     }
 
     public getBlocks(blockId?: string): Array<BlockModel> {
-        if (blockId)
-            return [this.getBlock(blockId)];
+        if (blockId) {
+            const block = this.getBlock(blockId)
+            if (block) {
+                return [block];
+            } else {
+                return []
+            }
+
+        }
         return this.blocks;
     }
 
@@ -69,13 +83,19 @@ export default class DataModel {
         return this;
     }
 
-    public getSeat(seatId: string | number, blockId: string | number): SeatModel {
-        let block: BlockModel = this.getBlock(blockId);
+    public getSeat(seatId: string | number, blockId: string | number): SeatModel | null {
+        let block: BlockModel = this.getBlock(blockId) as BlockModel;
         if (block) {
-            return block.seats.find(seat => seat.id == seatId)
+            const seat = block.seats.find(seat => seat.id == seatId)
+            if (seat)
+                return seat
+            else {
+                return null
+            }
         } else {
             console.error(new Error('Block not found!'));
             new Error('Block not found')
+            return null;
         }
 
     }

package/src/lib/models/defaults.model.ts

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 
@@ -14,7 +14,7 @@ export default class DefaultsModel {
     container: any = null;
     zoom_focus_circle_radius: number = 60;
     click_enable_sold_seats: boolean = false;
-    zoom_out_button: string = null;
+    zoom_out_button: string;
     legend_show: boolean = false;
     canvas_stageout_control: boolean = true;
     seat_style: {
@@ -25,7 +25,9 @@ export default class DefaultsModel {
         hover: string,
         focus: string,
         focus_out: string,
-        check_color: string
+        check_color: string,
+        check_icon: string | null,
+        check_icon_color: string,
     };
     block_style: {
         fill: string
@@ -38,7 +40,8 @@ export default class DefaultsModel {
     legend_style: {
         radius: number,
         padding: number,
-        font_size: number
+        font_size: number,
+        font_color: string
     };
 
     label_style: {
@@ -83,6 +86,8 @@ export default class DefaultsModel {
             focus: config.seat_style && config.seat_style.focus || "#6293d2",
             focus_out: config.seat_style && config.seat_style.focus_out || "#ff001c",
             check_color: config.seat_style && config.seat_style.check_color || "#ffffff",
+            check_icon: null,
+            check_icon_color: config.seat_style && config.seat_style.check_icon_color || "#ffffff",
         };
         this.block_style = {
             fill: config.block_style && config.block_style.fill || "#ffffff",
@@ -101,6 +106,7 @@ export default class DefaultsModel {
             radius: config.legend_style && config.legend_style.radius || 12,
             padding: config.legend_style && config.legend_style.padding || 36,
             font_size: config.legend_style && config.legend_style.font_size || 100,
+            font_color: config.legend_style && config.legend_style.font_color || "#000000",
         };
         this.tooltip_style = {
             border_width: config.tooltip_style && config.tooltip_style.border_width || 1,

package/src/lib/models/global.model.ts

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 import DefaultsModel from "./defaults.model";

package/src/lib/models/label.model.ts

@@ -1,6 +1,6 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 
@@ -9,11 +9,11 @@ import BlockModel from "./block.model";
 import ModelBase from "./model.base";
 
 export default class LabelModel extends ModelBase {
-    private _x: number;
-    private _y: number;
-    private _title: string;
+    x: number;
+    y: number;
+    title: string;
 
-    private _block: BlockModel;
+    block: BlockModel;
 
     constructor(item: any) {
         super();
@@ -22,37 +22,4 @@ export default class LabelModel extends ModelBase {
         this.title = item.title;
         this.block = item.block;
     }
-
-
-    get x(): number {
-        return this._x;
-    }
-
-    set x(value: number) {
-        this._x = value;
-    }
-
-    get y(): number {
-        return this._y;
-    }
-
-    set y(value: number) {
-        this._y = value;
-    }
-
-    get title(): string {
-        return this._title;
-    }
-
-    set title(value: string) {
-        this._title = value;
-    }
-
-    get block(): BlockModel {
-        return this._block;
-    }
-
-    set block(value: BlockModel) {
-        this._block = value;
-    }
 }

package/src/lib/models/legend.model.ts

@@ -1,17 +1,16 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 
-
 import ModelBase from "./model.base";
 
 export default class LegendModel extends ModelBase {
-    private _x: number;
-    private _y: number;
-    private _title: string;
-    private _color:string;
+    x: number;
+    y: number;
+    title: string;
+    color: string;
 
 
     constructor(item: any) {
@@ -19,38 +18,7 @@ export default class LegendModel extends ModelBase {
         this.x = item.x;
         this.y = item.y;
         this.title = item.title;
+        this.color = item.color;
     }
 
-
-    get x(): number {
-        return this._x;
-    }
-
-    set x(value: number) {
-        this._x = value;
-    }
-
-    get y(): number {
-        return this._y;
-    }
-
-    set y(value: number) {
-        this._y = value;
-    }
-
-    get title(): string {
-        return this._title;
-    }
-
-    set title(value: string) {
-        this._title = value;
-    }
-
-    get color(): string {
-        return this._color;
-    }
-
-    set color(value: string) {
-        this._color = value;
-    }
 }

package/src/lib/models/model.base.ts

@@ -1,32 +1,15 @@
 /*
  * $project.fileName
- * https://github.com/seatmap/canvas Copyright 2018 Ali Sait TEKE
+ * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
  */
 
 export default class ModelBase {
-    private _child_index: number = null;
-    private _item_type: string;
+    child_index: number | null;
+    item_type: string | null;
 
 
     constructor() {
-
-    }
-
-
-    get child_index(): number {
-        return this._child_index;
-    }
-
-    set child_index(value: number) {
-        this._child_index = value;
-    }
-
-
-    get item_type(): string {
-        return this._item_type;
-    }
-
-    set item_type(value: string) {
-        this._item_type = value;
+        this.child_index = null;
+        this.item_type = null
     }
 }