@alisaitteke/seatmap-canvas 2.3.0 → 2.4.1

package/src/lib/decorators/dom.ts

@@ -1,40 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-interface DomInterface {
-    tag?: string,
-    class?: string,
-    event_code?: string,
-    autoGenerate?: boolean
-}
-
-export function dom(values: DomInterface) {
-    return function (target: any) {
-        target.prototype['dom_params'] = {};
-        if (values.tag) {
-            target.prototype['dom_params']['tag'] = values.tag
-        }
-        if (values.class) {
-            target.prototype['dom_params']['class'] = values.class
-        }
-
-        if (values.event_code) {
-            target.prototype['dom_params']['event_code'] = values.event_code
-        }else{
-            if (values.class) {
-                target.prototype['dom_params']['event_code'] = values.class
-            }
-
-        }
-
-        if (typeof values.autoGenerate !== "undefined") {
-            target.prototype['dom_params']['autoGenerate'] = values.autoGenerate;
-        } else {
-            target.prototype['dom_params']['autoGenerate'] = true;
-        }
-
-    }
-}

package/src/lib/decorators/index.ts

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

package/src/lib/dev.tools.ts

@@ -1,18 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-import {SeatMapCanvas} from "./canvas.index";
-
-export default class SeatMapDevTools {
-    constructor(private context: SeatMapCanvas) {
-    }
-
-    public log(...messages: any[]): this {
-        console.log(messages);
-        return this;
-    }
-
-
-}

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

@@ -1,65 +0,0 @@
-/*
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-import SeatModel from "./seat.model";
-import LabelModel from "./label.model";
-import ModelBase from "./model.base";
-
-
-export default class BlockModel extends ModelBase {
-    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();
-        this.id = item.id ? item.id : (Math.random() * 1000).toString();
-        this.width = item.width || null;
-        this.height = item.height || null;
-        this.x = item.x || null;
-        this.y = item.y || null;
-        this.bounds = item._bounds || [];
-        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);
-        }) || [];
-
-        this.seats = item.seats.map((item: any) => {
-            item.block = this;
-            let seat: SeatModel = new SeatModel(item);
-            return seat;
-        }) || [];
-    }
-
-
-    toJson() {
-        return {
-            id: this.id,
-            title: this.title,
-            x: this.x,
-            y: this.y,
-            color: this.color,
-            width: this.width,
-            height: this.height
-
-        }
-    }
-}

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

@@ -1,26 +0,0 @@
-/*
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-export class CoordinateModel {
-
-    private x: number;
-    private y: number;
-
-    constructor(item?: any) {
-        this.x = item.x || 0;
-        this.y = item.y || 0;
-    }
-
-    toArray() {
-        return [this.x, this.y];
-    }
-
-
-    toJson() {
-        return {}
-    }
-}
-
-

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

@@ -1,125 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-import BlockModel from "./block.model";
-import {EventType} from "../enums/global";
-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 {
-    blocks: Array<BlockModel>;
-
-
-    private eventManager: EventManager;
-    public addEventListener: any;
-
-    constructor(private _self: SeatMapCanvas) {
-        this.blocks = [];
-        this.eventManager = _self.eventManager;
-        this.addEventListener = _self.eventManager.addEventListener;
-    }
-
-    public addBlock(block_data: any): this {
-        this.blocks.push(new BlockModel(block_data));
-        this.eventManager.dispatch(EventType.ADD_BLOCK, [block_data]);
-        this.eventManager.dispatch(EventType.UPDATE_BLOCK, this.blocks);
-        return this;
-    }
-
-    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]);
-        this.eventManager.dispatch(EventType.UPDATE_BLOCK, this.blocks);
-        return this;
-    }
-
-    public replaceData(block_data: Array<any>): this {
-        this.blocks = [];
-        this.addBulkBlock(block_data);
-        return this;
-    }
-
-    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) {
-            const block = this.getBlock(blockId)
-            if (block) {
-                return [block];
-            } else {
-                return []
-            }
-
-        }
-        return this.blocks;
-    }
-
-    public removeBlock(id: string | number): this {
-        this.filterBlock({id: id}).map((item: BlockModel, index: number) => {
-            this.blocks.splice(index, 1);
-        });
-        this.eventManager.dispatch(EventType.REMOVE_BLOCK, id);
-        this.eventManager.dispatch(EventType.UPDATE_BLOCK, this.blocks);
-        return this;
-    }
-
-    public getSeat(seatId: string | number, blockId: string | number): SeatModel | null {
-        let block: BlockModel = this.getBlock(blockId) as BlockModel;
-        if (block) {
-            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;
-        }
-
-    }
-
-    public getSelectedSeats(blockId?: string): Array<SeatModel> {
-        let blocks = this.getBlocks(blockId);
-        let selectedSeats: Array<SeatModel> = [];
-        blocks.forEach((item: BlockModel) => {
-            item.seats.forEach(seatItem => {
-                if (seatItem.selected)
-                    selectedSeats.push(seatItem)
-            })
-        });
-        return selectedSeats;
-    }
-
-    public filterBlock(query: BlockQuery): Array<BlockModel> {
-        return this.blocks.filter((item: BlockModel) => item.id === query.id)
-    }
-
-
-    toJson() {
-        return {
-            blocks: this.blocks
-        }
-    }
-}

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

@@ -1,131 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-// @todo legend show hide function
-
-export default class DefaultsModel {
-    min_zoom: number = 0.1;
-    max_zoom: number = 1.9;
-    animation_speed: number = 600;
-    resizable: boolean = false;
-    container: any = null;
-    zoom_focus_circle_radius: number = 60;
-    click_enable_sold_seats: boolean = false;
-    zoom_out_button: string;
-    legend_show: boolean = false;
-    canvas_stageout_control: boolean = true;
-    seat_style: {
-        radius: number,
-        color: string,
-        not_salable: string,
-        selected: string,
-        hover: string,
-        focus: string,
-        focus_out: string,
-        check_color: string,
-        check_icon: string | null,
-        check_icon_color: string,
-    };
-    block_style: {
-        fill: string
-        stroke: string,
-        border_width: number,
-        title_color: string,
-        title_font_size: string
-    };
-
-    legend_style: {
-        radius: number,
-        padding: number,
-        font_size: number,
-        font_color: string
-    };
-
-    label_style: {
-        color: string
-        bg: string
-        font_size: number
-        radius: number
-    };
-
-    tooltip_style: {
-        border_width: string,
-        width: number,
-        height: number,
-        color: string,
-        bg: string
-    };
-
-    lang: {
-        selectable: string,
-        non_selectable: string,
-        your_selection: string
-    };
-
-    constructor(config: any) {
-
-        this.zoom_focus_circle_radius = config.zoom_focus_circle_radius ? config.zoom_focus_circle_radius : this.zoom_focus_circle_radius;
-        this.click_enable_sold_seats = config.click_enable_sold_seats ? config.click_enable_sold_seats : this.click_enable_sold_seats;
-        this.max_zoom = config.max_zoom ? config.max_zoom : this.max_zoom;
-
-        this.resizable = config.resizable ? config.resizable : this.resizable;
-        this.zoom_out_button = config.zoom_out_button ? config.zoom_out_button : ".zoom-out-button";
-        this.legend_show = config.legend_show == false ? config.legend_show : true;
-        this.canvas_stageout_control = config.canvas_stageout_control == false ? config.canvas_stageout_control : true;
-
-
-        this.seat_style = {
-            radius: config.seat_style && config.seat_style.radius || 12,
-            color: config.seat_style && config.seat_style.color || "#77b2ff",
-            not_salable: config.seat_style && config.seat_style.not_salable || "#ccc9c9",
-            selected: config.seat_style && config.seat_style.selected || "#51ff48",
-            hover: config.seat_style && config.seat_style.hover || "#4770ff",
-            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",
-            stroke: config.block_style && config.block_style.stroke || "#ffffff",
-            border_width: config.block_style && config.block_style.border_width || 4,
-            title_color: config.block_style && config.block_style.title_color || "#000000",
-            title_font_size: config.block_style && config.block_style.title_font_size || 28,
-        };
-        this.label_style = {
-            color: config.label_style && config.label_style.color || "#000000",
-            bg: config.label_style && config.label_style.bg || "#ffffff",
-            font_size: config.label_style && config.label_style.font_size || 12,
-            radius: config.label_style && config.label_style.radius || 12,
-        };
-        this.legend_style = {
-            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,
-            width: config.tooltip_style && config.tooltip_style.width || 140,
-            height: config.tooltip_style && config.tooltip_style.height || 58,
-            color: config.tooltip_style && config.tooltip_style.color || "#000000",
-            bg: config.tooltip_style && config.tooltip_style.bg || "#ffffff"
-        };
-
-        this.lang = {
-            selectable: config.lang && config.lang.selectable || "Selectable",
-            non_selectable: config.lang && config.lang.non_selectable || "Non Selectable or Rezerved",
-            your_selection: config.lang && config.lang.your_selection || "Your Selection",
-        };
-
-
-    }
-
-    getAll(): this {
-        return this;
-    }
-}

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

@@ -1,24 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-import DefaultsModel from "./defaults.model";
-import DataModel from "./data.model";
-import {SeatMapCanvas} from "../canvas.index";
-import ZoomManager from "../svg/zoom.manager";
-import EventManager from "../svg/event.manager";
-import Svg from "../svg/svg.index";
-import WindowManager from "../window.manager";
-
-export interface GlobalModel {
-    config: DefaultsModel,
-    eventManager: EventManager,
-    windowManager:WindowManager,
-    data: DataModel,
-    root: SeatMapCanvas,
-    zoomManager: ZoomManager,
-    svg:Svg,
-    multi_select:boolean,
-    best_available:boolean
-}

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

@@ -1,25 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-
-import BlockModel from "./block.model";
-import ModelBase from "./model.base";
-
-export default class LabelModel extends ModelBase {
-    x: number;
-    y: number;
-    title: string;
-
-    block: BlockModel;
-
-    constructor(item: any) {
-        super();
-        this.x = item.x;
-        this.y = item.y;
-        this.title = item.title;
-        this.block = item.block;
-    }
-}

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

@@ -1,24 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-import ModelBase from "./model.base";
-
-export default class LegendModel extends ModelBase {
-    x: number;
-    y: number;
-    title: string;
-    color: string;
-
-
-    constructor(item: any) {
-        super();
-        this.x = item.x;
-        this.y = item.y;
-        this.title = item.title;
-        this.color = item.color;
-    }
-
-}

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

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

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

@@ -1,74 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-import BlockModel from "./block.model";
-import ModelBase from "./model.base";
-import {SeatItem} from "../svg/stage/blocks/block-item/seat/seat-item.index";
-
-export default class SeatModel extends ModelBase {
-    id: any;
-    x: number;
-    y: number;
-    title?: string;
-    selected: boolean;
-    color: string;
-    block: BlockModel;
-    salable: boolean;
-    note: string;
-    tags: Array<string>;
-    tag_index: any = {};
-    custom_data: any;
-    svg: SeatItem | null;
-
-    // public item_type: string = "Seat";
-
-
-    constructor(item: any) {
-        super();
-        this.id = item.id;
-        this.x = item.x;
-        this.y = item.y;
-        this.title = item.title || null;
-        this.color = item.color || null;
-        this.block = item.block;
-        this.note = item.note || null;
-        this.salable = item.salable === false ? item.salable : true;
-        this.selected = item.selected || false;
-        this.tags = item.tags || [];
-        this.custom_data = item.custom_data || {};
-        this.tag_index = {};
-        this.svg = null
-    }
-
-    public selectedToggle(): boolean {
-        this.selected = this.selected !== true;
-        return this.selected;
-    }
-
-
-    public addTag(tag: string) {
-        if (!this.tag_index[tag]) {
-            this.tag_index[tag] = true;
-            this.tags.push(tag);
-        }
-    }
-
-    public removeTags(tag: string) {
-
-    }
-
-    public toJson() {
-        return {
-            id: this.id,
-            x: this.x,
-            y: this.y,
-            salable: this.salable,
-            note: this.note,
-            color: this.color,
-            block: this.block.toJson()
-        }
-    }
-}

package/src/lib/svg/event.manager.ts

@@ -1,48 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-import {SeatMapCanvas} from "../canvas.index";
-import {isArray} from "rxjs/internal/util/isArray";
-
-
-export interface EventObject {
-    type: string,
-    fn: any
-}
-
-export default class EventManager {
-    events: Array<EventObject>;
-
-
-    constructor(private _self: SeatMapCanvas) {
-        this.events = [];
-    }
-
-    addEventListener(type: string | any, fn: any): this {
-        if (isArray(type)) {
-            for (let i = 0; i < type.length; i++) {
-                this.events.push({
-                    type: type[i],
-                    fn: fn
-                });
-            }
-        } else {
-            this.events.push({
-                type: type,
-                fn: fn
-            });
-        }
-
-        return this;
-    }
-
-    dispatch(type: string, data: any): this {
-        this.events
-            .filter((event: EventObject) => event.type === type)
-            .map((event: EventObject) => event.fn(data));
-        return this;
-    }
-
-}

package/src/lib/svg/legend/legend.circle.ts

@@ -1,28 +0,0 @@
-/*
- * $project.fileName
- * https://github.com/alisaitteke/seatmap-canvas Copyright 2023 Ali Sait TEKE
- */
-
-
-import {dom} from "../../decorators";
-import SvgBase from "./../svg.base";
-import LegendItem from "./legend.item";
-
-@dom({
-    tag: "circle",
-    class: "legend-circle",
-    autoGenerate: false
-})
-export default class LegendCircle extends SvgBase {
-
-
-    constructor(public parent: LegendItem) {
-        super(parent);
-        this.attr("r", this.global.config.legend_style.radius);
-        this.attr("fill", this.parent.legend_data.color);
-    }
-
-    update() {
-
-    }
-}