import { DeesElement, property, html, customElement, type TemplateResult, css, cssManager, unsafeCSS, } from "@design.estate/dees-element"; import * as domtools from "@design.estate/dees-domtools"; import * as plugins from "../plugins.js"; declare global { interface HTMLElementTagNameMap { "dedocument-pagecontainer": DePageContainer; } } @customElement("dedocument-pagecontainer") export class DePageContainer extends DeesElement { public static demo = () => html` `; @property({ type: String, }) public format: "a4" = "a4"; @property({ type: Boolean, }) public printMode = false; constructor() { super(); domtools.DomTools.setupDomTools(); } public static styles = [ domtools.elementBasic.staticStyles, css` :host { display: block; padding: 0px; width: ${unsafeCSS(plugins.shared.A4_WIDTH + "px")}; height: ${unsafeCSS(plugins.shared.A4_HEIGHT + "px")}; position: relative; border-radius: 3px; overflow: hidden; } `, ]; public render(): TemplateResult { return html` `; } }