@pushengineering/umg-web-components 2.0.1 → 2.0.3

package/dist/packages/web-components/components/socials/socials.js

@@ -1,96 +0,0 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as c } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as u } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
-import { customElement as g } 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 { ifDefined as s } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/if-defined.js";
-import { global as y } from "../../styles/global.js";
-import { settings as f } from "../../scripts/settings.js";
-import { mergeStyles as h } from "../../scripts/mergeStyles.js";
-import "../link-group/link-group.js";
-import "../button-icon/button-icon.js";
-var d = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (i, p, l, a) => {
-  for (var e = a > 1 ? void 0 : a ? b(p, l) : p, m = i.length - 1, n; m >= 0; m--)
-    (n = i[m]) && (e = (a ? n(p, l, e) : n(e)) || e);
-  return a && e && d(p, l, e), e;
-};
-const { prefix: $ } = f;
-let t = class extends u {
-  constructor() {
-    super(...arguments), this.target = "_self", this.size = "large", this.spacing = "normal", this.justify = "start", this.mobileJustify = "center", this.border = !1, this.padding = "0";
-  }
-  socialLinks() {
-    if (this.data)
-      return this.data.map((i) => c`
-                    <umg-button-icon
-                        as="link"
-                        url="${s(i.url)}"
-                        target="${this.target}"
-                        icon="${i.icon}"
-                        size="${this.size}"
-                        label="${i.name}"
-                        padding=${this.padding}
-                        colorText="${s(this.colorText)}"
-                        colorbg="${s(this.colorBg)}"
-                        colorBgOpacity="${s(this.colorBgOpacity)}"
-                        borderRadius="${s(this.borderRadius)}"
-                        ?border="${this.border}"
-                        >
-                    </umg-button-icon>
-                `);
-  }
-  render() {
-    return c`
-            <umg-link-group
-                spacing="${this.spacing}"
-                justify="${this.justify}"
-                mobileJustify="${this.mobileJustify}"
-                >
-                ${this.socialLinks()}
-            </umg-link-group>
-        `;
-  }
-};
-t.styles = h([y]);
-o([
-  r()
-], t.prototype, "target", 2);
-o([
-  r()
-], t.prototype, "size", 2);
-o([
-  r()
-], t.prototype, "spacing", 2);
-o([
-  r()
-], t.prototype, "justify", 2);
-o([
-  r()
-], t.prototype, "mobileJustify", 2);
-o([
-  r()
-], t.prototype, "colorText", 2);
-o([
-  r()
-], t.prototype, "colorBg", 2);
-o([
-  r({ type: Number })
-], t.prototype, "colorBgOpacity", 2);
-o([
-  r()
-], t.prototype, "borderRadius", 2);
-o([
-  r({ type: Boolean })
-], t.prototype, "border", 2);
-o([
-  r()
-], t.prototype, "padding", 2);
-o([
-  r({ type: Object })
-], t.prototype, "data", 2);
-t = o([
-  g(`${$}-socials`)
-], t);
-export {
-  t as Socials
-};

package/dist/packages/web-components/components/thumbnail-slider/thumbnail-slide.js

@@ -1,51 +0,0 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
-import { property as n } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { customElement as c } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { Slide as a } from "../slider/slide.js";
-import { settings as d } from "../../scripts/settings.js";
-import { css as f } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
-var u = Object.defineProperty, b = Object.getOwnPropertyDescriptor, l = (m, t, s, e) => {
-  for (var r = e > 1 ? void 0 : e ? b(t, s) : t, i = m.length - 1, p; i >= 0; i--)
-    (p = m[i]) && (r = (e ? p(t, s, r) : p(r)) || r);
-  return e && r && u(t, s, r), r;
-};
-const { prefix: v } = d;
-let o = class extends a {
-  constructor() {
-    super(...arguments), this.mediaId = "";
-  }
-};
-o.styles = [
-  a.styles,
-  f`
-            :host {
-                padding: var(--um-space-4, 0.25rem);
-            }
-            :host([active]) {
-                padding: 0;
-                position: relative;
-            }
-            :host([active])::after {
-                content: '';
-                display: block;
-                position: absolute;
-                inset: 0;
-                background-color: rgb(255,255,255,0.2);
-                cursor: default;
-            }
-            li {
-                border: 0.0625rem solid rgb(0,0,0,0.1);
-            }
-        `
-];
-l([
-  n()
-], o.prototype, "mediaId", 2);
-o = l([
-  c(`${v}-thumbnail-slide`)
-], o);
-export {
-  o as ThumbnailSlide
-};

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
-};