@progressive-development/pd-page 0.6.25 → 0.9.1

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export { PdContactUs } from './pd-contact-us.js';
-export { PdFooter } from './pd-footer.js';
-export { PdMenu } from './pd-menu.js';
+export { PdContactUs } from './pd-contact-us/pd-contact-us.js';
+export { PdFooter } from './pd-footer/pd-footer.js';
+export { PdMenu } from './pd-menu/pd-menu.js';
 export type { PdFooterLink, PdFooterMadeBy, PdMenuItem } from './types.js';
 export { templates as beTemplates } from './generated/locales/be.js';
 export { templates as deTemplates } from './generated/locales/de.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE3E,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE3E,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/index.js

@@ -1,14 +1,9 @@
-import { PdContactUs } from "./pd-contact-us.js";
-import { PdFooter } from "./pd-footer.js";
-import { PdMenu } from "./pd-menu.js";
-import { templates } from "./locales/be.js";
-import { templates as templates2 } from "./locales/de.js";
-import { templates as templates3 } from "./locales/en.js";
-export {
-  PdContactUs,
-  PdFooter,
-  PdMenu,
-  templates as beTemplates,
-  templates2 as deTemplates,
-  templates3 as enTemplates
-};
+import './pd-contact-us.js';
+import './pd-footer.js';
+import './pd-menu.js';
+export { templates as beTemplates } from './locales/be.js';
+export { templates as deTemplates } from './locales/de.js';
+export { templates as enTemplates } from './locales/en.js';
+export { PdContactUs } from './pd-contact-us/PdContactUs.js';
+export { PdFooter } from './pd-footer/PdFooter.js';
+export { PdMenu } from './pd-menu/PdMenu.js';

package/dist/locales/be.js

@@ -8,6 +8,5 @@ const templates = {
   "pd.contactus.title": `Contact`,
   "pd.menu.label": `Menü`
 };
-export {
-  templates
-};
+
+export { templates };

package/dist/locales/de.js

@@ -8,6 +8,5 @@ const templates = {
   "pd.contactus.address.send": `Absenden`,
   "pd.menu.label": `Menü`
 };
-export {
-  templates
-};
+
+export { templates };

package/dist/locales/en.js

@@ -8,6 +8,5 @@ const templates = {
   "pd.contactus.title": `Contact`,
   "pd.menu.label": `Menü`
 };
-export {
-  templates
-};
+
+export { templates };

package/dist/pd-contact-us/PdContactUs.d.ts

@@ -0,0 +1,19 @@
+import { LitElement, CSSResultGroup } from 'lit';
+import { PdContactData } from '@progressive-development/pd-contact';
+/**
+ * Contact form component with company address and message form.
+ *
+ * @event send-contact-request - Fired when the contact form is valid and submitted.
+ * @tagname pd-contact-us
+ */
+export declare class PdContactUs extends LitElement {
+    /**
+     * Contact data displayed in the address section.
+     */
+    contact: PdContactData;
+    static styles: CSSResultGroup;
+    render(): import('lit').TemplateResult<1>;
+    clear(): void;
+    private _sendMail;
+}
+//# sourceMappingURL=PdContactUs.d.ts.map

package/dist/pd-contact-us/PdContactUs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdContactUs.d.ts","sourceRoot":"","sources":["../../src/pd-contact-us/PdContactUs.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAS5D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE,OAAO,mDAAmD,CAAC;AAC3D,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,iDAAiD,CAAC;AACzD,OAAO,gDAAgD,CAAC;AAIxD;;;;;GAKG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC;;OAEG;IAEH,OAAO,EAAE,aAAa,CAAM;IAE5B,OAAgB,MAAM,EAAE,cAAc,CAsEpC;IAEF,MAAM;IAgGN,KAAK,IAAI,IAAI;IAOb,OAAO,CAAC,SAAS;CAelB"}

package/dist/pd-contact-us/PdContactUs.js

@@ -0,0 +1,223 @@
+import { css, LitElement, html } from 'lit';
+import { localized, msg } from '@lit/localize';
+import { property } from 'lit/decorators.js';
+import { PdColorStyles, PdFontStyles } from '@progressive-development/pd-shared-styles';
+import '@progressive-development/pd-forms/pd-panel-button';
+import '@progressive-development/pd-forms/pd-form-container';
+import '@progressive-development/pd-forms/pd-form-row';
+import '@progressive-development/pd-forms/pd-input';
+import '@progressive-development/pd-forms/pd-input-area';
+import '@progressive-development/pd-contact/pd-contact';
+import { pdIcons } from '@progressive-development/pd-icon';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let PdContactUs = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.contact = {};
+  }
+  render() {
+    return html`
+      <div class="content-block">
+        <h2>${msg("Kontakt", { id: "pd.contactus.title" })}</h2>
+
+        <div class="contact-block">
+          <div class="left-content">
+            <pd-contact
+              class="company-contact"
+              .contact="${this.contact}"
+              addressTitle="${msg("Adresse", {
+      id: "pd.contactus.address.title"
+    })}"
+              summary
+            ></pd-contact>
+          </div>
+
+          <div class="right-content">
+            <pd-form-container id="contactFormId">
+              <pd-form-row>
+                <pd-input
+                  id="nameInputId"
+                  class="quarter3"
+                  minlength="3"
+                  maxlength="100"
+                  placeHolder="${msg("Name", {
+      id: "pd.contactus.address.name"
+    })}"
+                  valueName="name"
+                  autoCompleteName="full-name"
+                  required
+                ></pd-input>
+              </pd-form-row>
+
+              <pd-form-row>
+                <pd-input
+                  id="mailInputId"
+                  class="quarter3"
+                  placeHolder="${msg("Email", {
+      id: "pd.contactus.address.email"
+    })}"
+                  valueName="email"
+                  autoCompleteName="email"
+                  name="email"
+                  fieldType="mail"
+                  required
+                ></pd-input>
+              </pd-form-row>
+
+              <pd-form-row>
+                <pd-input
+                  id="phoneInputId"
+                  class="quarter3"
+                  placeHolder="${msg("Telefon", {
+      id: "pd.contactus.address.phone"
+    })}"
+                  valueName="phone"
+                  fieldType="phone"
+                  autoCompleteName="tel"
+                  required
+                ></pd-input>
+              </pd-form-row>
+
+              <pd-form-row>
+                <pd-input-area
+                  id="msgInputId"
+                  class="quarter3-area"
+                  minlength="6"
+                  maxlength="500"
+                  placeHolder="${msg("Nachricht", {
+      id: "pd.contactus.address.message"
+    })}"
+                  rows="8"
+                  required
+                  valueName="msg1"
+                ></pd-input-area>
+              </pd-form-row>
+
+              <pd-form-row>
+                <pd-panel-button
+                  class="quarter3"
+                  pdButtonIcon="${pdIcons.ICON_MAIL}"
+                  buttonText="${msg("Absenden", {
+      id: "pd.contactus.address.send"
+    })}"
+                  @click="${this._sendMail}"
+                  primary
+                ></pd-panel-button>
+              </pd-form-row>
+            </pd-form-container>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  clear() {
+    this.shadowRoot?.getElementById("nameInputId")?.["clear"]?.();
+    this.shadowRoot?.getElementById("mailInputId")?.["clear"]?.();
+    this.shadowRoot?.getElementById("phoneInputId")?.["clear"]?.();
+    this.shadowRoot?.getElementById("msgInputId")?.["clear"]?.();
+  }
+  _sendMail() {
+    const form = this.shadowRoot?.getElementById(
+      "contactFormId"
+    );
+    form.triggerValidate().then((result) => {
+      if (result) {
+        this.dispatchEvent(
+          new CustomEvent("send-contact-request", {
+            detail: { msgObj: form.getValues().origin }
+          })
+        );
+        form.reset();
+      }
+    });
+  }
+};
+PdContactUs.styles = [
+  PdColorStyles,
+  PdFontStyles,
+  css`
+      :host {
+        display: flex;
+        flex-flow: row;
+        background-color: var(--pd-contactus-bg-col, var(--pd-default-col));
+        background-image: var(--pd-contactus-bg-image);
+        background-repeat: no-repeat;
+        min-height: 500px;
+        width: 100%;
+      }
+
+      h2 {
+        font-family: var(--pd-default-font-title-family);
+        font-style: normal;
+        color: var(--pd-contactus-font-col, var(--pd-default-bg-col));
+        margin-top: 1.4em;
+        margin-bottom: 2.5rem;
+        font-size: var(--pd-contactus-font-h2-size, 2.5rem);
+      }
+
+      .content-block {
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        justify-content: flex-start;
+        flex-grow: 1;
+        max-width: 1170px;
+        margin: 0 auto;
+        padding-left: 30px;
+      }
+
+      .contact-block {
+        display: flex;
+        flex-wrap: wrap;
+        padding-bottom: 50px;
+      }
+
+      .left-content {
+        width: 35%;
+        min-width: 230px;
+      }
+
+      .right-content {
+        width: 65%;
+      }
+
+      .company-contact {
+        --app-font-content-col: var(
+          --pd-contactus-font-col,
+          var(--pd-default-bg-col)
+        );
+        --app-font-title-col: var(
+          --pd-contactus-font-col,
+          var(--pd-default-bg-col)
+        );
+      }
+
+      @media (max-width: 440px) {
+        .item {
+          display: none;
+        }
+        ul {
+          justify-content: flex-start;
+        }
+      }
+    `
+];
+__decorateClass([
+  property({ type: Object })
+], PdContactUs.prototype, "contact", 2);
+PdContactUs = __decorateClass([
+  localized()
+], PdContactUs);
+
+export { PdContactUs };

package/dist/pd-contact-us/pd-contact-us.d.ts

@@ -0,0 +1,3 @@
+import { PdContactUs } from './PdContactUs.js';
+export { PdContactUs };
+//# sourceMappingURL=pd-contact-us.d.ts.map

package/dist/pd-contact-us/pd-contact-us.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-contact-us.d.ts","sourceRoot":"","sources":["../../src/pd-contact-us/pd-contact-us.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAO/C,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/{stories → pd-contact-us}/pd-contact-us.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryFn } from '@storybook/web-components';
-import { PdContactUs } from '../pd-contact-us';
+import { PdContactUs } from './pd-contact-us';
 declare const _default: Meta<PdContactUs>;
 export default _default;
 export declare const Default: StoryFn<PdContactUs>;

package/dist/pd-contact-us/pd-contact-us.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-contact-us.stories.d.ts","sourceRoot":"","sources":["../../src/pd-contact-us/pd-contact-us.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAI/D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,iBAAiB,CAAC;wBAoBpB,IAAI,CAAC,WAAW,CAAC;AAlBtB,wBAkBuB;AAMvB,eAAO,MAAM,OAAO,sBAAoB,CAAC"}

package/dist/pd-contact-us.d.ts

@@ -1,18 +1,2 @@
-import { LitElement, CSSResultGroup } from 'lit';
-import { PdContactData } from '@progressive-development/pd-contact';
-/**
- * Contact form component with company address and message form.
- *
- * @event send-contact-request - Fired when the contact form is valid and submitted.
- */
-export declare class PdContactUs extends LitElement {
-    /**
-     * Contact data displayed in the address section.
-     */
-    contact: PdContactData;
-    static styles: CSSResultGroup;
-    render(): import('lit-html').TemplateResult<1>;
-    clear(): void;
-    private _sendMail;
-}
-//# sourceMappingURL=pd-contact-us.d.ts.map
+export * from './pd-contact-us/pd-contact-us'
+export {}

package/dist/pd-contact-us.js

@@ -1,226 +1,8 @@
-import { css, LitElement, html } from "lit";
-import { localized, msg } from "@lit/localize";
-import { property, customElement } from "lit/decorators.js";
-import { PdColorStyles, PdFontStyles } from "@progressive-development/pd-shared-styles";
-import "@progressive-development/pd-forms/pd-icon-panel-button";
-import "@progressive-development/pd-forms/pd-form-container";
-import "@progressive-development/pd-forms/pd-form-row";
-import "@progressive-development/pd-forms/pd-input";
-import "@progressive-development/pd-forms/pd-input-area";
-import "@progressive-development/pd-contact/pd-contact";
-import { pdIcons } from "@progressive-development/pd-icon";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let PdContactUs = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.contact = {};
-  }
-  render() {
-    return html`
-      <div class="content-block">
-        <h2>${msg("Kontakt", { id: "pd.contactus.title" })}</h2>
+import { PdContactUs } from './pd-contact-us/PdContactUs.js';
 
-        <div class="contact-block">
-          <div class="left-content">
-            <pd-contact
-              class="company-contact"
-              .contact="${this.contact}"
-              addressTitle="${msg("Adresse", {
-      id: "pd.contactus.address.title"
-    })}"
-              summary
-            ></pd-contact>
-          </div>
+const tag = "pd-contact-us";
+if (!customElements.get(tag)) {
+  customElements.define(tag, PdContactUs);
+}
 
-          <div class="right-content">
-            <pd-form-container id="contactFormId">
-              <pd-form-row>
-                <pd-input
-                  id="nameInputId"
-                  class="quarter3"
-                  minlength="3"
-                  maxlength="100"
-                  placeHolder="${msg("Name", {
-      id: "pd.contactus.address.name"
-    })}"
-                  valueName="name"
-                  autoCompleteName="full-name"
-                  required
-                ></pd-input>
-              </pd-form-row>
-
-              <pd-form-row>
-                <pd-input
-                  id="mailInputId"
-                  class="quarter3"
-                  placeHolder="${msg("Email", {
-      id: "pd.contactus.address.email"
-    })}"
-                  valueName="email"
-                  autoCompleteName="email"
-                  name="email"
-                  fieldType="mail"
-                  required
-                ></pd-input>
-              </pd-form-row>
-
-              <pd-form-row>
-                <pd-input
-                  id="phoneInputId"
-                  class="quarter3"
-                  placeHolder="${msg("Telefon", {
-      id: "pd.contactus.address.phone"
-    })}"
-                  valueName="phone"
-                  fieldType="phone"
-                  autoCompleteName="tel"
-                  required
-                ></pd-input>
-              </pd-form-row>
-
-              <pd-form-row>
-                <pd-input-area
-                  id="msgInputId"
-                  class="quarter3-area"
-                  minlength="6"
-                  maxlength="500"
-                  placeHolder="${msg("Nachricht", {
-      id: "pd.contactus.address.message"
-    })}"
-                  rows="8"
-                  required
-                  valueName="msg1"
-                ></pd-input-area>
-              </pd-form-row>
-
-              <pd-form-row>
-                <pd-icon-panel-button
-                  class="quarter3"
-                  pdButtonIcon="${pdIcons.ICON_MAIL}"
-                  buttonText="${msg("Absenden", {
-      id: "pd.contactus.address.send"
-    })}"
-                  @click="${this._sendMail}"
-                  primary
-                ></pd-icon-panel-button>
-              </pd-form-row>
-            </pd-form-container>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-  clear() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-    (_c = (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("nameInputId")) == null ? void 0 : _b["clear"]) == null ? void 0 : _c.call(_b);
-    (_f = (_e = (_d = this.shadowRoot) == null ? void 0 : _d.getElementById("mailInputId")) == null ? void 0 : _e["clear"]) == null ? void 0 : _f.call(_e);
-    (_i = (_h = (_g = this.shadowRoot) == null ? void 0 : _g.getElementById("phoneInputId")) == null ? void 0 : _h["clear"]) == null ? void 0 : _i.call(_h);
-    (_l = (_k = (_j = this.shadowRoot) == null ? void 0 : _j.getElementById("msgInputId")) == null ? void 0 : _k["clear"]) == null ? void 0 : _l.call(_k);
-  }
-  _sendMail() {
-    var _a;
-    const form = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById(
-      "contactFormId"
-    );
-    form.triggerValidate().then((result) => {
-      if (result) {
-        this.dispatchEvent(
-          new CustomEvent("send-contact-request", {
-            detail: { msgObj: form.getValues().origin }
-          })
-        );
-        form.reset();
-      }
-    });
-  }
-};
-PdContactUs.styles = [
-  PdColorStyles,
-  PdFontStyles,
-  css`
-      :host {
-        display: flex;
-        flex-flow: row;
-        background-color: var(--pd-contactus-bg-col, var(--pd-default-col));
-        background-image: var(--pd-contactus-bg-image);
-        background-repeat: no-repeat;
-        min-height: 500px;
-        width: 100%;
-      }
-
-      h2 {
-        font-family: var(--pd-default-font-title-family);
-        font-style: normal;
-        color: var(--pd-contactus-font-col, var(--pd-default-bg-col));
-        margin-top: 1.4em;
-        margin-bottom: 2.5rem;
-        font-size: var(--pd-contactus-font-h2-size, 2.5rem);
-      }
-
-      .content-block {
-        overflow: hidden;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        justify-content: flex-start;
-        flex-grow: 1;
-        max-width: 1170px;
-        margin: 0 auto;
-        padding-left: 30px;
-      }
-
-      .contact-block {
-        display: flex;
-        flex-wrap: wrap;
-        padding-bottom: 50px;
-      }
-
-      .left-content {
-        width: 35%;
-        min-width: 230px;
-      }
-
-      .right-content {
-        width: 65%;
-      }
-
-      .company-contact {
-        --app-font-content-col: var(
-          --pd-contactus-font-col,
-          var(--pd-default-bg-col)
-        );
-        --app-font-title-col: var(
-          --pd-contactus-font-col,
-          var(--pd-default-bg-col)
-        );
-      }
-
-      @media (max-width: 440px) {
-        .item {
-          display: none;
-        }
-        ul {
-          justify-content: flex-start;
-        }
-      }
-    `
-];
-__decorateClass([
-  property({ type: Object })
-], PdContactUs.prototype, "contact", 2);
-PdContactUs = __decorateClass([
-  customElement("pd-contact-us"),
-  localized()
-], PdContactUs);
-export {
-  PdContactUs
-};
+export { PdContactUs };

package/dist/pd-footer/PdFooter.d.ts

@@ -0,0 +1,32 @@
+import { LitElement, CSSResultGroup } from 'lit';
+import { PdFooterLink, PdFooterMadeBy } from '../types';
+/**
+ * Footer-Komponente mit konfigurierbaren Links, Version und Copyright.
+ *
+ * @fires footer-link - Wird ausgelöst, wenn auf einen Footer-Link geklickt wird.
+ * @slot - Standard-Slot nicht verwendet.
+ * @tagname pd-footer
+ */
+export declare class PdFooter extends LitElement {
+    /**
+     * Optional: Copyright-Zeile, z.B. "2024 PD Progressive Development UG".
+     */
+    copyright: string;
+    /**
+     * Optionale Versionsangabe, z.B. "v1.2.3".
+     */
+    version: string;
+    /**
+     * Optionaler Verweis auf den Entwickler oder die Agentur.
+     */
+    madeBy?: PdFooterMadeBy;
+    /**
+     * Liste von Footer-Links.
+     */
+    footerLinks: PdFooterLink[];
+    static styles: CSSResultGroup;
+    render(): import('lit').TemplateResult<1>;
+    private _clickMadeBy;
+    private _footerLinkClicked;
+}
+//# sourceMappingURL=PdFooter.d.ts.map

package/dist/pd-footer/PdFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdFooter.d.ts","sourceRoot":"","sources":["../../src/pd-footer/PdFooter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,cAAc,EAAE,MAAM,KAAK,CAAC;AAMrE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAExD;;;;;;GAMG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;OAEG;IAEH,WAAW,EAAE,YAAY,EAAE,CAAM;IAEjC,OAAgB,MAAM,EAAE,cAAc,CA2EpC;IAEO,MAAM;IAmCf,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,kBAAkB;CAe3B"}