@media-quest/engine 0.0.22 → 0.0.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@media-quest/engine",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "description": "Rendering engine for media-quest schemas.",
   "main": "src/public-api.ts",
   "license": "MIT",

package/src/Delement/DElement.dto.ts

@@ -1,5 +1,5 @@
-import { DImgDto } from "../Delement/DImg";
-import { DTextDto } from "../Delement/DText";
-import { DDivDto } from "../Delement/Ddiv";
-
-export type DElementDto = DTextDto | DImgDto | DDivDto;
+import { DImgDto } from "../Delement/DImg";
+import { DTextDto } from "../Delement/DText";
+import { DDivDto } from "../Delement/Ddiv";
+
+export type DElementDto = DTextDto | DImgDto | DDivDto;

package/src/Delement/DElement.ts

@@ -1,88 +1,88 @@
-import { DStyle, PStyle } from "./DStyle";
-import { ScaleService } from "../engine/scale";
-
-export interface DElementBaseDto {
-  readonly style: PStyle;
-  readonly onMouseEnter?: PStyle;
-  readonly onMouseLeave?: PStyle;
-  readonly onMouseDown?: PStyle;
-  readonly onMouseUp?: PStyle;
-  readonly innerText?: string;
-}
-
-export abstract class DElement<T extends HTMLElement> {
-  protected currStyle: Partial<DStyle> = {
-    fontSize: { _unit: "px", value: 100 },
-    fontWeight: 500,
-    textColor: "black",
-    opacity: 1,
-  };
-
-  protected constructor(
-    protected readonly el: T,
-    protected readonly dto: DElementBaseDto,
-    protected readonly scale: ScaleService,
-  ) {
-    if (dto.innerText) {
-      this.el.innerText = dto.innerText;
-    }
-    this.setStyle = this.setStyle.bind(this);
-    this.normalize = this.normalize.bind(this);
-    this.appendYourself = this.appendYourself.bind(this);
-    this.updateStyles = this.updateStyles.bind(this);
-    const { onMouseEnter, onMouseLeave } = dto;
-
-    if (onMouseEnter) {
-      this.el.onmouseenter = () => {
-        this.setStyle(onMouseEnter);
-      };
-    }
-    if (onMouseLeave) {
-      this.el.onmouseleave = () => {
-        this.setStyle(onMouseLeave);
-      };
-    }
-
-    this.el.onclick = () => {
-      // if (onClick2) {
-      this.onclick();
-      // }
-    };
-    this.normalize();
-
-    if (dto) {
-      this.updateStyles(dto?.style);
-    }
-  }
-
-  /**
-   *  This method is called when the element is clicked.
-   *  This method shall be overridden by the pageClass.
-   * @param actions
-   */
-  onclick() {
-    // console.warn("onclick not implemented");
-  }
-
-  setStyle(style: PStyle) {
-    this.updateStyles(style);
-  }
-
-  appendYourself(parent: { append: (el: HTMLElement) => void }) {
-    parent.append(this.el);
-    // console.log(parent);
-  }
-
-  private normalize() {
-    this.el.style.padding = "0";
-    this.el.style.margin = "0";
-    this.el.style.position = "absolute";
-    this.el.style.boxSizing = "border-box";
-  }
-
-  protected updateStyles(style: Partial<DStyle>) {
-    this.currStyle = Object.assign(this.currStyle, style);
-    DStyle.applyStyles(this.el, this.currStyle, this.scale.scale);
-    window.getComputedStyle(this.el);
-  }
-}
+import { DStyle, PStyle } from "./DStyle";
+import { ScaleService } from "../engine/scale";
+
+export interface DElementBaseDto {
+  readonly style: PStyle;
+  readonly onMouseEnter?: PStyle;
+  readonly onMouseLeave?: PStyle;
+  readonly onMouseDown?: PStyle;
+  readonly onMouseUp?: PStyle;
+  readonly innerText?: string;
+}
+
+export abstract class DElement<T extends HTMLElement> {
+  protected currStyle: Partial<DStyle> = {
+    fontSize: { _unit: "px", value: 100 },
+    fontWeight: 500,
+    textColor: "black",
+    opacity: 1,
+  };
+
+  protected constructor(
+    protected readonly el: T,
+    protected readonly dto: DElementBaseDto,
+    protected readonly scale: ScaleService,
+  ) {
+    if (dto.innerText) {
+      this.el.innerText = dto.innerText;
+    }
+    this.setStyle = this.setStyle.bind(this);
+    this.normalize = this.normalize.bind(this);
+    this.appendYourself = this.appendYourself.bind(this);
+    this.updateStyles = this.updateStyles.bind(this);
+    const { onMouseEnter, onMouseLeave } = dto;
+
+    if (onMouseEnter) {
+      this.el.onmouseenter = () => {
+        this.setStyle(onMouseEnter);
+      };
+    }
+    if (onMouseLeave) {
+      this.el.onmouseleave = () => {
+        this.setStyle(onMouseLeave);
+      };
+    }
+
+    this.el.onclick = () => {
+      // if (onClick2) {
+      this.onclick();
+      // }
+    };
+    this.normalize();
+
+    if (dto) {
+      this.updateStyles(dto?.style);
+    }
+  }
+
+  /**
+   *  This method is called when the element is clicked.
+   *  This method shall be overridden by the pageClass.
+   * @param actions
+   */
+  onclick() {
+    // console.warn("onclick not implemented");
+  }
+
+  setStyle(style: PStyle) {
+    this.updateStyles(style);
+  }
+
+  appendYourself(parent: { append: (el: HTMLElement) => void }) {
+    parent.append(this.el);
+    // console.log(parent);
+  }
+
+  private normalize() {
+    this.el.style.padding = "0";
+    this.el.style.margin = "0";
+    this.el.style.position = "absolute";
+    this.el.style.boxSizing = "border-box";
+  }
+
+  protected updateStyles(style: Partial<DStyle>) {
+    this.currStyle = Object.assign(this.currStyle, style);
+    DStyle.applyStyles(this.el, this.currStyle, this.scale.scale);
+    window.getComputedStyle(this.el);
+  }
+}

package/src/Delement/DImg.ts

@@ -1,39 +1,39 @@
-import { DElement, DElementBaseDto } from "./DElement";
-import { ScaleService } from "../engine/scale";
-import { DTimestamp } from "../common/DTimestamp";
-
-export interface DImgDto extends DElementBaseDto {
-  readonly _tag: "img";
-  // readonly id: string;
-  readonly url: string;
-}
-
-export class DImg extends DElement<HTMLImageElement> {
-  private static IMAGE_COUNT = 0;
-  private readonly imageCount: number;
-  readonly TAG: string;
-  readonly TIMING_TAG: string;
-  private readonly loadStart: DTimestamp;
-
-  constructor(
-    protected readonly dto: DImgDto,
-    readonly scaleService: ScaleService,
-  ) {
-    super(document.createElement("img"), dto, scaleService);
-    DImg.IMAGE_COUNT += 1;
-    this.imageCount = DImg.IMAGE_COUNT;
-    this.TAG = "[D_IMG " + DImg.IMAGE_COUNT + " ]: ";
-    this.TIMING_TAG = "load-time (" + DImg.IMAGE_COUNT + ") ";
-    this.el.loading = "eager";
-    this.el.style.position = "absolute";
-    this.setStyle(dto.style);
-
-    this.loadStart = DTimestamp.now();
-    this.el.onload = () => {};
-    this.el.onerror = () => {};
-    this.el.src = dto.url;
-    console.time(this.TIMING_TAG);
-  }
-
-  log(): void {}
-}
+import { DElement, DElementBaseDto } from "./DElement";
+import { ScaleService } from "../engine/scale";
+import { DTimestamp } from "../common/DTimestamp";
+
+export interface DImgDto extends DElementBaseDto {
+  readonly _tag: "img";
+  // readonly id: string;
+  readonly url: string;
+}
+
+export class DImg extends DElement<HTMLImageElement> {
+  private static IMAGE_COUNT = 0;
+  private readonly imageCount: number;
+  readonly TAG: string;
+  readonly TIMING_TAG: string;
+  private readonly loadStart: DTimestamp;
+
+  constructor(
+    protected readonly dto: DImgDto,
+    readonly scaleService: ScaleService,
+  ) {
+    super(document.createElement("img"), dto, scaleService);
+    DImg.IMAGE_COUNT += 1;
+    this.imageCount = DImg.IMAGE_COUNT;
+    this.TAG = "[D_IMG " + DImg.IMAGE_COUNT + " ]: ";
+    this.TIMING_TAG = "load-time (" + DImg.IMAGE_COUNT + ") ";
+    this.el.loading = "eager";
+    this.el.style.position = "absolute";
+    this.setStyle(dto.style);
+
+    this.loadStart = DTimestamp.now();
+    this.el.onload = () => {};
+    this.el.onerror = () => {};
+    this.el.src = dto.url;
+    console.time(this.TIMING_TAG);
+  }
+
+  log(): void {}
+}