refactor(svg): remove unnecessary comments and metadata from SVG file…

…s to reduce file size and improve readability

fix(example.js): update customSeatSvg path to use seat-2.svg for consistency with updated assets
fix(seat-item.custom-area.ts): adjust transform translate value to correct seat positioning
fix(seat-item.custom.ts): adjust transform translate value and add viewBox attribute for correct SVG rendering and positioning

examples/example.js

@@ -39,20 +39,7 @@ $(document).ready(function () {
             gapY: 80,
             minItem: 100,
             maxItem: 200,
-            customSeatSvg: 'assets/seat-1.svg',
-            seatRadius: 50,
-            cellMin: 8,
-            cellMax: 12,
-            blockGap: 100
-        },
-        {
-            title: 'Chair',
-            blockSize: 4,
-            gapX: 80,
-            gapY: 80,
-            minItem: 100,
-            maxItem: 200,
-            customSeatSvg: 'assets/seat-1.svg',
+            customSeatSvg: 'assets/seat-2.svg',
             seatRadius: 50,
             cellMin: 8,
             cellMax: 12,

src/lib/svg/stage/blocks/block-item/seat/seat-item.custom-area.ts

@@ -20,7 +20,7 @@ export class SeatItemCustomSvgArea extends SvgBase {
         this.attr("fill", this.global.config.style.label.color);
         this.attr("opacity", 0);
         this.attr("r", this.global.config.style.seat.radius / 1.5);
-        this.attr("transform", `translate(${(this.global.config.style.seat.radius / 2) },630)`);
+        this.attr("transform", `translate(${(this.global.config.style.seat.radius / 2) },500)`);
 
         return this;
     }

src/lib/svg/stage/blocks/block-item/seat/seat-item.custom.ts

@@ -19,7 +19,7 @@ export class SeatItemCustomSvg extends SvgBase {
 
     constructor(public parent: SeatItem, public customSvg: any) {
         super(parent);
-        this.attr("transform", `translate(${(this.global.config.style.seat.radius / 2) * -1},-630)`);
+        this.attr("transform", `translate(${(this.global.config.style.seat.radius / 2) * -1},-500)`);
         return this;
     }
 
@@ -33,7 +33,18 @@ export class SeatItemCustomSvg extends SvgBase {
         super.domGenerate(to, index);
         const importedSVG = select(this.customSvg.documentElement.cloneNode(true));
         importedSVG.attr('width', this.global.config.style.seat.radius)
+        importedSVG.attr('viewBox',`0 0 ${this.global.config.style.seat.radius} ${this.global.config.style.seat.radius}`)
+
         this.node.node().append(importedSVG.node())
+
+
+        // const importedElements = Array.from(this.customSvg.documentElement.cloneNode(true).children);
+        // console.log('importedElements',importedElements)
+        //
+        // importedElements.forEach(element => {
+        //     this.node.node().appendChild(element); // Her bir öğeyi ekle
+        // });
+
         this.addChild(new SeatItemCustomSvgArea(this))
         return this