@breadstone/mosaik-elements-foundation 0.0.146 → 0.0.148

package/Controls/Components/Primitives/Spacer/SpacerElement.js

@@ -20,14 +20,45 @@ import { spacerElementCosmopolitanStyle } from './Themes/SpacerElement.Cosmopoli
 import { Themeable } from '../../../Behaviors/Themeable';
 import { Property } from '../../../Decorators/PropertyDecorator';
 /**
- * Spacer - An empty or transparent element used for creating space or layout separation.
+ * Spacer - A flexible spacing element for creating consistent gaps and layout control.
  *
- * @description
- * The Spacer component is a versatile layout element used to add spacing, margins, or gaps between other UI elements.
- * It helps control the visual layout and alignment of components in a user interface, providing consistent spacing between elements.
- * Spacers can be applied both horizontally and vertically to achieve precise spacing and alignment.
+ * Provides precise spacing control between UI elements with configurable thickness, size multipliers,
+ * and directional spacing. Essential for maintaining consistent visual rhythm and alignment in layouts.
+ * Supports responsive spacing based on design system tokens.
  *
+ * @name SpacerElement
  * @element mosaik-spacer
+ * @category Primitive
+ *
+ * @csspart spacer - The main spacing container element
+ *
+ * @cssprop --spacer-thickness - Base thickness for the spacer element
+ * @cssprop --spacer-multiplier - Multiplier applied to base spacing values
+ * @cssprop --spacer-size - Predefined size category (xs, sm, md, lg, xl)
+ *
+ * @example
+ * ```html
+ * <!-- Basic spacing -->
+ * <div>Content Above</div>
+ * <mosaik-spacer></mosaik-spacer>
+ * <div>Content Below</div>
+ *
+ * <!-- Custom multiplier for larger gap -->
+ * <mosaik-spacer multiplier="2"></mosaik-spacer>
+ *
+ * <!-- Size-based spacing -->
+ * <mosaik-spacer size="lg"></mosaik-spacer>
+ *
+ * <!-- Multiple thickness values -->
+ * <mosaik-spacer thickness="md lg"></mosaik-spacer>
+ *
+ * <!-- Flex layout spacing -->
+ * <div style="display: flex; align-items: center;">
+ *   <button>Button 1</button>
+ *   <mosaik-spacer></mosaik-spacer>
+ *   <button>Button 2</button>
+ * </div>
+ * ```
  *
  * @public
  */

package/Controls/Components/Primitives/Spacer/SpacerElement.js.map

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

package/Controls/Components/Primitives/Text/TextElement.d.ts

@@ -4,22 +4,100 @@ import { CustomElement } from '../../Abstracts/CustomElement';
 import type { ITextElementProps } from './ITextElementProps';
 declare const TextElement_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/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * Text - A user interface component for displaying written content or information.
+ * Text - A fundamental typography component for displaying formatted text content with comprehensive styling options.
  *
- * @description
- * The Text component is used to display written content or information to users. It is a fundamental element for
- * presenting text-based content in various user interfaces, such as paragraphs, headings, labels, or descriptions.
- * Text components can include both plain text and formatted text, allowing developers to style and structure the
- * content as needed.
+ * Provides flexible text rendering with built-in formatting capabilities, variant support, and extensive
+ * customization options. Supports semantic text roles (headings, body, captions), text alignment,
+ * formatting functions, and accessibility features for comprehensive typography management.
  *
+ * @name TextElement
  * @element mosaik-text
- * @category Display
+ * @category Primitives
  *
- * @slot text - The text slot.
+ * @slot text - Primary text content area for displaying formatted text
+ * @slot - Default content area for text and inline elements
+ *
+ * @csspart text - Text content styling container for typography control
+ *
+ * @cssprop --text-font-family - Font family for text content
+ * @cssprop --text-font-size - Font size for text content
+ * @cssprop --text-font-line-height - Line height for text content
+ * @cssprop --text-font-weight - Font weight for text content
+ * @cssprop --text-font-letter-spacing - Letter spacing for text content
+ * @cssprop --text-font-decoration - Text decoration (underline, strikethrough, etc.)
+ * @cssprop --text-font-transform - Text transform (uppercase, lowercase, capitalize)
+ * @cssprop --text-padding-top - Top padding for text container
+ * @cssprop --text-padding-right - Right padding for text container
+ * @cssprop --text-padding-bottom - Bottom padding for text container
+ * @cssprop --text-padding-left - Left padding for text container
+ * @cssprop --text-gap - Gap between text elements when multiple
+ * @cssprop --text-transition-duration - Animation duration for text changes
+ * @cssprop --text-transition-mode - Animation easing mode for text transitions
+ * @cssprop --text-transition-property - CSS properties to animate during transitions
+ * @cssprop --text-foreground-color - Text color for primary content
+ * @cssprop --text-background-color - Background color for text container
+ * @cssprop --text-border-color - Border color for text container
+ * @cssprop --text-border-width - Border width for text container
+ * @cssprop --text-border-radius - Border radius for text container styling
+ * @cssprop --text-border-style - Border style for text container
+ * @cssprop --text-shadow - Text shadow effect for enhanced visibility
+ *
+ * @dependency TextFormatter - For advanced text formatting and processing
+ * @dependency TextAlignment - For text alignment and layout control
  *
  * @example
  * ```html
- * <mosaik-text text="This is an example of a Text component.">
+ * <!-- Basic text content -->
+ * <mosaik-text>Welcome to our application</mosaik-text>
+ *
+ * <!-- Heading text with variant -->
+ * <mosaik-text variant="headline">Page Title</mosaik-text>
+ *
+ * <!-- Body text with formatting -->
+ * <mosaik-text variant="body" alignment="center">
+ *   This is centered body text with standard styling.
+ * </mosaik-text>
+ *
+ * <!-- Caption text -->
+ * <mosaik-text variant="caption" alignment="right">
+ *   Last updated: March 15, 2024
+ * </mosaik-text>
+ *
+ * <!-- Formatted text with custom styling -->
+ * <mosaik-text
+ *   variant="subtitle"
+ *   style="
+ *     --text-foreground-color: #007acc;
+ *     --text-font-weight: 600;
+ *     --text-font-transform: uppercase;
+ *   ">
+ *   Important Notice
+ * </mosaik-text>
+ *
+ * <!-- Text with slot content -->
+ * <mosaik-text variant="body">
+ *   <span slot="text">
+ *     Visit our <a href="/docs">documentation</a> for more information.
+ *   </span>
+ * </mosaik-text>
+ *
+ * <!-- Disabled text -->
+ * <mosaik-text variant="body" disabled="true">
+ *   This feature is currently unavailable.
+ * </mosaik-text>
+ *
+ * <!-- Text with custom formatting -->
+ * <mosaik-text
+ *   variant="body"
+ *   formatter="currency"
+ *   value="1299.99">
+ * </mosaik-text>
+ *
+ * <!-- Multiline text content -->
+ * <mosaik-text variant="body" alignment="justify">
+ *   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ *   Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ *   Ut enim ad minim veniam, quis nostrud exercitation ullamco.
  * </mosaik-text>
  * ```
  *

package/Controls/Components/Primitives/Text/TextElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Text/TextElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAe,aAAa,EAAmB,MAAM,8BAA8B,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;AAS7D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAaa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAc;IACpC,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,KAAK,CAAU;IACvB,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,OAAO,CAAsC;IAMrD;;;;OAIG;;IAqBH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAE3C;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAK/C;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;OAKG;IACH,IAIW,IAAI,IAAI,OAAO,CAEzB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAK7B;IAED;;;;;OAKG;IACH,IACW,SAAS,IAAI,MAAM,GAAG,IAAI,CAEpC;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAKxC;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,MAAM,GAAG,IAAI,CAEnC;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAKvC;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;;;;;;;OAWG;IACH,IACW,SAAS,IAAI,aAAa,CAEpC;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,aAAa,EAKxC;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAEvD;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,EAK3D;IAMD;;;;OAIG;IACI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAQ1C;;;;;OAKG;IACI,OAAO,IAAI,MAAM;IA8BxB;;OAEG;IAEH,SAAS,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAQrE;;OAEG;IAEH,SAAS,CAAC,0BAA0B,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI;IAOvF;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI;CAM3G;AAED;;GAEG;AACH,yBAAiB,WAAW,CAAC;IACzB,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACzC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,WAAW,CAAC;KAC9B;CACJ"}
+{"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Text/TextElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAe,aAAa,EAAmB,MAAM,8BAA8B,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;AAS7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmGG;AACH,qBAaa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAc;IACpC,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,KAAK,CAAU;IACvB,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,OAAO,CAAsC;IAMrD;;;;OAIG;;IAqBH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAE3C;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAK/C;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;OAKG;IACH,IAIW,IAAI,IAAI,OAAO,CAEzB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAK7B;IAED;;;;;OAKG;IACH,IACW,SAAS,IAAI,MAAM,GAAG,IAAI,CAEpC;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAKxC;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,MAAM,GAAG,IAAI,CAEnC;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAKvC;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;;;;;;;OAWG;IACH,IACW,SAAS,IAAI,aAAa,CAEpC;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,aAAa,EAKxC;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAEvD;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,EAK3D;IAMD;;;;OAIG;IACI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAQ1C;;;;;OAKG;IACI,OAAO,IAAI,MAAM;IA8BxB;;OAEG;IAEH,SAAS,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAQrE;;OAEG;IAEH,SAAS,CAAC,0BAA0B,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI;IAOvF;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI;CAM3G;AAED;;GAEG;AACH,yBAAiB,WAAW,CAAC;IACzB,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACzC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,WAAW,CAAC;KAC9B;CACJ"}

package/Controls/Components/Primitives/Text/TextElement.js

@@ -24,22 +24,100 @@ import { textElementCosmopolitanStyle } from './Themes/TextElement.Cosmopolitan'
 import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
- * Text - A user interface component for displaying written content or information.
+ * Text - A fundamental typography component for displaying formatted text content with comprehensive styling options.
  *
- * @description
- * The Text component is used to display written content or information to users. It is a fundamental element for
- * presenting text-based content in various user interfaces, such as paragraphs, headings, labels, or descriptions.
- * Text components can include both plain text and formatted text, allowing developers to style and structure the
- * content as needed.
+ * Provides flexible text rendering with built-in formatting capabilities, variant support, and extensive
+ * customization options. Supports semantic text roles (headings, body, captions), text alignment,
+ * formatting functions, and accessibility features for comprehensive typography management.
  *
+ * @name TextElement
  * @element mosaik-text
- * @category Display
+ * @category Primitives
  *
- * @slot text - The text slot.
+ * @slot text - Primary text content area for displaying formatted text
+ * @slot - Default content area for text and inline elements
+ *
+ * @csspart text - Text content styling container for typography control
+ *
+ * @cssprop --text-font-family - Font family for text content
+ * @cssprop --text-font-size - Font size for text content
+ * @cssprop --text-font-line-height - Line height for text content
+ * @cssprop --text-font-weight - Font weight for text content
+ * @cssprop --text-font-letter-spacing - Letter spacing for text content
+ * @cssprop --text-font-decoration - Text decoration (underline, strikethrough, etc.)
+ * @cssprop --text-font-transform - Text transform (uppercase, lowercase, capitalize)
+ * @cssprop --text-padding-top - Top padding for text container
+ * @cssprop --text-padding-right - Right padding for text container
+ * @cssprop --text-padding-bottom - Bottom padding for text container
+ * @cssprop --text-padding-left - Left padding for text container
+ * @cssprop --text-gap - Gap between text elements when multiple
+ * @cssprop --text-transition-duration - Animation duration for text changes
+ * @cssprop --text-transition-mode - Animation easing mode for text transitions
+ * @cssprop --text-transition-property - CSS properties to animate during transitions
+ * @cssprop --text-foreground-color - Text color for primary content
+ * @cssprop --text-background-color - Background color for text container
+ * @cssprop --text-border-color - Border color for text container
+ * @cssprop --text-border-width - Border width for text container
+ * @cssprop --text-border-radius - Border radius for text container styling
+ * @cssprop --text-border-style - Border style for text container
+ * @cssprop --text-shadow - Text shadow effect for enhanced visibility
+ *
+ * @dependency TextFormatter - For advanced text formatting and processing
+ * @dependency TextAlignment - For text alignment and layout control
  *
  * @example
  * ```html
- * <mosaik-text text="This is an example of a Text component.">
+ * <!-- Basic text content -->
+ * <mosaik-text>Welcome to our application</mosaik-text>
+ *
+ * <!-- Heading text with variant -->
+ * <mosaik-text variant="headline">Page Title</mosaik-text>
+ *
+ * <!-- Body text with formatting -->
+ * <mosaik-text variant="body" alignment="center">
+ *   This is centered body text with standard styling.
+ * </mosaik-text>
+ *
+ * <!-- Caption text -->
+ * <mosaik-text variant="caption" alignment="right">
+ *   Last updated: March 15, 2024
+ * </mosaik-text>
+ *
+ * <!-- Formatted text with custom styling -->
+ * <mosaik-text
+ *   variant="subtitle"
+ *   style="
+ *     --text-foreground-color: #007acc;
+ *     --text-font-weight: 600;
+ *     --text-font-transform: uppercase;
+ *   ">
+ *   Important Notice
+ * </mosaik-text>
+ *
+ * <!-- Text with slot content -->
+ * <mosaik-text variant="body">
+ *   <span slot="text">
+ *     Visit our <a href="/docs">documentation</a> for more information.
+ *   </span>
+ * </mosaik-text>
+ *
+ * <!-- Disabled text -->
+ * <mosaik-text variant="body" disabled="true">
+ *   This feature is currently unavailable.
+ * </mosaik-text>
+ *
+ * <!-- Text with custom formatting -->
+ * <mosaik-text
+ *   variant="body"
+ *   formatter="currency"
+ *   value="1299.99">
+ * </mosaik-text>
+ *
+ * <!-- Multiline text content -->
+ * <mosaik-text variant="body" alignment="justify">
+ *   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ *   Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ *   Ut enim ad minim veniam, quis nostrud exercitation ullamco.
  * </mosaik-text>
  * ```
  *

package/Controls/Components/Primitives/Text/TextElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Text/TextElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;GAqBG;AAcI,IAAM,WAAW,GAAjB,MAAM,WACT,SAAQ,SAAS,CAAC,WAAW,CAAC,WAAW,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAG3E,iBAAiB;IAEA,KAAK,CAAc;IAC5B,SAAS,CAAU;IACnB,KAAK,CAAU;IACf,UAAU,CAAgB;IAC1B,SAAS,CAAgB;IACzB,SAAS,CAAU;IACnB,UAAU,CAAgB;IAC1B,OAAO,CAAsC;IAErD,aAAa;IAEb,eAAe;IAEf;;;;OAIG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG;YACT,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC;QACrC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,aAAa,CAAC;IACzB,CAAC;IAED;;;;OAIG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,IAAW,IAAI,CAAC,KAAgC;QAC5C,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;YAChC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK,IAAI,EAAE,CAAC;YAClC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,IAAW,QAAQ,CAAC,KAAc;QAC9B,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAc;QAC1B,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,IAAW,SAAS,CAAC,KAAoB;QACrC,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,IAAW,QAAQ,CAAC,KAAoB;QACpC,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,IAAW,QAAQ,CAAC,KAAc;QAC9B,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IAED;;;;;;;;;;;OAWG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,IAAW,SAAS,CAAC,KAAoB;QACrC,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAW,MAAM,CAAC,KAA0C;QACxD,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;OAIG;IACI,IAAI,CAAC,KAAuB;QAC/B,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;YAC7B,IAAI,CAAC,IAAI,GAAG,uBAAuB,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC;QACjE,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,+BAA+B,CAAC,CAAC;QACnG,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACI,OAAO;QACV,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACvB,OAAO,EAAE,CAAC;QACd,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC5B,CAAC;QAED,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YAC9B,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI;gBAC3E,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YACzC,4CAA4C;YAC5C,MAAM,KAAK,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC9C,IAAI,KAAK,EAAE,CAAC;gBACR,gFAAgF;gBAChF,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3E,CAAC;QACL,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9B,OAAO,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI;YAC5D,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU;gBAC5B,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,CAAC;IACxD,CAAC;IAED;;OAEG;IAEO,qBAAqB,CAAC,KAAc,EAAE,KAAc;QAC1D,MAAM,EAAE,GAAG,IAAI,CAAC,SAA4B,CAAC;QAE7C,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS;YAC7B,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YACzB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC9B,CAAC;IAED;;OAEG;IAEO,0BAA0B,CAAC,KAAqB,EAAE,IAAoB;QAC5E,IAAI,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,GAAG,IAAuB,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC/C,CAAC;IACL,CAAC;IAED;;OAEG;IAEO,uBAAuB,CAAC,KAA+B,EAAE,IAA8B;QAC7F,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IAC5B,CAAC;CAIJ,CAAA;AA/OG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;uCAG1B;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;2CAGD;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;uCAGD;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;4CAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;2CAG3B;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;2CAGD;AAqBD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;;;4CAGlC;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;yCAG3B;AAkES;IADT,KAAK,CAAC,MAAM,CAAC;;;;wDAOb;AAMS;IADT,KAAK,CAAC,WAAW,CAAC;;;;6DAMlB;AAMS;IADT,KAAK,CAAC,QAAQ,CAAC;;;;0DAGf;AAvSQ,WAAW;IAbvB,SAAS,CAAC;QACP,QAAQ,EAAE,aAAa;QACvB,QAAQ,EAAE,mBAAmB;QAC7B,MAAM,EAAE;YACJ,GAAG,EAAE,mBAAmB;YACxB,KAAK,EAAE,qBAAqB;YAC5B,YAAY,EAAE,4BAA4B;SAC7C;QACD,IAAI,EAAE;YACF,IAAI,EAAE,MAAM;SACf;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,WAAW,CA2SvB"}
+{"version":3,"file":"TextElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Text/TextElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Ranges/ProgressBar/ProgressBarElement.d.ts

@@ -3,9 +3,72 @@ import type { IProgressBarElementProps } from './IProgressBarElementProps';
 import { CssLength } from '@breadstone/mosaik-themes';
 declare const ProgressBarElement_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/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Labelable").ILabelableProps) & typeof RangeBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * Progress Bar - A visual indicator of progress or completion, often used to show the status of a task.
+ * ProgressBar - A horizontal or vertical indicator showing task completion or loading progress.
  *
+ * Displays progress as a filled bar with configurable value ranges, orientations, and visual styles.
+ * Supports determinate progress tracking and indeterminate loading states. Essential for showing
+ * task progress, loading states, and completion percentages in user interfaces.
+ *
+ * @name ProgressBarElement
  * @element mosaik-progress-bar
+ * @category Ranges
+ *
+ * @fires valueChanged - Fired when the value is changed.
+ *
+ * @csspart track - The background track container for the progress bar
+ * @csspart fill - The filled portion indicating current progress
+ * @csspart label - Text label showing progress information
+ * @csspart segments - Individual segments for segmented progress display
+ *
+ * @cssprop --progress-bar-height - Height of horizontal progress bars
+ * @cssprop --progress-bar-width - Width of vertical progress bars
+ * @cssprop --progress-bar-background-color - Background color of the progress track
+ * @cssprop --progress-bar-fill-color - Color of the progress fill
+ * @cssprop --progress-bar-border-radius - Border radius for rounded progress bars
+ * @cssprop --progress-bar-animation-duration - Duration of progress animations
+ * @cssprop --progress-bar-thickness - Thickness/size of the progress bar
+ *
+ * @dependency TextElement - For rendering progress labels and text
+ *
+ * @example
+ * ```html
+ * <!-- Basic progress bar -->
+ * <mosaik-progress-bar value="65" max="100"></mosaik-progress-bar>
+ *
+ * <!-- Progress bar with label -->
+ * <mosaik-progress-bar value="45" max="100" label="Loading..."></mosaik-progress-bar>
+ *
+ * <!-- Indeterminate loading -->
+ * <mosaik-progress-bar indeterminate></mosaik-progress-bar>
+ *
+ * <!-- Vertical progress bar -->
+ * <mosaik-progress-bar
+ *   value="80"
+ *   max="100"
+ *   orientation="vertical"
+ *   thickness="8px">
+ * </mosaik-progress-bar>
+ *
+ * <!-- Segmented progress -->
+ * <mosaik-progress-bar
+ *   value="3"
+ *   max="5"
+ *   segments="5"
+ *   label="Step 3 of 5">
+ * </mosaik-progress-bar>
+ *
+ * <!-- File upload progress -->
+ * <div class="upload-progress">
+ *   <span>Uploading document.pdf</span>
+ *   <mosaik-progress-bar
+ *     id="uploadProgress"
+ *     value="0"
+ *     max="100"
+ *     thickness="4px">
+ *   </mosaik-progress-bar>
+ *   <span id="progressText">0%</span>
+ * </div>
+ * ```
  *
  * @public
  */

package/Controls/Components/Ranges/ProgressBar/ProgressBarElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ProgressBar/ProgressBarElement.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAM3E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;;AAItD;;;;;;GAMG;AACH,qBAYa,kBACT,SAAQ,uBACR,YAAW,wBAAwB;IAInC,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,SAAS,CAAS;IAM1B;;;;OAIG;;IAaH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,eAAe,IAAI,OAAO,CAEpC;IACD,IAAW,eAAe,CAAC,KAAK,EAAE,OAAO,EAKxC;IAED;;;;;OAKG;IACH,IAIW,SAAS,IAAI,SAAS,CAEhC;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,SAAS,EAKpC;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,MAAM,CAE5B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,EAKhC;IAMD;;OAEG;IAEH,SAAS,CAAC,yBAAyB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;CAUzE;AAED;;GAEG;AACH,yBAAiB,kBAAkB,CAAC;IAChC,KAAY,KAAK,GAAG,wBAAwB,CAAC;CAChD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,kBAAkB,CAAC;KAC7C;CACJ"}
+{"version":3,"file":"ProgressBarElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ProgressBar/ProgressBarElement.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAM3E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;;AAItD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AACH,qBAYa,kBACT,SAAQ,uBACR,YAAW,wBAAwB;IAInC,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,SAAS,CAAS;IAM1B;;;;OAIG;;IAaH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,eAAe,IAAI,OAAO,CAEpC;IACD,IAAW,eAAe,CAAC,KAAK,EAAE,OAAO,EAKxC;IAED;;;;;OAKG;IACH,IAIW,SAAS,IAAI,SAAS,CAEhC;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,SAAS,EAKpC;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,MAAM,CAE5B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,EAKhC;IAMD;;OAEG;IAEH,SAAS,CAAC,yBAAyB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;CAUzE;AAED;;GAEG;AACH,yBAAiB,kBAAkB,CAAC;IAChC,KAAY,KAAK,GAAG,wBAAwB,CAAC;CAChD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,kBAAkB,CAAC;KAC7C;CACJ"}

package/Controls/Components/Ranges/ProgressBar/ProgressBarElement.js

@@ -25,9 +25,72 @@ import { Themeable } from '../../../Behaviors/Themeable';
 import { CssLength } from '@breadstone/mosaik-themes';
 // #endregion
 /**
- * Progress Bar - A visual indicator of progress or completion, often used to show the status of a task.
+ * ProgressBar - A horizontal or vertical indicator showing task completion or loading progress.
  *
+ * Displays progress as a filled bar with configurable value ranges, orientations, and visual styles.
+ * Supports determinate progress tracking and indeterminate loading states. Essential for showing
+ * task progress, loading states, and completion percentages in user interfaces.
+ *
+ * @name ProgressBarElement
  * @element mosaik-progress-bar
+ * @category Ranges
+ *
+ * @fires valueChanged - Fired when the value is changed.
+ *
+ * @csspart track - The background track container for the progress bar
+ * @csspart fill - The filled portion indicating current progress
+ * @csspart label - Text label showing progress information
+ * @csspart segments - Individual segments for segmented progress display
+ *
+ * @cssprop --progress-bar-height - Height of horizontal progress bars
+ * @cssprop --progress-bar-width - Width of vertical progress bars
+ * @cssprop --progress-bar-background-color - Background color of the progress track
+ * @cssprop --progress-bar-fill-color - Color of the progress fill
+ * @cssprop --progress-bar-border-radius - Border radius for rounded progress bars
+ * @cssprop --progress-bar-animation-duration - Duration of progress animations
+ * @cssprop --progress-bar-thickness - Thickness/size of the progress bar
+ *
+ * @dependency TextElement - For rendering progress labels and text
+ *
+ * @example
+ * ```html
+ * <!-- Basic progress bar -->
+ * <mosaik-progress-bar value="65" max="100"></mosaik-progress-bar>
+ *
+ * <!-- Progress bar with label -->
+ * <mosaik-progress-bar value="45" max="100" label="Loading..."></mosaik-progress-bar>
+ *
+ * <!-- Indeterminate loading -->
+ * <mosaik-progress-bar indeterminate></mosaik-progress-bar>
+ *
+ * <!-- Vertical progress bar -->
+ * <mosaik-progress-bar
+ *   value="80"
+ *   max="100"
+ *   orientation="vertical"
+ *   thickness="8px">
+ * </mosaik-progress-bar>
+ *
+ * <!-- Segmented progress -->
+ * <mosaik-progress-bar
+ *   value="3"
+ *   max="5"
+ *   segments="5"
+ *   label="Step 3 of 5">
+ * </mosaik-progress-bar>
+ *
+ * <!-- File upload progress -->
+ * <div class="upload-progress">
+ *   <span>Uploading document.pdf</span>
+ *   <mosaik-progress-bar
+ *     id="uploadProgress"
+ *     value="0"
+ *     max="100"
+ *     thickness="4px">
+ *   </mosaik-progress-bar>
+ *   <span id="progressText">0%</span>
+ * </div>
+ * ```
  *
  * @public
  */

package/Controls/Components/Ranges/ProgressBar/ProgressBarElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ProgressBar/ProgressBarElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProgressBarElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ProgressBar/ProgressBarElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,mCAAmC,EAAE,MAAM,0CAA0C,CAAC;AAC/F,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AAaI,IAAM,kBAAkB,GAAxB,MAAM,kBACT,SAAQ,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IAGpF,iBAAiB;IAET,gBAAgB,CAAU;IAC1B,UAAU,CAAY;IACtB,SAAS,CAAS;IAE1B,aAAa;IAEb,eAAe;IAEf;;;;OAIG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;IACvB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,qBAAqB,CAAC;IACjC,CAAC;IAED;;;;;OAKG;IACH,IAIW,eAAe;QACtB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IACD,IAAW,eAAe,CAAC,KAAc;QACrC,IAAI,IAAI,CAAC,gBAAgB,KAAK,KAAK,EAAE,CAAC;YAClC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;YAC9B,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAC1C,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IACD,IAAW,SAAS,CAAC,KAAgB;QACjC,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IACD,IAAW,QAAQ,CAAC,KAAa;QAC7B,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;OAEG;IAEO,yBAAyB,CAAC,KAAa,EAAE,IAAY;QAC3D,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;QAC1C,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QACzC,CAAC;IACL,CAAC;CAIJ,CAAA;AArEG;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;yDAGD;AAcD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,CAAC,KAAoB,EAAE,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;KACjE,CAAC;;;mDAGD;AAcD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;kDAG3B;AAgBS;IADT,KAAK,CAAC,UAAU,CAAC;;;;mEAOjB;AAjHQ,kBAAkB;IAZ9B,SAAS,CAAC;QACP,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE,0BAA0B;QACpC,MAAM,EAAE;YACJ,GAAG,EAAE,0BAA0B;YAC/B,KAAK,EAAE,4BAA4B;YACnC,YAAY,EAAE,mCAAmC;SACpD;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,kBAAkB,CAqH9B"}

package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.d.ts

@@ -3,13 +3,97 @@ import type { IProgressRingElementProps } from './IProgressRingElementProps';
 import { CssLength } from '@breadstone/mosaik-themes';
 declare const ProgressRingElement_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/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Labelable").ILabelableProps) & typeof RangeBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * Progress Ring - A circular version of a progress bar, often used for visual appeal.
+ * ProgressRing - A circular progress indicator component for displaying task completion and loading states.
  *
- * @category Range
+ * Presents progress information in an elegant circular format with support for both determinate
+ * progress (specific percentage) and indeterminate loading states. Features smooth animations,
+ * customizable styling, and optional text labels for enhanced user feedback during operations.
+ *
+ * @name ProgressRingElement
  * @element mosaik-progress-ring
+ * @category Ranges
+ *
+ * @slot label - Text label content area for progress description or percentage display
+ * @slot hint - Secondary text content area for additional progress information or status
+ *
+ * @csspart root - Root container for the progress ring component
+ * @csspart bar - Progress bar/ring path element for visual progress representation
+ * @csspart label - Text label styling container for progress information
+ * @csspart track - Background track/circle for the progress ring
+ * @csspart fill - Progress fill/path for indicating completion
+ *
+ * @cssprop --progress-ring-font-family - Font family for progress text labels
+ * @cssprop --progress-ring-font-size - Font size for progress text
+ * @cssprop --progress-ring-font-weight - Font weight for progress text
+ * @cssprop --progress-ring-padding-top - Top padding for ring container
+ * @cssprop --progress-ring-padding-right - Right padding for ring container
+ * @cssprop --progress-ring-padding-bottom - Bottom padding for ring container
+ * @cssprop --progress-ring-padding-left - Left padding for ring container
+ * @cssprop --progress-ring-gap - Gap between ring and label elements
+ * @cssprop --progress-ring-transition-duration - Animation duration for progress changes
+ * @cssprop --progress-ring-transition-mode - Animation easing mode for progress transitions
+ * @cssprop --progress-ring-transition-property - CSS properties to animate during transitions
+ * @cssprop --progress-ring-foreground-color - Primary color for ring and text
+ * @cssprop --progress-ring-background-color - Background color for the ring container
+ * @cssprop --progress-ring-border-color - Border color for ring elements
+ * @cssprop --progress-ring-border-width - Border width for ring styling
+ * @cssprop --progress-ring-border-radius - Border radius for container styling
+ * @cssprop --progress-ring-border-style - Border style for ring elements
+ * @cssprop --progress-ring-shadow - Shadow effect for the progress ring
+ * @cssprop --progress-ring-fill-color - Fill color for the progress indicator
+ * @cssprop --progress-ring-track-color - Background track color for the ring
+ * @cssprop --progress-ring-size - Size dimensions for the progress ring
+ * @cssprop --progress-ring-stroke-width - Thickness of the progress ring stroke
+ *
+ * @fires valueChanged - Fired when the value is changed.
+ *
+ * @dependency TextElement - For rendering progress labels and text content
+ * @dependency CssLength - For handling CSS length values and sizing
+ *
+ * @example
+ * ```html
+ * <!-- Simple progress ring with percentage -->
+ * <mosaik-progress-ring value="65" max="100">
+ *   <mosaik-text slot="label">65%</mosaik-text>
+ * </mosaik-progress-ring>
+ *
+ * <!-- File upload progress -->
+ * <mosaik-progress-ring value="42" max="100">
+ *   <mosaik-text slot="label">42%</mosaik-text>
+ *   <mosaik-text slot="hint">Uploading...</mosaik-text>
+ * </mosaik-progress-ring>
+ *
+ * <!-- Indeterminate loading ring -->
+ * <mosaik-progress-ring indeterminate="true">
+ *   <mosaik-text slot="label">Loading</mosaik-text>
+ * </mosaik-progress-ring>
+ *
+ * <!-- Task completion ring -->
+ * <mosaik-progress-ring value="8" max="10" appearance="success">
+ *   <mosaik-text slot="label">8/10</mosaik-text>
+ *   <mosaik-text slot="hint">Tasks Complete</mosaik-text>
+ * </mosaik-progress-ring>
+ *
+ * <!-- Small loading spinner -->
+ * <mosaik-progress-ring
+ *   size="small"
+ *   indeterminate="true"
+ *   style="--progress-ring-size: 24px;">
+ * </mosaik-progress-ring>
  *
- * @slot label - The label slot.
- * @slot hint - The hint slot.
+ * <!-- Custom styled progress ring -->
+ * <mosaik-progress-ring
+ *   value="75"
+ *   style="
+ *     --progress-ring-fill-color: #00ff00;
+ *     --progress-ring-track-color: #e0e0e0;
+ *     --progress-ring-size: 120px;
+ *     --progress-ring-stroke-width: 8px;
+ *   ">
+ *   <mosaik-text slot="label">75%</mosaik-text>
+ *   <mosaik-text slot="hint">Download Progress</mosaik-text>
+ * </mosaik-progress-ring>
+ * ```
  *
  * @public
  */

package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressRingElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ProgressRing/ProgressRingElement.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAM7E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;;AAItD;;;;;;;;;;GAUG;AACH,qBAYa,mBACT,SAAQ,wBACR,YAAW,yBAAyB;IAIpC,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,OAAO,CAAY;IAC3B,OAAO,CAAC,QAAQ,CAAS;;IAmBzB;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,eAAe,IAAI,OAAO,CAEpC;IAED,IAAW,eAAe,CAAC,KAAK,EAAE,OAAO,EAKxC;IAED;;;OAGG;IACH,IAIW,SAAS,IAAI,SAAS,CAEhC;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,SAAS,EAKpC;IAED;;;OAGG;IACH,IAIW,MAAM,IAAI,SAAS,CAE7B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,SAAS,EAKjC;IAED;;;OAGG;IACH,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED;;;;OAIG;IACH,IAAW,QAAQ,IAAI,MAAM,CAG5B;IAMD;;;OAGG;cACgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAOnE;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAKvE;;OAEG;IACI,gBAAgB,IAAI,MAAM;IAKjC;;OAEG;IACI,SAAS,IAAI,MAAM;CAU7B;AAED;;EAEE;AACF,yBAAiB,mBAAmB,CAAC;IACjC,KAAY,KAAK,GAAG,yBAAyB,CAAC;CACjD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,sBAAsB,EAAE,mBAAmB,CAAC;KAC/C;CACJ"}
+{"version":3,"file":"ProgressRingElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/ProgressRing/ProgressRingElement.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAM7E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;;AAItD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8FG;AACH,qBAYa,mBACT,SAAQ,wBACR,YAAW,yBAAyB;IAIpC,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,OAAO,CAAY;IAC3B,OAAO,CAAC,QAAQ,CAAS;;IAmBzB;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,eAAe,IAAI,OAAO,CAEpC;IAED,IAAW,eAAe,CAAC,KAAK,EAAE,OAAO,EAKxC;IAED;;;OAGG;IACH,IAIW,SAAS,IAAI,SAAS,CAEhC;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,SAAS,EAKpC;IAED;;;OAGG;IACH,IAIW,MAAM,IAAI,SAAS,CAE7B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,SAAS,EAKjC;IAED;;;OAGG;IACH,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED;;;;OAIG;IACH,IAAW,QAAQ,IAAI,MAAM,CAG5B;IAMD;;;OAGG;cACgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAOnE;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAKvE;;OAEG;IACI,gBAAgB,IAAI,MAAM;IAKjC;;OAEG;IACI,SAAS,IAAI,MAAM;CAU7B;AAED;;EAEE;AACF,yBAAiB,mBAAmB,CAAC;IACjC,KAAY,KAAK,GAAG,yBAAyB,CAAC;CACjD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,sBAAsB,EAAE,mBAAmB,CAAC;KAC/C;CACJ"}