@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
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pd-socialmedia.stories.d.ts","sourceRoot":"","sources":["../../src/pd-socialmedia/pd-socialmedia.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,0CAA0C,CAAC;AAClD,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AAEvD,OAAO,EAAoB,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,qBAAqB,CAAC;AAM7B;;;GAGG;AACH,UAAU,iBAAiB;IACzB,wDAAwD;IACxD,OAAO,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,oCAAoC;IACpC,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,yCAAyC;IACzC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,4BAA4B;IAC5B,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAiCD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CA6EjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAMzC,sEAAsE;AACtE,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAMjC,gDAAgD;AAChD,eAAO,MAAM,WAAW,EAAE,KA8CzB,CAAC;AAMF,oDAAoD;AACpD,eAAO,MAAM,QAAQ,EAAE,KAmCtB,CAAC;AAMF,wFAAwF;AACxF,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAC;AAMF,oEAAoE;AACpE,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAC;AAMF,+DAA+D;AAC/D,eAAO,MAAM,aAAa,EAAE,KA2F3B,CAAC"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/web-components-vite';
|
|
2
|
-
import { ToastType } from '../toast-bus/toast-bus.js';
|
|
3
|
-
/**
|
|
4
|
-
* Story arguments interface for pd-toast component.
|
|
5
|
-
* Maps to the toastBus API since pd-toast has no direct properties.
|
|
6
|
-
*/
|
|
7
|
-
interface PdToastArgs {
|
|
8
|
-
/** Message to display */
|
|
9
|
-
message: string;
|
|
10
|
-
/** Toast type (success, error, info) */
|
|
11
|
-
type: ToastType;
|
|
12
|
-
/** Duration in ms (-1 for persistent, no auto-close) */
|
|
13
|
-
duration: number;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* ## pd-toast
|
|
17
|
-
*
|
|
18
|
-
* Toast notification component with internal queue management, triggered via the global toastBus singleton.
|
|
19
|
-
*
|
|
20
|
-
* ### Features
|
|
21
|
-
* - Three toast types: success (green), error (red), info (yellow)
|
|
22
|
-
* - Internal queue management for sequential display of multiple toasts
|
|
23
|
-
* - Auto-close with configurable duration (errors are persistent by default)
|
|
24
|
-
* - Manual close via X icon (click or keyboard)
|
|
25
|
-
* - Slide-in animation with prefers-reduced-motion support
|
|
26
|
-
* - Responsive positioning (smaller margins on mobile)
|
|
27
|
-
* - Global singleton pattern via toastBus EventTarget
|
|
28
|
-
*
|
|
29
|
-
* ### Accessibility
|
|
30
|
-
* - Uses `aria-live="polite"` for screen reader announcements
|
|
31
|
-
* - Error toasts use `role="alert"` for immediate announcement
|
|
32
|
-
* - Close button has `role="button"` and `aria-label`
|
|
33
|
-
* - Keyboard support: Tab to focus close button, Enter/Space to close
|
|
34
|
-
* - Respects `prefers-reduced-motion` media query
|
|
35
|
-
*/
|
|
36
|
-
declare const meta: Meta<PdToastArgs>;
|
|
37
|
-
export default meta;
|
|
38
|
-
type Story = StoryObj<PdToastArgs>;
|
|
39
|
-
/** Interactive demo — click buttons to trigger different toast types. */
|
|
40
|
-
export declare const Default: Story;
|
|
41
|
-
/** All three toast types side by side — click each button to see the corresponding toast. */
|
|
42
|
-
export declare const AllTypes: Story;
|
|
43
|
-
/** Demonstrates the internal queue — multiple toasts are shown sequentially. */
|
|
44
|
-
export declare const QueueDemo: Story;
|
|
45
|
-
/** CSS Custom Properties -- Branded and Redesigned variants. */
|
|
46
|
-
export declare const CustomStyling: Story;
|
|
47
|
-
//# sourceMappingURL=pd-toast.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pd-toast.stories.d.ts","sourceRoot":"","sources":["../../src/pd-toast/pd-toast.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAY,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,eAAe,CAAC;AAMvB;;;GAGG;AACH,UAAU,WAAW;IACnB,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,IAAI,EAAE,SAAS,CAAC;IAChB,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAC;CAClB;AAMD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CA2D3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAMnC,yEAAyE;AACzE,eAAO,MAAM,OAAO,EAAE,KAyGrB,CAAC;AAMF,6FAA6F;AAC7F,eAAO,MAAM,QAAQ,EAAE,KAmDtB,CAAC;AAMF,gFAAgF;AAChF,eAAO,MAAM,SAAS,EAAE,KAmCvB,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAoH3B,CAAC"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/web-components-vite';
|
|
2
|
-
import { PdMenuItem } from '../types.js';
|
|
3
|
-
/**
|
|
4
|
-
* Story arguments interface for the pd-page examples.
|
|
5
|
-
* Combines arguments from multiple pd-page sub-components.
|
|
6
|
-
*/
|
|
7
|
-
interface PageExampleArgs {
|
|
8
|
-
/** Main navigation items */
|
|
9
|
-
menuItems: PdMenuItem[];
|
|
10
|
-
/** Top menu items (profile, settings, etc.) */
|
|
11
|
-
topMenuItems: PdMenuItem[];
|
|
12
|
-
/** Whether the teaser/hero section is collapsed */
|
|
13
|
-
teaserClosed: boolean;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* ## pd-page / examples
|
|
17
|
-
*
|
|
18
|
-
* Full-page composition examples showing how pd-page sub-components work together.
|
|
19
|
-
*
|
|
20
|
-
* These examples demonstrate realistic page layouts combining:
|
|
21
|
-
* - **pd-menu**: Navigation header with logo, menu items, and top actions
|
|
22
|
-
* - **pd-contact-us**: Contact section with address card and form
|
|
23
|
-
* - **pd-footer**: Footer with legal links and version info
|
|
24
|
-
*
|
|
25
|
-
* Each story shows a different page configuration to illustrate
|
|
26
|
-
* the flexibility of the pd-page component system.
|
|
27
|
-
*/
|
|
28
|
-
declare const meta: Meta<PageExampleArgs>;
|
|
29
|
-
export default meta;
|
|
30
|
-
type Story = StoryObj<PageExampleArgs>;
|
|
31
|
-
/** Complete page layout with menu, content sections, contact form, and footer. */
|
|
32
|
-
export declare const FullPage: Story;
|
|
33
|
-
/** Page layout with the menu teaser/hero section collapsed. */
|
|
34
|
-
export declare const TeaserClosed: Story;
|
|
35
|
-
/** Minimal page with just menu and footer — no contact section. */
|
|
36
|
-
export declare const MinimalPage: Story;
|
|
37
|
-
//# sourceMappingURL=01_index.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"01_index.stories.d.ts","sourceRoot":"","sources":["../../src/stories/01_index.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI9C,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mCAAmC,CAAC;AAC3C,OAAO,2BAA2B,CAAC;AAMnC;;;GAGG;AACH,UAAU,eAAe;IACvB,4BAA4B;IAC5B,SAAS,EAAE,UAAU,EAAE,CAAC;IACxB,+CAA+C;IAC/C,YAAY,EAAE,UAAU,EAAE,CAAC;IAC3B,mDAAmD;IACnD,YAAY,EAAE,OAAO,CAAC;CACvB;AA8BD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,eAAe,CAmB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAMvC,kFAAkF;AAClF,eAAO,MAAM,QAAQ,EAAE,KA8CtB,CAAC;AAMF,+DAA+D;AAC/D,eAAO,MAAM,YAAY,EAAE,KA4C1B,CAAC;AAMF,mEAAmE;AACnE,eAAO,MAAM,WAAW,EAAE,KAiCzB,CAAC"}
|