radh-ui/dist/cjs/radh-page-container.cjs.entry.js

Stencil Component Starter

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-710e648a.js');

const radhPageContainerCss = ".page-container{position:relative;width:100vw;height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.background{position:absolute;left:0px;top:0px;width:100vw;height:100%}.background ::slotted(*){position:absolute;left:0px;top:0px;width:100%;height:100%}.foreground{position:relative;height:100%;width:calc(100% - var(--size, 8px) * 5);max-width:var(--page-max-width, 1224px)}@media (max-width: 580px){:root{--page-max-width:100%}}";

class PageContainer {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return (index.h("section", { class: "page-container" }, index.h("div", { class: "background" }, index.h("slot", { name: "background" })), index.h("div", { class: "foreground" }, index.h("slot", { name: "foreground" }))));
    }
}
PageContainer.style = radhPageContainerCss;

exports.radh_page_container = PageContainer;