https://www.principal.com/profiles/contrib/houston/modules/pfg_pds…/components/5.22.1/es/layout-container.js

1import { html as p } from "lit";
2import { property as l } from "lit/decorators.js";
3import { pdsCustomElement as m } from "./pds-custom-element.js";
4import { P as c } from "./PdsElement.BuTF7VEW.js";
5const u = "*,::slotted(*),*:before,*:after{box-sizing:border-box}:host{--pds-layout-container-max-width: var( --pds-component-layout-container-max-width-default );--pds-layout-container-max-width-narrow: var( --pds-component-layout-container-max-width-narrow );display:block}.pds-l-layout-container{width:100%;max-width:var(--pds-layout-container-max-width);padding-right:calc(var(--pds-base-unit) * 3);padding-left:calc(var(--pds-base-unit) * 3);margin:0 auto}@media all and (max-width:1023px){.pds-l-layout-container{padding:0 calc(var(--pds-base-unit) * 2)}}@media all and (max-width:767px){.pds-l-layout-container{padding:0 calc(var(--pds-base-unit) * 1)}}.pds-l-layout-container--narrow{max-width:var(--pds-layout-container-max-width-narrow)}@media all and (max-width:768px){.pds-l-layout-container--remove-padding-md{padding-left:0;padding-right:0}}.pds-l-layout-container--remove-padding-all{padding-left:0;padding-right:0}";
6var v = Object.defineProperty, h = Object.getOwnPropertyDescriptor, i = (s, t, n, r) => {
7  for (var a = r > 1 ? void 0 : r ? h(t, n) : t, o = s.length - 1, d; o >= 0; o--)
8    (d = s[o]) && (a = (r ? d(t, n, a) : d(a)) || a);
9  return r && a && v(t, n, a), a;
10};
11let e = class extends c {
12  constructor() {
13    super(...arguments), this.variant = "default";
14  }
15  /**
16   * @internal
17   */
18  get classNames() {
19    return {
20      [`${this.variant}`]: !!this.variant,
21      [`remove-padding-${this.removePadding}`]: !!this.removePadding
22    };
23  }
24  render() {
25    return p`<div class=${this.getClass()}><slot></slot></div>`;
26  }
27};
28i([
29  l()
30], e.prototype, "variant", 2);
31i([
32  l()
33], e.prototype, "removePadding", 2);
34e = i([
35  m("pds-layout-container", {
36    category: "layout",
37    type: "component",
38    state: "stable",
39    styles: u
40  })
41], e);
42export {
43  e as PdsLayoutContainer
44};
45//# sourceMappingURL=layout-container.js.map