https://scholarsedge529.com/profiles/contrib/houston/modules/pfg_p…/pds-components/sidebar.DS0kwLnj.js

1import { b as s, A as o } from "./lit-element.chunk-B6Olh1kf.js";
2import { n } from "./state.chunk-B35jHvjT.js";
3import { pdsCustomElement as m } from "./pds-custom-element.C-DkuQLk.js";
4import { P as h } from "./PdsElement.chunk-BX0ldsof.js";
5import { r as f } from "./requiredSlot.chunk-SIXtZlej.js";
6const g = "*,::slotted(*),*:before,*:after{box-sizing:border-box}:host{display:block}.pds-l-sidebar{display:grid;gap:calc(var(--pds-base-unit) * 3)}@media all and (min-width:1024px){.pds-l-sidebar--break-default.pds-l-sidebar--right-sidebar{width:100%;grid-template-columns:minmax(0,1fr) var(--pds-sidebar-right-width, 40%)}}@media all and (min-width:768px){.pds-l-sidebar--break-faster.pds-l-sidebar--right-sidebar{width:100%;grid-template-columns:minmax(0,1fr) var(--pds-sidebar-right-width, 40%)}}@media all and (min-width:1366px){.pds-l-sidebar--break-slower.pds-l-sidebar--right-sidebar{width:100%;grid-template-columns:minmax(0,1fr) var(--pds-sidebar-right-width, 40%)}}@media all and (min-width:1024px){.pds-l-sidebar--break-default.pds-l-sidebar--left-sidebar{width:100%;grid-template-columns:var(--pds-sidebar-left-width, 40%) minmax(0,1fr)}}@media all and (min-width:768px){.pds-l-sidebar--break-faster.pds-l-sidebar--left-sidebar{width:100%;grid-template-columns:var(--pds-sidebar-left-width, 40%) minmax(0,1fr)}}@media all and (min-width:1366px){.pds-l-sidebar--break-slower.pds-l-sidebar--left-sidebar{width:100%;grid-template-columns:var(--pds-sidebar-left-width, 40%) minmax(0,1fr)}}@media all and (min-width:1024px){.pds-l-sidebar--break-default.pds-l-sidebar--leftandright-sidebars{width:100%;grid-template-columns:var(--pds-sidebar-left-width, 20%) minmax(0,1fr) var(--pds-sidebar-right-width, 20%)}}@media all and (min-width:768px){.pds-l-sidebar--break-faster.pds-l-sidebar--leftandright-sidebars{width:100%;grid-template-columns:var(--pds-sidebar-left-width, 20%) minmax(0,1fr) var(--pds-sidebar-right-width, 20%)}}@media all and (min-width:1366px){.pds-l-sidebar--break-slower.pds-l-sidebar--leftandright-sidebars{width:100%;grid-template-columns:var(--pds-sidebar-left-width, 20%) minmax(0,1fr) var(--pds-sidebar-right-width, 20%)}}.pds-l-sidebar--gap-none{gap:calc(var(--pds-base-unit) * 0)}.pds-l-sidebar--gap-sm{gap:calc(var(--pds-base-unit) * 1)}.pds-l-sidebar--gap-lg{gap:calc(var(--pds-base-unit) * 4)}";
7var u = Object.defineProperty, w = Object.getOwnPropertyDescriptor, l = (e, i, r, d) => {
8  for (var t = d > 1 ? void 0 : d ? w(i, r) : i, p = e.length - 1, b; p >= 0; p--)
9    (b = e[p]) && (t = (d ? b(i, r, t) : b(t)) || t);
10  return d && t && u(i, r, t), t;
11};
12let a = class extends h {
13  constructor() {
14    super(...arguments), this.break = "default", this.gap = "default";
15  }
16  firstUpdated() {
17    super.firstUpdated(), this.setWindowResizeHandler();
18  }
19  /**
20   * @internal
21   */
22  get classNames() {
23    return {
24      [`break-${this.break}`]: !!this.break,
25      [`gap-${this.gap}`]: !!this.gap,
26      "right-sidebar": !!(this.slotNotEmpty("right-sidebar") && this.slotEmpty("left-sidebar")),
27      "left-sidebar": !!(this.slotNotEmpty("left-sidebar") && this.slotEmpty("right-sidebar")),
28      "leftandright-sidebars": !!(this.slotNotEmpty("left-sidebar") && this.slotNotEmpty("right-sidebar"))
29    };
30  }
31  /**
32   * @internal
33   */
34  checkForMobileView() {
35    return !!(["xs", "sm", "md"].includes(this.responsiveViewportSize) && this.break === "default" || ["xs", "sm"].includes(this.responsiveViewportSize) && this.break === "faster" || ["xs", "sm", "md", "lg"].includes(this.responsiveViewportSize) && this.break === "slower");
36  }
37  /**
38   * @internal
39   */
40  getSlots() {
41    const e = this.slotNotEmpty("left-sidebar") ? s`<slot name="left-sidebar"></slot>` : o, i = s`<slot></slot>`, r = this.slotNotEmpty("right-sidebar") ? s`<slot name="right-sidebar"></slot>` : o;
42    return {
43      leftSidebar: e,
44      mainContent: i,
45      rightSidebar: r
46    };
47  }
48  render() {
49    const e = this.getSlots();
50    return s`<div class=${this.getClass()}>
51      ${this.checkForMobileView() ? s`
52            ${e.mainContent} ${e.leftSidebar} ${e.rightSidebar}
53          ` : s`
54            ${e.leftSidebar} ${e.mainContent} ${e.rightSidebar}
55          `}
56    </div>`;
57  }
58};
59l([
60  n()
61], a.prototype, "break", 2);
62l([
63  n()
64], a.prototype, "gap", 2);
65l([
66  f(["default"])
67], a.prototype, "render", 1);
68a = l([
69  m("pds-sidebar", {
70    category: "layout",
71    type: "component",
72    state: "stable",
73    styles: g
74  })
75], a);
76export {
77  a as PdsSidebar
78};
79//# sourceMappingURL=sidebar.DS0kwLnj.js.map