@breadstone/mosaik-elements-foundation 0.0.146 → 0.0.148

package/Controls/Components/Layouts/Virtualize/VirtualizeElement.js

@@ -21,7 +21,58 @@ import { virtualizeElementCosmopolitanStyle } from './Themes/VirtualizeElement.C
 import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
- * The `{@link VirtualizeElement}` element.
+ * Virtualize - A performance-optimized list container that renders only visible items for large datasets.
+ *
+ * Implements virtual scrolling to efficiently handle thousands of items by rendering only what's currently
+ * visible in the viewport. Reduces DOM size and improves performance for large lists and grids.
+ *
+ * @name VirtualizeElement
+ * @element mosaik-virtualize
+ * @category Layout
+ *
+ * @csspart virtualizer - The internal lit-virtualizer container element
+ *
+ * @cssprop --virtualizer-height - Height of the virtualization container
+ * @cssprop --virtualizer-width - Width of the virtualization container
+ * @cssprop --virtualizer-item-height - Default height for virtualized items
+ * @cssprop --virtualizer-gap - Spacing between virtualized items
+ *
+ * @dependency LitVirtualizer - Core virtualization engine from @lit-labs/virtualizer
+ *
+ * @example
+ * ```typescript
+ * // Basic virtualized list
+ * const virtualizer = document.createElement('mosaik-virtualize');
+ * virtualizer.items = Array.from({length: 10000}, (_, i) => `Item ${i}`);
+ * virtualizer.renderItem = (item) => html`<div class="list-item">${item}</div>`;
+ * virtualizer.keyFunction = (item, index) => index;
+ *
+ * // Grid layout virtualization
+ * virtualizer.layout = {
+ *   type: 'grid',
+ *   itemSize: { width: 200, height: 150 },
+ *   gap: 16
+ * };
+ * ```
+ *
+ * @example
+ * ```html
+ * <!-- Virtualized user list -->
+ * <mosaik-virtualize id="userList" scroller></mosaik-virtualize>
+ *
+ * <script>
+ *   const userList = document.getElementById('userList');
+ *   userList.items = users; // Large array of user objects
+ *   userList.renderItem = (user) => html`
+ *     <div class="user-card">
+ *       <img src="${user.avatar}" alt="${user.name}">
+ *       <h3>${user.name}</h3>
+ *       <p>${user.email}</p>
+ *     </div>
+ *   `;
+ *   userList.keyFunction = (user) => user.id;
+ * </script>
+ * ```
  *
  * @public
  */

package/Controls/Components/Layouts/Virtualize/VirtualizeElement.js.map

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

package/Controls/Components/Layouts/Wrap/WrapElement.d.ts

@@ -2,22 +2,42 @@ import { LayoutElement } from '../Abstracts/LayoutElement';
 import type { IWrapElementProps } from './IWrapElementProps';
 declare const WrapElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Reversible").IReversibleProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Gapable").IGapableProps) & typeof LayoutElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * Wrap - A layout component that wraps its child elements to create a responsive and flexible layout.
+ * Wrap - A flexible layout container that automatically wraps child elements to new lines based on available space.
  *
  * @description
- * The Wrap component is a layout element designed to wrap its child components or elements to create a responsive and
- * flexible layout. It is commonly used for arranging elements in a grid-like format where items flow to the next row or
- * column when there's not enough space horizontally.
+ * The Wrap layout component provides a flexible container that automatically wraps child elements to new lines
+ * when there's insufficient horizontal space, creating responsive and adaptive layouts. It combines the benefits
+ * of flexbox wrapping with configurable gap spacing, orientation control, and reversal options. The component
+ * handles dynamic content sizing, maintains consistent spacing between elements, supports both horizontal and
+ * vertical orientations, and provides responsive behavior without media queries. Child elements flow naturally
+ * within the container, wrapping to new lines as needed. Perfect for tag collections, button groups, card grids,
+ * navigation elements, and any interface requiring flexible, space-aware element arrangement.
  *
+ * @name Wrap
  * @element mosaik-wrap
- * @category Layout
+ * @category Layouts
+ *
+ * @slot - The default slot for elements that will wrap based on available space.
+ *
+ * @cssprop {String} --wrap-gap - The gap between wrapped elements.
+ * @cssprop {String} --wrap-columns - The preferred number of columns (if applicable).
+ *
+ * @example
+ * ```html
+ * <mosaik-wrap gap="12px">
+ *   <mosaik-button>Action 1</mosaik-button>
+ *   <mosaik-button>Action 2</mosaik-button>
+ *   <mosaik-button>Very Long Action Name</mosaik-button>
+ *   <mosaik-button>Action 4</mosaik-button>
+ * </mosaik-wrap>
+ * ```
  *
  * @example
  * ```html
- * <mosaik-wrap>
- *   <div>Item 1</div>
- *   <div>Item 2</div>
- *   <!-- Add more child elements as needed -->
+ * <mosaik-wrap gap="16px" orientation="vertical">
+ *   <mosaik-chip>Tag 1</mosaik-chip>
+ *   <mosaik-chip>Tag 2</mosaik-chip>
+ *   <mosaik-chip>Long Tag Name</mosaik-chip>
  * </mosaik-wrap>
  * ```
  *

package/Controls/Components/Layouts/Wrap/WrapElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WrapElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Wrap/WrapElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;AAU7D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBASa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAU;IAMnC;;;;OAIG;;IAYH;;;;;;;MAOE;IACF,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAK/B;IAMD;;;OAGG;cACgB,cAAc,IAAI,IAAI;IAMzC;;OAEG;IAEH,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B;;OAEG;IAEH,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAIlC;;OAEG;IACH,OAAO,CAAC,WAAW;CAQtB;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":"WrapElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Wrap/WrapElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;AAU7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBASa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAU;IAMnC;;;;OAIG;;IAYH;;;;;;;MAOE;IACF,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAK/B;IAMD;;;OAGG;cACgB,cAAc,IAAI,IAAI;IAMzC;;OAEG;IAEH,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B;;OAEG;IAEH,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAIlC;;OAEG;IACH,OAAO,CAAC,WAAW;CAQtB;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/Layouts/Wrap/WrapElement.js

@@ -24,22 +24,42 @@ import { Themeable } from '../../../Behaviors/Themeable';
 import { Gapable } from '../../../Behaviors/Gapable';
 // #endregion
 /**
- * Wrap - A layout component that wraps its child elements to create a responsive and flexible layout.
+ * Wrap - A flexible layout container that automatically wraps child elements to new lines based on available space.
  *
  * @description
- * The Wrap component is a layout element designed to wrap its child components or elements to create a responsive and
- * flexible layout. It is commonly used for arranging elements in a grid-like format where items flow to the next row or
- * column when there's not enough space horizontally.
+ * The Wrap layout component provides a flexible container that automatically wraps child elements to new lines
+ * when there's insufficient horizontal space, creating responsive and adaptive layouts. It combines the benefits
+ * of flexbox wrapping with configurable gap spacing, orientation control, and reversal options. The component
+ * handles dynamic content sizing, maintains consistent spacing between elements, supports both horizontal and
+ * vertical orientations, and provides responsive behavior without media queries. Child elements flow naturally
+ * within the container, wrapping to new lines as needed. Perfect for tag collections, button groups, card grids,
+ * navigation elements, and any interface requiring flexible, space-aware element arrangement.
  *
+ * @name Wrap
  * @element mosaik-wrap
- * @category Layout
+ * @category Layouts
+ *
+ * @slot - The default slot for elements that will wrap based on available space.
+ *
+ * @cssprop {String} --wrap-gap - The gap between wrapped elements.
+ * @cssprop {String} --wrap-columns - The preferred number of columns (if applicable).
+ *
+ * @example
+ * ```html
+ * <mosaik-wrap gap="12px">
+ *   <mosaik-button>Action 1</mosaik-button>
+ *   <mosaik-button>Action 2</mosaik-button>
+ *   <mosaik-button>Very Long Action Name</mosaik-button>
+ *   <mosaik-button>Action 4</mosaik-button>
+ * </mosaik-wrap>
+ * ```
  *
  * @example
  * ```html
- * <mosaik-wrap>
- *   <div>Item 1</div>
- *   <div>Item 2</div>
- *   <!-- Add more child elements as needed -->
+ * <mosaik-wrap gap="16px" orientation="vertical">
+ *   <mosaik-chip>Tag 1</mosaik-chip>
+ *   <mosaik-chip>Tag 2</mosaik-chip>
+ *   <mosaik-chip>Long Tag Name</mosaik-chip>
  * </mosaik-wrap>
  * ```
  *

package/Controls/Components/Layouts/Wrap/WrapElement.js.map

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

package/Controls/Components/Media/Avatar/AvatarElement.d.ts

@@ -2,21 +2,57 @@ import { CustomElement } from '../../Abstracts/CustomElement';
 import type { IAvatarElementProps } from './IAvatarElementProps';
 declare const AvatarElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (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/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * Avatar - A visual representation of a user or entity, often depicted by a small image or icon.
+ * Avatar - A circular profile representation displaying user identity through images, initials, or icons.
  *
+ * Renders user avatars with multiple fallback options: image, text initials, or icon.
+ * Automatically generates initials from names and provides consistent sizing across different contexts.
+ * Supports status badges, various appearances, and accessibility features for user identification.
+ *
+ * @name AvatarElement
  * @element mosaik-avatar
+ * @category Media
+ *
+ * @slot - Default content for avatar display (overrides automatic text/icon generation)
+ * @slot badge - Status indicator or notification badge positioned on the avatar
  *
- * @slot - The default slot for avatar text, commonly a name or initials.
- * @slot badge - Used to provide a badge, such as a status badge.
+ * @csspart image - The avatar image container when using image source
+ * @csspart icon - The fallback icon element when no image or text available
+ * @csspart text - The text/initials container for text-based avatars
+ * @csspart backplate - The circular background container for all avatar content
  *
- * @csspart image - The image part.
- * @csspart icon - The icon part.
- * @csspart text - The text part.
- * @csspart backplate - The backplate part.
+ * @cssprop --avatar-size - Size of the avatar (width and height)
+ * @cssprop --avatar-background-color - Background color for text/icon avatars
+ * @cssprop --avatar-foreground-color - Text and icon color
+ * @cssprop --avatar-border-radius - Border radius (typically 50% for circular)
+ * @cssprop --avatar-font-size - Font size for initials text
+ * @cssprop --avatar-font-weight - Font weight for initials text
+ *
+ * @dependency TextElement - For rendering initials and text content
+ * @dependency IconElement - For fallback icon display
+ * @dependency ImageElement - For profile image rendering
  *
  * @example
  * ```html
- * <mosaik-avatar text="John Doe"></mosaik-avatar>
+ * <!-- Image avatar -->
+ * <mosaik-avatar src="user-photo.jpg" alt="John Doe"></mosaik-avatar>
+ *
+ * <!-- Text initials avatar -->
+ * <mosaik-avatar text="Jane Smith"></mosaik-avatar>
+ *
+ * <!-- Custom initials -->
+ * <mosaik-avatar initials="JS"></mosaik-avatar>
+ *
+ * <!-- Avatar with status badge -->
+ * <mosaik-avatar text="Alex Johnson">
+ *   <mosaik-badge slot="badge" appearance="success" dot></mosaik-badge>
+ * </mosaik-avatar>
+ *
+ * <!-- Different sizes and appearances -->
+ * <mosaik-avatar text="Sarah Wilson" size="sm" appearance="soft"></mosaik-avatar>
+ * <mosaik-avatar text="Mike Brown" size="lg" appearance="solid"></mosaik-avatar>
+ *
+ * <!-- Icon fallback avatar -->
+ * <mosaik-avatar icon="user-icon-path"></mosaik-avatar>
  * ```
  *
  * @public

package/Controls/Components/Media/Avatar/AvatarElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Avatar/AvatarElement.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAK9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAQjE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAca,aACT,SAAQ,kBACR,YAAW,mBAAmB;IAI9B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,YAAY,CAAmC;IAMvD;;OAEG;;IA+BH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;OAEG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;OAEG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;OAEG;IACH,IACW,GAAG,IAAI,MAAM,CAEvB;IACD,IAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAK3B;IAED;;;;;;OAMG;IACH,IACW,WAAW,IAAI,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAEzD;IACD,OAAO,KAAK,WAAW,QAKtB;IAED;;;;;OAKG;IACH,IACW,YAAY,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAEnD;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAKvD;IAED;;;;;;OAMG;IACH,IAIW,QAAQ,IAAI,OAAO,CAG7B;IAMD;;;;OAIG;IACI,kBAAkB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI;IAIpE;;OAEG;IAEH,SAAS,CAAC,qBAAqB,IAAI,IAAI;IAIvC;;OAEG;IAEH,SAAS,CAAC,qBAAqB,IAAI,IAAI;IAIvC;;OAEG;IAEH,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAItC;;OAEG;IACH,OAAO,CAAC,cAAc;CAgBzB;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}
+{"version":3,"file":"AvatarElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Avatar/AvatarElement.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAK9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAQjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,qBAca,aACT,SAAQ,kBACR,YAAW,mBAAmB;IAI9B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,YAAY,CAAmC;IAMvD;;OAEG;;IA+BH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;OAEG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;OAEG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;OAEG;IACH,IACW,GAAG,IAAI,MAAM,CAEvB;IACD,IAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAK3B;IAED;;;;;;OAMG;IACH,IACW,WAAW,IAAI,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAEzD;IACD,OAAO,KAAK,WAAW,QAKtB;IAED;;;;;OAKG;IACH,IACW,YAAY,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAEnD;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAKvD;IAED;;;;;;OAMG;IACH,IAIW,QAAQ,IAAI,OAAO,CAG7B;IAMD;;;;OAIG;IACI,kBAAkB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI;IAIpE;;OAEG;IAEH,SAAS,CAAC,qBAAqB,IAAI,IAAI;IAIvC;;OAEG;IAEH,SAAS,CAAC,qBAAqB,IAAI,IAAI;IAIvC;;OAEG;IAEH,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAItC;;OAEG;IACH,OAAO,CAAC,cAAc;CAgBzB;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}

package/Controls/Components/Media/Avatar/AvatarElement.js

@@ -28,21 +28,57 @@ import { avatarElementCosmopolitanStyle } from './Themes/AvatarElement.Cosmopoli
 import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
- * Avatar - A visual representation of a user or entity, often depicted by a small image or icon.
+ * Avatar - A circular profile representation displaying user identity through images, initials, or icons.
  *
+ * Renders user avatars with multiple fallback options: image, text initials, or icon.
+ * Automatically generates initials from names and provides consistent sizing across different contexts.
+ * Supports status badges, various appearances, and accessibility features for user identification.
+ *
+ * @name AvatarElement
  * @element mosaik-avatar
+ * @category Media
+ *
+ * @slot - Default content for avatar display (overrides automatic text/icon generation)
+ * @slot badge - Status indicator or notification badge positioned on the avatar
  *
- * @slot - The default slot for avatar text, commonly a name or initials.
- * @slot badge - Used to provide a badge, such as a status badge.
+ * @csspart image - The avatar image container when using image source
+ * @csspart icon - The fallback icon element when no image or text available
+ * @csspart text - The text/initials container for text-based avatars
+ * @csspart backplate - The circular background container for all avatar content
  *
- * @csspart image - The image part.
- * @csspart icon - The icon part.
- * @csspart text - The text part.
- * @csspart backplate - The backplate part.
+ * @cssprop --avatar-size - Size of the avatar (width and height)
+ * @cssprop --avatar-background-color - Background color for text/icon avatars
+ * @cssprop --avatar-foreground-color - Text and icon color
+ * @cssprop --avatar-border-radius - Border radius (typically 50% for circular)
+ * @cssprop --avatar-font-size - Font size for initials text
+ * @cssprop --avatar-font-weight - Font weight for initials text
+ *
+ * @dependency TextElement - For rendering initials and text content
+ * @dependency IconElement - For fallback icon display
+ * @dependency ImageElement - For profile image rendering
  *
  * @example
  * ```html
- * <mosaik-avatar text="John Doe"></mosaik-avatar>
+ * <!-- Image avatar -->
+ * <mosaik-avatar src="user-photo.jpg" alt="John Doe"></mosaik-avatar>
+ *
+ * <!-- Text initials avatar -->
+ * <mosaik-avatar text="Jane Smith"></mosaik-avatar>
+ *
+ * <!-- Custom initials -->
+ * <mosaik-avatar initials="JS"></mosaik-avatar>
+ *
+ * <!-- Avatar with status badge -->
+ * <mosaik-avatar text="Alex Johnson">
+ *   <mosaik-badge slot="badge" appearance="success" dot></mosaik-badge>
+ * </mosaik-avatar>
+ *
+ * <!-- Different sizes and appearances -->
+ * <mosaik-avatar text="Sarah Wilson" size="sm" appearance="soft"></mosaik-avatar>
+ * <mosaik-avatar text="Mike Brown" size="lg" appearance="solid"></mosaik-avatar>
+ *
+ * <!-- Icon fallback avatar -->
+ * <mosaik-avatar icon="user-icon-path"></mosaik-avatar>
  * ```
  *
  * @public

package/Controls/Components/Media/Avatar/AvatarElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Avatar/AvatarElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,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,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;GAmBG;AAeI,IAAM,aAAa,GAAnB,MAAM,aACT,SAAQ,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAGpF,iBAAiB;IAET,KAAK,CAAS;IACd,aAAa,CAA4B;IACzC,KAAK,CAAS;IACd,IAAI,CAAS;IACb,YAAY,CAAmC;IAEvD,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE;YAClC,qCAAqC;YACrC,gCAAgC;YAChC,0BAA0B;YAC1B,sBAAsB;YACtB,kBAAkB;YAElB,2BAA2B;YAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC9B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACnB,yEAAyE;gBACzE,wCAAwC;gBACxC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACpD,CAAC;YACD,4DAA4D;YAC5D,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAChC,CAAC,CAAC;QACF,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,eAAe,CAAC;IAC3B,CAAC;IAED;;OAEG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAAa;QACzB,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;;OAEG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAAa;QACzB,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;;OAEG;IACH,IACW,GAAG;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IACD,IAAW,GAAG,CAAC,KAAa;QACxB,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;YACtB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC;IAED;;;;;;OAMG;IACH,IACW,WAAW;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IACD,IAAY,WAAW,CAAC,KAAuC;QAC3D,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,EAAE,CAAC;YAC9B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QACtC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,YAAY;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;IACD,IAAW,YAAY,CAAC,KAAgC;QACpD,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,EAAE,CAAC;YAC/B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACvC,CAAC;IACL,CAAC;IAED;;;;;;OAMG;IACH,IAIW,QAAQ;QACf,MAAM,WAAW,GAAG,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAkB,IAAI,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAC;QACrH,OAAO,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3E,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;OAIG;IACI,kBAAkB,CAAC,QAAmC;QACzD,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;IACjC,CAAC;IAED;;OAEG;IAEO,qBAAqB;QAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;IAC7C,CAAC;IAED;;OAEG;IAEO,qBAAqB;QAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;IAC7C,CAAC;IAED;;OAEG;IAEO,oBAAoB;QAC1B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;IAC7C,CAAC;IAED;;OAEG;IACK,cAAc;QAClB,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACX,OAAO,OAAO,CAAC;QACnB,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,OAAO,MAAM,CAAC;QAClB,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,OAAO,MAAM,CAAC;QAClB,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;CAIJ,CAAA;AAlJG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;yCAG1B;AAWD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;yCAG1B;AAWD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;wCAG1B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;gDAG3B;AAcD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;;;iDAG5B;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;6CAID;AAmBS;IADT,KAAK,CAAC,MAAM,CAAC;;;;0DAGb;AAMS;IADT,KAAK,CAAC,MAAM,CAAC;;;;0DAGb;AAMS;IADT,KAAK,CAAC,KAAK,CAAC;;;;yDAGZ;AA5LQ,aAAa;IAdzB,SAAS,CAAC;QACP,QAAQ,EAAE,eAAe;QACzB,QAAQ,EAAE,qBAAqB;QAC/B,MAAM,EAAE;YACJ,GAAG,EAAE,qBAAqB;YAC1B,KAAK,EAAE,uBAAuB;YAC9B,YAAY,EAAE,8BAA8B;SAC/C;QACD,OAAO,EAAE;YACL,WAAW;YACX,WAAW;YACX,YAAY;SACf;KACJ,CAAC;;GACW,aAAa,CAiNzB"}
+{"version":3,"file":"AvatarElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Avatar/AvatarElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Media/Badge/BadgeElement.d.ts

@@ -3,7 +3,73 @@ import { CustomElement } from '../../Abstracts/CustomElement';
 import type { IBadgeElementProps } from './IBadgeElementProps';
 declare const BadgeElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (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/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Labelable").ILabelableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * The `{@link BadgeElement}` element.
+ * Badge - A compact visual indicator for displaying status, counts, labels, or notifications.
+ *
+ * @description
+ * The Badge component provides a versatile way to display small status indicators, notification
+ * counts, labels, or quick status information. It can be positioned relative to parent elements,
+ * displayed as standalone indicators, or used as overlay badges. The component supports text
+ * content, icon display, dot indicators, and various visual styles to convey different types
+ * of information effectively.
+ *
+ * @name Badge
+ * @element mosaik-badge
+ * @category Media
+ *
+ * @csspart badge - The main badge container element providing the visual foundation
+ * @csspart content - The inner content container for text, icons, or dot indicators
+ *
+ * @cssprop {String} --badge-background-color - The background color of the badge
+ * @cssprop {String} --badge-foreground-color - The text and icon color within the badge
+ * @cssprop {String} --badge-border-radius - The border radius controlling badge shape
+ * @cssprop {String} --badge-padding - The internal padding around badge content
+ * @cssprop {String} --badge-min-width - The minimum width ensuring proper circular badges
+ * @cssprop {String} --badge-font-size - The font size for badge text content
+ * @cssprop {String} --badge-font-weight - The font weight for badge text display
+ *
+ * @dependency {TextElement} - Text component for rendering badge labels and content
+ * @dependency {IconElement} - Icon component for displaying badge icons and symbols
+ *
+ * @example
+ * Notification count badge positioned over a button:
+ * ```html
+ * <div style="position: relative; display: inline-block;">
+ *   <button>Messages</button>
+ *   <mosaik-badge label="3" appearance="danger" overlap position="top-right"></mosaik-badge>
+ * </div>
+ * ```
+ *
+ * @example
+ * Status badge with different appearances:
+ * ```html
+ * <mosaik-badge label="Active" appearance="success" size="sm" standalone></mosaik-badge>
+ * <mosaik-badge label="Pending" appearance="warning" size="sm" standalone></mosaik-badge>
+ * <mosaik-badge label="Error" appearance="danger" size="sm" standalone></mosaik-badge>
+ * ```
+ *
+ * @example
+ * Icon badge for status indication:
+ * ```html
+ * <mosaik-badge icon="check" appearance="primary" size="md"></mosaik-badge>
+ * ```
+ *
+ * @example
+ * Dot indicator for simple notifications:
+ * ```html
+ * <div style="position: relative;">
+ *   <mosaik-icon data="bell"></mosaik-icon>
+ *   <mosaik-badge appearance="warning" overlap position="top-right" size="xs"></mosaik-badge>
+ * </div>
+ * ```
+ *
+ * @example
+ * Large count badge with overflow handling:
+ * ```html
+ * <div class="notification-container">
+ *   <mosaik-icon data="mail"></mosaik-icon>
+ *   <mosaik-badge label="99+" appearance="danger" position="top-right" size="sm"></mosaik-badge>
+ * </div>
+ * ```
  *
  * @public
  */

package/Controls/Components/Media/Badge/BadgeElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Badge/BadgeElement.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAQ/D;;;;GAIG;AACH,qBAaa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,QAAQ,CAAU;IAC1B,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,SAAS,CAAgB;IAMjC;;OAEG;;IAcH;;;;;;;OAOG;IACH,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,OAAO,IAAI,OAAO,CAE5B;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,EAKhC;IAED;;;;;OAKG;IACH,IACW,UAAU,IAAI,OAAO,CAE/B;IACD,IAAW,UAAU,CAAC,KAAK,EAAE,OAAO,EAKnC;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,aAAa,CAEnC;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,aAAa,EAKvC;CAIJ;AAED;;GAEG;AACH,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}
+{"version":3,"file":"BadgeElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Badge/BadgeElement.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAQ/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,qBAaa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,QAAQ,CAAU;IAC1B,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,SAAS,CAAgB;IAMjC;;OAEG;;IAcH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IAEW,OAAO,IAAI,OAAO,CAE5B;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,EAKhC;IAED;;;;;OAKG;IACH,IAEW,UAAU,IAAI,OAAO,CAE/B;IACD,IAAW,UAAU,CAAC,KAAK,EAAE,OAAO,EAKnC;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,aAAa,CAEnC;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,aAAa,EAKvC;CAIJ;AAED;;GAEG;AACH,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}

package/Controls/Components/Media/Badge/BadgeElement.js

@@ -27,7 +27,73 @@ import { badgeElementCosmopolitanStyle } from './Themes/BadgeElement.Cosmopolita
 import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
- * The `{@link BadgeElement}` element.
+ * Badge - A compact visual indicator for displaying status, counts, labels, or notifications.
+ *
+ * @description
+ * The Badge component provides a versatile way to display small status indicators, notification
+ * counts, labels, or quick status information. It can be positioned relative to parent elements,
+ * displayed as standalone indicators, or used as overlay badges. The component supports text
+ * content, icon display, dot indicators, and various visual styles to convey different types
+ * of information effectively.
+ *
+ * @name Badge
+ * @element mosaik-badge
+ * @category Media
+ *
+ * @csspart badge - The main badge container element providing the visual foundation
+ * @csspart content - The inner content container for text, icons, or dot indicators
+ *
+ * @cssprop {String} --badge-background-color - The background color of the badge
+ * @cssprop {String} --badge-foreground-color - The text and icon color within the badge
+ * @cssprop {String} --badge-border-radius - The border radius controlling badge shape
+ * @cssprop {String} --badge-padding - The internal padding around badge content
+ * @cssprop {String} --badge-min-width - The minimum width ensuring proper circular badges
+ * @cssprop {String} --badge-font-size - The font size for badge text content
+ * @cssprop {String} --badge-font-weight - The font weight for badge text display
+ *
+ * @dependency {TextElement} - Text component for rendering badge labels and content
+ * @dependency {IconElement} - Icon component for displaying badge icons and symbols
+ *
+ * @example
+ * Notification count badge positioned over a button:
+ * ```html
+ * <div style="position: relative; display: inline-block;">
+ *   <button>Messages</button>
+ *   <mosaik-badge label="3" appearance="danger" overlap position="top-right"></mosaik-badge>
+ * </div>
+ * ```
+ *
+ * @example
+ * Status badge with different appearances:
+ * ```html
+ * <mosaik-badge label="Active" appearance="success" size="sm" standalone></mosaik-badge>
+ * <mosaik-badge label="Pending" appearance="warning" size="sm" standalone></mosaik-badge>
+ * <mosaik-badge label="Error" appearance="danger" size="sm" standalone></mosaik-badge>
+ * ```
+ *
+ * @example
+ * Icon badge for status indication:
+ * ```html
+ * <mosaik-badge icon="check" appearance="primary" size="md"></mosaik-badge>
+ * ```
+ *
+ * @example
+ * Dot indicator for simple notifications:
+ * ```html
+ * <div style="position: relative;">
+ *   <mosaik-icon data="bell"></mosaik-icon>
+ *   <mosaik-badge appearance="warning" overlap position="top-right" size="xs"></mosaik-badge>
+ * </div>
+ * ```
+ *
+ * @example
+ * Large count badge with overflow handling:
+ * ```html
+ * <div class="notification-container">
+ *   <mosaik-icon data="mail"></mosaik-icon>
+ *   <mosaik-badge label="99+" appearance="danger" position="top-right" size="sm"></mosaik-badge>
+ * </div>
+ * ```
  *
  * @public
  */
@@ -128,12 +194,14 @@ __decorate([
     __metadata("design:paramtypes", [String])
 ], BadgeElement.prototype, "icon", null);
 __decorate([
-    Attribute({ type: Boolean, useDefault: true }),
+    Attribute({ type: Boolean,
+        useDefault: true }),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
 ], BadgeElement.prototype, "overlap", null);
 __decorate([
-    Attribute({ type: Boolean, useDefault: true }),
+    Attribute({ type: Boolean,
+        useDefault: true }),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
 ], BadgeElement.prototype, "standalone", null);

package/Controls/Components/Media/Badge/BadgeElement.js.map

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