@pushengineering/umg-web-components 2.0.1 → 2.0.3

package/dist/{packages/web-components/components → components}/slider/slider-controls.js

@@ -1,50 +1,48 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as o, nothing as b } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as f } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
-import { property as l } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { customElement as y } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { state as m } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/state.js";
-import { map as c } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/map.js";
-import { range as d } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/range.js";
-import { classMap as h } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
+import { LitElement as m, html as o, nothing as f } from "lit";
+import { property as l } from "lit/decorators/property.js";
+import { state as b } from "lit/decorators.js";
+import { customElement as y } from "lit/decorators/custom-element.js";
+import { map as c } from "lit/directives/map.js";
+import { range as d } from "lit/directives/range.js";
+import { classMap as h } from "lit/directives/class-map.js";
 import { global as _ } from "../../styles/global.js";
 import { controls as v } from "./styles/controls.js";
 import { linkState as g } from "../../styles/link.js";
 import { settings as $ } from "../../scripts/settings.js";
 import { mergeStyles as P } from "../../scripts/mergeStyles.js";
-var C = Object.defineProperty, k = Object.getOwnPropertyDescriptor, i = (t, s, r, n) => {
-  for (var u = n > 1 ? void 0 : n ? k(s, r) : s, a = t.length - 1, p; a >= 0; a--)
-    (p = t[a]) && (u = (n ? p(s, r, u) : p(u)) || u);
-  return n && u && C(s, r, u), u;
+var C = Object.defineProperty, k = Object.getOwnPropertyDescriptor, i = (t, e, r, n) => {
+  for (var u = n > 1 ? void 0 : n ? k(e, r) : e, a = t.length - 1, p; a >= 0; a--)
+    (p = t[a]) && (u = (n ? p(e, r, u) : p(u)) || u);
+  return n && u && C(e, r, u), u;
 };
 const { prefix: O } = $;
-let e = class extends f {
+let s = class extends m {
   constructor() {
     super(...arguments), this.sliderId = "", this.controlType = "counter", this.controlPosition = "under", this.numberOfSlides = 1, this.slidesPerPage = 1, this.currentPage = 1, this.autoPlay = !1, this.loopSlides = !1, this.playing = !0, this._pauseHold = !1, this._positionInside = !1, this._positionControls = (t) => {
-      t.forEach((s) => {
-        this === s.target && (!s.isIntersecting ? this._positionInside = !0 : this._positionInside = !1);
+      t.forEach((e) => {
+        this === e.target && (!e.isIntersecting ? this._positionInside = !0 : this._positionInside = !1);
       });
     };
   }
   updated(t) {
     if (super.updated(t), this.controlPosition === "outside") {
-      const s = {
+      const e = {
         root: document.querySelector("document"),
         rootMargin: "0px -112px 0px -112px",
         threshold: 1
       };
-      !this._overflowObserver && this && (this._overflowObserver = new IntersectionObserver(this._positionControls, s), this._overflowObserver.observe(this));
+      !this._overflowObserver && this && (this._overflowObserver = new IntersectionObserver(this._positionControls, e), this._overflowObserver.observe(this));
     }
   }
-  _dispatchControlAction(t, s) {
+  _dispatchControlAction(t, e) {
     const r = t.currentTarget;
     if (!(r && r.getAttribute("disabled")) && ("onscrollend" in window || (r.style.setProperty("pointer-events", "none"), setTimeout(() => {
       r.style.setProperty("pointer-events", "auto");
-    }, 1100 / this.slidesPerPage)), (s === "pause-slider" || s === "play-slider") && this.dispatchEvent(new CustomEvent(s, { bubbles: !0, composed: !0 })), (s === "previous-slide" || s === "next-slide") && this.dispatchEvent(new CustomEvent(s, { bubbles: !0, composed: !0 })), s === "pause-over" && (this.dispatchEvent(new CustomEvent(s, { bubbles: !0, composed: !0 })), this.playing ? this._pauseHold = !0 : this._pauseHold = !1), s === "pause-out" && this.playing && (this.dispatchEvent(new CustomEvent(s, { bubbles: !0, composed: !0 })), this._pauseHold = !1), s === "slide-link")) {
+    }, 1100 / this.slidesPerPage)), (e === "pause-slider" || e === "play-slider") && this.dispatchEvent(new CustomEvent(e, { bubbles: !0, composed: !0 })), (e === "previous-slide" || e === "next-slide") && this.dispatchEvent(new CustomEvent(e, { bubbles: !0, composed: !0 })), e === "pause-over" && (this.dispatchEvent(new CustomEvent(e, { bubbles: !0, composed: !0 })), this.playing ? this._pauseHold = !0 : this._pauseHold = !1), e === "pause-out" && this.playing && (this.dispatchEvent(new CustomEvent(e, { bubbles: !0, composed: !0 })), this._pauseHold = !1), e === "slide-link")) {
       const n = t.currentTarget, u = n ? n.dataset.slide : null;
       this.dispatchEvent(
         new CustomEvent(
-          s,
+          e,
           {
             detail: {
               slideNumber: u
@@ -69,7 +67,7 @@ let e = class extends f {
             ${c(d(1, this.numberOfSlides + 1, 1), (t) => t === this.currentPage ? o`
                         <button
                             class="slider-counter__link slider-counter__link--numbers link link--active"
-                            @click="${(s) => this._dispatchControlAction(s, "slide-link")}"
+                            @click="${(e) => this._dispatchControlAction(e, "slide-link")}"
                             data-slide=${t}
                             >
                             ${t}
@@ -77,7 +75,7 @@ let e = class extends f {
                     ` : o`
                     <button
                         class="slider-counter__link slider-counter__link--numbers link"
-                        @click="${(s) => this._dispatchControlAction(s, "slide-link")}"
+                        @click="${(e) => this._dispatchControlAction(e, "slide-link")}"
                         data-slide=${t}
                         >
                         ${t}
@@ -90,7 +88,7 @@ let e = class extends f {
             ${c(d(1, this.numberOfSlides + 1, 1), (t) => t === this.currentPage ? o`
                         <button
                             class="slider-counter__link slider-counter__link--dots slider-counter__link--active link"
-                            @click="${(s) => this._dispatchControlAction(s, "slide-link")}"
+                            @click="${(e) => this._dispatchControlAction(e, "slide-link")}"
                             data-slide="${t}"
                             >
                             <span class="dot"></span>
@@ -98,7 +96,7 @@ let e = class extends f {
                     ` : o`
                     <button
                         class="slider-counter__link slider-counter__link--dots link"
-                        @click="${(s) => this._dispatchControlAction(s, "slide-link")}"
+                        @click="${(e) => this._dispatchControlAction(e, "slide-link")}"
                         data-slide="${t}"
                         >
                         <span class="dot"></span>
@@ -159,10 +157,10 @@ let e = class extends f {
                     @click="${(t) => this._dispatchControlAction(t, "play-slider")}"
                     >
                 </umg-button-icon>
-            ` : b;
+            ` : f;
   }
   navigationButton(t) {
-    const s = t === "next" ? !this.loopSlides && this.currentPage === this.numberOfSlides : !this.loopSlides && this.currentPage === 1, r = t === "next" ? "next-slide" : "previous-slide";
+    const e = t === "next" ? !this.loopSlides && this.currentPage === this.numberOfSlides : !this.loopSlides && this.currentPage === 1, r = t === "next" ? "next-slide" : "previous-slide";
     return this.controlPosition === "under" ? o`
                 <umg-button-icon
                     class="${t}-button"
@@ -170,7 +168,7 @@ let e = class extends f {
                     label="Next"
                     icon="chevron-${t === "next" ? "right" : "left"}"
                     size="small"
-                    ?disabled=${s}
+                    ?disabled=${e}
                     @click="${(n) => this._dispatchControlAction(n, r)}"
                     >
                 </umg-button-icon>
@@ -183,7 +181,7 @@ let e = class extends f {
                 icon="chevron-${t === "next" ? "right" : "left"}"
                 size="large"
                 padding="12"
-                ?disabled=${s}
+                ?disabled=${e}
                 colorText="255,255,255"
                 colorBg="0,0,0"
                 colorBgOpacity="0.3"
@@ -209,50 +207,50 @@ let e = class extends f {
             `;
   }
 };
-e.styles = P([
+s.styles = P([
   _,
   v,
   g
 ]);
 i([
   l()
-], e.prototype, "sliderId", 2);
+], s.prototype, "sliderId", 2);
 i([
   l()
-], e.prototype, "controlType", 2);
+], s.prototype, "controlType", 2);
 i([
   l()
-], e.prototype, "controlPosition", 2);
+], s.prototype, "controlPosition", 2);
 i([
   l({ type: Number })
-], e.prototype, "numberOfSlides", 2);
+], s.prototype, "numberOfSlides", 2);
 i([
   l({ type: Number })
-], e.prototype, "slidesPerPage", 2);
+], s.prototype, "slidesPerPage", 2);
 i([
   l({ type: Number })
-], e.prototype, "currentPage", 2);
+], s.prototype, "currentPage", 2);
 i([
   l({ type: Boolean })
-], e.prototype, "autoPlay", 2);
+], s.prototype, "autoPlay", 2);
 i([
   l({ type: Boolean })
-], e.prototype, "loopSlides", 2);
+], s.prototype, "loopSlides", 2);
 i([
   l({ type: Boolean })
-], e.prototype, "playing", 2);
+], s.prototype, "playing", 2);
 i([
   l({ state: !0, type: Boolean })
-], e.prototype, "_pauseHold", 2);
+], s.prototype, "_pauseHold", 2);
 i([
-  m()
-], e.prototype, "_positionInside", 2);
+  b()
+], s.prototype, "_positionInside", 2);
 i([
-  m()
-], e.prototype, "_overflowObserver", 2);
-e = i([
+  b()
+], s.prototype, "_overflowObserver", 2);
+s = i([
   y(`${O}-slider-controls`)
-], e);
+], s);
 export {
-  e as SliderControls
+  s as SliderControls
 };

package/dist/components/slider/slider.d.ts

@@ -0,0 +1,68 @@
+import { LitElement, nothing } from 'lit';
+import '../../scripts/polyfills/scrollyfills.js';
+import { SlideEvent } from '../../classes/event-manager/types.js';
+import './slide';
+import './slider-controls';
+import '../button-icon/';
+export declare class Slider extends LitElement {
+    accessibleName: string;
+    accessibleDescription: string;
+    contentType: string;
+    controlType: string;
+    controlPosition: string;
+    desktopSlider?: boolean | undefined;
+    mobileSlider?: boolean | undefined;
+    peek?: boolean | undefined;
+    autoPlay?: boolean | undefined;
+    autoPlaySpeed: number;
+    desktopColumns: number;
+    mobileColumns: string;
+    gaplessColumns?: boolean | undefined;
+    fill?: boolean | undefined;
+    _sliderId: string | undefined;
+    _totalPages: number;
+    _sliderItems: Array<HTMLElement>;
+    _slider: HTMLElement;
+    _currentPage: number;
+    _playing: boolean;
+    _sliderItemsToShow: Array<HTMLElement>;
+    _firstSlide: HTMLElement | null;
+    _secondSlide: HTMLElement | null;
+    _sliderItemOffset: number;
+    _slidesPerPage: number;
+    _loopSlides: boolean;
+    _scrolling: boolean;
+    _autoRotate: ReturnType<typeof setTimeout> | undefined;
+    _slideVisibleObserver: IntersectionObserver | undefined;
+    _resizeObserver: ResizeObserver | undefined;
+    static eventTypes: string[];
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    slidesChanged(): void;
+    updated(changedProperties: Map<string, any>): void;
+    initialise(): Promise<void>;
+    protected _sliderSetup(): void;
+    private _slideshowSetup;
+    protected _customEventsHandler(e: SlideEvent): void;
+    private _updateCurrentPage;
+    private _scrollEnd;
+    private _isSlideVisible;
+    private _resetAutoplay;
+    private _slideNavigation;
+    private _previousButtonClick;
+    private _nextButtonClick;
+    private _slideLink;
+    private _autoRotateSlides;
+    play(): void;
+    pause(): void;
+    pausePlay(): void;
+    resumePlay(): void;
+    sliderComponentClasses(): any;
+    gridClasses(): any;
+    gridStyles(): {};
+    sliderContent(): import("lit").TemplateResult<1>;
+    sliderControls(): import("lit").TemplateResult<1> | typeof nothing;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/{packages/web-components/components → components}/slider/slider.js

@@ -1,30 +1,27 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as n, nothing as c } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as _ } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
-import { customElement as m } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as i } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as r } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/state.js";
-import { query as f } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/query.js";
-import { queryAssignedElements as g } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
-import { classMap as u } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
-import { styleMap as y } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/style-map.js";
+import { css as c, LitElement as _, html as n, nothing as f } from "lit";
+import { customElement as m } from "lit/decorators/custom-element.js";
+import { property as i } from "lit/decorators/property.js";
+import { state as r } from "lit/decorators.js";
+import { classMap as u } from "lit/directives/class-map.js";
+import { styleMap as g } from "lit/directives/style-map.js";
+import { query as y } from "lit/decorators/query.js";
+import { queryAssignedElements as S } from "lit/decorators/query-assigned-elements.js";
 import "../../scripts/polyfills/scrollyfills.js";
-import { debounce as S } from "../../scripts/utilities/debounce.js";
-import { global as b } from "../../styles/global.js";
-import { slider as k } from "./styles/slider.js";
-import { grid as P } from "../../styles/grid.js";
-import { settings as v } from "../../scripts/settings.js";
-import { mergeStyles as C } from "../../scripts/mergeStyles.js";
+import { debounce as b } from "../../scripts/utilities/debounce.js";
+import { global as k } from "../../styles/global.js";
+import { slider as P } from "./styles/slider.js";
+import { grid as v } from "../../styles/grid.js";
+import { settings as C } from "../../scripts/settings.js";
+import { mergeStyles as w } from "../../scripts/mergeStyles.js";
 import "./slide.js";
 import "./slider-controls.js";
 import "../button-icon/button-icon.js";
-import { css as w } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
 var I = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, s = (e, o, a, d) => {
   for (var l = d > 1 ? void 0 : d ? $(o, a) : o, h = e.length - 1, p; h >= 0; h--)
     (p = e[h]) && (l = (d ? p(o, a, l) : p(l)) || l);
   return d && l && I(o, a, l), l;
 };
-const { prefix: T } = v;
+const { prefix: T } = C;
 let t = class extends _ {
   constructor() {
     super(), this.accessibleName = "Slider accessible name", this.accessibleDescription = "", this.contentType = "slider", this.controlType = "counter", this.controlPosition = "under", this.desktopSlider = !1, this.mobileSlider = !1, this.peek = !1, this.autoPlay = !1, this.autoPlaySpeed = 5, this.desktopColumns = 4, this.mobileColumns = "2", this.gaplessColumns = !1, this.fill = !1, this._totalPages = 1, this._currentPage = 1, this._playing = !1, this._sliderItemsToShow = [], this._firstSlide = null, this._secondSlide = null, this._sliderItemOffset = 0, this._slidesPerPage = 1, this._loopSlides = !1, this._scrolling = !1, this._isSlideVisible = (e) => {
@@ -64,7 +61,7 @@ let t = class extends _ {
   }
   _sliderSetup() {
     if (!(this._sliderItemsToShow.length < 2) && (this._firstSlide = this._sliderItemsToShow[0], this._secondSlide = this._sliderItemsToShow[1], this._playing = !1, this._sliderItemOffset = this._secondSlide.offsetLeft - this._firstSlide.offsetLeft, this._slidesPerPage = this._sliderItemOffset > 0 ? Math.round(this._slider.clientWidth / this._sliderItemOffset) : 0, this._totalPages = this._slidesPerPage > 0 ? this._sliderItemsToShow.length - this._slidesPerPage + 1 : 1, this.contentType === "slideshow" && this._slideshowSetup(), this._resizeObserver === void 0)) {
-      const e = S(() => this.initialise(), 100);
+      const e = b(() => this.initialise(), 100);
       this._resizeObserver = new ResizeObserver(e), this._resizeObserver.observe(this);
     }
   }
@@ -241,13 +238,13 @@ let t = class extends _ {
                     ?loopSlides=${this._loopSlides}
                 >
                 </umg-slider-controls>
-            ` : c;
+            ` : f;
   }
   render() {
     return n`
         <div
             class="slider-component slider-mobile-gutter${u(this.sliderComponentClasses())}"
-            style="${y(this.gridStyles())}"
+            style="${g(this.gridStyles())}"
             part="slider"
             >
             ${this.sliderContent()}
@@ -265,16 +262,16 @@ t.eventTypes = [
   "pause-over",
   "pause-out"
 ];
-t.styles = C([
-  b,
-  w`
+t.styles = w([
+  k,
+  c`
             :host {
                 display: block;
                 width: 100%;
             }
         `,
-  P,
-  k
+  v,
+  P
 ]);
 s([
   i()
@@ -325,10 +322,10 @@ s([
   i({ type: Number })
 ], t.prototype, "_totalPages", 2);
 s([
-  g()
+  S()
 ], t.prototype, "_sliderItems", 2);
 s([
-  f('[id^="Slider-"]')
+  y('[id^="Slider-"]')
 ], t.prototype, "_slider", 2);
 s([
   r()

package/dist/components/slider/styles/controls.d.ts

@@ -0,0 +1 @@
+export declare const controls: import("lit").CSSResult;

package/dist/{packages/web-components/components → components}/slider/styles/controls.js

@@ -1,8 +1,5 @@
-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 { css as t } from "../../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
-const s = t`
+import { css as e } from "lit";
+const o = e`
     .slider-controls {
         display: flex;
         justify-content: center;
@@ -94,5 +91,5 @@ const s = t`
     }
 `;
 export {
-  s as controls
+  o as controls
 };

package/dist/components/slider/styles/slider.d.ts

@@ -0,0 +1 @@
+export declare const slider: import("lit").CSSResult;

package/dist/{packages/web-components/components → components}/slider/styles/slider.js

@@ -1,8 +1,5 @@
-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 { css as e } from "../../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
-const s = e`
+import { css as e } from "lit";
+const d = e`
 
     /* Slider component */
 
@@ -229,5 +226,5 @@ const s = e`
 
 `;
 export {
-  s as slider
+  d as slider
 };

package/dist/components/socials/index.d.ts

@@ -0,0 +1,2 @@
+import { Socials } from './socials';
+export { Socials };

package/dist/components/socials/socials.d.ts

@@ -0,0 +1,26 @@
+import { LitElement, nothing } from 'lit';
+import '../link-group/index';
+import '../button-icon/index';
+interface SocialsData {
+    name: string;
+    url: string;
+    icon: string;
+}
+export declare class Socials extends LitElement {
+    target: string;
+    size: string;
+    spacing: string;
+    justify: string;
+    mobileJustify: string;
+    colorText: string | undefined;
+    colorBg: string | undefined;
+    colorBgOpacity?: number;
+    borderRadius: string | undefined;
+    border: boolean;
+    padding: string;
+    data?: SocialsData[];
+    socialLinks(): typeof nothing | (import("lit").TemplateResult<1> | typeof nothing)[];
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}
+export {};

package/dist/components/socials/socials.js

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

package/dist/components/table/index.d.ts

@@ -0,0 +1,2 @@
+import { Table } from './table';
+export { Table };

package/dist/components/table/table.d.ts

@@ -0,0 +1,13 @@
+import { LitElement, nothing } from 'lit';
+import '../text';
+export declare class Table extends LitElement {
+    columnLabels: never[];
+    rowData: never[];
+    title: string;
+    hideTitle: boolean;
+    descriptionClasses(): any;
+    tableHeader(): import("lit").TemplateResult<1> | typeof nothing;
+    tableRows(): import("lit").TemplateResult<1> | typeof nothing;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}