@progressive-development/pd-page 1.0.3 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/index.d.ts +1 -1
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/pd-footer/PdFooter.d.ts +48 -22
  4. package/dist/pd-footer/PdFooter.d.ts.map +1 -1
  5. package/dist/pd-footer/PdFooter.js +473 -71
  6. package/dist/pd-icon-brand/dist/brand-icon-map.js +88 -0
  7. package/dist/pd-icon-brand/dist/icons/apple-music.js +9 -0
  8. package/dist/pd-icon-brand/dist/icons/bandcamp.js +9 -0
  9. package/dist/pd-icon-brand/dist/icons/beatport.js +9 -0
  10. package/dist/pd-icon-brand/dist/icons/behance.js +9 -0
  11. package/dist/pd-icon-brand/dist/icons/bluesky.js +9 -0
  12. package/dist/pd-icon-brand/dist/icons/deezer.js +9 -0
  13. package/dist/pd-icon-brand/dist/icons/default-brand.js +9 -0
  14. package/dist/pd-icon-brand/dist/icons/discogs.js +9 -0
  15. package/dist/pd-icon-brand/dist/icons/discord.js +9 -0
  16. package/dist/pd-icon-brand/dist/icons/dribbble.js +9 -0
  17. package/dist/pd-icon-brand/dist/icons/facebook.js +9 -0
  18. package/dist/pd-icon-brand/dist/icons/github.js +9 -0
  19. package/dist/pd-icon-brand/dist/icons/instagram.js +9 -0
  20. package/dist/pd-icon-brand/dist/icons/linkedin.js +9 -0
  21. package/dist/pd-icon-brand/dist/icons/mastodon.js +9 -0
  22. package/dist/pd-icon-brand/dist/icons/medium.js +9 -0
  23. package/dist/pd-icon-brand/dist/icons/mixcloud.js +9 -0
  24. package/dist/pd-icon-brand/dist/icons/patreon.js +9 -0
  25. package/dist/pd-icon-brand/dist/icons/pinterest.js +9 -0
  26. package/dist/pd-icon-brand/dist/icons/reddit.js +9 -0
  27. package/dist/pd-icon-brand/dist/icons/snapchat.js +9 -0
  28. package/dist/pd-icon-brand/dist/icons/soundcloud.js +9 -0
  29. package/dist/pd-icon-brand/dist/icons/spotify.js +9 -0
  30. package/dist/pd-icon-brand/dist/icons/stackoverflow.js +9 -0
  31. package/dist/pd-icon-brand/dist/icons/telegram.js +9 -0
  32. package/dist/pd-icon-brand/dist/icons/threads.js +9 -0
  33. package/dist/pd-icon-brand/dist/icons/tiktok.js +9 -0
  34. package/dist/pd-icon-brand/dist/icons/twitch.js +9 -0
  35. package/dist/pd-icon-brand/dist/icons/vimeo.js +9 -0
  36. package/dist/pd-icon-brand/dist/icons/whatsapp.js +9 -0
  37. package/dist/pd-icon-brand/dist/icons/x-twitter.js +9 -0
  38. package/dist/pd-icon-brand/dist/icons/xing.js +9 -0
  39. package/dist/pd-icon-brand/dist/icons/youtube.js +9 -0
  40. package/dist/pd-menu/PdMenu.d.ts +7 -1
  41. package/dist/pd-menu/PdMenu.d.ts.map +1 -1
  42. package/dist/pd-menu/PdMenu.js +40 -3
  43. package/dist/pd-socialmedia/PdSocialmedia.d.ts +1 -0
  44. package/dist/pd-socialmedia/PdSocialmedia.d.ts.map +1 -1
  45. package/dist/pd-socialmedia/PdSocialmedia.js +24 -4
  46. package/dist/pd-socialmedia/pd-socialmedia-model.d.ts +1 -1
  47. package/dist/pd-socialmedia/pd-socialmedia-model.d.ts.map +1 -1
  48. package/dist/pd-socialmedia/pd-socialmedia-model.js +224 -0
  49. package/dist/types.d.ts +8 -0
  50. package/dist/types.d.ts.map +1 -1
  51. package/package.json +6 -6
  52. package/dist/pd-contact-us/pd-contact-us.stories.d.ts +0 -37
  53. package/dist/pd-contact-us/pd-contact-us.stories.d.ts.map +0 -1
  54. package/dist/pd-footer/pd-footer.stories.d.ts +0 -48
  55. package/dist/pd-footer/pd-footer.stories.d.ts.map +0 -1
  56. package/dist/pd-login/pd-login.stories.d.ts +0 -55
  57. package/dist/pd-login/pd-login.stories.d.ts.map +0 -1
  58. package/dist/pd-menu/pd-menu.stories.d.ts +0 -62
  59. package/dist/pd-menu/pd-menu.stories.d.ts.map +0 -1
  60. package/dist/pd-socialmedia/pd-socialmedia.stories.d.ts +0 -53
  61. package/dist/pd-socialmedia/pd-socialmedia.stories.d.ts.map +0 -1
  62. package/dist/pd-toast/pd-toast.stories.d.ts +0 -47
  63. package/dist/pd-toast/pd-toast.stories.d.ts.map +0 -1
  64. package/dist/stories/01_index.stories.d.ts +0 -37
  65. package/dist/stories/01_index.stories.d.ts.map +0 -1
package/dist/index.d.ts CHANGED
@@ -4,7 +4,7 @@ export { PdLogin } from './pd-login/pd-login.js';
4
4
  export { PdMenu } from './pd-menu/pd-menu.js';
5
5
  export { PdSocialmedia } from './pd-socialmedia/pd-socialmedia.js';
6
6
  export { PdToast } from './pd-toast/pd-toast.js';
7
- export type { PdFooterLink, PdFooterMadeBy, PdMenuItem, SocialEntry, LoginAttemptDetail, ForgotPasswordAttemptDetail, } from './types.js';
7
+ export type { PdFooterLink, PdFooterMadeBy, PdFooterSection, PdMenuItem, SocialEntry, LoginAttemptDetail, ForgotPasswordAttemptDetail, } from './types.js';
8
8
  export { toastBus } from './toast-bus/toast-bus.js';
9
9
  export type { ToastType, ToastDetail } from './toast-bus/toast-bus.js';
10
10
  export { templates as beTemplates } from './generated/locales/be.js';
@@ -1 +1 @@
1
- {"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,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,YAAY,EACV,YAAY,EACZ,cAAc,EACd,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,2BAA2B,GAC5B,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvE,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"}
1
+ {"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,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,YAAY,EACV,YAAY,EACZ,cAAc,EACd,eAAe,EACf,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,2BAA2B,GAC5B,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvE,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"}
@@ -1,44 +1,70 @@
1
1
  import { LitElement, CSSResultGroup } from 'lit';
2
- import { PdFooterLink, PdFooterMadeBy } from '../types';
2
+ import { PdFooterLink, PdFooterMadeBy, PdFooterSection, SocialEntry } from '../types';
3
3
  /**
4
- * Application footer with links, version, and copyright.
4
+ * Modern mega-footer with hierarchical sections, social media, and legal links.
5
5
  *
6
- * @summary Footer with navigation links, copyright, version, and developer reference.
6
+ * @summary Footer with section columns, social icons, legal links, and slots.
7
7
  *
8
8
  * @tagname pd-footer
9
9
  *
10
- * @event footer-link - Fired when a footer link is clicked.
10
+ * @event footer-link - Fired when a section link or legal link is clicked.
11
+ *
12
+ * @slot logo - Company or brand logo, rendered above sections.
13
+ * @slot extra - Custom content (newsletter, CTA), rendered beside sections on desktop.
11
14
  *
12
15
  * @cssprop --pd-footer-bg-col - Footer background. Default: `var(--pd-default-col)`.
13
16
  * @cssprop --pd-footer-font-col - Footer text color. Default: `var(--pd-on-primary-col)`.
14
17
  * @cssprop --pd-footer-font-family - Footer font family. Default: `var(--pd-default-font-link-family)`.
15
- * @cssprop --pd-footer-font-size - Footer font size. Default: `1.1em`.
16
- * @cssprop --pd-footer-bottom-col - Bottom line background. Default: `var(--pd-default-light-col)`.
17
- * @cssprop --pd-footer-bottom-font-size - Bottom line font size. Default: `0.9em`.
18
- * @cssprop --pd-footer-bottom-font-col - Bottom line text color. Default: `var(--pd-default-dark-col)`.
18
+ * @cssprop --pd-footer-font-size - Footer font size. Default: `1em`.
19
+ * @cssprop --pd-footer-max-width - Max width of content area. Default: `var(--pd-content-max-width, 1170px)`.
20
+ * @cssprop --pd-footer-padding - Main content padding. Default: `var(--pd-spacing-lg) var(--pd-spacing-md)`.
21
+ * @cssprop --pd-footer-section-gap - Gap between section columns. Default: `var(--pd-spacing-lg)`.
22
+ * @cssprop --pd-footer-heading-font-size - Section heading size. Default: `1.1em`.
23
+ * @cssprop --pd-footer-heading-font-weight - Section heading weight. Default: `bold`.
24
+ * @cssprop --pd-footer-link-font-size - Section link size. Default: `0.95em`.
25
+ * @cssprop --pd-footer-link-hover-col - Link hover color. Default: `var(--pd-default-hover-col)`.
26
+ * @cssprop --pd-footer-social-icon-size - Social icon size. Default: `2.5rem`.
27
+ * @cssprop --pd-footer-social-gap - Social icon spacing. Default: `var(--pd-spacing-sm)`.
28
+ * @cssprop --pd-footer-divider-col - Divider color. Default: `rgba(255,255,255,0.15)`.
29
+ * @cssprop --pd-footer-bottom-col - Bottom bar background. Default: `var(--pd-default-light-col)`.
30
+ * @cssprop --pd-footer-bottom-font-size - Bottom bar font size. Default: `0.9em`.
31
+ * @cssprop --pd-footer-bottom-font-col - Bottom bar text color. Default: `var(--pd-default-dark-col)`.
19
32
  */
20
33
  export declare class PdFooter extends LitElement {
21
- /** Copyright text, e.g. "2024 PD Progressive Development UG". */
34
+ /** Hierarchical navigation sections (columns on desktop, accordions on mobile). */
35
+ sections: PdFooterSection[];
36
+ /** Social media links. Resolved against SOCIAL_PROVIDERS for icons and URLs. */
37
+ socialLinks: SocialEntry[];
38
+ /** Legal / bottom-bar links (e.g., Privacy, Imprint, Terms). */
39
+ legalLinks: PdFooterLink[];
40
+ /** Copyright text, e.g. "2026 PD Progressive Development UG". */
22
41
  copyright: string;
23
- /** Version string, e.g. "v1.2.3". */
42
+ /** Version string, e.g. "v1.2.3". Hidden by default. */
24
43
  version: string;
44
+ /** Whether to show the version string in the bottom bar. */
45
+ showVersion: boolean;
25
46
  /** Developer or agency reference with text and email/link. */
26
47
  madeBy?: PdFooterMadeBy;
27
- /** Footer navigation links. */
28
- footerLinks: PdFooterLink[];
48
+ private _isMobile;
49
+ private _openSections;
50
+ private _mediaQueryList?;
51
+ private _boundMediaQueryHandler;
29
52
  static styles: CSSResultGroup;
53
+ connectedCallback(): void;
54
+ disconnectedCallback(): void;
30
55
  render(): import('lit').TemplateResult<1>;
31
- /**
32
- * Handles keyboard events on footer links.
33
- * Activates on Enter or Space key.
34
- */
56
+ private _renderSections;
57
+ private _renderAccordion;
58
+ private _renderSocialLinks;
59
+ private _renderBottomBar;
60
+ private _footerLinkClicked;
35
61
  private _handleLinkKeydown;
36
- /**
37
- * Handles keyboard events on madeBy element.
38
- * Activates on Enter or Space key.
39
- */
40
- private _handleMadeByKeydown;
62
+ private _toggleSection;
63
+ private _handleSectionKeydown;
41
64
  private _clickMadeBy;
42
- private _footerLinkClicked;
65
+ private _handleMadeByKeydown;
66
+ private _handleMediaQuery;
67
+ private _findProvider;
68
+ private _toSocialUrl;
43
69
  }
44
70
  //# sourceMappingURL=PdFooter.d.ts.map
@@ -1 +1 @@
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;AAIrE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAExD;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,iEAAiE;IAEjE,SAAS,SAAM;IAEf,qCAAqC;IAErC,OAAO,SAAM;IAEb,8DAA8D;IAE9D,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB,+BAA+B;IAE/B,WAAW,EAAE,YAAY,EAAE,CAAM;IAEjC,OAAgB,MAAM,EAAE,cAAc,CAsFpC;IAEO,MAAM;IA+Cf;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAO1B;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,kBAAkB;CAe3B"}
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;AAKrE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAM5C,OAAO,0CAA0C,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,mFAAmF;IAEnF,QAAQ,EAAE,eAAe,EAAE,CAAM;IAEjC,gFAAgF;IAEhF,WAAW,EAAE,WAAW,EAAE,CAAM;IAEhC,gEAAgE;IAEhE,UAAU,EAAE,YAAY,EAAE,CAAM;IAEhC,iEAAiE;IAEjE,SAAS,SAAM;IAEf,wDAAwD;IAExD,OAAO,SAAM;IAEb,4DAA4D;IAE5D,WAAW,UAAS;IAEpB,8DAA8D;IAE9D,MAAM,CAAC,EAAE,cAAc,CAAC;IAGxB,OAAO,CAAC,SAAS,CAAS;IAG1B,OAAO,CAAC,aAAa,CAA0B;IAE/C,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,uBAAuB,CAAqC;IAEpE,OAAgB,MAAM,EAAE,cAAc,CAuSpC;IAEO,iBAAiB;IAUjB,oBAAoB;IAQpB,MAAM;IAwBf,OAAO,CAAC,eAAe;IAoCvB,OAAO,CAAC,gBAAgB;IA8CxB,OAAO,CAAC,kBAAkB;IAgC1B,OAAO,CAAC,gBAAgB;IAsDxB,OAAO,CAAC,kBAAkB;IAoB1B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;CAUrB"}