@progressive-development/pd-page 1.0.3 → 1.0.5

package/dist/pd-socialmedia/PdSocialmedia.d.ts

@@ -49,6 +49,7 @@ export declare class PdSocialmedia extends LitElement {
     private _searchSocialProviders;
     private _openAddSuggestItem;
     private _closeAddSuggestedItem;
+    private _renderIcon;
     private _findProvider;
     private _toUrl;
     private emitChange;

package/dist/pd-socialmedia/PdSocialmedia.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PdSocialmedia.d.ts","sourceRoot":"","sources":["../../src/pd-socialmedia/PdSocialmedia.ts"],"names":[],"mappings":"AAWA,OAAO,EACL,UAAU,EAIV,cAAc,EACd,cAAc,EACf,MAAM,KAAK,CAAC;AAIb,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,6CAA6C,CAAC;AACrD,OAAO,4CAA4C,CAAC;AACpD,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAoB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,6EAA6E;IAE7E,OAAO,UAAS;IAEhB,oCAAoC;IAEpC,SAAS,EAAE,WAAW,EAAE,CAAM;IAE9B,+DAA+D;IAE/D,SAAS,EAAE,cAAc,EAAE,CAAoB;IAE/C,mDAAmD;IAEnD,kBAAkB,UAAS;IAE3B,iDAAiD;IAEjD,kBAAkB,UAAS;IAE3B,cAAc;IAEd,OAAO,CAAC,mBAAmB,CAA+B;IAE1D,cAAc;IAEd,OAAO,CAAC,kBAAkB,CAAuB;IAEjD,cAAc;IAEd,UAAU,EAAE,WAAW,EAAE,CAAM;IAE/B,cAAc;IAEd,OAAO,CAAC,YAAY,CAAmC;IAEvD,MAAM,CAAC,MAAM,0BA0IX;IAEF,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAOvD,OAAO,CAAC,KAAK,EAAE,WAAW;IAM1B,WAAW,CAAC,KAAK,EAAE,MAAM;IAOhC,IAAI,KAAK,kBAER;IAGD,SAAS,CAAC,MAAM;IAIhB,SAAS,CAAC,UAAU;IA+CpB,SAAS,CAAC,UAAU;IAwDpB,OAAO,CAAC,aAAa;YA+DP,sBAAsB;IAoBpC,OAAO,CAAC,mBAAmB,CASzB;IAEF,OAAO,CAAC,sBAAsB,CAG5B;IAGF,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,UAAU;CASnB"}
+{"version":3,"file":"PdSocialmedia.d.ts","sourceRoot":"","sources":["../../src/pd-socialmedia/PdSocialmedia.ts"],"names":[],"mappings":"AAWA,OAAO,EACL,UAAU,EAIV,cAAc,EACd,cAAc,EACf,MAAM,KAAK,CAAC;AAIb,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,6CAA6C,CAAC;AACrD,OAAO,4CAA4C,CAAC;AACpD,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAoB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAQ1E,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,6EAA6E;IAE7E,OAAO,UAAS;IAEhB,oCAAoC;IAEpC,SAAS,EAAE,WAAW,EAAE,CAAM;IAE9B,+DAA+D;IAE/D,SAAS,EAAE,cAAc,EAAE,CAAoB;IAE/C,mDAAmD;IAEnD,kBAAkB,UAAS;IAE3B,iDAAiD;IAEjD,kBAAkB,UAAS;IAE3B,cAAc;IAEd,OAAO,CAAC,mBAAmB,CAA+B;IAE1D,cAAc;IAEd,OAAO,CAAC,kBAAkB,CAAuB;IAEjD,cAAc;IAEd,UAAU,EAAE,WAAW,EAAE,CAAM;IAE/B,cAAc;IAEd,OAAO,CAAC,YAAY,CAAmC;IAEvD,MAAM,CAAC,MAAM,0BAuJX;IAEF,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAOvD,OAAO,CAAC,KAAK,EAAE,WAAW;IAM1B,WAAW,CAAC,KAAK,EAAE,MAAM;IAOhC,IAAI,KAAK,kBAER;IAGD,SAAS,CAAC,MAAM;IAIhB,SAAS,CAAC,UAAU;IA+CpB,SAAS,CAAC,UAAU;IAwDpB,OAAO,CAAC,aAAa;YA+DP,sBAAsB;IAoBpC,OAAO,CAAC,mBAAmB,CASzB;IAEF,OAAO,CAAC,sBAAsB,CAG5B;IAGF,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,UAAU;CASnB"}

package/dist/pd-socialmedia/PdSocialmedia.js

@@ -8,6 +8,8 @@ import '@progressive-development/pd-forms/pd-input';
 import '@progressive-development/pd-icon/pd-icon';
 import { SOCIAL_PROVIDERS } from './pd-socialmedia-model.js';
 import { pdIcons } from '@progressive-development/pd-icon';
+import { brandIconMap } from '../pd-icon-brand/dist/brand-icon-map.js';
+import { defaultBrandIcon } from '../pd-icon-brand/dist/icons/default-brand.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -87,7 +89,7 @@ let PdSocialmedia = class extends LitElement {
       const title = `${label}: ${href}`;
       const content = html`
                 <div class="icon-tile" title=${title}>
-                  ${provider?.icon ?? "link"}
+                  ${this._renderIcon(provider)}
                   ${this.showLabelBelowIcon ? html`<div class="icon-label">${label}</div>` : nothing}
                 </div>
               `;
@@ -139,7 +141,7 @@ let PdSocialmedia = class extends LitElement {
       return html`
               <div class="row">
                 <div class="provider">
-                  ${meta?.icon ?? "link"}<span>${label}</span>
+                  ${this._renderIcon(meta)}<span>${label}</span>
                 </div>
                 <div class="value">${item.value}</div>
                 <button
@@ -167,7 +169,7 @@ let PdSocialmedia = class extends LitElement {
           id="scValueId"
           maxlength="250"
           span="full"
-          label="${`${provider.icon} ${provider.label}`}"
+          label="${provider.label}"
           helperTxt="${`Pattern: ${provider.pattern}`}"
           placeholder="${provider.placeholder || `Eingabe ${provider.inputKind}`}"
           valueName="providerValue"
@@ -223,7 +225,7 @@ let PdSocialmedia = class extends LitElement {
         (v) => !includedIds.includes(v.id) && (v.label.toLowerCase().includes(input.toLowerCase()) || v.category.toLowerCase().includes(input.toLowerCase()) || v.aliases?.join()?.toLowerCase().includes(input.toLowerCase()))
       ).map((e) => ({
         id: e.id,
-        name: `${e.icon || ""} ${e.label || "--"}`,
+        name: e.label || "--",
         subInfo: html`<b><em>${e.category || "--"}:</em></b> ${e.aliases?.join(
           ","
         ) || e.id}`,
@@ -232,6 +234,11 @@ let PdSocialmedia = class extends LitElement {
     );
   }
   // --- Private helpers ---
+  _renderIcon(provider) {
+    const svgIcon = provider ? brandIconMap.get(provider.id) : void 0;
+    const icon = svgIcon ?? defaultBrandIcon;
+    return html`<span class="brand-icon">${icon}</span>`;
+  }
   _findProvider(id) {
     if (!id) return void 0;
     return this.providers?.find((p) => p.id === id);
@@ -283,6 +290,19 @@ PdSocialmedia.styles = css`
       min-width: 2.25rem;
     }
 
+    .brand-icon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 1.5em;
+      height: 1.5em;
+    }
+
+    .brand-icon svg {
+      width: 100%;
+      height: 100%;
+    }
+
     .icon-tile a,
     .icon-tile button[role="link"] {
       display: inline-flex;

package/dist/pd-socialmedia/pd-socialmedia-model.d.ts

@@ -3,7 +3,7 @@ export interface SocialProvider {
     id: string;
     label: string;
     aliases?: string[];
-    category: "Social" | "Music" | "Streaming" | "DJ/Booking" | "Catalog";
+    category: "Social" | "Music" | "Streaming" | "DJ/Booking" | "Catalog" | "Messaging" | "Developer" | "Design" | "Community" | "Blogging" | "Support";
     icon: string;
     brandColor?: string;
     inputKind: ProviderInputKind;

package/dist/pd-socialmedia/pd-socialmedia-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pd-socialmedia-model.d.ts","sourceRoot":"","sources":["../../src/pd-socialmedia/pd-socialmedia-model.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAEjC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CACrC;AAED,eAAO,MAAM,gBAAgB,EAAE,cAAc,EAiP5C,CAAC"}
+{"version":3,"file":"pd-socialmedia-model.d.ts","sourceRoot":"","sources":["../../src/pd-socialmedia/pd-socialmedia-model.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EACJ,QAAQ,GACR,OAAO,GACP,WAAW,GACX,YAAY,GACZ,SAAS,GACT,WAAW,GACX,WAAW,GACX,QAAQ,GACR,WAAW,GACX,UAAU,GACV,SAAS,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAEjC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CACrC;AAED,eAAO,MAAM,gBAAgB,EAAE,cAAc,EAkd5C,CAAC"}

package/dist/pd-socialmedia/pd-socialmedia-model.js

@@ -234,6 +234,230 @@ const SOCIAL_PROVIDERS = [
     placeholder: "linkedin.com/in/deinname",
     pattern: /^https?:\/\/(www\.)?linkedin\.com\/.+/i,
     toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "xing",
+    label: "Xing",
+    aliases: ["xing profil"],
+    category: "Social",
+    icon: "🔗",
+    brandColor: "#006567",
+    inputKind: "url",
+    placeholder: "xing.com/profile/deinname",
+    pattern: /^https?:\/\/(www\.)?xing\.com\/.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "github",
+    label: "GitHub",
+    aliases: ["gh", "git"],
+    category: "Developer",
+    icon: "🐙",
+    brandColor: "#181717",
+    inputKind: "username",
+    placeholder: "deinname",
+    pattern: /^[A-Za-z0-9-]{1,39}$/,
+    normalize: (raw) => trim(raw),
+    toUrl: (input) => `https://github.com/${trim(input)}`
+  },
+  {
+    id: "whatsapp",
+    label: "WhatsApp",
+    aliases: ["wa"],
+    category: "Messaging",
+    icon: "💬",
+    brandColor: "#25D366",
+    inputKind: "url",
+    placeholder: "wa.me/491234567890 oder Telefonnummer",
+    pattern: /^(\+?[0-9]{7,15}|https?:\/\/(wa\.me|api\.whatsapp\.com)\/.+)$/i,
+    normalize: (raw) => {
+      const s = trim(raw);
+      const m = s.match(/wa\.me\/(\+?[0-9]+)/);
+      return m ? m[1] : s.replace(/[^0-9+]/g, "");
+    },
+    toUrl: (input) => {
+      const s = trim(input);
+      if (/^https?:\/\//i.test(s)) return s;
+      return `https://wa.me/${s.replace(/[^0-9]/g, "")}`;
+    }
+  },
+  {
+    id: "telegram",
+    label: "Telegram",
+    aliases: ["tg"],
+    category: "Messaging",
+    icon: "💬",
+    brandColor: "#26A5E4",
+    inputKind: "username",
+    placeholder: "@deinname oder t.me/deinname",
+    pattern: /^[A-Za-z0-9_]{5,32}$/,
+    normalize: (raw) => stripAt(trim(raw)).replace(/^https?:\/\/t\.me\//i, ""),
+    toUrl: (input) => `https://t.me/${stripAt(trim(input))}`
+  },
+  {
+    id: "stackoverflow",
+    label: "Stack Overflow",
+    aliases: ["so", "stack overflow"],
+    category: "Developer",
+    icon: "📋",
+    brandColor: "#F58025",
+    inputKind: "url",
+    placeholder: "stackoverflow.com/users/123456/deinname",
+    pattern: /^https?:\/\/(www\.)?stackoverflow\.com\/users\/.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "dribbble",
+    label: "Dribbble",
+    aliases: ["dribble"],
+    category: "Design",
+    icon: "🏀",
+    brandColor: "#EA4C89",
+    inputKind: "username",
+    placeholder: "deinname",
+    pattern: /^[A-Za-z0-9_-]{1,40}$/,
+    normalize: (raw) => trim(raw),
+    toUrl: (input) => `https://dribbble.com/${trim(input)}`
+  },
+  {
+    id: "behance",
+    label: "Behance",
+    aliases: ["be"],
+    category: "Design",
+    icon: "🎨",
+    brandColor: "#1769FF",
+    inputKind: "username",
+    placeholder: "deinname",
+    pattern: /^[A-Za-z0-9_-]{1,40}$/,
+    normalize: (raw) => trim(raw),
+    toUrl: (input) => `https://www.behance.net/${trim(input)}`
+  },
+  // --- Additional Social / Community ---
+  {
+    id: "pinterest",
+    label: "Pinterest",
+    aliases: ["pin"],
+    category: "Social",
+    icon: "📌",
+    brandColor: "#BD081C",
+    inputKind: "username",
+    placeholder: "deinname",
+    pattern: /^[A-Za-z0-9_-]{3,30}$/,
+    normalize: (raw) => trim(raw),
+    toUrl: (input) => `https://pinterest.com/${trim(input)}`
+  },
+  {
+    id: "threads",
+    label: "Threads",
+    aliases: ["meta threads"],
+    category: "Social",
+    icon: "🧵",
+    brandColor: "#000000",
+    inputKind: "username",
+    placeholder: "@deinname",
+    pattern: /^[A-Za-z0-9._]{1,30}$/,
+    normalize: (raw) => stripAt(trim(raw)),
+    toUrl: (input) => `https://www.threads.net/@${stripAt(trim(input))}`
+  },
+  {
+    id: "bluesky",
+    label: "Bluesky",
+    aliases: ["bsky"],
+    category: "Social",
+    icon: "🦋",
+    brandColor: "#0085FF",
+    inputKind: "username",
+    placeholder: "deinname.bsky.social",
+    pattern: /^[A-Za-z0-9._-]+(\.[A-Za-z0-9._-]+)*$/,
+    normalize: (raw) => trim(raw),
+    toUrl: (input) => `https://bsky.app/profile/${trim(input)}`
+  },
+  {
+    id: "snapchat",
+    label: "Snapchat",
+    aliases: ["snap"],
+    category: "Social",
+    icon: "👻",
+    brandColor: "#FFFC00",
+    inputKind: "username",
+    placeholder: "deinname",
+    pattern: /^[A-Za-z0-9._-]{3,15}$/,
+    normalize: (raw) => trim(raw),
+    toUrl: (input) => `https://www.snapchat.com/add/${trim(input)}`
+  },
+  {
+    id: "discord",
+    label: "Discord",
+    aliases: ["dc"],
+    category: "Community",
+    icon: "💬",
+    brandColor: "#5865F2",
+    inputKind: "url",
+    placeholder: "discord.gg/invite-code",
+    pattern: /^https?:\/\/(www\.)?(discord\.(gg|com\/invite))\/.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "reddit",
+    label: "Reddit",
+    aliases: ["subreddit"],
+    category: "Community",
+    icon: "🤖",
+    brandColor: "#FF4500",
+    inputKind: "url",
+    placeholder: "reddit.com/r/... oder /user/...",
+    pattern: /^https?:\/\/(www\.)?reddit\.com\/.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "vimeo",
+    label: "Vimeo",
+    aliases: ["vimeo channel"],
+    category: "Streaming",
+    icon: "🎬",
+    brandColor: "#1AB7EA",
+    inputKind: "url",
+    placeholder: "vimeo.com/deinname",
+    pattern: /^https?:\/\/(www\.)?vimeo\.com\/.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "mastodon",
+    label: "Mastodon",
+    aliases: ["fediverse", "masto"],
+    category: "Social",
+    icon: "🐘",
+    brandColor: "#6364FF",
+    inputKind: "url",
+    placeholder: "mastodon.social/@deinname",
+    pattern: /^https?:\/\/.+\/@.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "medium",
+    label: "Medium",
+    aliases: ["blog"],
+    category: "Blogging",
+    icon: "✍️",
+    brandColor: "#000000",
+    inputKind: "username",
+    placeholder: "@deinname",
+    pattern: /^@?[A-Za-z0-9._-]{1,40}$/,
+    normalize: (raw) => stripAt(trim(raw)),
+    toUrl: (input) => `https://medium.com/@${stripAt(trim(input))}`
+  },
+  {
+    id: "patreon",
+    label: "Patreon",
+    aliases: ["patron"],
+    category: "Support",
+    icon: "❤️",
+    brandColor: "#FF424D",
+    inputKind: "username",
+    placeholder: "deinname",
+    pattern: /^[A-Za-z0-9_-]{1,40}$/,
+    normalize: (raw) => trim(raw),
+    toUrl: (input) => `https://www.patreon.com/${trim(input)}`
   }
 ];
 

package/dist/types.d.ts

@@ -5,6 +5,14 @@ export interface PdFooterLink {
     key: string;
     name: string;
 }
+/**
+ * A footer section with a heading and a list of links.
+ * Used for hierarchical (2-level) footer navigation columns.
+ */
+export interface PdFooterSection {
+    heading: string;
+    links: PdFooterLink[];
+}
 /**
  * Datentyp für den "madeBy"-Block.
  */

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAC;CACf"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progressive-development/pd-page",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Progressive development page helper, teaser, menu, footer.",
   "author": "PD Progressive Development",
   "license": "MIT",
@@ -34,11 +34,11 @@
     "@lit/localize": "^0.12.2",
     "pwa-helpers": "^0.9.1",
     "tslib": "^2.8.1",
-    "@progressive-development/pd-icon": "1.0.1",
-    "@progressive-development/pd-contact": "1.0.2",
-    "@progressive-development/pd-dialog": "1.0.1",
-    "@progressive-development/pd-forms": "1.0.1",
-    "@progressive-development/pd-shared-styles": "0.3.2"
+    "@progressive-development/pd-icon": "1.0.2",
+    "@progressive-development/pd-shared-styles": "0.3.2",
+    "@progressive-development/pd-contact": "1.0.4",
+    "@progressive-development/pd-dialog": "1.0.3",
+    "@progressive-development/pd-forms": "1.0.3"
   },
   "customElements": "custom-elements.json",
   "keywords": [

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

@@ -1,37 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { PdContactData } from '@progressive-development/pd-contact';
-/**
- * Story arguments interface for pd-contact-us component.
- * Maps to the component's public API.
- */
-interface PdContactUsArgs {
-    /** Contact data for address display */
-    contact: PdContactData;
-}
-/**
- * ## pd-contact-us
- *
- * Contact section with company address card and message form.
- *
- * ### Features
- * - **Address Display**: Shows company contact information via pd-contact card
- * - **Contact Form**: Name, email, phone, and message fields with validation
- * - **Responsive Layout**: Card and form wrap below each other on narrow screens
- * - **Localization**: All labels localized via @lit/localize
- * - **Email/Phone Types**: Proper input types for better mobile UX
- *
- * ### Accessibility
- * - Form fields use proper input types (email, tel)
- * - Required fields are marked for screen readers
- * - Submit button uses native button semantics
- */
-declare const meta: Meta<PdContactUsArgs>;
-export default meta;
-type Story = StoryObj<PdContactUsArgs>;
-/** Default contact section with company info and message form. Interactive via Controls panel. */
-export declare const Default: Story;
-/** All contact data configurations at a glance: full, standard, and minimal. */
-export declare const AllVariants: Story;
-/** CSS Custom Properties — Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-contact-us.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pd-contact-us.stories.d.ts","sourceRoot":"","sources":["../../src/pd-contact-us/pd-contact-us.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,oBAAoB,CAAC;AAM5B;;;GAGG;AACH,UAAU,eAAe;IACvB,uCAAuC;IACvC,OAAO,EAAE,aAAa,CAAC;CACxB;AAoCD;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,eAAe,CA8D/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAMvC,kGAAkG;AAClG,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAMjC,gFAAgF;AAChF,eAAO,MAAM,WAAW,EAAE,KAiCzB,CAAC;AAMF,+DAA+D;AAC/D,eAAO,MAAM,aAAa,EAAE,KA2D3B,CAAC"}

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

@@ -1,48 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { PdFooterLink, PdFooterMadeBy } from '../types.js';
-/**
- * Story arguments interface for pd-footer component.
- * Maps to the component's public API.
- */
-interface PdFooterArgs {
-    /** Footer navigation links */
-    footerLinks: PdFooterLink[];
-    /** Copyright text */
-    copyright: string;
-    /** Version string */
-    version: string;
-    /** Developer/agency reference */
-    madeBy?: PdFooterMadeBy;
-}
-/**
- * ## pd-footer
- *
- * Application footer with navigation links, copyright info, version display, and developer reference.
- *
- * ### Features
- * - Configurable footer links with click events
- * - Copyright text and version string display
- * - Developer/agency reference with email (mailto:) or external link
- * - Responsive layout with flex-wrap for links
- * - Full keyboard accessibility (Tab, Enter, Space on links and madeBy)
- *
- * ### Accessibility
- * - Uses `<nav>` element with `aria-label` for footer navigation landmark
- * - Footer links use `role="button"` and `tabindex="0"`
- * - Focus-visible styling for keyboard users
- * - Made-by link opens in new tab with noopener,noreferrer for security
- */
-declare const meta: Meta<PdFooterArgs>;
-export default meta;
-type Story = StoryObj<PdFooterArgs>;
-/** Default footer with links, copyright, and version. Interactive via Controls panel. */
-export declare const Default: Story;
-/** Footer with developer/agency reference — email opens mailto:, link opens in new tab. */
-export declare const WithMadeBy: Story;
-/** Minimal footer configurations — different content combinations. */
-export declare const MinimalConfigurations: Story;
-/** Overview of all footer configurations at a glance. */
-export declare const AllVariants: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-footer.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pd-footer.stories.d.ts","sourceRoot":"","sources":["../../src/pd-footer/pd-footer.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEhE,OAAO,gBAAgB,CAAC;AAMxB;;;GAGG;AACH,UAAU,YAAY;IACpB,8BAA8B;IAC9B,WAAW,EAAE,YAAY,EAAE,CAAC;IAC5B,qBAAqB;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,iCAAiC;IACjC,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AA+BD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CA8E5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;AAMpC,yFAAyF;AACzF,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAMjC,2FAA2F;AAC3F,eAAO,MAAM,UAAU,EAAE,KA0CxB,CAAC;AAMF,sEAAsE;AACtE,eAAO,MAAM,qBAAqB,EAAE,KAkCnC,CAAC;AAMF,yDAAyD;AACzD,eAAO,MAAM,WAAW,EAAE,KA8CzB,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAgF3B,CAAC"}

package/dist/pd-login/pd-login.stories.d.ts

@@ -1,55 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-/**
- * Story arguments interface for pd-login component.
- * Maps to the component's public API.
- */
-interface PdLoginArgs {
-    /** Shows loading state on the submit button */
-    loading: boolean;
-    /** Error message to display above the form */
-    errorMessage: string;
-    /** Success message to display above the form */
-    successMessage: string;
-    /** Hide the forgot password link */
-    hideForgotPassword: boolean;
-}
-/**
- * ## pd-login
- *
- * Login form component for email/password authentication with a built-in forgot password flow.
- *
- * ### Features
- * - Email and password fields with built-in validation (via pd-form-container)
- * - Loading state that disables the submit button and shows a spinner
- * - Error and success message display via pd-notice-box
- * - Built-in forgot password view with automatic email prefill
- * - Enter key submits the form from any input field
- * - Localized labels via @lit/localize
- *
- * ### Views
- * - **login**: Default form with email, password, and forgot password link
- * - **forgot-password**: Password reset form with email field only
- *
- * ### Accessibility
- * - Uses pd-form-container for proper form semantics and validation
- * - Submit button disabled until form is valid (prevents empty submissions)
- * - Loading state uses aria-busy on the button
- * - Error messages displayed in pd-notice-box for screen reader visibility
- */
-declare const meta: Meta<PdLoginArgs>;
-export default meta;
-type Story = StoryObj<PdLoginArgs>;
-/** Default login form with standard labels. Interactive via Controls panel. */
-export declare const Default: Story;
-/** Overview of all login form states — default, loading, error, success, and no forgot password. */
-export declare const AllStates: Story;
-/** Forgot password view — demonstrates the built-in password reset flow. */
-export declare const ForgotPasswordFlow: Story;
-/**
- * Interactive login with simulated authentication.
- * Use test@example.com / password123 for success, anything else for error.
- */
-export declare const InteractiveDemo: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-login.stories.d.ts.map

package/dist/pd-login/pd-login.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-login.stories.d.ts","sourceRoot":"","sources":["../../src/pd-login/pd-login.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAOrE,OAAO,eAAe,CAAC;AAMvB;;;GAGG;AACH,UAAU,WAAW;IACnB,+CAA+C;IAC/C,OAAO,EAAE,OAAO,CAAC;IACjB,8CAA8C;IAC9C,YAAY,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,cAAc,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AA8BD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAsF3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAMnC,+EAA+E;AAC/E,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAMjC,oGAAoG;AACpG,eAAO,MAAM,SAAS,EAAE,KAkDvB,CAAC;AAMF,4EAA4E;AAC5E,eAAO,MAAM,kBAAkB,EAAE,KAwChC,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KA+C7B,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAkE3B,CAAC"}

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

@@ -1,62 +0,0 @@
-import { TemplateResult } from 'lit';
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { PdMenuItem } from '../types.js';
-import { ButtonData } from '@progressive-development/pd-forms';
-/**
- * Story arguments interface for pd-menu component.
- * Maps to the component's public API.
- */
-interface PdMenuArgs {
-    /** Main menu items */
-    menuItems: PdMenuItem[];
-    /** Top menu items (profile, settings, etc.) */
-    topMenuItems: PdMenuItem[];
-    /** Available language options (ButtonData with text and value) */
-    locales: ButtonData[];
-    /** Currently selected language (value from ButtonData) */
-    selectedLocale: string;
-    /** Disable responsive burger menu */
-    noBurgerMenu: boolean;
-    /** Custom logo slot content */
-    logo?: TemplateResult;
-}
-export declare const ticomiLogo: TemplateResult<1>;
-/**
- * ## pd-menu
- *
- * Responsive application navigation menu with burger menu, language selector, and scroll-to-section support.
- *
- * ### Features
- * - Configurable main menu items with scroll-to-section navigation
- * - Top menu bar for secondary actions (profile, settings)
- * - Responsive burger menu for mobile devices (collapses below 768px)
- * - Built-in language selector via pd-button-select-group
- * - Logo slot with click-to-navigate support
- * - Active section highlighting based on scroll position
- * - Full keyboard accessibility (Tab, Enter, Space, Escape)
- *
- * ### Accessibility
- * - Uses `<nav>` with `aria-label` for navigation landmark
- * - Menu items have `role="menuitem"` and `tabindex="0"`
- * - Burger menu button has `aria-expanded` and `aria-controls`
- * - Escape key closes the burger menu
- * - Focus-visible styling for keyboard users
- */
-declare const meta: Meta<PdMenuArgs>;
-export default meta;
-type Story = StoryObj<PdMenuArgs>;
-/** Default menu with basic navigation items. Interactive via Controls panel. */
-export declare const Default: Story;
-/** Menu with a custom logo in the slotLogo slot. */
-export declare const WithLogo: Story;
-/** Menu with logo, top items (profile), and language selector. */
-export declare const FullFeatured: Story;
-/** Menu with noBurgerMenu — always shows full desktop layout regardless of screen width. */
-export declare const WithoutBurger: Story;
-/** Compact top-only menu without main navigation — useful for secondary page headers. */
-export declare const CompactTopMenu: Story;
-/** Overview of different menu configurations at a glance. */
-export declare const AllVariants: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-menu.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pd-menu.stories.d.ts","sourceRoot":"","sources":["../../src/pd-menu/pd-menu.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAEpE,OAAO,cAAc,CAAC;AAMtB;;;GAGG;AACH,UAAU,UAAU;IAClB,sBAAsB;IACtB,SAAS,EAAE,UAAU,EAAE,CAAC;IACxB,+CAA+C;IAC/C,YAAY,EAAE,UAAU,EAAE,CAAC;IAC3B,kEAAkE;IAClE,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,0DAA0D;IAC1D,cAAc,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,YAAY,EAAE,OAAO,CAAC;IACtB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAMD,eAAO,MAAM,UAAU,mBAiEtB,CAAC;AAiCF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CA4E1B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;AAMlC,gFAAgF;AAChF,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAMF,oDAAoD;AACpD,eAAO,MAAM,QAAQ,EAAE,KA6BtB,CAAC;AAMF,kEAAkE;AAClE,eAAO,MAAM,YAAY,EAAE,KA2B1B,CAAC;AAMF,4FAA4F;AAC5F,eAAO,MAAM,aAAa,EAAE,KA+B3B,CAAC;AAMF,yFAAyF;AACzF,eAAO,MAAM,cAAc,EAAE,KA6B5B,CAAC;AAMF,6DAA6D;AAC7D,eAAO,MAAM,WAAW,EAAE,KAmDzB,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KA2F3B,CAAC"}

package/dist/pd-socialmedia/pd-socialmedia.stories.d.ts

@@ -1,53 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { SocialProvider } from './pd-socialmedia-model.js';
-import { SocialEntry } from '../types.js';
-/**
- * Story arguments interface for pd-socialmedia component.
- * Maps to the component's public API.
- */
-interface PdSocialmediaArgs {
-    /** View mode (icons) or edit mode (list with delete) */
-    summary: boolean;
-    /** Social media entries */
-    items: SocialEntry[];
-    /** Provider metadata definitions */
-    providers: SocialProvider[];
-    /** Show label below icon in view mode */
-    showLabelBelowIcon: boolean;
-    /** Open links in new tab */
-    openLinksInNewTab: boolean;
-}
-/**
- * ## pd-socialmedia
- *
- * Social media profiles display and editor component.
- *
- * ### Features
- * - **View Mode** (`summary`): Displays social icons with optional labels below
- * - **Edit Mode**: Suggestion box for adding providers and list with delete for removing
- * - **Provider Injection**: Custom provider definitions can be injected via `providers` property
- * - **Link Behavior**: Configurable to open in same or new tab
- * - **Responsive**: Icons wrap on smaller screens
- *
- * ### Accessibility
- * - View mode renders a `<ul>` list with `aria-label`
- * - Icons are clickable links with `aria-label` per provider
- * - Edit mode uses `<button>` elements with `aria-label` for delete actions
- * - Focus-visible styling on delete buttons
- */
-declare const meta: Meta<PdSocialmediaArgs>;
-export default meta;
-type Story = StoryObj<PdSocialmediaArgs>;
-/** Default view with social icons. Interactive via Controls panel. */
-export declare const Default: Story;
-/** All view mode configurations at a glance. */
-export declare const AllVariants: Story;
-/** Many entries demonstrating wrapping behavior. */
-export declare const LongList: Story;
-/** Edit mode with suggestion box for adding and delete buttons for removing entries. */
-export declare const EditMode: Story;
-/** Injecting custom provider definitions alongside the defaults. */
-export declare const CustomProviders: Story;
-/** CSS Custom Properties — Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-socialmedia.stories.d.ts.map