@breadstone/mosaik-elements-foundation 0.0.146 → 0.0.148

package/Controls/Components/Media/Icon/IconElement.d.ts

@@ -2,11 +2,66 @@ import { CustomElement } from '../../Abstracts/CustomElement';
 import { IIconElementProps } from './IIconElementProps';
 declare const IconElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Sizeable").ISizeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * Icon - A graphical representation of an action, object, or concept often used for visual communication.
+ * Icon - A scalable vector graphics element for displaying symbolic imagery and visual communication.
  *
+ * Renders SVG icons from path data with support for theming, sizing, rotation, and various appearances.
+ * Essential for user interface iconography, providing consistent visual language across applications.
+ * Features built-in accessibility support and performance optimization for vector graphics.
+ *
+ * @name IconElement
  * @element mosaik-icon
+ * @category Media
+ *
+ * @csspart symbol - The internal SVG symbol container element
+ *
+ * @cssprop --icon-font-family - Font family for icon rendering
+ * @cssprop --icon-font-size - Base font size for icon scaling
+ * @cssprop --icon-font-weight - Font weight for icon strokes
+ * @cssprop --icon-padding-top - Top padding around icon
+ * @cssprop --icon-padding-right - Right padding around icon
+ * @cssprop --icon-padding-bottom - Bottom padding around icon
+ * @cssprop --icon-padding-left - Left padding around icon
+ * @cssprop --icon-gap - Spacing between icon and adjacent content
+ * @cssprop --icon-transition-duration - Animation duration for state changes
+ * @cssprop --icon-transition-mode - Animation timing function
+ * @cssprop --icon-transition-property - CSS properties to animate
+ * @cssprop --icon-foreground-color - Icon color and stroke color
+ * @cssprop --icon-background-color - Background color behind icon
+ * @cssprop --icon-border-color - Border color around icon
+ * @cssprop --icon-border-width - Border width around icon
+ * @cssprop --icon-border-radius - Border radius for icon container
+ * @cssprop --icon-border-style - Border style (solid, dashed, etc.)
+ * @cssprop --icon-shadow - Shadow effect applied to icon
+ * @cssprop --icon-size - Overall size scaling for the icon
+ *
+ * @example
+ * ```html
+ * <!-- Basic icon -->
+ * <mosaik-icon data="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></mosaik-icon>
+ *
+ * <!-- Rotated icon with appearance -->
+ * <mosaik-icon
+ *   data="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"
+ *   angel="180"
+ *   appearance="primary">
+ * </mosaik-icon>
+ *
+ * <!-- Disabled icon -->
+ * <mosaik-icon
+ *   data="M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2Z"
+ *   disabled>
+ * </mosaik-icon>
  *
- * @csspart symbol - The symbol part.
+ * <!-- Inline icon with text -->
+ * <span>
+ *   Click here
+ *   <mosaik-icon
+ *     data="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z"
+ *     inline
+ *     size="sm">
+ *   </mosaik-icon>
+ * </span>
+ * ```
  *
  * @public
  */

package/Controls/Components/Media/Icon/IconElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Icon/IconElement.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;AAIxD;;;;;;;;GAQG;AACH,qBAUa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,SAAS,CAAU;IAM3B;;;;OAIG;;IAmBH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IACW,KAAK,IAAI,MAAM,CAEzB;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAK7B;IAED;;;;;OAKG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAK/B;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;CAQJ;AAED;;EAEE;AACF,yBAAiB,WAAW,CAAC;IACzB,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACzC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,aAAa,EAAE,WAAW,CAAC;KAC9B;CACJ"}
+{"version":3,"file":"IconElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Icon/IconElement.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;AAIxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,qBAUa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,SAAS,CAAU;IAM3B;;;;OAIG;;IAmBH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IACW,KAAK,IAAI,MAAM,CAEzB;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAK7B;IAED;;;;;OAKG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAK/B;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;CAQJ;AAED;;EAEE;AACF,yBAAiB,WAAW,CAAC;IACzB,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACzC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,aAAa,EAAE,WAAW,CAAC;KAC9B;CACJ"}

package/Controls/Components/Media/Icon/IconElement.js

@@ -24,11 +24,66 @@ import { iconElementCosmopolitanStyle } from './Themes/IconElement.Cosmopolitan'
 import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
- * Icon - A graphical representation of an action, object, or concept often used for visual communication.
+ * Icon - A scalable vector graphics element for displaying symbolic imagery and visual communication.
  *
+ * Renders SVG icons from path data with support for theming, sizing, rotation, and various appearances.
+ * Essential for user interface iconography, providing consistent visual language across applications.
+ * Features built-in accessibility support and performance optimization for vector graphics.
+ *
+ * @name IconElement
  * @element mosaik-icon
+ * @category Media
+ *
+ * @csspart symbol - The internal SVG symbol container element
+ *
+ * @cssprop --icon-font-family - Font family for icon rendering
+ * @cssprop --icon-font-size - Base font size for icon scaling
+ * @cssprop --icon-font-weight - Font weight for icon strokes
+ * @cssprop --icon-padding-top - Top padding around icon
+ * @cssprop --icon-padding-right - Right padding around icon
+ * @cssprop --icon-padding-bottom - Bottom padding around icon
+ * @cssprop --icon-padding-left - Left padding around icon
+ * @cssprop --icon-gap - Spacing between icon and adjacent content
+ * @cssprop --icon-transition-duration - Animation duration for state changes
+ * @cssprop --icon-transition-mode - Animation timing function
+ * @cssprop --icon-transition-property - CSS properties to animate
+ * @cssprop --icon-foreground-color - Icon color and stroke color
+ * @cssprop --icon-background-color - Background color behind icon
+ * @cssprop --icon-border-color - Border color around icon
+ * @cssprop --icon-border-width - Border width around icon
+ * @cssprop --icon-border-radius - Border radius for icon container
+ * @cssprop --icon-border-style - Border style (solid, dashed, etc.)
+ * @cssprop --icon-shadow - Shadow effect applied to icon
+ * @cssprop --icon-size - Overall size scaling for the icon
+ *
+ * @example
+ * ```html
+ * <!-- Basic icon -->
+ * <mosaik-icon data="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></mosaik-icon>
+ *
+ * <!-- Rotated icon with appearance -->
+ * <mosaik-icon
+ *   data="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"
+ *   angel="180"
+ *   appearance="primary">
+ * </mosaik-icon>
+ *
+ * <!-- Disabled icon -->
+ * <mosaik-icon
+ *   data="M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2Z"
+ *   disabled>
+ * </mosaik-icon>
  *
- * @csspart symbol - The symbol part.
+ * <!-- Inline icon with text -->
+ * <span>
+ *   Click here
+ *   <mosaik-icon
+ *     data="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z"
+ *     inline
+ *     size="sm">
+ *   </mosaik-icon>
+ * </span>
+ * ```
  *
  * @public
  */

package/Controls/Components/Media/Icon/IconElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Icon/IconElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"IconElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Icon/IconElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Media/Image/ImageElement.d.ts

@@ -7,23 +7,73 @@ import { CustomElement } from '../../Abstracts/CustomElement';
 import type { IImageElementProps } from './IImageElementProps';
 declare const ImageElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Dimensionable").IDimensionableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * Image - A visual representation of a picture, illustration, or graphic.
+ * Image - A responsive image container with advanced loading states and layout control.
  *
+ * Provides comprehensive image handling with loading indicators, error states, aspect ratio control,
+ * and flexible content placement. Supports various fit modes, lazy loading, and accessibility features.
+ * Includes built-in placeholder states and legend positioning for rich media presentation.
+ *
+ * @name ImageElement
  * @element mosaik-image
+ * @category Media
+ *
+ * @slot - Default content overlaid on the image
+ * @slot empty - Content shown when no image source is provided
+ * @slot failed - Content displayed when image loading fails
+ * @slot pending - Content shown while image is loading
+ * @slot legend - Caption or description content positioned around the image
+ *
+ * @csspart image - The main image element container
+ * @csspart placeholder - Container for loading, error, and empty states
+ * @csspart legend - Caption or description container
+ * @csspart content - Overlay content container
+ *
+ * @cssprop --image-aspect-ratio - Aspect ratio constraint for the image container
+ * @cssprop --image-object-fit - How the image fits within its container (cover, contain, fill, etc.)
+ * @cssprop --image-border-radius - Border radius applied to the image
+ * @cssprop --image-placeholder-color - Background color for placeholder states
+ * @cssprop --image-legend-position - Position of the legend relative to image
+ *
+ * @dependency TextElement - For legend text rendering
+ * @dependency ProgressRingElement - For loading state indicator
+ * @dependency IconElement - For error and empty state icons
+ *
+ * @example
+ * ```html
+ * <!-- Basic image -->
+ * <mosaik-image src="photo.jpg" alt="Landscape photo"></mosaik-image>
+ *
+ * <!-- Image with aspect ratio and fit mode -->
+ * <mosaik-image
+ *   src="portrait.jpg"
+ *   aspect-ratio="4/3"
+ *   fit="cover"
+ *   alt="Portrait photo">
+ * </mosaik-image>
  *
- * @slot - The default content slot.
- * @slot empty - The empty state slot.
- * @slot failed - The empty state slot.
- * @slot pending - The empty state slot.
- * @slot legend - The legend slot.
+ * <!-- Image with legend and custom placeholder -->
+ * <mosaik-image src="gallery/image1.jpg" legend-position="bottom">
+ *   <span slot="legend">Beautiful sunset over mountains</span>
+ *   <div slot="failed">
+ *     <mosaik-icon data="M..."></mosaik-icon>
+ *     <p>Image not available</p>
+ *   </div>
+ * </mosaik-image>
  *
- * @csspart image - The image part.
- * @csspart placeholder - The placeholder part.
- * @csspart legend - The legend part.
- * @csspart content - The content part.
+ * <!-- Lazy loaded image with overlay content -->
+ * <mosaik-image
+ *   src="hero-bg.jpg"
+ *   loading="lazy"
+ *   aspect-ratio="16/9">
+ *   <div class="hero-content">
+ *     <h1>Welcome</h1>
+ *     <p>Discover amazing content</p>
+ *   </div>
+ * </mosaik-image>
+ * ```
  *
- * @fires loaded - Fired when the element is loaded.
- * @fires failed - Fired when the element is failed.
+ * @fires loaded - Emitted when image successfully loads
+ * @fires failed - Emitted when image loading fails
  *
  * @public
  */

package/Controls/Components/Media/Image/ImageElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Image/ImageElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Image/ImageElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Media/Image/ImageElement.js

@@ -32,23 +32,73 @@ import { imageElementCosmopolitanStyle } from './Themes/ImageElement.Cosmopolita
 import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
- * Image - A visual representation of a picture, illustration, or graphic.
+ * Image - A responsive image container with advanced loading states and layout control.
  *
+ * Provides comprehensive image handling with loading indicators, error states, aspect ratio control,
+ * and flexible content placement. Supports various fit modes, lazy loading, and accessibility features.
+ * Includes built-in placeholder states and legend positioning for rich media presentation.
+ *
+ * @name ImageElement
  * @element mosaik-image
+ * @category Media
+ *
+ * @slot - Default content overlaid on the image
+ * @slot empty - Content shown when no image source is provided
+ * @slot failed - Content displayed when image loading fails
+ * @slot pending - Content shown while image is loading
+ * @slot legend - Caption or description content positioned around the image
+ *
+ * @csspart image - The main image element container
+ * @csspart placeholder - Container for loading, error, and empty states
+ * @csspart legend - Caption or description container
+ * @csspart content - Overlay content container
+ *
+ * @cssprop --image-aspect-ratio - Aspect ratio constraint for the image container
+ * @cssprop --image-object-fit - How the image fits within its container (cover, contain, fill, etc.)
+ * @cssprop --image-border-radius - Border radius applied to the image
+ * @cssprop --image-placeholder-color - Background color for placeholder states
+ * @cssprop --image-legend-position - Position of the legend relative to image
+ *
+ * @dependency TextElement - For legend text rendering
+ * @dependency ProgressRingElement - For loading state indicator
+ * @dependency IconElement - For error and empty state icons
+ *
+ * @example
+ * ```html
+ * <!-- Basic image -->
+ * <mosaik-image src="photo.jpg" alt="Landscape photo"></mosaik-image>
+ *
+ * <!-- Image with aspect ratio and fit mode -->
+ * <mosaik-image
+ *   src="portrait.jpg"
+ *   aspect-ratio="4/3"
+ *   fit="cover"
+ *   alt="Portrait photo">
+ * </mosaik-image>
  *
- * @slot - The default content slot.
- * @slot empty - The empty state slot.
- * @slot failed - The empty state slot.
- * @slot pending - The empty state slot.
- * @slot legend - The legend slot.
+ * <!-- Image with legend and custom placeholder -->
+ * <mosaik-image src="gallery/image1.jpg" legend-position="bottom">
+ *   <span slot="legend">Beautiful sunset over mountains</span>
+ *   <div slot="failed">
+ *     <mosaik-icon data="M..."></mosaik-icon>
+ *     <p>Image not available</p>
+ *   </div>
+ * </mosaik-image>
  *
- * @csspart image - The image part.
- * @csspart placeholder - The placeholder part.
- * @csspart legend - The legend part.
- * @csspart content - The content part.
+ * <!-- Lazy loaded image with overlay content -->
+ * <mosaik-image
+ *   src="hero-bg.jpg"
+ *   loading="lazy"
+ *   aspect-ratio="16/9">
+ *   <div class="hero-content">
+ *     <h1>Welcome</h1>
+ *     <p>Discover amazing content</p>
+ *   </div>
+ * </mosaik-image>
+ * ```
  *
- * @fires loaded - Fired when the element is loaded.
- * @fires failed - Fired when the element is failed.
+ * @fires loaded - Emitted when image successfully loads
+ * @fires failed - Emitted when image loading fails
  *
  * @public
  */

package/Controls/Components/Media/Image/ImageElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Image/ImageElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ImageElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Image/ImageElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Overlays/Dialog/DialogElement.d.ts

@@ -12,17 +12,96 @@ export declare const DEFAULT_DIMENSIONS: {
 };
 declare const DialogElement_base: (abstract new (...args: Array<any>) => import("../../../../Controls/Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Animatable").IAnimatableProps & IAnimatable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Dimensionable").IDimensionableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Elevatable").IElevatableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof OverlayElement & import("../../../../Controls/Behaviors/Themeable").IThemeableCtor;
 /**
- * Dialog - A modal popup or window used to display notifications, prompts, or interactions.
+ * Dialog - A modal window component for displaying focused content and user interactions.
  *
- * @name Dialog
+ * Creates modal dialogs that overlay the main content with focus management and backdrop interaction.
+ * Supports draggable positioning, fullscreen mode, and structured content areas for headers, content, and actions.
+ * Provides essential modal patterns for confirmations, forms, and detailed content presentation.
+ *
+ * @name DialogElement
  * @element mosaik-dialog
  * @category Overlays
  *
- * @slot - The default content slot.
- * @slot header - The header slot.
- * @slot footer - The footer slot.
- * @slot content - The content slot.
- * @slot actions - The actions slot.
+ * @slot - Default content area for main dialog body
+ * @slot header - Dialog header section for titles and controls
+ * @slot footer - Dialog footer section for additional information
+ * @slot content - Main content area for dialog body content
+ * @slot actions - Action buttons and controls area
+ *
+ * @csspart dialog - The native HTML dialog container element
+ * @csspart backdrop - The semi-transparent overlay backdrop
+ * @csspart container - Main dialog content container
+ * @csspart header - Header section container
+ * @csspart content - Main content section container
+ * @csspart footer - Footer section container
+ * @csspart actions - Action buttons container
+ *
+ * @cssprop --dialog-width - Width of the dialog container
+ * @cssprop --dialog-height - Height of the dialog container
+ * @cssprop --dialog-max-width - Maximum width constraint for the dialog
+ * @cssprop --dialog-max-height - Maximum height constraint for the dialog
+ * @cssprop --dialog-background-color - Background color of the dialog
+ * @cssprop --dialog-border-radius - Border radius for dialog corners
+ * @cssprop --dialog-padding - Internal padding for dialog content
+ * @cssprop --dialog-elevation - Elevation level for shadow effects
+ * @cssprop --dialog-backdrop-color - Color of the backdrop overlay
+ *
+ * @dependency BackdropElement - Provides backdrop overlay functionality
+ * @dependency StackElement - Layout container for dialog content
+ * @dependency ElevationElement - Elevation and shadow effects
+ * @dependency DialogHeaderElement - Structured header layout
+ * @dependency DialogContentElement - Main content area layout
+ * @dependency DialogFooterElement - Footer section layout
+ * @dependency DialogActionsElement - Action buttons layout
+ *
+ * @example
+ * ```html
+ * <!-- Confirmation dialog -->
+ * <mosaik-dialog id="confirmDialog">
+ *   <mosaik-dialog-header slot="header">
+ *     <h2>Confirm Delete</h2>
+ *   </mosaik-dialog-header>
+ *   <mosaik-dialog-content slot="content">
+ *     <p>Are you sure you want to delete this item? This action cannot be undone.</p>
+ *   </mosaik-dialog-content>
+ *   <mosaik-dialog-actions slot="actions">
+ *     <mosaik-button onclick="closeDialog()">Cancel</mosaik-button>
+ *     <mosaik-button appearance="danger" onclick="confirmDelete()">Delete</mosaik-button>
+ *   </mosaik-dialog-actions>
+ * </mosaik-dialog>
+ *
+ * <!-- Form dialog -->
+ * <mosaik-dialog draggable>
+ *   <div slot="header">
+ *     <h3>Add New User</h3>
+ *   </div>
+ *   <form slot="content">
+ *     <mosaik-text-field label="Name" required></mosaik-text-field>
+ *     <mosaik-text-field label="Email" type="email" required></mosaik-text-field>
+ *     <mosaik-select label="Role" required>
+ *       <option>User</option>
+ *       <option>Admin</option>
+ *     </mosaik-select>
+ *   </form>
+ *   <div slot="actions">
+ *     <mosaik-button type="submit">Save</mosaik-button>
+ *   </div>
+ * </mosaik-dialog>
+ *
+ * <!-- Fullscreen dialog -->
+ * <mosaik-dialog fullscreen>
+ *   <header slot="header">
+ *     <mosaik-toolbar>
+ *       <mosaik-button slot="start" onclick="closeDialog()">Close</mosaik-button>
+ *       <h1 slot="title">Settings</h1>
+ *       <mosaik-button slot="end">Save</mosaik-button>
+ *     </mosaik-toolbar>
+ *   </header>
+ *   <main slot="content">
+ *     <!-- Full settings content -->
+ *   </main>
+ * </mosaik-dialog>
+ * ```
  *
  * @public
  */

package/Controls/Components/Overlays/Dialog/DialogElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Dialog/DialogElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAc,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAIxE,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAQ1E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAM7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAOjE;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;;AAOX;;;;;;;;;;;;;;GAcG;AACH,qBAkBa,aACT,SAAQ,kBACR,YAAW,mBAAmB,EAAE,UAAU,EAAE,WAAW;IAIvD,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,kBAAkB,CAAY;IACtC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,eAAe,CAAS;IAMhC;;OAEG;;IA8BH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,WAAW,IAAI,OAAO,CAEhC;IAED,IAAW,WAAW,CAAC,KAAK,EAAE,OAAO,EAKpC;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAED;;;;;;OAMG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IAED,OAAO,KAAK,QAAQ,QAKnB;IAED;;;;;;OAMG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,OAAO,KAAK,OAAO,QAKlB;IAED;;;;;;OAMG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,OAAO,KAAK,OAAO,QAKlB;IAMD;;;;;OAKG;IACmB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAM3C;;;;;OAKG;IACmB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAI/C;;;OAGG;IACI,UAAU,IAAI,IAAI;IAMzB;;;OAGG;IACI,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAc7C;;;OAGG;IACI,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAWxC;;;OAGG;IACI,SAAS,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAY3C;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAO1C;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAQtE;;OAEG;IAEH,SAAS,CAAC,4BAA4B,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAW/E;;OAEG;IACH,OAAO,CAAC,YAAY;CAuEvB;AAED;;EAEE;AACF,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}
+{"version":3,"file":"DialogElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Dialog/DialogElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAc,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAIxE,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAQ1E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAM7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAOjE;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;;AAOX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6FG;AACH,qBAkBa,aACT,SAAQ,kBACR,YAAW,mBAAmB,EAAE,UAAU,EAAE,WAAW;IAIvD,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,kBAAkB,CAAY;IACtC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,eAAe,CAAS;IAMhC;;OAEG;;IA8BH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,WAAW,IAAI,OAAO,CAEhC;IAED,IAAW,WAAW,CAAC,KAAK,EAAE,OAAO,EAKpC;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAED;;;;;;OAMG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IAED,OAAO,KAAK,QAAQ,QAKnB;IAED;;;;;;OAMG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,OAAO,KAAK,OAAO,QAKlB;IAED;;;;;;OAMG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,OAAO,KAAK,OAAO,QAKlB;IAMD;;;;;OAKG;IACmB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAM3C;;;;;OAKG;IACmB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAI/C;;;OAGG;IACI,UAAU,IAAI,IAAI;IAMzB;;;OAGG;IACI,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAc7C;;;OAGG;IACI,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAWxC;;;OAGG;IACI,SAAS,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAY3C;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAO1C;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAQtE;;OAEG;IAEH,SAAS,CAAC,4BAA4B,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAW/E;;OAEG;IACH,OAAO,CAAC,YAAY;CAuEvB;AAED;;EAEE;AACF,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}

package/Controls/Components/Overlays/Dialog/DialogElement.js

@@ -41,17 +41,96 @@ export const DEFAULT_DIMENSIONS = {
     DRAG_BAR_HEIGHT: 32
 };
 /**
- * Dialog - A modal popup or window used to display notifications, prompts, or interactions.
+ * Dialog - A modal window component for displaying focused content and user interactions.
  *
- * @name Dialog
+ * Creates modal dialogs that overlay the main content with focus management and backdrop interaction.
+ * Supports draggable positioning, fullscreen mode, and structured content areas for headers, content, and actions.
+ * Provides essential modal patterns for confirmations, forms, and detailed content presentation.
+ *
+ * @name DialogElement
  * @element mosaik-dialog
  * @category Overlays
  *
- * @slot - The default content slot.
- * @slot header - The header slot.
- * @slot footer - The footer slot.
- * @slot content - The content slot.
- * @slot actions - The actions slot.
+ * @slot - Default content area for main dialog body
+ * @slot header - Dialog header section for titles and controls
+ * @slot footer - Dialog footer section for additional information
+ * @slot content - Main content area for dialog body content
+ * @slot actions - Action buttons and controls area
+ *
+ * @csspart dialog - The native HTML dialog container element
+ * @csspart backdrop - The semi-transparent overlay backdrop
+ * @csspart container - Main dialog content container
+ * @csspart header - Header section container
+ * @csspart content - Main content section container
+ * @csspart footer - Footer section container
+ * @csspart actions - Action buttons container
+ *
+ * @cssprop --dialog-width - Width of the dialog container
+ * @cssprop --dialog-height - Height of the dialog container
+ * @cssprop --dialog-max-width - Maximum width constraint for the dialog
+ * @cssprop --dialog-max-height - Maximum height constraint for the dialog
+ * @cssprop --dialog-background-color - Background color of the dialog
+ * @cssprop --dialog-border-radius - Border radius for dialog corners
+ * @cssprop --dialog-padding - Internal padding for dialog content
+ * @cssprop --dialog-elevation - Elevation level for shadow effects
+ * @cssprop --dialog-backdrop-color - Color of the backdrop overlay
+ *
+ * @dependency BackdropElement - Provides backdrop overlay functionality
+ * @dependency StackElement - Layout container for dialog content
+ * @dependency ElevationElement - Elevation and shadow effects
+ * @dependency DialogHeaderElement - Structured header layout
+ * @dependency DialogContentElement - Main content area layout
+ * @dependency DialogFooterElement - Footer section layout
+ * @dependency DialogActionsElement - Action buttons layout
+ *
+ * @example
+ * ```html
+ * <!-- Confirmation dialog -->
+ * <mosaik-dialog id="confirmDialog">
+ *   <mosaik-dialog-header slot="header">
+ *     <h2>Confirm Delete</h2>
+ *   </mosaik-dialog-header>
+ *   <mosaik-dialog-content slot="content">
+ *     <p>Are you sure you want to delete this item? This action cannot be undone.</p>
+ *   </mosaik-dialog-content>
+ *   <mosaik-dialog-actions slot="actions">
+ *     <mosaik-button onclick="closeDialog()">Cancel</mosaik-button>
+ *     <mosaik-button appearance="danger" onclick="confirmDelete()">Delete</mosaik-button>
+ *   </mosaik-dialog-actions>
+ * </mosaik-dialog>
+ *
+ * <!-- Form dialog -->
+ * <mosaik-dialog draggable>
+ *   <div slot="header">
+ *     <h3>Add New User</h3>
+ *   </div>
+ *   <form slot="content">
+ *     <mosaik-text-field label="Name" required></mosaik-text-field>
+ *     <mosaik-text-field label="Email" type="email" required></mosaik-text-field>
+ *     <mosaik-select label="Role" required>
+ *       <option>User</option>
+ *       <option>Admin</option>
+ *     </mosaik-select>
+ *   </form>
+ *   <div slot="actions">
+ *     <mosaik-button type="submit">Save</mosaik-button>
+ *   </div>
+ * </mosaik-dialog>
+ *
+ * <!-- Fullscreen dialog -->
+ * <mosaik-dialog fullscreen>
+ *   <header slot="header">
+ *     <mosaik-toolbar>
+ *       <mosaik-button slot="start" onclick="closeDialog()">Close</mosaik-button>
+ *       <h1 slot="title">Settings</h1>
+ *       <mosaik-button slot="end">Save</mosaik-button>
+ *     </mosaik-toolbar>
+ *   </header>
+ *   <main slot="content">
+ *     <!-- Full settings content -->
+ *   </main>
+ * </mosaik-dialog>
+ * ```
  *
  * @public
  */