@pushengineering/umg-web-components 2.0.2 → 2.0.4

package/dist/packages/web-components/components/vertical-stack/vertical-stack.js

@@ -1,95 +0,0 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as u } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as c } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
-import { styleMap as f } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/style-map.js";
-import { classMap as g } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
-import { customElement as n } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as r } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { settings as y } from "../../scripts/settings.js";
-import { global as h } from "../../styles/global.js";
-import { groupMobileAlign as v, groupMobileJustify as b, groupAlign as d, groupJustify as j } from "../../styles/group.js";
-import { mergeStyles as k } from "../../scripts/mergeStyles.js";
-import { css as x } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
-var _ = Object.defineProperty, A = Object.getOwnPropertyDescriptor, i = (t, o, a, l) => {
-  for (var e = l > 1 ? void 0 : l ? A(o, a) : o, p = t.length - 1, m; p >= 0; p--)
-    (m = t[p]) && (e = (l ? m(o, a, e) : m(e)) || e);
-  return l && e && _(o, a, e), e;
-};
-const { prefix: J } = y;
-let s = class extends c {
-  constructor() {
-    super(...arguments), this.align = "stretch", this.justify = "start";
-  }
-  stackStyles() {
-    let t = {};
-    return this.gap !== void 0 && (t = {
-      ...t,
-      "--um-space-vertical-stack-gap": this.gap / 16 + "rem"
-    }), t;
-  }
-  stackClasses() {
-    const t = {};
-    return t["group-justify--" + this.justify] = !0, t["group-align--" + this.align] = !0, this.mobileJustify ? t["group-mobile-justify--" + this.mobileJustify] = !0 : t["group-mobile-justify--" + this.justify] = !0, this.mobileAlign ? t["group-mobile-align--" + this.mobileAlign] = !0 : t["group-mobile-align--" + this.align] = !0, t;
-  }
-  render() {
-    return u`
-            <div
-                class="vertical-stack${g(this.stackClasses())}"
-                style="${f(this.stackStyles())}"
-                >
-                <slot></slot>
-            </div>
-        `;
-  }
-};
-s.styles = k([
-  h,
-  x`
-            :host {
-                display: block;
-                width: 100%;
-                height: 100%;
-            }
-            ::slotted(*) {
-                flex-shrink: 1;
-                height: auto;
-            }
-
-            .vertical-stack {
-                display: flex;
-                flex-direction: column;
-                gap: var(--um-space-vertical-stack-gap, var(--um-space-grid-desktop-vertical, 1rem));
-                height: 100%;
-            }
-
-            .vertical-stack.group-justify--stretch ::slotted(*) {
-                flex-grow: 1;
-                flex-shrink: 0;
-            }
-        `,
-  v,
-  b,
-  d,
-  j
-]);
-i([
-  r({ type: Number })
-], s.prototype, "gap", 2);
-i([
-  r()
-], s.prototype, "align", 2);
-i([
-  r()
-], s.prototype, "justify", 2);
-i([
-  r()
-], s.prototype, "mobileAlign", 2);
-i([
-  r()
-], s.prototype, "mobileJustify", 2);
-s = i([
-  n(`${J}-vertical-stack`)
-], s);
-export {
-  s as VerticalStack
-};