@pushengineering/umg-web-components 2.0.6 → 3.0.1

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

@@ -1,24 +1,22 @@
-import { css as n } from "lit";
-import { property as c } from "lit/decorators/property.js";
-import { customElement as d } from "lit/decorators/custom-element.js";
-import { Slide as m } from "../slider/slide.js";
-import { settings as f } from "../../scripts/settings.js";
-var u = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (l, e, s, t) => {
-  for (var r = t > 1 ? void 0 : t ? b(e, s) : e, i = l.length - 1, p; i >= 0; i--)
-    (p = l[i]) && (r = (t ? p(e, s, r) : p(r)) || r);
-  return t && r && u(e, s, r), r;
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.16.1_tslib@2.6.2_typescript@5.4.5/node_modules/tslib/tslib.es6.js';
+import { css } from 'lit';
+import { property } from 'lit/decorators/property.js';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { Slide } from '../slider/slide.js';
+import { settings } from '../../scripts/settings.js';
+
+const { prefix } = settings;
+let ThumbnailSlide = class ThumbnailSlide extends Slide {
+    constructor() {
+        super(...arguments);
+        this.mediaId = '';
+    }
 };
-const { prefix: v } = f;
-let o = class extends m {
-  constructor() {
-    super(...arguments), this.mediaId = "";
-  }
-};
-o.styles = [
-  m.styles,
-  n`
+ThumbnailSlide.styles = [
+    Slide.styles,
+    css `
             :host {
-                padding: var(--um-space-4, 0.25rem);
+                padding: var(--umg-space-4, 0.25rem);
             }
             :host([active]) {
                 padding: 0;
@@ -35,14 +33,14 @@ o.styles = [
             li {
                 border: 0.0625rem solid rgb(0,0,0,0.1);
             }
-        `
+        `,
 ];
-a([
-  c()
-], o.prototype, "mediaId", 2);
-o = a([
-  d(`${v}-thumbnail-slide`)
-], o);
-export {
-  o as ThumbnailSlide
-};
+__decorate([
+    property()
+], ThumbnailSlide.prototype, "mediaId", void 0);
+ThumbnailSlide = __decorate([
+    customElement(`${prefix}-thumbnail-slide`)
+], ThumbnailSlide);
+
+export { ThumbnailSlide };
+//# sourceMappingURL=thumbnail-slide.js.map

package/dist/components/thumbnail-slider/thumbnail-slide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail-slide.js","sources":["../../../src/components/thumbnail-slider/thumbnail-slide.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAQA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,KAAK,CAAA;AAAlC,IAAA,WAAA,GAAA;;QAGH,IAAO,CAAA,OAAA,GAAG,EAAE,CAAA;KAyBf;;AAvBU,cAAA,CAAA,MAAM,GAAG;AACZ,IAAA,KAAK,CAAC,MAAM;AACZ,IAAA,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;AAmBF,QAAA,CAAA;AACJ,CAtBY,CAsBZ;AAxBD,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACC,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAHH,cAAc,GAAA,UAAA,CAAA;AAF1B,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB,CAAC;AAE9B,CAAA,EAAA,cAAc,CA4B1B;;;;"}

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

@@ -18,3 +18,4 @@ export declare class ThumbnailSlider extends Slider {
     updated(changedProperties: Map<string, any>): void;
     gridClasses(): any;
 }
+//# sourceMappingURL=thumbnail-slider.d.ts.map

package/dist/components/thumbnail-slider/thumbnail-slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail-slider.d.ts","sourceRoot":"","sources":["../../../src/components/thumbnail-slider/thumbnail-slider.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,mBAAmB,CAAA;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAA;AAIjE,qBAEa,eAAgB,SAAQ,MAAM;IAGvC,cAAc,SAAK;IAGnB,WAAW,SAAW;IAGtB,aAAa,UAAO;IAGpB,YAAY,UAAO;IAEnB,iBAAiB,EAAE,YAAY,CAAyB;;YAgB1C,iBAAiB;IAiB/B,aAAa;IAKb,OAAO,CAAC,kBAAkB;IAyB1B,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,iBAAiB;IAczB,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU;IAS5C,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAW3C,WAAW;CAMd"}

package/dist/components/thumbnail-slider/thumbnail-slider.js

@@ -1,88 +1,109 @@
-import { customElement as c } from "lit/decorators/custom-element.js";
-import { property as n } from "lit/decorators/property.js";
-import { Slider as u } from "../slider/slider.js";
-import "./thumbnail-slide.js";
-import { settings as p } from "../../scripts/settings.js";
-import { EventManager as h } from "../../classes/event-manager/event-manager.js";
-var v = Object.defineProperty, m = Object.getOwnPropertyDescriptor, a = (e, t, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? m(t, s) : t, o = e.length - 1, l; o >= 0; o--)
-    (l = e[o]) && (i = (r ? l(t, s, i) : l(i)) || i);
-  return r && i && v(t, s, i), i;
-};
-const { prefix: f } = p;
-let d = class extends u {
-  constructor() {
-    super(), this.currentMediaId = "", this.contentType = "slider", this.desktopSlider = !0, this.mobileSlider = !0, this.slideEventManager = new h(this);
-    const e = [...this.constructor.eventTypes];
-    e.push("active-slide"), e.forEach((t) => {
-      this.addEventListener(t, this._customEventsHandler);
-    }), this._initialiseSlides();
-  }
-  async _initialiseSlides() {
-    await this.updateComplete, this._updateActiveSlide(this.currentMediaId), this._sliderItems.forEach((e) => {
-      e.addEventListener("click", () => {
-        const t = {
-          mediaId: e.getAttribute("mediaId")
-        };
-        this._eventsDispatcher("active-slide", t);
-      });
-    });
-  }
-  slidesChanged() {
-    super.slidesChanged(), this._initialiseSlides();
-  }
-  _updateActiveSlide(e) {
-    e && this._sliderItems.forEach((t, s) => {
-      t.hasAttribute("active") && t.removeAttribute("active");
-      const r = t.getAttribute("mediaId");
-      if (e === r) {
-        t.setAttribute("active", ""), this._updateActiveMedia(r);
-        const i = {
-          slideNumber: s + 1
-        };
-        this._eventsDispatcher("slide-link", i);
-      }
-    });
-  }
-  _updateActiveMedia(e) {
-    this.slideEventManager.dispatchCustomEvent(
-      "active-media",
-      { mediaId: e },
-      { bubbles: !0, composed: !0 }
-    );
-  }
-  _eventsDispatcher(e, t) {
-    if (!e)
-      throw new Error("Missing custom event type");
-    const s = { bubbles: !0, composed: !0 };
-    e == "active-slide" && this.slideEventManager.dispatchCustomEvent(e, t, s), e == "slide-link" && this.slideEventManager.dispatchCustomEvent(e, t, s);
-  }
-  _customEventsHandler(e) {
-    super._customEventsHandler(e), e.type === "active-slide" && this._updateActiveSlide(e.detail.mediaId);
-  }
-  updated(e) {
-    super.updated(e), e.has("currentMediaId") && e.get("currentMediaId") && this._updateActiveSlide(this.currentMediaId);
-  }
-  gridClasses() {
-    const e = super.gridClasses();
-    return e["slider--selectable"] = !0, e;
-  }
-};
-a([
-  n({ reflect: !0 })
-], d.prototype, "currentMediaId", 2);
-a([
-  n({ state: !0 })
-], d.prototype, "contentType", 2);
-a([
-  n({ state: !0, type: Boolean })
-], d.prototype, "desktopSlider", 2);
-a([
-  n({ state: !0, type: Boolean })
-], d.prototype, "mobileSlider", 2);
-d = a([
-  c(`${f}-thumbnail-slider`)
-], d);
-export {
-  d as ThumbnailSlider
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.16.1_tslib@2.6.2_typescript@5.4.5/node_modules/tslib/tslib.es6.js';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { property } from 'lit/decorators/property.js';
+import { Slider } from '../slider/slider.js';
+import './thumbnail-slide.js';
+import { settings } from '../../scripts/settings.js';
+import { EventManager } from '../../classes/event-manager/event-manager.js';
+
+const { prefix } = settings;
+let ThumbnailSlider = class ThumbnailSlider extends Slider {
+    constructor() {
+        super();
+        this.currentMediaId = '';
+        this.contentType = 'slider';
+        this.desktopSlider = true;
+        this.mobileSlider = true;
+        this.slideEventManager = new EventManager(this);
+        const eventTypes = [...this.constructor.eventTypes];
+        eventTypes.push('active-slide');
+        eventTypes.forEach(type => {
+            this.addEventListener(type, this._customEventsHandler);
+        });
+        this._initialiseSlides();
+    }
+    async _initialiseSlides() {
+        await this.updateComplete;
+        this._updateActiveSlide(this.currentMediaId);
+        this._sliderItems.forEach((slide) => {
+            slide.addEventListener('click', () => {
+                const detail = {
+                    mediaId: slide.getAttribute('mediaId')
+                };
+                this._eventsDispatcher('active-slide', detail);
+            });
+        });
+    }
+    slidesChanged() {
+        super.slidesChanged();
+        this._initialiseSlides();
+    }
+    _updateActiveSlide(slideId) {
+        if (slideId) {
+            this._sliderItems.forEach((slide, index) => {
+                slide.hasAttribute('active') ? slide.removeAttribute('active') : null;
+                const mediaId = slide.getAttribute('mediaId');
+                if (slideId === mediaId) {
+                    slide.setAttribute('active', '');
+                    this._updateActiveMedia(mediaId);
+                    const detail = {
+                        slideNumber: index + 1
+                    };
+                    this._eventsDispatcher('slide-link', detail);
+                }
+            });
+        }
+    }
+    _updateActiveMedia(id) {
+        this.slideEventManager.dispatchCustomEvent('active-media', { mediaId: id }, { bubbles: true, composed: true });
+    }
+    _eventsDispatcher(type, detail) {
+        if (!type) {
+            throw new Error('Missing custom event type');
+        }
+        const options = { bubbles: true, composed: true };
+        if (type == 'active-slide') {
+            this.slideEventManager.dispatchCustomEvent(type, detail, options);
+        }
+        if (type == 'slide-link') {
+            this.slideEventManager.dispatchCustomEvent(type, detail, options);
+        }
+    }
+    _customEventsHandler(e) {
+        super._customEventsHandler(e);
+        if (e.type === 'active-slide') {
+            this._updateActiveSlide(e.detail.mediaId);
+        }
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('currentMediaId')) {
+            if (changedProperties.get('currentMediaId')) {
+                this._updateActiveSlide(this.currentMediaId);
+            }
+        }
+    }
+    gridClasses() {
+        const classes = super.gridClasses();
+        classes['slider--selectable'] = true;
+        return classes;
+    }
 };
+__decorate([
+    property({ reflect: true })
+], ThumbnailSlider.prototype, "currentMediaId", void 0);
+__decorate([
+    property({ state: true })
+], ThumbnailSlider.prototype, "contentType", void 0);
+__decorate([
+    property({ state: true, type: Boolean })
+], ThumbnailSlider.prototype, "desktopSlider", void 0);
+__decorate([
+    property({ state: true, type: Boolean })
+], ThumbnailSlider.prototype, "mobileSlider", void 0);
+ThumbnailSlider = __decorate([
+    customElement(`${prefix}-thumbnail-slider`)
+], ThumbnailSlider);
+
+export { ThumbnailSlider };
+//# sourceMappingURL=thumbnail-slider.js.map

package/dist/components/thumbnail-slider/thumbnail-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail-slider.js","sources":["../../../src/components/thumbnail-slider/thumbnail-slider.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/vertical-stack/index.d.ts

@@ -1,2 +1,3 @@
 import { VerticalStack } from './vertical-stack';
 export { VerticalStack };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/vertical-stack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/vertical-stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/vertical-stack/vertical-stack.d.ts

@@ -1,7 +1,8 @@
 import { LitElement } from 'lit';
 import type { GroupAlign } from '../../types';
 export declare class VerticalStack extends LitElement {
-    gap: number | undefined;
+    spacing: string | undefined;
+    mobileSpacing: string | undefined;
     align: GroupAlign;
     justify: GroupAlign;
     mobileAlign: GroupAlign | undefined;
@@ -11,3 +12,4 @@ export declare class VerticalStack extends LitElement {
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=vertical-stack.d.ts.map

package/dist/components/vertical-stack/vertical-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-stack.d.ts","sourceRoot":"","sources":["../../../src/components/vertical-stack/vertical-stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAK3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAe7C,qBAEa,aAAc,SAAQ,UAAU;IAGzC,OAAO,EAAG,MAAM,GAAG,SAAS,CAAA;IAG5B,aAAa,EAAG,MAAM,GAAG,SAAS,CAAA;IAGlC,KAAK,EAAG,UAAU,CAAY;IAG9B,OAAO,EAAG,UAAU,CAAU;IAG9B,WAAW,EAAG,UAAU,GAAG,SAAS,CAAA;IAGpC,aAAa,EAAG,UAAU,GAAG,SAAS,CAAA;IAEtC,WAAW;IAwBX,YAAY;IAuBZ,MAAM;IAWN,MAAM,CAAC,MAAM,+BA2CX;CACL"}

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

@@ -1,47 +1,75 @@
-import { css as m, LitElement as c, html as g } from "lit";
-import { styleMap as f } from "lit/directives/style-map.js";
-import { classMap as n } from "lit/directives/class-map.js";
-import { customElement as y } from "lit/decorators/custom-element.js";
-import { property as r } from "lit/decorators/property.js";
-import { settings as h } from "../../scripts/settings.js";
-import { global as v } from "../../styles/global.js";
-import { groupMobileAlign as b, groupMobileJustify as d, groupAlign as j, groupJustify as k } from "../../styles/group.js";
-import { mergeStyles as x } from "../../scripts/mergeStyles.js";
-var _ = Object.defineProperty, A = Object.getOwnPropertyDescriptor, i = (t, o, p, l) => {
-  for (var s = l > 1 ? void 0 : l ? A(o, p) : o, a = t.length - 1, u; a >= 0; a--)
-    (u = t[a]) && (s = (l ? u(o, p, s) : u(s)) || s);
-  return l && s && _(o, p, s), s;
-};
-const { prefix: J } = h;
-let e = 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 g`
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.16.1_tslib@2.6.2_typescript@5.4.5/node_modules/tslib/tslib.es6.js';
+import { css, LitElement, html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { property } from 'lit/decorators/property.js';
+import { settings } from '../../scripts/settings.js';
+import { global } from '../../styles/global.js';
+import { groupMobileAlign, groupMobileJustify, groupAlign, groupJustify } from '../../styles/group.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+
+const { prefix } = settings;
+let VerticalStack = class VerticalStack extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.align = 'stretch';
+        this.justify = 'start';
+    }
+    stackStyles() {
+        let styles = {};
+        if (this.spacing !== undefined) {
+            styles = {
+                ...styles,
+                '--umg-space-grid-vertical-desktop': Number(this.spacing) / 16 + 'rem',
+            };
+        }
+        if (this.mobileSpacing !== undefined) {
+            styles = {
+                ...styles,
+                '--umg-space-grid-vertical-mobile': Number(this.mobileSpacing) / 16 + 'rem',
+            };
+        }
+        else if (this.spacing !== undefined) {
+            styles = {
+                ...styles,
+                '--umg-space-grid-vertical-mobile': Number(this.spacing) / 16 + 'rem',
+            };
+        }
+        return styles;
+    }
+    stackClasses() {
+        const classes = {};
+        classes['group-justify--' + this.justify] = true;
+        classes['group-align--' + this.align] = true;
+        if (this.mobileJustify) {
+            classes['group-mobile-justify--' + this.mobileJustify] = true;
+        }
+        else {
+            classes['group-mobile-justify--' + this.justify] = true;
+        }
+        if (this.mobileAlign) {
+            classes['group-mobile-align--' + this.mobileAlign] = true;
+        }
+        else {
+            classes['group-mobile-align--' + this.align] = true;
+        }
+        return classes;
+    }
+    render() {
+        return html `
             <div
-                class="vertical-stack${n(this.stackClasses())}"
-                style="${f(this.stackStyles())}"
+                class="vertical-stack${classMap(this.stackClasses())}"
+                style="${styleMap(this.stackStyles())}"
                 >
                 <slot></slot>
             </div>
         `;
-  }
+    }
 };
-e.styles = x([
-  v,
-  m`
+VerticalStack.styles = mergeStyles([
+    global,
+    css `
             :host {
                 display: block;
                 width: 100%;
@@ -55,38 +83,55 @@ e.styles = x([
             .vertical-stack {
                 display: flex;
                 flex-direction: column;
-                gap: var(--um-space-vertical-stack-gap, var(--um-space-grid-desktop-vertical, 1rem));
                 height: 100%;
             }
+            @media screen and (min-width: 48.06rem) {
+                .vertical-stack {
+                    gap: var(--umg-space-grid-vertical-desktop, 1rem);
+                }
+            }
+            @media screen and (max-width: 48rem) {
+                .vertical-stack {
+                    gap: var(--umg-space-grid-vertical-mobile, 1rem);
+                }
+            }
 
             .vertical-stack.group-justify--stretch ::slotted(*) {
                 flex-grow: 1;
                 flex-shrink: 0;
             }
+
+            .vertical-stack.group-align--stretch ::slotted(*) {
+                display: block;
+                width: 100%;
+            }
         `,
-  b,
-  d,
-  j,
-  k
+    groupMobileAlign,
+    groupMobileJustify,
+    groupAlign,
+    groupJustify,
 ]);
-i([
-  r({ type: Number })
-], e.prototype, "gap", 2);
-i([
-  r()
-], e.prototype, "align", 2);
-i([
-  r()
-], e.prototype, "justify", 2);
-i([
-  r()
-], e.prototype, "mobileAlign", 2);
-i([
-  r()
-], e.prototype, "mobileJustify", 2);
-e = i([
-  y(`${J}-vertical-stack`)
-], e);
-export {
-  e as VerticalStack
-};
+__decorate([
+    property()
+], VerticalStack.prototype, "spacing", void 0);
+__decorate([
+    property()
+], VerticalStack.prototype, "mobileSpacing", void 0);
+__decorate([
+    property()
+], VerticalStack.prototype, "align", void 0);
+__decorate([
+    property()
+], VerticalStack.prototype, "justify", void 0);
+__decorate([
+    property()
+], VerticalStack.prototype, "mobileAlign", void 0);
+__decorate([
+    property()
+], VerticalStack.prototype, "mobileJustify", void 0);
+VerticalStack = __decorate([
+    customElement(`${prefix}-vertical-stack`)
+], VerticalStack);
+
+export { VerticalStack };
+//# sourceMappingURL=vertical-stack.js.map

package/dist/components/vertical-stack/vertical-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-stack.js","sources":["../../../src/components/vertical-stack/vertical-stack.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -1,2 +1,3 @@
 import { Video } from './video';
 export { Video };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/video/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/video/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/video/video.d.ts

@@ -27,3 +27,4 @@ export declare class Video extends LitElement {
     static styles: import("lit").CSSResultArray;
 }
 export {};
+//# sourceMappingURL=video.d.ts.map

package/dist/components/video/video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../src/components/video/video.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAQ3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAS3C,UAAU,WAAW;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,qBAEa,KAAM,SAAQ,UAAU;IAGjC,OAAO,EAAE,WAAW,EAAE,CAAK;IAG3B,YAAY,EAAE,MAAM,GAAG,SAAS,CAAY;IAG5C,KAAK,SAAM;IAGX,MAAM,SAAM;IAGZ,GAAG,EAAE,QAAQ,CAAU;IAGvB,YAAY,UAAQ;IAGpB,QAAQ,UAAO;IAGf,KAAK,UAAO;IAGZ,IAAI,UAAQ;IAGZ,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,aAAa,EAAE,gBAAgB,GAAG,SAAS,CAAA;;IAO3C,gBAAgB;IAOV,UAAU;IAQhB,eAAe;IAMf,SAAS;IAgDT,KAAK;IAiBL,MAAM;IAWN,MAAM,CAAC,MAAM,+BAuCX;CACL"}