npm - @breadstone/mosaik-elements-foundation - Versions diffs - 0.0.147 → 0.0.148 - Mend

@breadstone/mosaik-elements-foundation 0.0.147 → 0.0.148

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (310) hide show

package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FloatingActionButtonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAE5F,OAAO,EAAE,4CAA4C,EAAE,MAAM,mDAAmD,CAAC;AACjH,OAAO,EAAE,mCAAmC,EAAE,MAAM,0CAA0C,CAAC;AAC/F,OAAO,EAAE,qCAAqC,EAAE,MAAM,4CAA4C,CAAC;AACnG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,aAAa;AAEb~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG~~;AAuBI,IAAM,2BAA2B,GAAjC,MAAM,2BACT,SAAQ,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAGnE,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,YAAY,CAAC;IACxB,CAAC;CAIJ,CAAA;AA/BY,2BAA2B;IAtBvC,SAAS,CAAC;QACP,QAAQ,EAAE,YAAY;QACtB,QAAQ,EAAE,mCAAmC;QAC7C,MAAM,EAAE;YACJ,GAAG,EAAE,mCAAmC;YACxC,KAAK,EAAE,qCAAqC;YAC5C,YAAY,EAAE,4CAA4C;SAC7D;QACD,OAAO,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,IAAI;SACvB;QACD,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,aAAa;YACb,gBAAgB;YAChB,WAAW;YACX,mBAAmB;YACnB,gBAAgB;SACnB;KACJ,CAAC;;GACW,2BAA2B,CA+BvC"}
1	+ {"version":3,"file":"FloatingActionButtonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAE5F,OAAO,EAAE,4CAA4C,EAAE,MAAM,mDAAmD,CAAC;AACjH,OAAO,EAAE,mCAAmC,EAAE,MAAM,0CAA0C,CAAC;AAC/F,OAAO,EAAE,qCAAqC,EAAE,MAAM,4CAA4C,CAAC;AACnG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AAuBI,IAAM,2BAA2B,GAAjC,MAAM,2BACT,SAAQ,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAGnE,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,YAAY,CAAC;IACxB,CAAC;CAIJ,CAAA;AA/BY,2BAA2B;IAtBvC,SAAS,CAAC;QACP,QAAQ,EAAE,YAAY;QACtB,QAAQ,EAAE,mCAAmC;QAC7C,MAAM,EAAE;YACJ,GAAG,EAAE,mCAAmC;YACxC,KAAK,EAAE,qCAAqC;YAC5C,YAAY,EAAE,4CAA4C;SAC7D;QACD,OAAO,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,IAAI;SACvB;QACD,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,aAAa;YACb,gBAAgB;YAChB,WAAW;YACX,mBAAmB;YACnB,gBAAgB;SACnB;KACJ,CAAC;;GACW,2BAA2B,CA+BvC"}

package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.d.ts CHANGED Viewed

@@ -3,66 +3,93 @@ import { ButtonBaseElement } from '../Abstracts/ButtonBaseElement';
 import type { IToggleButtonElementProps } from './IToggleButtonElementProps';
 declare const ToggleButtonElement_base: (abstract new (...args: Array<any>) => import("../../../../Controls/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/ContentAlignable").IContentAlignableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Busyable").IBusyableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Checkable").ICheckableProps & ICheckableEvents & ICheckable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Labelable").ILabelableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Iconable").IIconableProps) & typeof ButtonBaseElement & import("../../../../Controls/Behaviors/Themeable").IThemeableCtor;
 /**
- * Toggle Button - A user interface element for switching between two states.
+ * ToggleButton - An interactive button component that maintains a checked/unchecked state for binary choices.
  *
- * @description
- * The Toggle Button component is designed to allow users to switch between two states, typically an "on" and "off" state.
- * It is often used to represent binary choices or preferences that can be toggled on or off with a single click. Toggle
- * Buttons provide a clear and intuitive way for users to interact with options that have only two possible states.
+ * Provides toggle functionality with visual state feedback, allowing users to switch between two
+ * states (on/off, enabled/disabled, selected/unselected). Features persistent state management,
+ * visual state indicators, and keyboard accessibility for binary preference controls.
  *
- * @name Toggle Button
+ * @name ToggleButtonElement
  * @element mosaik-toggle-button
  * @category Buttons
  *
- * @slot label - The label slot.
- * @slot icon - The icon slot.
- * @slot overlay - The overlay slot (useful for badge).
+ * @slot label - Text label content area for button identification
+ * @slot icon - Icon content area for visual state representation
+ * @slot overlay - Overlay content area for badges, notifications, or state indicators
  *
- * @csspart button - The button part of the toggle button.
- * @csspart focusRing - The focus ring part of the toggle button.
- * @csspart ripple - The ripple part of the toggle button.
- * @csspart icon - The icon part of the toggle button.
- * @csspart label - The label part of the toggle button.
- * @csspart progressRing - The progress ring part of the toggle button.
+ * @csspart button - Main toggle button element container
+ * @csspart focusRing - Focus ring indicator for accessibility
+ * @csspart ripple - Ripple effect animation container
+ * @csspart icon - Icon content styling container
+ * @csspart label - Text label styling container
+ * @csspart progressRing - Loading state progress indicator
  *
- * @cssprop {String} --toggle-button-font-family - The font family of the toggle button.
- * @cssprop {String} --toggle-button-font-size - The font size of the toggle button.
- * @cssprop {String} --toggle-button-font-line-height - The font line height of the toggle button.
- * @cssprop {String} --toggle-button-font-weight - The font weight of the toggle button.
- * @cssprop {String} --toggle-button-font-letter-spacing - The font letter spacing of the toggle button.
- * @cssprop {String} --toggle-button-font-text-decoration - The font text decoration of the toggle button.
- * @cssprop {String} --toggle-button-font-text-transform - The font text transform of the toggle button.
- * @cssprop {String} --toggle-button-padding-top - The padding top of the toggle button.
- * @cssprop {String} --toggle-button-padding-right - The padding right of the toggle button.
- * @cssprop {String} --toggle-button-padding-bottom - The padding bottom of the toggle button.
- * @cssprop {String} --toggle-button-padding-left - The padding left of the toggle button.
- * @cssprop {String} --toggle-button-gap - The gap between elements of the toggle button.
- * @cssprop {String} --toggle-button-transition-duration - The transition duration for the toggle button.
- * @cssprop {String} --toggle-button-transition-mode - The transition mode for the toggle button.
- * @cssprop {String} --toggle-button-transition-property - The transition property for the toggle button.
- * @cssprop {String} --toggle-button-background-color - The background color of the toggle button.
- * @cssprop {String} --toggle-button-border-color - The border color of the toggle button.
- * @cssprop {String} --toggle-button-foreground-color - The foreground color of the toggle button.
- * @cssprop {String} --toggle-button-border-width - The border width of the toggle button.
- * @cssprop {String} --toggle-button-border-radius - The border radius of the toggle button.
- * @cssprop {String} --toggle-button-border-style - The border style of the toggle button.
- * @cssprop {String} --toggle-button-shadow - The shadow of the toggle button.
- * @cssprop {String} --focus-ring-outward-offset - The outward offset of the focus ring.
- * @cssprop {String} --toggle-button-line-height - The line height of the toggle button text.
+ * @cssprop --toggle-button-font-family - Font family for button text content
+ * @cssprop --toggle-button-font-size - Font size for button text
+ * @cssprop --toggle-button-font-line-height - Line height for button text
+ * @cssprop --toggle-button-font-weight - Font weight for button text
+ * @cssprop --toggle-button-font-letter-spacing - Letter spacing for button text
+ * @cssprop --toggle-button-font-text-decoration - Text decoration for button text
+ * @cssprop --toggle-button-font-text-transform - Text transform for button text
+ * @cssprop --toggle-button-padding-top - Top padding for button content
+ * @cssprop --toggle-button-padding-right - Right padding for button content
+ * @cssprop --toggle-button-padding-bottom - Bottom padding for button content
+ * @cssprop --toggle-button-padding-left - Left padding for button content
+ * @cssprop --toggle-button-gap - Gap between icon and label elements
+ * @cssprop --toggle-button-background-checked - Background color when toggled on
+ * @cssprop --toggle-button-background-unchecked - Background color when toggled off
+ * @cssprop --toggle-button-border-color-checked - Border color when toggled on
+ * @cssprop --toggle-button-border-color-unchecked - Border color when toggled off
  *
- * @fires checked {CustomEvent<IEventDetail>} - Fired when the element is checked.
- * @fires unchecked {CustomEvent<IEventDetail>} - Fired when the element is unchecked.
+ * @fires change - Dispatched when the toggle state changes
+ * @fires checked - Dispatched when the button becomes checked
+ * @fires unchecked - Dispatched when the button becomes unchecked
+ * @fires click - Dispatched when the button is clicked
  *
- * @dependency {StackElement} mosaik-stack - The Stack component, used for layout management.
- * @dependency {IconElement} mosaik-icon - The Icon component, used for displaying the icon.
- * @dependency {RippleElement} mosaik-ripple - The Ripple component, used for the ripple effect.
- * @dependency {FocusRingElement} mosaik-focus-ring - The Focus Ring component, used for focus indication.
- * @dependency {TextElement} mosaik-text - The Text component, used for displaying the label text.
- * @dependency {ProgressRingElement} mosaik-progress-ring - The Progress Ring component, used for progress indication.
+ * @dependency RippleElement - For interactive ripple effects on user interaction
+ * @dependency StackElement - For layout management of icon and label
+ * @dependency IconElement - For displaying state icons and visual indicators
+ * @dependency FocusRingElement - For accessibility focus indicators
+ * @dependency TextElement - For rendering text labels
+ * @dependency ProgressRingElement - For loading state visualization
  *
  * @example
  * ```html
- * <mosaik-toggle-button label="Toggle"></mosaik-toggle-button>
+ * <!-- Simple toggle button -->
+ * <mosaik-toggle-button onchange="handleToggle(event)">
+ *   <mosaik-icon slot="icon" data="star"></mosaik-icon>
+ *   <mosaik-text slot="label">Favorite</mosaik-text>
+ * </mosaik-toggle-button>
+ *
+ * <!-- Settings toggle button -->
+ * <mosaik-toggle-button checked="true">
+ *   <mosaik-icon slot="icon" data="bell"></mosaik-icon>
+ *   <mosaik-text slot="label">Notifications</mosaik-text>
+ * </mosaik-toggle-button>
+ *
+ * <!-- Feature toggle button -->
+ * <mosaik-toggle-button appearance="soft">
+ *   <mosaik-icon slot="icon" data="eye"></mosaik-icon>
+ *   <mosaik-text slot="label">Show Preview</mosaik-text>
+ * </mosaik-toggle-button>
+ *
+ * <!-- Toggle button group -->
+ * <div class="toggle-group">
+ *   <mosaik-toggle-button name="view" value="list">
+ *     <mosaik-icon slot="icon" data="list"></mosaik-icon>
+ *     <mosaik-text slot="label">List View</mosaik-text>
+ *   </mosaik-toggle-button>
+ *   <mosaik-toggle-button name="view" value="grid">
+ *     <mosaik-icon slot="icon" data="grid"></mosaik-icon>
+ *     <mosaik-text slot="label">Grid View</mosaik-text>
+ *   </mosaik-toggle-button>
+ * </div>
+ *
+ * <!-- Busy toggle button -->
+ * <mosaik-toggle-button busy="true">
+ *   <mosaik-icon slot="icon" data="sync"></mosaik-icon>
+ *   <mosaik-text slot="label">Auto Sync</mosaik-text>
+ * </mosaik-toggle-button>
  * ```
  *
  * @public

package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,UAAU,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAavF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;;AAS7E~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG~~;AACH,qBAqBa,mBACT,SAAQ,wBACR,YAAW,yBAAyB,EAAE,UAAU,EAAE,gBAAgB;IAIlE;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;;;OAIG;IACI,KAAK,IAAI,IAAI;CAMvB;AAED;;GAEG;AACH,yBAAiB,mBAAmB,CAAC;IACjC,KAAY,KAAK,GAAG,yBAAyB,CAAC;CACjD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,sBAAsB,EAAE,mBAAmB,CAAC;KAC/C;CACJ"}
1	+ {"version":3,"file":"ToggleButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,UAAU,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAavF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;;AAS7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2FG;AACH,qBAqBa,mBACT,SAAQ,wBACR,YAAW,yBAAyB,EAAE,UAAU,EAAE,gBAAgB;IAIlE;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;;;OAIG;IACI,KAAK,IAAI,IAAI;CAMvB;AAED;;GAEG;AACH,yBAAiB,mBAAmB,CAAC;IACjC,KAAY,KAAK,GAAG,yBAAyB,CAAC;CACjD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,sBAAsB,EAAE,mBAAmB,CAAC;KAC/C;CACJ"}

package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.js CHANGED Viewed

@@ -31,66 +31,93 @@ import { toggleButtonElementCosmopolitanStyle } from './Themes/ToggleButtonEleme
 import { Iconable } from '../../../Behaviors/Iconable';
 // #endregion
 /**
- * Toggle Button - A user interface element for switching between two states.
+ * ToggleButton - An interactive button component that maintains a checked/unchecked state for binary choices.
  *
- * @description
- * The Toggle Button component is designed to allow users to switch between two states, typically an "on" and "off" state.
- * It is often used to represent binary choices or preferences that can be toggled on or off with a single click. Toggle
- * Buttons provide a clear and intuitive way for users to interact with options that have only two possible states.
+ * Provides toggle functionality with visual state feedback, allowing users to switch between two
+ * states (on/off, enabled/disabled, selected/unselected). Features persistent state management,
+ * visual state indicators, and keyboard accessibility for binary preference controls.
  *
- * @name Toggle Button
+ * @name ToggleButtonElement
  * @element mosaik-toggle-button
  * @category Buttons
  *
- * @slot label - The label slot.
- * @slot icon - The icon slot.
- * @slot overlay - The overlay slot (useful for badge).
+ * @slot label - Text label content area for button identification
+ * @slot icon - Icon content area for visual state representation
+ * @slot overlay - Overlay content area for badges, notifications, or state indicators
  *
- * @csspart button - The button part of the toggle button.
- * @csspart focusRing - The focus ring part of the toggle button.
- * @csspart ripple - The ripple part of the toggle button.
- * @csspart icon - The icon part of the toggle button.
- * @csspart label - The label part of the toggle button.
- * @csspart progressRing - The progress ring part of the toggle button.
+ * @csspart button - Main toggle button element container
+ * @csspart focusRing - Focus ring indicator for accessibility
+ * @csspart ripple - Ripple effect animation container
+ * @csspart icon - Icon content styling container
+ * @csspart label - Text label styling container
+ * @csspart progressRing - Loading state progress indicator
  *
- * @cssprop {String} --toggle-button-font-family - The font family of the toggle button.
- * @cssprop {String} --toggle-button-font-size - The font size of the toggle button.
- * @cssprop {String} --toggle-button-font-line-height - The font line height of the toggle button.
- * @cssprop {String} --toggle-button-font-weight - The font weight of the toggle button.
- * @cssprop {String} --toggle-button-font-letter-spacing - The font letter spacing of the toggle button.
- * @cssprop {String} --toggle-button-font-text-decoration - The font text decoration of the toggle button.
- * @cssprop {String} --toggle-button-font-text-transform - The font text transform of the toggle button.
- * @cssprop {String} --toggle-button-padding-top - The padding top of the toggle button.
- * @cssprop {String} --toggle-button-padding-right - The padding right of the toggle button.
- * @cssprop {String} --toggle-button-padding-bottom - The padding bottom of the toggle button.
- * @cssprop {String} --toggle-button-padding-left - The padding left of the toggle button.
- * @cssprop {String} --toggle-button-gap - The gap between elements of the toggle button.
- * @cssprop {String} --toggle-button-transition-duration - The transition duration for the toggle button.
- * @cssprop {String} --toggle-button-transition-mode - The transition mode for the toggle button.
- * @cssprop {String} --toggle-button-transition-property - The transition property for the toggle button.
- * @cssprop {String} --toggle-button-background-color - The background color of the toggle button.
- * @cssprop {String} --toggle-button-border-color - The border color of the toggle button.
- * @cssprop {String} --toggle-button-foreground-color - The foreground color of the toggle button.
- * @cssprop {String} --toggle-button-border-width - The border width of the toggle button.
- * @cssprop {String} --toggle-button-border-radius - The border radius of the toggle button.
- * @cssprop {String} --toggle-button-border-style - The border style of the toggle button.
- * @cssprop {String} --toggle-button-shadow - The shadow of the toggle button.
- * @cssprop {String} --focus-ring-outward-offset - The outward offset of the focus ring.
- * @cssprop {String} --toggle-button-line-height - The line height of the toggle button text.
+ * @cssprop --toggle-button-font-family - Font family for button text content
+ * @cssprop --toggle-button-font-size - Font size for button text
+ * @cssprop --toggle-button-font-line-height - Line height for button text
+ * @cssprop --toggle-button-font-weight - Font weight for button text
+ * @cssprop --toggle-button-font-letter-spacing - Letter spacing for button text
+ * @cssprop --toggle-button-font-text-decoration - Text decoration for button text
+ * @cssprop --toggle-button-font-text-transform - Text transform for button text
+ * @cssprop --toggle-button-padding-top - Top padding for button content
+ * @cssprop --toggle-button-padding-right - Right padding for button content
+ * @cssprop --toggle-button-padding-bottom - Bottom padding for button content
+ * @cssprop --toggle-button-padding-left - Left padding for button content
+ * @cssprop --toggle-button-gap - Gap between icon and label elements
+ * @cssprop --toggle-button-background-checked - Background color when toggled on
+ * @cssprop --toggle-button-background-unchecked - Background color when toggled off
+ * @cssprop --toggle-button-border-color-checked - Border color when toggled on
+ * @cssprop --toggle-button-border-color-unchecked - Border color when toggled off
  *
- * @fires checked {CustomEvent<IEventDetail>} - Fired when the element is checked.
- * @fires unchecked {CustomEvent<IEventDetail>} - Fired when the element is unchecked.
+ * @fires change - Dispatched when the toggle state changes
+ * @fires checked - Dispatched when the button becomes checked
+ * @fires unchecked - Dispatched when the button becomes unchecked
+ * @fires click - Dispatched when the button is clicked
  *
- * @dependency {StackElement} mosaik-stack - The Stack component, used for layout management.
- * @dependency {IconElement} mosaik-icon - The Icon component, used for displaying the icon.
- * @dependency {RippleElement} mosaik-ripple - The Ripple component, used for the ripple effect.
- * @dependency {FocusRingElement} mosaik-focus-ring - The Focus Ring component, used for focus indication.
- * @dependency {TextElement} mosaik-text - The Text component, used for displaying the label text.
- * @dependency {ProgressRingElement} mosaik-progress-ring - The Progress Ring component, used for progress indication.
+ * @dependency RippleElement - For interactive ripple effects on user interaction
+ * @dependency StackElement - For layout management of icon and label
+ * @dependency IconElement - For displaying state icons and visual indicators
+ * @dependency FocusRingElement - For accessibility focus indicators
+ * @dependency TextElement - For rendering text labels
+ * @dependency ProgressRingElement - For loading state visualization
  *
  * @example
  * ```html
- * <mosaik-toggle-button label="Toggle"></mosaik-toggle-button>
+ * <!-- Simple toggle button -->
+ * <mosaik-toggle-button onchange="handleToggle(event)">
+ *   <mosaik-icon slot="icon" data="star"></mosaik-icon>
+ *   <mosaik-text slot="label">Favorite</mosaik-text>
+ * </mosaik-toggle-button>
+ *
+ * <!-- Settings toggle button -->
+ * <mosaik-toggle-button checked="true">
+ *   <mosaik-icon slot="icon" data="bell"></mosaik-icon>
+ *   <mosaik-text slot="label">Notifications</mosaik-text>
+ * </mosaik-toggle-button>
+ *
+ * <!-- Feature toggle button -->
+ * <mosaik-toggle-button appearance="soft">
+ *   <mosaik-icon slot="icon" data="eye"></mosaik-icon>
+ *   <mosaik-text slot="label">Show Preview</mosaik-text>
+ * </mosaik-toggle-button>
+ *
+ * <!-- Toggle button group -->
+ * <div class="toggle-group">
+ *   <mosaik-toggle-button name="view" value="list">
+ *     <mosaik-icon slot="icon" data="list"></mosaik-icon>
+ *     <mosaik-text slot="label">List View</mosaik-text>
+ *   </mosaik-toggle-button>
+ *   <mosaik-toggle-button name="view" value="grid">
+ *     <mosaik-icon slot="icon" data="grid"></mosaik-icon>
+ *     <mosaik-text slot="label">Grid View</mosaik-text>
+ *   </mosaik-toggle-button>
+ * </div>
+ *
+ * <!-- Busy toggle button -->
+ * <mosaik-toggle-button busy="true">
+ *   <mosaik-icon slot="icon" data="sync"></mosaik-icon>
+ *   <mosaik-text slot="label">Auto Sync</mosaik-text>
+ * </mosaik-toggle-button>
  * ```
  *
  * @public

package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleButtonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAgC,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,oCAAoC,EAAE,MAAM,2CAA2C,CAAC;AACjG,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,aAAa;AAEb~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG~~;AAsBI,IAAM,mBAAmB,GAAzB,MAAM,mBACT,SAAQ,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAGjI,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,sBAAsB,CAAC;IAClC,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;OAIG;IACI,KAAK;QACR,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;CAIJ,CAAA;AA5CY,mBAAmB;IArB/B,SAAS,CAAC;QACP,QAAQ,EAAE,sBAAsB;QAChC,QAAQ,EAAE,2BAA2B;QACrC,MAAM,EAAE;YACJ,GAAG,EAAE,2BAA2B;YAChC,KAAK,EAAE,6BAA6B;YACpC,YAAY,EAAE,oCAAoC;SACrD;QACD,OAAO,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,IAAI;SACvB;QACD,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,aAAa;YACb,gBAAgB;YAChB,WAAW;YACX,mBAAmB;SACtB;KACJ,CAAC;;GACW,mBAAmB,CA4C/B"}
1	+ {"version":3,"file":"ToggleButtonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAgC,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,oCAAoC,EAAE,MAAM,2CAA2C,CAAC;AACjG,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2FG;AAsBI,IAAM,mBAAmB,GAAzB,MAAM,mBACT,SAAQ,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAGjI,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,sBAAsB,CAAC;IAClC,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;OAIG;IACI,KAAK;QACR,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;CAIJ,CAAA;AA5CY,mBAAmB;IArB/B,SAAS,CAAC;QACP,QAAQ,EAAE,sBAAsB;QAChC,QAAQ,EAAE,2BAA2B;QACrC,MAAM,EAAE;YACJ,GAAG,EAAE,2BAA2B;YAChC,KAAK,EAAE,6BAA6B;YACpC,YAAY,EAAE,oCAAoC;SACrD;QACD,OAAO,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,IAAI;SACvB;QACD,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,aAAa;YACb,gBAAgB;YAChB,WAAW;YACX,mBAAmB;SACtB;KACJ,CAAC;;GACW,mBAAmB,CA4C/B"}

package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.d.ts CHANGED Viewed

@@ -12,15 +12,53 @@ declare const ToggleButtonGroupElement_base: (abstract new (...args: Array<any>)
 /**
  * Toggle Button Group - A container for grouping multiple toggle buttons with single-selection behavior.
  *
- * @element mosaik-toggle-button-group
- *
  * @description
  * Groups multiple Toggle Buttons to behave like a segmented control. Only one button can be selected at a time.
  * Inside a group, a toggle button cannot be deselected by clicking it again; clicking a selected button keeps it selected.
+ * This component is useful for creating segmented controls, option selectors, and toggle-based navigation.
  *
+ * @name Toggle Button Group
+ * @element mosaik-toggle-button-group
  * @category Buttons
+ *
  * @fires toggleChanged - Called when the selection in the group changes.
  *
+ * @slot - The default slot for toggle buttons.
+ *
+ * @cssprop {String} --button-group-font-family - The font family.
+ * @cssprop {String} --button-group-font-size - The font size.
+ * @cssprop {String} --button-group-font-line-height - The font line height.
+ * @cssprop {String} --button-group-font-weight - The font weight.
+ * @cssprop {String} --button-group-font-letter-spacing - The font letter spacing.
+ * @cssprop {String} --button-group-font-text-decoration - The font text decoration.
+ * @cssprop {String} --button-group-font-text-transform - The font text transform.
+ * @cssprop {String} --button-group-padding-top - The padding top.
+ * @cssprop {String} --button-group-padding-right - The padding right.
+ * @cssprop {String} --button-group-padding-bottom - The padding bottom.
+ * @cssprop {String} --button-group-padding-left - The padding left.
+ * @cssprop {String} --button-group-gap - The gap between buttons.
+ * @cssprop {String} --button-group-transition-duration - The transition duration.
+ * @cssprop {String} --button-group-transition-mode - The transition mode.
+ * @cssprop {String} --button-group-transition-property - The transition property.
+ * @cssprop {String} --button-group-background-color - The background color.
+ * @cssprop {String} --button-group-border-color - The border color.
+ * @cssprop {String} --button-group-foreground-color - The foreground color.
+ * @cssprop {String} --button-group-border-width - The border width.
+ * @cssprop {String} --button-group-border-radius - The border radius.
+ * @cssprop {String} --button-group-border-style - The border style.
+ * @cssprop {String} --button-group-shadow - The shadow.
+ *
+ * @dependency {ToggleButtonElement} mosaik-toggle-button - The toggle button element.
+ *
+ * @example
+ * ```html
+ * <mosaik-toggle-button-group>
+ *   <mosaik-toggle-button label="Option 1" value="1"></mosaik-toggle-button>
+ *   <mosaik-toggle-button label="Option 2" value="2"></mosaik-toggle-button>
+ *   <mosaik-toggle-button label="Option 3" value="3"></mosaik-toggle-button>
+ * </mosaik-toggle-button-group>
+ * ```
+ *
  * @public
  */
 export declare class ToggleButtonGroupElement extends ToggleButtonGroupElement_base implements IToggleButtonGroupElementProps, IInvalidable, ISlottable {

package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleButtonGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAA4D,KAAK,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG3H,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAMhF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uEAAuE,CAAC;AAMnH,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AACvF,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,8CAA8C,CAAC;;AAMzG~~;;;;;;;;;;;;;GAaG~~;AACH,qBAaa,wBACT,SAAQ,6BACR,YAAW,8BAA8B,EAAE,YAAY,EAAE,UAAU;IAInE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAsD;IACrF,OAAO,CAAC,mBAAmB,CAAoC;IAC/D,OAAO,CAAC,YAAY,CAAU;IAM9B;;OAEG;;IAaH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;;OAOG;IACH,IACW,aAAa,IAAI,aAAa,CAAC,oCAAoC,CAAC,CAE9E;IAMD;;;OAGG;IACa,aAAa,IAAI,IAAI;IA2BrC;;;;;OAKG;IACa,aAAa,IAAI,OAAO;IAQxC;;;;OAIG;IACI,KAAK,IAAI,IAAI;IAQpB;;;;OAIG;IACH,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,qBAAqB,GAAG,IAAI;IAK5D;;OAEG;IAEH,SAAS,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IASzE;;OAEG;IAEH,SAAS,CAAC,0BAA0B,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI;IASjF;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IASxE;;OAEG;IAEH,SAAS,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI;IAShF;;OAEG;IAEH,SAAS,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAOtE;;OAEG;IACH,OAAO,CAAC,eAAe;IAavB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAazB;;OAEG;IACH,OAAO,CAAC,WAAW;CAOtB;AAED;;GAEG;AACH,yBAAiB,wBAAwB,CAAC;IACtC,KAAY,KAAK,GAAG,8BAA8B,CAAC;CACtD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,4BAA4B,EAAE,wBAAwB,CAAC;KAC1D;IAED,UAAU,mBAAmB;QACzB,aAAa,EAAE,WAAW,CAAC,oCAAoC,CAAC,CAAC;KACpE;CACJ"}
1	+ {"version":3,"file":"ToggleButtonGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAA4D,KAAK,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG3H,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAMhF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uEAAuE,CAAC;AAMnH,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AACvF,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,8CAA8C,CAAC;;AAMzG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,qBAaa,wBACT,SAAQ,6BACR,YAAW,8BAA8B,EAAE,YAAY,EAAE,UAAU;IAInE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAsD;IACrF,OAAO,CAAC,mBAAmB,CAAoC;IAC/D,OAAO,CAAC,YAAY,CAAU;IAM9B;;OAEG;;IAaH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;;OAOG;IACH,IACW,aAAa,IAAI,aAAa,CAAC,oCAAoC,CAAC,CAE9E;IAMD;;;OAGG;IACa,aAAa,IAAI,IAAI;IA2BrC;;;;;OAKG;IACa,aAAa,IAAI,OAAO;IAQxC;;;;OAIG;IACI,KAAK,IAAI,IAAI;IAQpB;;;;OAIG;IACH,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,qBAAqB,GAAG,IAAI;IAK5D;;OAEG;IAEH,SAAS,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IASzE;;OAEG;IAEH,SAAS,CAAC,0BAA0B,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI;IASjF;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IASxE;;OAEG;IAEH,SAAS,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI;IAShF;;OAEG;IAEH,SAAS,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAOtE;;OAEG;IACH,OAAO,CAAC,eAAe;IAavB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAazB;;OAEG;IACH,OAAO,CAAC,WAAW;CAOtB;AAED;;GAEG;AACH,yBAAiB,wBAAwB,CAAC;IACtC,KAAY,KAAK,GAAG,8BAA8B,CAAC;CACtD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,4BAA4B,EAAE,wBAAwB,CAAC;KAC1D;IAED,UAAU,mBAAmB;QACzB,aAAa,EAAE,WAAW,CAAC,oCAAoC,CAAC,CAAC;KACpE;CACJ"}

package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.js CHANGED Viewed

@@ -30,15 +30,53 @@ import { ToggleButtonElement } from './ToggleButtonElement';
 /**
  * Toggle Button Group - A container for grouping multiple toggle buttons with single-selection behavior.
  *
- * @element mosaik-toggle-button-group
- *
  * @description
  * Groups multiple Toggle Buttons to behave like a segmented control. Only one button can be selected at a time.
  * Inside a group, a toggle button cannot be deselected by clicking it again; clicking a selected button keeps it selected.
+ * This component is useful for creating segmented controls, option selectors, and toggle-based navigation.
  *
+ * @name Toggle Button Group
+ * @element mosaik-toggle-button-group
  * @category Buttons
+ *
  * @fires toggleChanged - Called when the selection in the group changes.
  *
+ * @slot - The default slot for toggle buttons.
+ *
+ * @cssprop {String} --button-group-font-family - The font family.
+ * @cssprop {String} --button-group-font-size - The font size.
+ * @cssprop {String} --button-group-font-line-height - The font line height.
+ * @cssprop {String} --button-group-font-weight - The font weight.
+ * @cssprop {String} --button-group-font-letter-spacing - The font letter spacing.
+ * @cssprop {String} --button-group-font-text-decoration - The font text decoration.
+ * @cssprop {String} --button-group-font-text-transform - The font text transform.
+ * @cssprop {String} --button-group-padding-top - The padding top.
+ * @cssprop {String} --button-group-padding-right - The padding right.
+ * @cssprop {String} --button-group-padding-bottom - The padding bottom.
+ * @cssprop {String} --button-group-padding-left - The padding left.
+ * @cssprop {String} --button-group-gap - The gap between buttons.
+ * @cssprop {String} --button-group-transition-duration - The transition duration.
+ * @cssprop {String} --button-group-transition-mode - The transition mode.
+ * @cssprop {String} --button-group-transition-property - The transition property.
+ * @cssprop {String} --button-group-background-color - The background color.
+ * @cssprop {String} --button-group-border-color - The border color.
+ * @cssprop {String} --button-group-foreground-color - The foreground color.
+ * @cssprop {String} --button-group-border-width - The border width.
+ * @cssprop {String} --button-group-border-radius - The border radius.
+ * @cssprop {String} --button-group-border-style - The border style.
+ * @cssprop {String} --button-group-shadow - The shadow.
+ *
+ * @dependency {ToggleButtonElement} mosaik-toggle-button - The toggle button element.
+ *
+ * @example
+ * ```html
+ * <mosaik-toggle-button-group>
+ *   <mosaik-toggle-button label="Option 1" value="1"></mosaik-toggle-button>
+ *   <mosaik-toggle-button label="Option 2" value="2"></mosaik-toggle-button>
+ *   <mosaik-toggle-button label="Option 3" value="3"></mosaik-toggle-button>
+ * </mosaik-toggle-button-group>
+ * ```
+ *
  * @public
  */
 let ToggleButtonGroupElement = class ToggleButtonGroupElement extends Themeable(Invalidable(Disableable(Orientable(Valueable(Appearanceable(Variantable(Slottable(CustomElement)))))))) {

package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleButtonGroupElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,IAAI,EAAE,MAAM,6CAA6C,CAAC;AACnE,OAAO,EAAmC,uBAAuB,EAAsB,MAAM,6BAA6B,CAAC;AAC3H,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAqB,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAI3D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAE,mCAAmC,EAAE,MAAM,kDAAkD,CAAC;AACvG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAc,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,aAAa;AAEb~~;;;;;;;;;;;;;GAaG~~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"}
1	+ {"version":3,"file":"ToggleButtonGroupElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.ts"],"names":[],"mappings":"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"}