@progressive-development/pd-page 0.6.3 → 0.6.5

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

@@ -1 +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"}
+{"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;AAS5D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE,OAAO,wDAAwD,CAAC;AAChE,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,iDAAiD,CAAC;AACzD,OAAO,gDAAgD,CAAC;AAIxD;;;;GAIG;AACH,qBAEa,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;CAclB"}

package/dist/pd-contact-us.js

@@ -1,13 +1,14 @@
 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 { 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 { PdColorStyles, PdFontStyles } from "@progressive-development/pd-shared-styles";
+import { pdIcons } from "@progressive-development/pd-icon";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -27,6 +28,7 @@ let PdContactUs = class extends LitElement {
     return html`
       <div class="content-block">
         <h2>${msg("Kontakt", { id: "pd.contactus.title" })}</h2>
+
         <div class="contact-block">
           <div class="left-content">
             <pd-contact
@@ -45,6 +47,8 @@ let PdContactUs = class extends LitElement {
                 <pd-input
                   id="nameInputId"
                   class="quarter3"
+                  minlength="3"
+                  maxlength="100"
                   placeHolder="${msg("Name", {
       id: "pd.contactus.address.name"
     })}"
@@ -61,10 +65,10 @@ let PdContactUs = class extends LitElement {
                   placeHolder="${msg("Email", {
       id: "pd.contactus.address.email"
     })}"
-                  valueName="mail"
+                  valueName="email"
                   autoCompleteName="email"
                   name="email"
-                  field-type="mail"
+                  fieldType="mail"
                   required
                 ></pd-input>
               </pd-form-row>
@@ -77,7 +81,7 @@ let PdContactUs = class extends LitElement {
       id: "pd.contactus.address.phone"
     })}"
                   valueName="phone"
-                  field-type="phone"
+                  fieldType="phone"
                   autoCompleteName="tel"
                   required
                 ></pd-input>
@@ -87,22 +91,27 @@ let PdContactUs = class extends LitElement {
                 <pd-input-area
                   id="msgInputId"
                   class="quarter3-area"
+                  minlength="6"
+                  maxlength="500"
                   placeHolder="${msg("Nachricht", {
       id: "pd.contactus.address.message"
     })}"
-                  rows="15"
+                  rows="8"
                   required
-                  valueName="msg"
+                  valueName="msg1"
                 ></pd-input-area>
               </pd-form-row>
 
               <pd-form-row>
-                <pd-button
+                <pd-icon-panel-button
                   class="quarter3"
-                  text="${msg("Absenden", { id: "pd.contactus.address.send" })}"
+                  pdButtonIcon="${pdIcons.ICON_MAIL}"
+                  buttonText="${msg("Absenden", {
+      id: "pd.contactus.address.send"
+    })}"
                   @click="${this._sendMail}"
                   primary
-                ></pd-button>
+                ></pd-icon-panel-button>
               </pd-form-row>
             </pd-form-container>
           </div>
@@ -118,21 +127,19 @@ let PdContactUs = class extends LitElement {
     (_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 } }
-        })
-      );
-    }
+    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() }
+          })
+        );
+      }
+    });
   }
 };
 PdContactUs.styles = [

package/dist/pd-footer.js

@@ -19,10 +19,11 @@ let PdFooter = class extends LitElement {
     this.footerLinks = [];
   }
   render() {
+    var _a;
     return html`
       <div class="footer-links">
         <ul>
-          ${this.footerLinks.map(
+          ${(_a = this.footerLinks) == null ? void 0 : _a.map(
       (link) => html`
               <li>
                 <a @click=${this._footerLinkClicked} data-link=${link.key}
@@ -55,9 +56,10 @@ let PdFooter = class extends LitElement {
     }
   }
   _footerLinkClicked(e) {
+    var _a;
     const target = e.currentTarget;
     const linkKey = target.dataset.link;
-    const linkObj = this.footerLinks.find((fl) => fl.key === linkKey);
+    const linkObj = (_a = this.footerLinks) == null ? void 0 : _a.find((fl) => fl.key === linkKey);
     if (linkObj) {
       this.dispatchEvent(
         new CustomEvent("footer-link", {

package/dist/pd-menu.d.ts

@@ -17,6 +17,10 @@ export declare class PdMenu extends LitElement {
      * Aktuell ausgewählte Sprache
      */
     selectedLocale: string;
+    /**
+     * Aktuell ausgewählte Sprache
+     */
+    logoRoute?: string;
     /**
      * Liste verfügbarer Sprachen
      */

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

@@ -1 +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"}
+{"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;AAY5D,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,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;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;IAgBpB,OAAO,CAAC,MAAM,CAAC,YAAY;CAG5B"}

package/dist/pd-menu.js

@@ -179,13 +179,17 @@ let PdMenu = class extends LitElement {
   }
   _logoClicked() {
     PdMenu._scrollToTop();
-    this.dispatchEvent(
-      new CustomEvent("route-event", {
-        detail: { route: "/" },
-        bubbles: true,
-        composed: true
-      })
-    );
+    if (this.logoRoute) {
+      this.dispatchEvent(
+        new CustomEvent("route-event", {
+          detail: {
+            route: this.logoRoute
+          },
+          bubbles: true,
+          composed: true
+        })
+      );
+    }
   }
   static _scrollToTop() {
     window.scrollTo({ top: 0, behavior: "smooth" });
@@ -448,6 +452,9 @@ __decorateClass([
 __decorateClass([
   property({ type: String })
 ], PdMenu.prototype, "selectedLocale", 2);
+__decorateClass([
+  property({ type: String })
+], PdMenu.prototype, "logoRoute", 2);
 __decorateClass([
   property({ type: Array })
 ], PdMenu.prototype, "locales", 2);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progressive-development/pd-page",
-  "version": "0.6.3",
+  "version": "0.6.5",
   "description": "Progressive development page helper, teaser, menu, footer.",
   "author": "PD Progressive Development",
   "license": "SEE LICENSE IN LICENSE",
@@ -41,11 +41,11 @@
   },
   "dependencies": {
     "@lit/localize": "^0.12.2",
-    "@progressive-development/pd-contact": "^0.6.3",
-    "@progressive-development/pd-dialog": "^0.6.2",
-    "@progressive-development/pd-forms": "^0.6.4",
-    "@progressive-development/pd-icon": "^0.6.1",
-    "@progressive-development/pd-shared-styles": "^0.2.1",
+    "@progressive-development/pd-contact": "^0.6.6",
+    "@progressive-development/pd-dialog": "^0.6.4",
+    "@progressive-development/pd-forms": "^0.6.14",
+    "@progressive-development/pd-icon": "^0.7.3",
+    "@progressive-development/pd-shared-styles": "^0.2.4",
     "lit": "^3.3.0",
     "pwa-helpers": "^0.9.1"
   },