import{r as t,h as e,g as l}from"./p-3b76effa.js";class s{constructor(e){t(this,e),this.gridGap="0px",this.cellWidth="230px",this.cellHeight="210px",this.paddingStyle="0 0 0 0"}componentDidLoad(){this.class=this.host.className,this.host.querySelectorAll("header").length&&(this.host.querySelectorAll("header").item(0).className+=" header"),this.host.querySelectorAll("aside").length&&(this.host.querySelectorAll("aside").item(0).className+=" sidebar"),this.host.querySelectorAll("article").length&&(this.host.querySelectorAll("article").item(0).className+=" content"),this.host.querySelectorAll("footer").length&&(this.host.querySelectorAll("footer").item(0).className+=" footer"),this.host.querySelectorAll(".ema-layout-wrapper").item(0).style.gridGap=this.gridGap;let t,e=this.host.querySelectorAll(".ema-layout-wrapper > *");for(t=0;t<e.length;++t)e[t].style.padding=this.paddingStyle;if(this.class.match("layout-grid-fill")){let t=this.host.getElementsByClassName("ema-layout-wrapper")[0];t.style.gridTemplateColumns="repeat(auto-fill, minmax("+this.cellWidth+", 1fr))",t.style.gridAutoRows=" minmax("+this.cellHeight+", auto)"}}render(){return e("div",{class:"ema-layout-wrapper"},e("slot",null),e("slot",null))}get host(){return l(this)}static get style(){return":root{--ema-color:#343a40;--ema-primary:#007bff;--ema-secondary:#6c757d;--ema-success:#28a745;--ema-info:#17a2b8;--ema-warning:#ffc107;--ema-danger:#dc3545;--ema-light:#f8f9fa;--ema-dark:#343a40;--ema-background:#fff;--ema-background-diap:rgba(29,29,29,0.97);--ema-border-color:#c5c9cd;--ema-border:1px solid #c5c9cd;--ema-border-radius:3px 3px 3px 3px;--ema-box-shadow:1px 1px 10px 1px #ccc;--ema-margin:0.25rem;--ema-margin-sm:0.5rem;--ema-margin-md:1rem;--ema-margin-lg:1.5rem;--ema-margin-xl:2rem;--ema-padding:0.25rem;--ema-padding-sm:0.5rem;--ema-padding-md:1rem;--ema-padding-lg:1.5rem;--ema-padding-xl:2rem;--ema-gray-100:#f8f9fa;--ema-gray-200:#e9ecef;--ema-gray-300:#dee2e6;--ema-gray-400:#ced4da;--ema-gray-500:#adb5bd;--ema-gray-600:#868e96;--ema-gray-700:#495057;--ema-gray-800:#343a40;--ema-gray-900:#212529}\@media screen and (min-width:500px){.layout-header-content80-sidebar20-footer .ema-layout-wrapper,.layout-header-sidebar20-content80-footer .ema-layout-wrapper,.layout-header-sidebar50-content50-footer .ema-layout-wrapper{display:grid}.layout-header-content80-sidebar20-footer .sidebar,.layout-header-sidebar20-content80-footer .sidebar,.layout-header-sidebar50-content50-footer .sidebar{float:left;width:20%}.layout-header-content80-sidebar20-footer .content,.layout-header-sidebar20-content80-footer .content,.layout-header-sidebar50-content50-footer .content{float:right;width:80%}.layout-header-content80-sidebar20-footer .ema-layout-wrapper,.layout-header-sidebar20-content80-footer .ema-layout-wrapper,.layout-header-sidebar50-content50-footer .ema-layout-wrapper{margin:0 auto;grid-template-columns:1fr 3fr}.layout-header-content80-sidebar20-footer .footer,.layout-header-content80-sidebar20-footer .header,.layout-header-sidebar20-content80-footer .footer,.layout-header-sidebar20-content80-footer .header,.layout-header-sidebar50-content50-footer .footer,.layout-header-sidebar50-content50-footer .header{grid-column:1/-1;clear:both}}.layout-header-content80-sidebar20-footer .ema-layout-wrapper>*,.layout-header-sidebar20-content80-footer .ema-layout-wrapper>*,.layout-header-sidebar50-content50-footer .ema-layout-wrapper>*{margin-bottom:10px}\@supports (display:grid){.layout-header-content80-sidebar20-footer .ema-layout-wrapper>*,.layout-header-sidebar20-content80-footer .ema-layout-wrapper>*,.layout-header-sidebar50-content50-footer .ema-layout-wrapper>*{width:auto;margin:0}}\@media screen and (min-width:500px){.layout-header-content80-sidebar20-footer .ema-layout-wrapper{grid-template-columns:3fr 1fr}.layout-header-content80-sidebar20-footer .sidebar{float:right}.layout-header-content80-sidebar20-footer .content{float:left}}.layout-header-content50-sidebar50-footer .ema-layout-wrapper{grid-template-columns:1fr 1fr}.layout-header-content50-sidebar50-footer .sidebar{float:left;min-width:49.1489%}.layout-header-content50-sidebar50-footer .content{float:right;width:49.7872%}.layout-grid-fill .ema-layout-wrapper{grid-gap:10px;justify-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;display:grid;margin:0 auto;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-rows:minmax(210px,auto)}.layout-grid-fill .content{margin-left:5px;margin-right:5px;-ms-flex:1 1 230px;flex:1 1 230px}.layout-grid-fill .ema-layout-wrapper>*{margin-bottom:10px}\@supports (display:grid){.layout-grid-fill .ema-layout-wrapper>*{margin:0}}"}}export{s as ema_layout};