@progressive-development/pd-dialog 1.0.2 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progressive-development/pd-dialog",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Progressive Development dialog components.",
   "author": "PD Progressive Development",
   "license": "MIT",
@@ -32,8 +32,8 @@
     "tslib": "^2.8.1",
     "@progressive-development/pd-shared-styles": "0.3.2",
     "@progressive-development/pd-icon": "1.0.2",
-    "@progressive-development/pd-forms": "1.0.2",
-    "@progressive-development/pd-price": "1.0.1"
+    "@progressive-development/pd-price": "1.0.1",
+    "@progressive-development/pd-forms": "1.0.3"
   },
   "customElements": "custom-elements.json",
   "keywords": [

package/dist/pd-confirm-dialog/pd-confirm-dialog.stories.d.ts

@@ -1,107 +0,0 @@
-import { HTMLTemplateResult, CSSResultGroup } from 'lit';
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { PdConfirmDialog, PdDialogType } from './PdConfirmDialog.js';
-/**
- * Example: Simple confirm dialog with warning
- */
-declare class ExampleDeleteConfirm extends PdConfirmDialog {
-    protected _dialogTitle: string;
-    protected _dialogType: PdDialogType;
-    protected _singleButton: boolean;
-    itemName: string;
-    protected _renderContent(): HTMLTemplateResult;
-}
-/**
- * Example: Info dialog with single button
- */
-declare class ExampleInfoDialog extends PdConfirmDialog {
-    protected _dialogTitle: string;
-    protected _dialogType: PdDialogType;
-    protected _singleButton: boolean;
-    message: string;
-    protected _renderContent(): HTMLTemplateResult;
-}
-/**
- * Example: Error dialog with custom content
- */
-declare class ExampleErrorDialog extends PdConfirmDialog {
-    protected _dialogTitle: string;
-    protected _dialogType: PdDialogType;
-    protected _singleButton: boolean;
-    errorCode: string;
-    errorMessage: string;
-    static styles: CSSResultGroup;
-    protected _renderContent(): HTMLTemplateResult;
-}
-/**
- * Example: Help dialog with formatted content
- */
-declare class ExampleHelpDialog extends PdConfirmDialog {
-    protected _dialogTitle: string;
-    protected _dialogType: PdDialogType;
-    protected _singleButton: boolean;
-    static styles: CSSResultGroup;
-    protected _renderContent(): HTMLTemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "example-delete-confirm": ExampleDeleteConfirm;
-        "example-info-dialog": ExampleInfoDialog;
-        "example-error-dialog": ExampleErrorDialog;
-        "example-help-dialog": ExampleHelpDialog;
-    }
-}
-/**
- * Story arguments interface for pd-confirm-dialog examples.
- * Maps to the example components' properties.
- */
-interface PdConfirmDialogArgs {
-    /** Item name for delete confirmation */
-    itemName: string;
-    /** Confirm button text */
-    confirmButtonText: string;
-    /** Cancel button text */
-    cancelButtonText: string;
-    /** Enable closing with Escape key */
-    closeByEscape: boolean;
-    /** Enable closing by clicking the backdrop */
-    closeByBackdrop: boolean;
-}
-/**
- * ## PdConfirmDialog (Abstract Base Class)
- *
- * Abstract base class for creating standardized confirmation dialogs.
- * Not used directly -- extend it and implement the required abstract members.
- *
- * ### Features
- * - Dialog types: info, warn, error, help with corresponding icons
- * - Two-button mode (confirm + cancel) or single-button mode
- * - Configurable button text via properties
- * - Escape key and backdrop click close support
- * - Standardized events: `pd-dialog-confirm` and `pd-dialog-cancel`
- *
- * ### How to Extend
- * Implement these abstract members:
- * - `_dialogTitle`: Dialog title string
- * - `_dialogType`: One of `"info" | "warn" | "error" | "help"`
- * - `_singleButton`: `true` for single confirm button, `false` for confirm + cancel
- * - `_renderContent()`: Returns the dialog body as `HTMLTemplateResult`
- *
- * ### Exported Constants
- * - `BUTTON_KEY_CONFIRM` / `BUTTON_KEY_CANCEL`: Button key identifiers
- * - `EVENT_CONFIRM` / `EVENT_CANCEL`: Event name constants
- */
-declare const meta: Meta<PdConfirmDialogArgs>;
-export default meta;
-type Story = StoryObj<PdConfirmDialogArgs>;
-/** Warning dialog with confirm and cancel buttons. Typical use case: Delete confirmation. */
-export declare const Default: Story;
-/** Overview of all four dialog types: warning, info, error, and help. */
-export declare const AllTypes: Story;
-/** Info dialog with single button -- typical success notification. */
-export declare const InfoNotification: Story;
-/** Error dialog with styled error details section. */
-export declare const ErrorWithDetails: Story;
-/** Help dialog with formatted keyboard shortcuts list. */
-export declare const HelpDialog: Story;
-//# sourceMappingURL=pd-confirm-dialog.stories.d.ts.map

package/dist/pd-confirm-dialog/pd-confirm-dialog.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-confirm-dialog.stories.d.ts","sourceRoot":"","sources":["../../src/pd-confirm-dialog/pd-confirm-dialog.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAa,kBAAkB,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEpE,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EACL,eAAe,EACf,YAAY,EAGb,MAAM,sBAAsB,CAAC;AAM9B;;GAEG;AACH,cACM,oBAAqB,SAAQ,eAAe;IAChD,SAAS,CAAC,YAAY,SAAiB;IACvC,SAAS,CAAC,WAAW,EAAE,YAAY,CAAU;IAC7C,SAAS,CAAC,aAAa,UAAS;IAGhC,QAAQ,SAAe;IAEvB,SAAS,CAAC,cAAc,IAAI,kBAAkB;CAM/C;AAED;;GAEG;AACH,cACM,iBAAkB,SAAQ,eAAe;IAC7C,SAAS,CAAC,YAAY,SAAiB;IACvC,SAAS,CAAC,WAAW,EAAE,YAAY,CAAU;IAC7C,SAAS,CAAC,aAAa,UAAQ;IAG/B,OAAO,SAAuC;IAE9C,SAAS,CAAC,cAAc,IAAI,kBAAkB;CAG/C;AAED;;GAEG;AACH,cACM,kBAAmB,SAAQ,eAAe;IAC9C,SAAS,CAAC,YAAY,SAAoB;IAC1C,SAAS,CAAC,WAAW,EAAE,YAAY,CAAW;IAC9C,SAAS,CAAC,aAAa,UAAQ;IAG/B,SAAS,SAAU;IAGnB,YAAY,SAAmC;IAE/C,MAAM,CAAC,MAAM,EAaR,cAAc,CAAC;IAEpB,SAAS,CAAC,cAAc,IAAI,kBAAkB;CAM/C;AAED;;GAEG;AACH,cACM,iBAAkB,SAAQ,eAAe;IAC7C,SAAS,CAAC,YAAY,SAAwB;IAC9C,SAAS,CAAC,WAAW,EAAE,YAAY,CAAU;IAC7C,SAAS,CAAC,aAAa,UAAQ;IAE/B,MAAM,CAAC,MAAM,EAoBR,cAAc,CAAC;IAEpB,SAAS,CAAC,cAAc,IAAI,kBAAkB;CAY/C;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,oBAAoB,CAAC;QAC/C,qBAAqB,EAAE,iBAAiB,CAAC;QACzC,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAMD;;;GAGG;AACH,UAAU,mBAAmB;IAC3B,wCAAwC;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,yBAAyB;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,qCAAqC;IACrC,aAAa,EAAE,OAAO,CAAC;IACvB,8CAA8C;IAC9C,eAAe,EAAE,OAAO,CAAC;CAC1B;AAMD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAgFnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;AAM3C,6FAA6F;AAC7F,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAMF,yEAAyE;AACzE,eAAO,MAAM,QAAQ,EAAE,KAmDtB,CAAC;AAMF,sEAAsE;AACtE,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAC;AAMF,sDAAsD;AACtD,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAC;AAMF,0DAA0D;AAC1D,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC"}

package/dist/pd-form-dialog/pd-form-dialog.stories.d.ts

@@ -1,118 +0,0 @@
-import { HTMLTemplateResult, CSSResultGroup } from 'lit';
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { PdFormDialog } from './PdFormDialog.js';
-/**
- * Example: Contact form data interface
- */
-interface ContactFormData {
-    name: string;
-    email: string;
-    message: string;
-}
-/**
- * Example: Contact form dialog
- */
-declare class ExampleContactForm extends PdFormDialog<ContactFormData> {
-    protected _dialogTitle: string;
-    protected _formData: ContactFormData;
-    static styles: CSSResultGroup;
-    protected _isValidFormData(): boolean;
-    protected _renderContent(): HTMLTemplateResult;
-}
-/**
- * Example: User profile form data interface
- */
-interface ProfileFormData {
-    displayName: string;
-    bio: string;
-    language: string;
-}
-/**
- * Example: User profile form dialog
- */
-declare class ExampleProfileForm extends PdFormDialog<ProfileFormData> {
-    protected _dialogTitle: string;
-    protected _formData: ProfileFormData;
-    static styles: CSSResultGroup;
-    protected _isValidFormData(): boolean;
-    protected _renderContent(): HTMLTemplateResult;
-}
-/**
- * Example: Simple feedback form data interface
- */
-interface FeedbackFormData {
-    rating: string;
-    feedback: string;
-}
-/**
- * Example: Feedback form dialog with custom rating UI
- */
-declare class ExampleFeedbackForm extends PdFormDialog<FeedbackFormData> {
-    protected _dialogTitle: string;
-    protected _formData: FeedbackFormData;
-    static styles: CSSResultGroup;
-    protected _isValidFormData(): boolean;
-    private _selectRating;
-    protected _renderContent(): HTMLTemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "example-contact-form": ExampleContactForm;
-        "example-profile-form": ExampleProfileForm;
-        "example-feedback-form": ExampleFeedbackForm;
-    }
-}
-/**
- * Story arguments interface for pd-form-dialog examples.
- * Maps to the example components' properties.
- */
-interface PdFormDialogArgs {
-    /** Save button text */
-    saveButtonText: string;
-    /** Cancel button text */
-    cancelButtonText: string;
-    /** Show required field info text */
-    showRequiredFieldInfo: boolean;
-    /** Double-submit prevention timeout in ms */
-    submitDisableTimeout: number;
-}
-/**
- * ## PdFormDialog<T> (Abstract Base Class)
- *
- * Generic abstract base class for form dialogs with integrated validation.
- * Not used directly -- extend it with a type parameter for your form data.
- *
- * ### Features
- * - Integrated form validation via `pd-form-container`
- * - Save button automatically disabled until form is valid
- * - Double-submit prevention with configurable timeout
- * - Type-safe form data handling via generic `T` parameter
- * - Standardized events: `pd-form-submit` (with typed payload) and `pd-dialog-cancel`
- * - Required field info display (optional)
- *
- * ### How to Extend
- * Implement these abstract members:
- * - `_dialogTitle`: Dialog title string
- * - `_formData`: Your typed form data object
- * - `_isValidFormData()`: Additional validation beyond field-level validation
- * - `_renderContent()`: Returns form fields as `HTMLTemplateResult`
- *
- * ### Validation Flow
- * 1. Each form field validates individually (via pd-form-container)
- * 2. `_isValidFormData()` runs additional cross-field validation
- * 3. Save button enables only when both pass
- */
-declare const meta: Meta<PdFormDialogArgs>;
-export default meta;
-type Story = StoryObj<PdFormDialogArgs>;
-/** Contact form dialog with name, email, and message fields. Interactive via Controls panel. */
-export declare const Default: Story;
-/** User profile form with display name, bio, and language selection. */
-export declare const ProfileForm: Story;
-/** Feedback form with custom rating buttons and optional text area. */
-export declare const FeedbackForm: Story;
-/** Overview of all three form dialog implementations side by side. */
-export declare const AllForms: Story;
-/** Demonstrates the validation flow: Save button is disabled until form is valid. */
-export declare const ValidationBehavior: Story;
-//# sourceMappingURL=pd-form-dialog.stories.d.ts.map

package/dist/pd-form-dialog/pd-form-dialog.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-form-dialog.stories.d.ts","sourceRoot":"","sources":["../../src/pd-form-dialog/pd-form-dialog.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAa,kBAAkB,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEpE,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,4CAA4C,CAAC;AACpD,OAAO,iDAAiD,CAAC;AACzD,OAAO,6CAA6C,CAAC;AAErD,OAAO,EAAE,YAAY,EAAqB,MAAM,mBAAmB,CAAC;AAOpE;;GAEG;AACH,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,cACM,kBAAmB,SAAQ,YAAY,CAAC,eAAe,CAAC;IAC5D,SAAS,CAAC,YAAY,SAAgB;IAGtC,SAAS,CAAC,SAAS,EAAE,eAAe,CAIlC;IAEF,MAAM,CAAC,MAAM,EASR,cAAc,CAAC;IAEpB,SAAS,CAAC,gBAAgB,IAAI,OAAO;IAIrC,SAAS,CAAC,cAAc,IAAI,kBAAkB;CA4B/C;AAED;;GAEG;AACH,UAAU,eAAe;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,cACM,kBAAmB,SAAQ,YAAY,CAAC,eAAe,CAAC;IAC5D,SAAS,CAAC,YAAY,SAAkB;IAGxC,SAAS,CAAC,SAAS,EAAE,eAAe,CAIlC;IAEF,MAAM,CAAC,MAAM,EASR,cAAc,CAAC;IAEpB,SAAS,CAAC,gBAAgB,IAAI,OAAO;IAIrC,SAAS,CAAC,cAAc,IAAI,kBAAkB;CAgC/C;AAED;;GAEG;AACH,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,cACM,mBAAoB,SAAQ,YAAY,CAAC,gBAAgB,CAAC;IAC9D,SAAS,CAAC,YAAY,SAAqB;IAG3C,SAAS,CAAC,SAAS,EAAE,gBAAgB,CAGnC;IAEF,MAAM,CAAC,MAAM,EA6BR,cAAc,CAAC;IAEpB,SAAS,CAAC,gBAAgB,IAAI,OAAO;IAIrC,OAAO,CAAC,aAAa;IAKrB,SAAS,CAAC,cAAc,IAAI,kBAAkB;CAiC/C;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF;AAMD;;;GAGG;AACH,UAAU,gBAAgB;IACxB,uBAAuB;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,yBAAyB;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,6CAA6C;IAC7C,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,gBAAgB,CA0GhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAMxC,gGAAgG;AAChG,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAMF,wEAAwE;AACxE,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAC;AAMF,uEAAuE;AACvE,eAAO,MAAM,YAAY,EAAE,KAqB1B,CAAC;AAMF,sEAAsE;AACtE,eAAO,MAAM,QAAQ,EAAE,KAwCtB,CAAC;AAMF,qFAAqF;AACrF,eAAO,MAAM,kBAAkB,EAAE,KA6BhC,CAAC"}

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

@@ -1,58 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-/**
- * Story arguments interface for pd-popup component.
- * Maps to the component's public API.
- */
-interface PdPopupArgs {
-    /** Content for the trigger slot */
-    smallViewSlot: string;
-    /** Content displayed in the popup */
-    contentSlot: string;
-    /** Enable closing with Escape key */
-    closeByEscape: boolean;
-    /** Enable closing by clicking the backdrop overlay */
-    closeByBackdrop: boolean;
-    /** Hide the built-in close icon */
-    hideCloseIcon: boolean;
-    /** Block body scroll when popup is open */
-    blockScroll: boolean;
-    /** Accessible label for the popup */
-    popupLabel: string;
-}
-/**
- * ## pd-popup
- *
- * A modal popup component triggered by clicking a slot element.
- *
- * ### Features
- * - Trigger element via `small-view` slot (click to open)
- * - Full-screen modal overlay with centered content
- * - Built-in close icon (keyboard accessible, can be hidden)
- * - Optional close on Escape key press (`closeByEscape`)
- * - Optional close on backdrop click (`closeByBackdrop`)
- * - Programmatic control via `showPopup()` and `hidePopup()` methods
- * - Body scroll blocking when open (`blockScroll`)
- * - Accessibility: `role="dialog"`, `aria-modal="true"`, `aria-label`
- *
- * ### Accessibility
- * - Uses `role="dialog"` and `aria-modal="true"` on the modal container
- * - `aria-label` set via `popupLabel` property
- * - Close icon is keyboard focusable with `role="button"` and `aria-label`
- * - Supports Escape key and backdrop click for closing
- */
-declare const meta: Meta<PdPopupArgs>;
-export default meta;
-type Story = StoryObj<PdPopupArgs>;
-/** Default popup with simple text content. Interactive via Controls panel. */
-export declare const Default: Story;
-/** Popup with structured HTML content including headings, text, and lists. */
-export declare const RichContent: Story;
-/** Demonstrates the three closing mechanisms: close icon, Escape key, and backdrop click. */
-export declare const ClosingOptions: Story;
-/** Popup with the built-in close icon hidden. Content provides its own close mechanism. */
-export declare const HiddenCloseIcon: Story;
-/** Demonstrates opening and closing the popup programmatically via `showPopup()` / `hidePopup()`. */
-export declare const ProgrammaticControl: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-popup.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pd-popup.stories.d.ts","sourceRoot":"","sources":["../../src/pd-popup/pd-popup.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,eAAe,CAAC;AAMvB;;;GAGG;AACH,UAAU,WAAW;IACnB,mCAAmC;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,aAAa,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,eAAe,EAAE,OAAO,CAAC;IACzB,mCAAmC;IACnC,aAAa,EAAE,OAAO,CAAC;IACvB,2CAA2C;IAC3C,WAAW,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,EAAE,MAAM,CAAC;CACpB;AAMD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CA8F3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAMnC,8EAA8E;AAC9E,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAMjC,8EAA8E;AAC9E,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAMF,6FAA6F;AAC7F,eAAO,MAAM,cAAc,EAAE,KAiE5B,CAAC;AAMF,2FAA2F;AAC3F,eAAO,MAAM,eAAe,EAAE,KA6B7B,CAAC;AAMF,qGAAqG;AACrG,eAAO,MAAM,mBAAmB,EAAE,KA6CjC,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAyG3B,CAAC"}

package/dist/pd-popup-dialog/pd-popup-dialog.stories.d.ts

@@ -1,55 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { PdDialogButton } from '../types.js';
-/**
- * Story arguments interface for pd-popup-dialog component.
- * Maps to the component's public API.
- */
-interface PdPopupDialogArgs {
-    /** Dialog title text */
-    title: string;
-    /** Dialog type: info, warn, error, help */
-    type: "info" | "warn" | "error" | "help";
-    /** Footer button configurations */
-    buttons: PdDialogButton[];
-    /** Enable closing with Escape key */
-    closeByEscape: boolean;
-    /** Enable closing by clicking the backdrop overlay */
-    closeByBackdrop: boolean;
-}
-/**
- * ## pd-popup-dialog
- *
- * A structured modal dialog with colored header, content slot, and configurable footer buttons.
- *
- * ### Features
- * - Dialog types: info, warn, error, help (each with corresponding icon)
- * - Colored header with icon and title text
- * - Content area via `content` slot
- * - Configurable footer buttons via `buttons` array property
- * - Optional close on Escape key (`closeByEscape`)
- * - Optional close on backdrop click (`closeByBackdrop`)
- * - Programmatic control via `showPopup()` / `hidePopup()` methods
- * - Mobile-responsive: buttons stack vertically on small screens
- *
- * ### Accessibility
- * - Uses `role="dialog"` and `aria-modal="true"`
- * - Title linked via `aria-labelledby` for screen readers
- * - Footer buttons use native `<pd-button>` with keyboard support
- * - Escape key close support
- */
-declare const meta: Meta<PdPopupDialogArgs>;
-export default meta;
-type Story = StoryObj<PdPopupDialogArgs>;
-/** Default info dialog with OK and Cancel buttons. Interactive via Controls panel. */
-export declare const Default: Story;
-/** All four dialog types with their corresponding icons side by side. */
-export declare const AllTypes: Story;
-/** Different footer button configurations: single, two, and three buttons. */
-export declare const ButtonConfigurations: Story;
-/** Demonstrates opening/closing the dialog programmatically via `showPopup()` / `hidePopup()`. */
-export declare const ProgrammaticControl: Story;
-/** Dialog with a long title that wraps to multiple lines. */
-export declare const LongTitle: Story;
-/** CSS Custom Properties -- Branded and Redesigned variants. */
-export declare const CustomStyling: Story;
-//# sourceMappingURL=pd-popup-dialog.stories.d.ts.map

package/dist/pd-popup-dialog/pd-popup-dialog.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-popup-dialog.stories.d.ts","sourceRoot":"","sources":["../../src/pd-popup-dialog/pd-popup-dialog.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,sBAAsB,CAAC;AAM9B;;;GAGG;AACH,UAAU,iBAAiB;IACzB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACzC,mCAAmC;IACnC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,qCAAqC;IACrC,aAAa,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,eAAe,EAAE,OAAO,CAAC;CAC1B;AAyBD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CA+FjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAMzC,sFAAsF;AACtF,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAMjC,yEAAyE;AACzE,eAAO,MAAM,QAAQ,EAAE,KA0DtB,CAAC;AAMF,8EAA8E;AAC9E,eAAO,MAAM,oBAAoB,EAAE,KA+DlC,CAAC;AAMF,kGAAkG;AAClG,eAAO,MAAM,mBAAmB,EAAE,KAyDjC,CAAC;AAMF,6DAA6D;AAC7D,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KA4H3B,CAAC"}

package/dist/pd-submit-dialog/pd-submit-dialog.stories.d.ts

@@ -1,50 +0,0 @@
-import { Meta, StoryObj } from '@storybook/web-components-vite';
-import { PdSubmitDialogStatus } from '../types.js';
-/**
- * Story arguments interface for pd-submit-dialog component.
- * Maps to the component's public API.
- */
-interface PdSubmitDialogArgs {
-    /** Dialog title text */
-    title: string;
-    /** Current status: SEND (1), SUCCESS (2), or FAILED (3) */
-    status: PdSubmitDialogStatus;
-    /** Optional status message text */
-    statusMsg: string;
-    /** Confirmation email address */
-    confirmMail: string;
-    /** Custom progress text map */
-    progressTxtMap: Map<number, string>;
-}
-/**
- * ## pd-submit-dialog
- *
- * A progress dialog that shows loading, success, and failure states during async operations.
- *
- * ### Features
- * - Three progress states: SEND (loading spinner), SUCCESS (check icon), FAILED (error icon)
- * - Custom progress text per state via `progressTxtMap`
- * - Optional status message below the progress indicator
- * - Dynamic footer buttons based on current status (no buttons while loading)
- * - Content slot for additional information above the progress area
- * - Built on top of `pd-popup-dialog`
- *
- * ### Status Flow
- * 1. `PdSubmitDialogStatus.SEND` (1) -- Loading spinner, no buttons
- * 2. `PdSubmitDialogStatus.SUCCESS` (2) -- Success icon, "Close" button
- * 3. `PdSubmitDialogStatus.FAILED` (3) -- Error icon, action buttons
- */
-declare const meta: Meta<PdSubmitDialogArgs>;
-export default meta;
-type Story = StoryObj<PdSubmitDialogArgs>;
-/** Default submit dialog in sending state with loading spinner. Interactive via Controls panel. */
-export declare const Default: Story;
-/** All three progress states side by side: Sending, Success, and Failed. */
-export declare const AllStates: Story;
-/** Dialog in success state with check icon and Close button. */
-export declare const SuccessState: Story;
-/** Dialog in failed state with error icon, status message, and action buttons. */
-export declare const FailedState: Story;
-/** Demonstrates the `submit-content` slot with rich HTML content above the progress area. */
-export declare const WithSlotContent: Story;
-//# sourceMappingURL=pd-submit-dialog.stories.d.ts.map

package/dist/pd-submit-dialog/pd-submit-dialog.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-submit-dialog.stories.d.ts","sourceRoot":"","sources":["../../src/pd-submit-dialog/pd-submit-dialog.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,uBAAuB,CAAC;AAM/B;;;GAGG;AACH,UAAU,kBAAkB;IAC1B,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,MAAM,EAAE,oBAAoB,CAAC;IAC7B,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACrC;AAsBD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,kBAAkB,CA0FlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;AAM1C,mGAAmG;AACnG,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAMjC,4EAA4E;AAC5E,eAAO,MAAM,SAAS,EAAE,KA0DvB,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,YAAY,EAAE,KA2B1B,CAAC;AAMF,kFAAkF;AAClF,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC;AAMF,6FAA6F;AAC7F,eAAO,MAAM,eAAe,EAAE,KAoC7B,CAAC"}