@bulmil/core/dist/components/bm-container.js


/*!
 * Bulmil - MIT License
 */
import { HTMLElement, h, Host, proxyCustomElement } from '@stencil/core/internal/client';

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 extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    /**
     * Fluid container
     */
    this.isFluid = false;
  }
  render() {
    return (h(Host, { class: {
        container: true,
        'is-fluid': this.isFluid,
        [this.breakpoint]: Boolean(this.breakpoint),
      } }));
  }
  static get style() { return containerCss; }
};
Container = /*@__PURE__*/ proxyCustomElement(Container, [0, "bm-container", {
    "breakpoint": [1],
    "isFluid": [4, "is-fluid"]
  }]);
function defineCustomElement$1() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["bm-container"];
  components.forEach(tagName => { switch (tagName) {
    case "bm-container":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, Container);
      }
      break;
  } });
}

const BmContainer = Container;
const defineCustomElement = defineCustomElement$1;

export { BmContainer, defineCustomElement };