@progressive-development/pd-page 0.9.2 → 1.0.0

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

@@ -0,0 +1,55 @@
+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

@@ -0,0 +1 @@
+{"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-login.d.ts

@@ -0,0 +1,2 @@
+export * from './pd-login/pd-login'
+export {}

package/dist/pd-login.js

@@ -0,0 +1,8 @@
+import { PdLogin } from './pd-login/PdLogin.js';
+
+const tag = "pd-login";
+if (!customElements.get(tag)) {
+  customElements.define(tag, PdLogin);
+}
+
+export { PdLogin };

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

@@ -1,70 +1,102 @@
 import { LitElement, CSSResultGroup } from 'lit';
 import { PdMenuItem } from '../types.js';
+import { ButtonData } from '@progressive-development/pd-forms';
 /**
- * Menü-Komponente zur Navigation in der Anwendung.
+ * Application navigation menu with responsive burger menu.
  *
- * @fires route-event – Wird ausgelöst, wenn ein Menüpunkt mit Route geklickt wird
- * @fires locale-change – Wird ausgelöst, wenn die Sprache gewechselt wird
+ * @summary Responsive navigation menu with scroll-to-section and language selector.
  *
- * @slot slotLogo – Slot für das App-Logo
  * @tagname pd-menu
+ *
+ * @event route-event - Fired when a menu item with route is clicked.
+ * @event locale-change - Fired when language is changed.
+ * @event section-activated - Fired when the active section changes during scroll. Detail: `{ sectionId }`.
+ *
+ * @slot slotLogo - Slot for application logo.
+ *
+ * @cssprop --pd-menu-height - Menu height. Default: `100px`.
+ * @cssprop --pd-menu-bg-col - Menu background. Default: `var(--pd-default-col)`.
+ * @cssprop --pd-menu-shadow - Menu shadow. Default: `var(--pd-shadow-lg)`.
+ * @cssprop --pd-menu-border-radius - Menu border radius. Default: `0`.
+ * @cssprop --pd-menu-max-width - Max menu container width. Default: `var(--pd-content-max-width, 1170px)`.
+ * @cssprop --pd-menu-font-col - Menu text color. Default: `var(--pd-default-bg-col)`.
+ * @cssprop --pd-menu-font-family - Menu font family. Default: `var(--pd-default-font-title-family)`.
+ * @cssprop --pd-menu-font-size - Menu font size. Default: `1.2em`.
+ * @cssprop --pd-menu-font-weight - Menu font weight. Default: `bold`.
+ * @cssprop --pd-menu-item-padding - Menu item padding. Default: `0.6em`.
+ * @cssprop --pd-menu-item-bg-hover-col - Item hover background.
+ * @cssprop --pd-menu-burger-bg-col - Burger menu background. Default: `var(--pd-default-bg-col)`.
+ * @cssprop --pd-menu-burger-bottomborder - Burger menu bottom border.
+ * @cssprop --pd-menu-burger-top - Burger menu top offset. Default: `var(--pd-menu-height)`.
+ * @cssprop --pd-menu-burger-font-col - Burger menu text color. Default: `var(--pd-default-font-link-col)`.
+ * @cssprop --pd-menu-logo-maxwidth - Logo max width. Default: `8rem`.
+ * @cssprop --pd-menu-logo-padding - Logo padding. Default: `2em`.
+ * @cssprop --pd-menu-logo-color - Logo fill color. Default: `#067394`.
  */
 export declare class PdMenu extends LitElement {
-    /**
-     * Aktuelle aktive Route (zur Hervorhebung)
-     */
+    /** Currently active route for highlighting. */
     activeRoute: string;
-    /**
-     * Aktuell ausgewählte Sprache
-     */
+    /** Currently selected language (value from ButtonData). */
     selectedLocale: string;
-    /**
-     * Aktuell ausgewählte Sprache
-     */
+    /** Route to navigate on logo click. */
     logoRoute?: string;
-    /**
-     * Liste verfügbarer Sprachen
-     */
-    locales: string[];
-    /**
-     * Hauptmenüeinträge
-     */
+    /** Available language options with text (display) and value (locale code). */
+    locales: ButtonData[];
+    /** Main menu entries. */
     menuItems: PdMenuItem[];
-    /**
-     * Zusätzliche Einträge in der oberen Menüzeile
-     */
+    /** Additional entries in top menu. */
     topMenuItems: PdMenuItem[];
-    /**
-     * Flag, ob Burger-Menü deaktiviert ist
-     */
+    /** Disable responsive burger menu. */
     noBurgerMenu: boolean;
-    /**
-     * Größe des Headers (für Scroll-Berechnung)
-     */
-    headerSize: number;
     /**
      * Index des aktiven Inhaltsbereichs (bei Scroll)
-     */
+     * @ignore */
     private _activeSecIndex;
     /**
      * Burger-Menü aktiv?
-     */
+     * @ignore */
     private _activeBurgerMenu;
-    /**
-     * Sprachmenü aktiv?
-     */
-    private _activeLocaleMenu;
     /**
      * Zeige mobile Ansicht?
-     */
+     * @ignore */
     private _smallScreen;
+    /** @ignore */
+    private _mediaQueryList?;
+    /** @ignore */
+    private _boundScrollHandler;
+    /** @ignore */
+    private _boundMediaQueryHandler;
     static styles: CSSResultGroup;
-    protected firstUpdated(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _ticking;
+    private _handleScroll;
+    private _handleMediaQuery;
+    private _updateActiveSection;
     render(): import('lit').TemplateResult<1>;
     private _renderItems;
+    /**
+     * Handles keyboard events on menu items.
+     */
+    private _handleMenuItemKeydown;
+    /**
+     * Handles keyboard events on burger menu toggle.
+     */
+    private _handleBurgerKeydown;
     private _toggleBurgerMenu;
-    private _toggleLocaleSelection;
-    private _localeClicked;
+    /**
+     * Returns the index of the currently selected locale in the locales array.
+     */
+    private _getSelectedLocaleIndex;
+    /**
+     * Returns compact locale options for mobile display.
+     * Uses shortText if available, otherwise falls back to text.
+     */
+    private _getCompactLocales;
+    /**
+     * Handles locale selection change from PdButtonSelectGroup.
+     */
+    private _handleLocaleChange;
     private _menuItemClicked;
     private _logoClicked;
     private static _scrollToTop;

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

@@ -1 +1 @@
-{"version":3,"file":"PdMenu.d.ts","sourceRoot":"","sources":["../../src/pd-menu/PdMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAQ5D,OAAO,0CAA0C,CAAC;AAElD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C;;;;;;;;GAQG;AACH,qBAAa,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,CAuOpC;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"}
+{"version":3,"file":"PdMenu.d.ts","sourceRoot":"","sources":["../../src/pd-menu/PdMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAO5D,OAAO,0CAA0C,CAAC;AAClD,OAAO,0DAA0D,CAAC;AAElE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,+CAA+C;IAE/C,WAAW,SAAM;IAEjB,2DAA2D;IAE3D,cAAc,SAAM;IAEpB,uCAAuC;IAEvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8EAA8E;IAE9E,OAAO,EAAE,UAAU,EAAE,CAAM;IAE3B,yBAAyB;IAEzB,SAAS,EAAE,UAAU,EAAE,CAAM;IAE7B,sCAAsC;IAEtC,YAAY,EAAE,UAAU,EAAE,CAAM;IAEhC,sCAAsC;IAEtC,YAAY,UAAS;IAErB;;iBAEa;IAEb,OAAO,CAAC,eAAe,CAAK;IAE5B;;iBAEa;IAEb,OAAO,CAAC,iBAAiB,CAAS;IAElC;;iBAEa;IAEb,OAAO,CAAC,YAAY,CAAS;IAE7B,cAAc;IACd,OAAO,CAAC,eAAe,CAAC,CAAiB;IAEzC,cAAc;IACd,OAAO,CAAC,mBAAmB,CAAiC;IAE5D,cAAc;IACd,OAAO,CAAC,uBAAuB,CAAqC;IAEpE,OAAgB,MAAM,EAAE,cAAc,CAgOpC;IAEO,iBAAiB;IAiBjB,oBAAoB;IAe7B,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,oBAAoB;IA0D5B,MAAM;IAqFN,OAAO,CAAC,YAAY;IAgCpB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAO9B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,iBAAiB;IAIzB;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAI/B;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAO1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,gBAAgB;IA8CxB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,MAAM,CAAC,YAAY;CAG5B"}