@progressive-development/pd-page 0.5.9 → 0.6.0

package/dist/generated/locale-codes.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The locale code that templates in this source code are written in.
+ */
+export declare const sourceLocale = "dev";
+/**
+ * The other locale codes that this application is localized into. Sorted
+ * lexicographically.
+ */
+export declare const targetLocales: readonly ["be", "de", "en"];
+/**
+ * All valid project locale codes. Sorted lexicographically.
+ */
+export declare const allLocales: readonly ["be", "de", "dev", "en"];
+//# sourceMappingURL=locale-codes.d.ts.map

package/dist/generated/locale-codes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-codes.d.ts","sourceRoot":"","sources":["../../src/generated/locale-codes.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,YAAY,QAAQ,CAAC;AAElC;;;GAGG;AACH,eAAO,MAAM,aAAa,6BAA8B,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,UAAU,oCAAqC,CAAC"}

package/dist/generated/locales/be.d.ts

@@ -0,0 +1,11 @@
+export declare const templates: {
+    "pd.contactus.address.email": string;
+    "pd.contactus.address.message": string;
+    "pd.contactus.address.name": string;
+    "pd.contactus.address.phone": string;
+    "pd.contactus.address.send": string;
+    "pd.contactus.address.title": string;
+    "pd.contactus.title": string;
+    "pd.menu.label": string;
+};
+//# sourceMappingURL=be.d.ts.map

package/dist/generated/locales/be.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"be.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/be.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC"}

package/dist/generated/locales/de.d.ts

@@ -0,0 +1,11 @@
+export declare const templates: {
+    "pd.contactus.title": string;
+    "pd.contactus.address.title": string;
+    "pd.contactus.address.name": string;
+    "pd.contactus.address.email": string;
+    "pd.contactus.address.phone": string;
+    "pd.contactus.address.message": string;
+    "pd.contactus.address.send": string;
+    "pd.menu.label": string;
+};
+//# sourceMappingURL=de.d.ts.map

package/dist/generated/locales/de.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/de.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC"}

package/dist/generated/locales/en.d.ts

@@ -0,0 +1,11 @@
+export declare const templates: {
+    "pd.contactus.address.email": string;
+    "pd.contactus.address.message": string;
+    "pd.contactus.address.name": string;
+    "pd.contactus.address.phone": string;
+    "pd.contactus.address.send": string;
+    "pd.contactus.address.title": string;
+    "pd.contactus.title": string;
+    "pd.menu.label": string;
+};
+//# sourceMappingURL=en.d.ts.map

package/dist/generated/locales/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/en.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { PdContactUs } from './pd-contact-us.js';
+export { PdFooter } from './pd-footer.js';
+export { PdMenu } from './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';
+export { templates as enTemplates } from './generated/locales/en.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +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"}

package/dist/index.js

@@ -1,8 +1,6 @@
-import { PdContactUs } from "./src/PdContactUs.js";
-import { PdFooter } from "./src/PdFooter.js";
-import { PdMenu } from "./src/PdMenu.js";
-import { PdTeaser } from "./src/PdTeaser.js";
-import { PdTeaserContent } from "./src/PdTeaserContent.js";
+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";
@@ -10,8 +8,6 @@ export {
   PdContactUs,
   PdFooter,
   PdMenu,
-  PdTeaser,
-  PdTeaserContent,
   templates as beTemplates,
   templates2 as deTemplates,
   templates3 as enTemplates

package/dist/locales/be.d.ts

@@ -0,0 +1,2 @@
+export * from '../generated/locales/be'
+export {}

package/dist/locales/be.js

@@ -5,7 +5,8 @@ const templates = {
   "pd.contactus.address.phone": `Telefoon`,
   "pd.contactus.address.send": `Verzenden`,
   "pd.contactus.address.title": `Adres`,
-  "pd.contactus.title": `Contact`
+  "pd.contactus.title": `Contact`,
+  "pd.menu.label": `Menü`
 };
 export {
   templates

package/dist/locales/de.d.ts

@@ -0,0 +1,2 @@
+export * from '../generated/locales/de'
+export {}

package/dist/locales/de.js

@@ -5,7 +5,8 @@ const templates = {
   "pd.contactus.address.email": `Email`,
   "pd.contactus.address.phone": `Telefon`,
   "pd.contactus.address.message": `Nachricht`,
-  "pd.contactus.address.send": `Absenden`
+  "pd.contactus.address.send": `Absenden`,
+  "pd.menu.label": `Menü`
 };
 export {
   templates

package/dist/locales/en.d.ts

@@ -0,0 +1,2 @@
+export * from '../generated/locales/en'
+export {}

package/dist/locales/en.js

@@ -5,7 +5,8 @@ const templates = {
   "pd.contactus.address.phone": `Phone`,
   "pd.contactus.address.send": `Send`,
   "pd.contactus.address.title": `Address`,
-  "pd.contactus.title": `Contact`
+  "pd.contactus.title": `Contact`,
+  "pd.menu.label": `Menü`
 };
 export {
   templates

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

@@ -0,0 +1,18 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-contact-us.d.ts","sourceRoot":"","sources":["../src/pd-contact-us.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5D,OAAO,6CAA6C,CAAC;AACrD,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,iDAAiD,CAAC;AACzD,OAAO,gDAAgD,CAAC;AAMxD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE;;;;GAIG;AACH,qBAEa,WAAY,SAAQ,UAAU;IACzC;;OAEG;IAEH,OAAO,EAAE,aAAa,CAAM;IAE5B,OAAgB,MAAM,EAAE,cAAc,CAsEpC;IAEF,MAAM;IAwFN,KAAK,IAAI,IAAI;IAOb,OAAO,CAAC,SAAS;CA0BlB"}

package/dist/pd-contact-us.js

@@ -1,4 +1,218 @@
-import { PdContactUs } from "./src/PdContactUs.js";
-if (!customElements.get("pd-contact-us")) {
-  window.customElements.define("pd-contact-us", PdContactUs);
-}
+import { css, LitElement, html } from "lit";
+import { localized, msg } from "@lit/localize";
+import { property, customElement } from "lit/decorators.js";
+import "@progressive-development/pd-forms/pd-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 { PdColorStyles, PdFontStyles } from "@progressive-development/pd-shared-styles";
+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"
+                  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="mail"
+                  autoCompleteName="email"
+                  name="email"
+                  field-type="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"
+                  field-type="phone"
+                  autoCompleteName="tel"
+                  required
+                ></pd-input>
+              </pd-form-row>
+
+              <pd-form-row>
+                <pd-input-area
+                  id="msgInputId"
+                  class="quarter3-area"
+                  placeHolder="${msg("Nachricht", {
+      id: "pd.contactus.address.message"
+    })}"
+                  rows="15"
+                  required
+                  valueName="msg"
+                ></pd-input-area>
+              </pd-form-row>
+
+              <pd-form-row>
+                <pd-button
+                  class="quarter3"
+                  text="${msg("Absenden", { id: "pd.contactus.address.send" })}"
+                  @click="${this._sendMail}"
+                  primary
+                ></pd-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, _b, _c, _d, _e, _f, _g, _h, _i;
+    const detail = { errorMap: /* @__PURE__ */ new Map() };
+    const form = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("contactFormId");
+    form == null ? void 0 : form.dispatchEvent(new CustomEvent("validate-form", { detail }));
+    if (detail.errorMap.size === 0) {
+      const name = (_c = (_b = this.shadowRoot) == null ? void 0 : _b.getElementById("nameInputId")) == null ? void 0 : _c.value;
+      const email = (_e = (_d = this.shadowRoot) == null ? void 0 : _d.getElementById("mailInputId")) == null ? void 0 : _e.value;
+      const phone = (_g = (_f = this.shadowRoot) == null ? void 0 : _f.getElementById("phoneInputId")) == null ? void 0 : _g.value;
+      const msg1 = (_i = (_h = this.shadowRoot) == null ? void 0 : _h.getElementById("msgInputId")) == null ? void 0 : _i.value;
+      this.dispatchEvent(
+        new CustomEvent("send-contact-request", {
+          detail: { msgObj: { name, email, phone, msg1 } }
+        })
+      );
+    }
+  }
+};
+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
+};

package/dist/pd-footer.d.ts

@@ -0,0 +1,31 @@
+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.
+ */
+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-html').TemplateResult<1>;
+    private _clickMadeBy;
+    private _footerLinkClicked;
+}
+//# sourceMappingURL=pd-footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-footer.d.ts","sourceRoot":"","sources":["../src/pd-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,cAAc,EAAE,MAAM,KAAK,CAAC;AAMrE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEvD;;;;;GAKG;AACH,qBACa,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"}

package/dist/pd-footer.js

@@ -1,4 +1,165 @@
-import { PdFooter } from "./src/PdFooter.js";
-if (!customElements.get("pd-footer")) {
-  window.customElements.define("pd-footer", PdFooter);
-}
+import { css, LitElement, nothing, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { PdColorStyles, PdFontStyles } from "@progressive-development/pd-shared-styles";
+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 PdFooter = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.copyright = "";
+    this.version = "";
+    this.footerLinks = [];
+  }
+  render() {
+    return html`
+      <div class="footer-links">
+        <ul>
+          ${this.footerLinks.map(
+      (link) => html`
+              <li>
+                <a @click=${this._footerLinkClicked} data-link=${link.key}
+                  >${link.name}</a
+                >
+              </li>
+            `
+    )}
+        </ul>
+      </div>
+
+      <div class="bottom-line">
+        <div>
+          ${this.copyright ? html`<span class="copyright">© ${this.copyright}, </span>` : nothing}
+          ${this.version ? html`<span class="version">${this.version}</span>` : nothing}
+        </div>
+
+        ${this.madeBy ? html`<span class="madeBy" @click=${this._clickMadeBy}
+              >${this.madeBy.txt}</span
+            >` : nothing}
+      </div>
+    `;
+  }
+  _clickMadeBy() {
+    var _a, _b;
+    if ((_a = this.madeBy) == null ? void 0 : _a.email) {
+      window.location.href = `mailto:${this.madeBy.email}`;
+    } else if ((_b = this.madeBy) == null ? void 0 : _b.link) {
+      window.open(this.madeBy.link, "_blank");
+    }
+  }
+  _footerLinkClicked(e) {
+    const target = e.currentTarget;
+    const linkKey = target.dataset.link;
+    const linkObj = this.footerLinks.find((fl) => fl.key === linkKey);
+    if (linkObj) {
+      this.dispatchEvent(
+        new CustomEvent("footer-link", {
+          detail: { linkObj },
+          bubbles: true,
+          composed: true
+        })
+      );
+    }
+  }
+};
+PdFooter.styles = [
+  PdColorStyles,
+  PdFontStyles,
+  css`
+      :host {
+        display: flex;
+        flex-flow: column;
+        justify-content: end;
+        background-color: var(--pd-footer-bg-col, var(--pd-default-col));
+        width: 100%;
+        white-space: nowrap;
+      }
+
+      .footer-links {
+        display: flex;
+        align-items: center;
+        justify-content: right;
+        height: 100%;
+        color: var(--pd-footer-font-col, var(--pd-default-bg-col));
+        font-family: var(
+          --pd-footer-font-family,
+          var(--pd-default-font-link-family)
+        );
+        font-size: var(--pd-footer-font-size, 1.1em);
+      }
+
+      .footer-links ul {
+        display: flex;
+        flex-wrap: wrap;
+        list-style: none;
+        gap: 2em;
+        margin: 0;
+        padding: 2em 2.5em;
+      }
+
+      .footer-links li {
+        cursor: pointer;
+      }
+
+      .footer-links li:hover {
+        color: var(--pd-default-hover-col);
+      }
+
+      .bottom-line {
+        background-color: var(
+          --pd-footer-bottom-col,
+          var(--pd-default-light-col)
+        );
+        font-size: var(--pd-footer-bottom-font-size, 0.9em);
+        color: var(--pd-footer-bottom-font-col, var(--pd-default-dark-col));
+        padding: 0.5em;
+        display: flex;
+        gap: 1em;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      .copyright {
+        font-weight: bold;
+      }
+
+      .version {
+        font-weight: normal;
+      }
+
+      .madeBy {
+        cursor: pointer;
+        font-style: italic;
+      }
+
+      .madeBy:hover {
+        color: var(--pd-default-col);
+      }
+    `
+];
+__decorateClass([
+  property({ type: String })
+], PdFooter.prototype, "copyright", 2);
+__decorateClass([
+  property({ type: String })
+], PdFooter.prototype, "version", 2);
+__decorateClass([
+  property({ type: Object })
+], PdFooter.prototype, "madeBy", 2);
+__decorateClass([
+  property({ type: Array })
+], PdFooter.prototype, "footerLinks", 2);
+PdFooter = __decorateClass([
+  customElement("pd-footer")
+], PdFooter);
+export {
+  PdFooter
+};

package/dist/pd-menu.d.ts

@@ -0,0 +1,67 @@
+import { LitElement, CSSResultGroup } from 'lit';
+import { PdMenuItem } from './types.js';
+/**
+ * Menü-Komponente zur Navigation in der Anwendung.
+ *
+ * @fires route-event – Wird ausgelöst, wenn ein Menüpunkt mit Route geklickt wird
+ * @fires locale-change – Wird ausgelöst, wenn die Sprache gewechselt wird
+ *
+ * @slot slotLogo – Slot für das App-Logo
+ */
+export declare class PdMenu extends LitElement {
+    /**
+     * Aktuelle aktive Route (zur Hervorhebung)
+     */
+    activeRoute: string;
+    /**
+     * Aktuell ausgewählte Sprache
+     */
+    selectedLocale: string;
+    /**
+     * Liste verfügbarer Sprachen
+     */
+    locales: string[];
+    /**
+     * Hauptmenüeinträge
+     */
+    menuItems: PdMenuItem[];
+    /**
+     * Zusätzliche Einträge in der oberen Menüzeile
+     */
+    topMenuItems: PdMenuItem[];
+    /**
+     * Flag, ob Burger-Menü deaktiviert ist
+     */
+    noBurgerMenu: boolean;
+    /**
+     * Größe des Headers (für Scroll-Berechnung)
+     */
+    headerSize: number;
+    /**
+     * Index des aktiven Inhaltsbereichs (bei Scroll)
+     */
+    private _activeSecIndex;
+    /**
+     * Burger-Menü aktiv?
+     */
+    private _activeBurgerMenu;
+    /**
+     * Sprachmenü aktiv?
+     */
+    private _activeLocaleMenu;
+    /**
+     * Zeige mobile Ansicht?
+     */
+    private _smallScreen;
+    static styles: CSSResultGroup;
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    private _renderItems;
+    private _toggleBurgerMenu;
+    private _toggleLocaleSelection;
+    private _localeClicked;
+    private _menuItemClicked;
+    private _logoClicked;
+    private static _scrollToTop;
+}
+//# sourceMappingURL=pd-menu.d.ts.map

package/dist/pd-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-menu.d.ts","sourceRoot":"","sources":["../src/pd-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAW5D,OAAO,0CAA0C,CAAC;AAElD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C;;;;;;;GAOG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,cAAc,SAAM;IAEpB;;OAEG;IAEH,OAAO,EAAE,MAAM,EAAE,CAAM;IAEvB;;OAEG;IAEH,SAAS,EAAE,UAAU,EAAE,CAAM;IAE7B;;OAEG;IAEH,YAAY,EAAE,UAAU,EAAE,CAAM;IAEhC;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,UAAU,SAAK;IAEf;;OAEG;IAEH,OAAO,CAAC,eAAe,CAAK;IAE5B;;OAEG;IAEH,OAAO,CAAC,iBAAiB,CAAS;IAElC;;OAEG;IAEH,OAAO,CAAC,iBAAiB,CAAS;IAElC;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAS;IAE7B,OAAgB,MAAM,EAAE,cAAc,CA0PpC;IAEF,SAAS,CAAC,YAAY;IAmCtB,MAAM;IAqEN,OAAO,CAAC,YAAY;IAiCpB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,gBAAgB;IA8BxB,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,MAAM,CAAC,YAAY;CAG5B"}