@bulmil/core/dist/esm/bm-container.entry.js

/*!
 * Bulmil - MIT License
 */
import { r as registerInstance, h, H as Host } from './index-8f15c9d4.js';

const containerCss = ".container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.container.is-fluid{max-width:none !important;padding-left:32px;padding-right:32px;width:100%}@media screen and (min-width: 1024px){.container{max-width:960px}}@media screen and (max-width: 1215px){.container.is-widescreen:not(.is-max-desktop){max-width:1152px}}@media screen and (max-width: 1407px){.container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}}@media screen and (min-width: 1216px){.container:not(.is-max-desktop){max-width:1152px}}@media screen and (min-width: 1408px){.container:not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}}bm-container{display:block}";

let Container = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    /**
     * Fluid container
     */
    this.isFluid = false;
  }
  render() {
    return (h(Host, { class: {
        container: true,
        'is-fluid': this.isFluid,
        [this.breakpoint]: Boolean(this.breakpoint),
      } }));
  }
};
Container.style = containerCss;

export { Container as bm_container };