@progressive-development/pd-page 1.0.4 → 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.
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/pd-footer/PdFooter.d.ts +48 -22
- package/dist/pd-footer/PdFooter.d.ts.map +1 -1
- package/dist/pd-footer/PdFooter.js +473 -71
- package/dist/pd-icon-brand/dist/brand-icon-map.js +88 -0
- package/dist/pd-icon-brand/dist/icons/apple-music.js +9 -0
- package/dist/pd-icon-brand/dist/icons/bandcamp.js +9 -0
- package/dist/pd-icon-brand/dist/icons/beatport.js +9 -0
- package/dist/pd-icon-brand/dist/icons/behance.js +9 -0
- package/dist/pd-icon-brand/dist/icons/bluesky.js +9 -0
- package/dist/pd-icon-brand/dist/icons/deezer.js +9 -0
- package/dist/pd-icon-brand/dist/icons/default-brand.js +9 -0
- package/dist/pd-icon-brand/dist/icons/discogs.js +9 -0
- package/dist/pd-icon-brand/dist/icons/discord.js +9 -0
- package/dist/pd-icon-brand/dist/icons/dribbble.js +9 -0
- package/dist/pd-icon-brand/dist/icons/facebook.js +9 -0
- package/dist/pd-icon-brand/dist/icons/github.js +9 -0
- package/dist/pd-icon-brand/dist/icons/instagram.js +9 -0
- package/dist/pd-icon-brand/dist/icons/linkedin.js +9 -0
- package/dist/pd-icon-brand/dist/icons/mastodon.js +9 -0
- package/dist/pd-icon-brand/dist/icons/medium.js +9 -0
- package/dist/pd-icon-brand/dist/icons/mixcloud.js +9 -0
- package/dist/pd-icon-brand/dist/icons/patreon.js +9 -0
- package/dist/pd-icon-brand/dist/icons/pinterest.js +9 -0
- package/dist/pd-icon-brand/dist/icons/reddit.js +9 -0
- package/dist/pd-icon-brand/dist/icons/snapchat.js +9 -0
- package/dist/pd-icon-brand/dist/icons/soundcloud.js +9 -0
- package/dist/pd-icon-brand/dist/icons/spotify.js +9 -0
- package/dist/pd-icon-brand/dist/icons/stackoverflow.js +9 -0
- package/dist/pd-icon-brand/dist/icons/telegram.js +9 -0
- package/dist/pd-icon-brand/dist/icons/threads.js +9 -0
- package/dist/pd-icon-brand/dist/icons/tiktok.js +9 -0
- package/dist/pd-icon-brand/dist/icons/twitch.js +9 -0
- package/dist/pd-icon-brand/dist/icons/vimeo.js +9 -0
- package/dist/pd-icon-brand/dist/icons/whatsapp.js +9 -0
- package/dist/pd-icon-brand/dist/icons/x-twitter.js +9 -0
- package/dist/pd-icon-brand/dist/icons/xing.js +9 -0
- package/dist/pd-icon-brand/dist/icons/youtube.js +9 -0
- package/dist/pd-menu/PdMenu.d.ts +7 -1
- package/dist/pd-menu/PdMenu.d.ts.map +1 -1
- package/dist/pd-menu/PdMenu.js +40 -3
- package/dist/pd-socialmedia/PdSocialmedia.d.ts +1 -0
- package/dist/pd-socialmedia/PdSocialmedia.d.ts.map +1 -1
- package/dist/pd-socialmedia/PdSocialmedia.js +24 -4
- package/dist/pd-socialmedia/pd-socialmedia-model.d.ts +1 -1
- package/dist/pd-socialmedia/pd-socialmedia-model.d.ts.map +1 -1
- package/dist/pd-socialmedia/pd-socialmedia-model.js +224 -0
- package/dist/types.d.ts +8 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +4 -4
- package/dist/pd-contact-us/pd-contact-us.stories.d.ts +0 -37
- package/dist/pd-contact-us/pd-contact-us.stories.d.ts.map +0 -1
- package/dist/pd-footer/pd-footer.stories.d.ts +0 -48
- package/dist/pd-footer/pd-footer.stories.d.ts.map +0 -1
- package/dist/pd-login/pd-login.stories.d.ts +0 -55
- package/dist/pd-login/pd-login.stories.d.ts.map +0 -1
- package/dist/pd-menu/pd-menu.stories.d.ts +0 -62
- package/dist/pd-menu/pd-menu.stories.d.ts.map +0 -1
- package/dist/pd-socialmedia/pd-socialmedia.stories.d.ts +0 -53
- package/dist/pd-socialmedia/pd-socialmedia.stories.d.ts.map +0 -1
- package/dist/pd-toast/pd-toast.stories.d.ts +0 -47
- package/dist/pd-toast/pd-toast.stories.d.ts.map +0 -1
- package/dist/stories/01_index.stories.d.ts +0 -37
- 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';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -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
|
-
*
|
|
4
|
+
* Modern mega-footer with hierarchical sections, social media, and legal links.
|
|
5
5
|
*
|
|
6
|
-
* @summary Footer with
|
|
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
|
|
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: `
|
|
16
|
-
* @cssprop --pd-footer-
|
|
17
|
-
* @cssprop --pd-footer-
|
|
18
|
-
* @cssprop --pd-footer-
|
|
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
|
-
/**
|
|
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
|
-
|
|
28
|
-
|
|
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
|
-
|
|
33
|
-
|
|
34
|
-
|
|
56
|
+
private _renderSections;
|
|
57
|
+
private _renderAccordion;
|
|
58
|
+
private _renderSocialLinks;
|
|
59
|
+
private _renderBottomBar;
|
|
60
|
+
private _footerLinkClicked;
|
|
35
61
|
private _handleLinkKeydown;
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
* Activates on Enter or Space key.
|
|
39
|
-
*/
|
|
40
|
-
private _handleMadeByKeydown;
|
|
62
|
+
private _toggleSection;
|
|
63
|
+
private _handleSectionKeydown;
|
|
41
64
|
private _clickMadeBy;
|
|
42
|
-
private
|
|
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;
|
|
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"}
|