@breadstone/mosaik-elements-foundation 0.0.29 → 0.0.31

package/Controls/Components/Buttons/Button/ButtonGroupElement.js

@@ -12,7 +12,6 @@ import { Appearanceable } from '../../../Behaviors/Appearanceable';
 import { Disableable } from '../../../Behaviors/Disableable';
 import { Orientable } from '../../../Behaviors/Orientable';
 import { Variantable } from '../../../Behaviors/Variantable';
-import { SlotController } from '../../../Controllers/SlotController';
 import { Component } from '../../../Decorators/ComponentDecorator';
 import { Watch } from '../../../Decorators/WatchDecorator';
 import { CustomElement } from '../../Abstracts/CustomElement';
@@ -22,6 +21,7 @@ import { buttonGroupElementTemplate } from './ButtonGroupElementTemplate';
 import { buttonGroupElementRetroStyle } from './Themes/ButtonGroupElement.Retro';
 import { Themeable } from '../../../../Controls/Behaviors/Themeable';
 import { buttonGroupElementCosmopolitanStyle } from './Themes/ButtonGroupElement.Cosmopolitan';
+import { Slottable } from '../../../Behaviors/Slottable';
 // #endregion
 /**
  * Button Group - A user interface component for grouping multiple buttons together.
@@ -73,17 +73,13 @@ import { buttonGroupElementCosmopolitanStyle } from './Themes/ButtonGroupElement
  *
  * @public
  */
-let ButtonGroupElement = class ButtonGroupElement extends Themeable(Orientable(Disableable(Appearanceable(Variantable(CustomElement))))) {
-    // #region Fields
-    _slotController;
-    // #endregion
+let ButtonGroupElement = class ButtonGroupElement extends Themeable(Orientable(Disableable(Appearanceable(Variantable(Slottable(CustomElement)))))) {
     // #region Ctor
     /**
      * @public
      */
     constructor() {
         super();
-        this._slotController = new SlotController(this, { callback: () => this.onSlotChange() });
     }
     // #endregion
     // #region Properties
@@ -100,11 +96,28 @@ let ButtonGroupElement = class ButtonGroupElement extends Themeable(Orientable(D
     }
     // #endregion
     // #region Methods
+    /**
+     * @public
+     */
+    onSlotChanges() {
+        const elements = this.getSlotAssignments('')
+            .filter((x) => x instanceof ButtonBaseElement);
+        for (const [i, e] of elements.entries()) {
+            e.disabled = this.disabled;
+            e.appearance = this.appearance;
+            e.variant = this.variant;
+            e.dir = this.dir;
+            e.classList.add('button-group-button');
+            e.classList.toggle('first', i === 0);
+            e.classList.toggle('inner', i > 0 && i < elements.length - 1);
+            e.classList.toggle('last', i === elements.length - 1);
+        }
+    }
     /**
      * @protected
      */
     onDisabledPropertyChange(_prev, next) {
-        const elements = this._slotController.getAssignedElements('')
+        const elements = this.getSlotAssignments('')
             .filter((x) => x instanceof ButtonBaseElement);
         if (next !== undefined) {
             elements.forEach((x) => x.disabled = next);
@@ -115,9 +128,9 @@ let ButtonGroupElement = class ButtonGroupElement extends Themeable(Orientable(D
      */
     onAppearancePropertyChange(_prev, next) {
         if (next) {
-            const elements = this._slotController.getAssignedElements('')
-                .filter((x) => x instanceof ButtonBaseElement);
-            elements.forEach((x) => x.appearance = next);
+            this.getSlotAssignments('')
+                .filter((x) => x instanceof ButtonBaseElement)
+                .forEach((x) => x.appearance = next);
         }
     }
     /**
@@ -125,9 +138,9 @@ let ButtonGroupElement = class ButtonGroupElement extends Themeable(Orientable(D
      */
     onVariantPropertyChange(_prev, next) {
         if (next) {
-            const elements = this._slotController.getAssignedElements('')
-                .filter((x) => x instanceof ButtonBaseElement);
-            elements.forEach((x) => x.variant = next);
+            this.getSlotAssignments('')
+                .filter((x) => x instanceof ButtonBaseElement)
+                .forEach((x) => x.variant = next);
         }
     }
     /**
@@ -135,26 +148,9 @@ let ButtonGroupElement = class ButtonGroupElement extends Themeable(Orientable(D
      */
     onDirPropertyChange(_prev, next) {
         if (next) {
-            const elements = this._slotController.getAssignedElements('')
-                .filter((x) => x instanceof ButtonBaseElement);
-            elements.forEach((x) => x.dir = next);
-        }
-    }
-    /**
-     * @private
-     */
-    onSlotChange() {
-        const elements = this._slotController.getAssignedElements()
-            .filter((x) => x instanceof ButtonBaseElement);
-        for (const [i, e] of elements.entries()) {
-            e.disabled = this.disabled;
-            e.appearance = this.appearance;
-            e.variant = this.variant;
-            e.dir = this.dir;
-            e.classList.add('button-group-button');
-            e.classList.toggle('first', i === 0);
-            e.classList.toggle('inner', i > 0 && i < elements.length - 1);
-            e.classList.toggle('last', i === elements.length - 1);
+            this.getSlotAssignments('')
+                .filter((x) => x instanceof ButtonBaseElement)
+                .forEach((x) => x.dir = next);
         }
     }
 };

package/Controls/Components/Buttons/Button/ButtonGroupElement.js.map

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

package/Controls/Components/Buttons/Button/IButtonGroupElementProps.d.ts

@@ -1,12 +1,13 @@
 import type { IAppearanceableProps } from '../../../Behaviors/Appearanceable';
 import type { IDisableableProps } from '../../../Behaviors/Disableable';
 import type { IOrientableProps } from '../../../Behaviors/Orientable';
+import type { ISlottableProps } from '../../../Behaviors/Slottable';
 import type { IVariantableProps } from '../../../Behaviors/Variantable';
 /**
  * Represents the `{@link IButtonGroupElementProps}` interface.
  *
  * @public
  */
-export interface IButtonGroupElementProps extends IDisableableProps, IOrientableProps, IVariantableProps, IAppearanceableProps {
+export interface IButtonGroupElementProps extends IDisableableProps, IOrientableProps, IVariantableProps, IAppearanceableProps, ISlottableProps {
 }
 //# sourceMappingURL=IButtonGroupElementProps.d.ts.map

package/Controls/Components/Buttons/Button/IButtonGroupElementProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IButtonGroupElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/IButtonGroupElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,oBAAoB;CAC7H"}
+{"version":3,"file":"IButtonGroupElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/IButtonGroupElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,wBACb,SAAQ,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,eAAe;CACxG"}

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAqR1D"}
+{"version":3,"file":"ButtonElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CA0R1D"}

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.js

@@ -34,6 +34,7 @@ export function buttonElementCosmopolitanStyle() {
   --button-border-radius: var(--cosmopolitan-layout-radius);
   --button-border-style: solid;
   --button-border-width: var(--cosmopolitan-layout-thickness);
+  --button-focus-ring-color: var(--cosmopolitan-scheme-highlight);
   --button-foreground-color: var(--cosmopolitan-scheme-foreground);
   --button-height: auto;
   --button-progress-thickness: var(--cosmopolitan-layout-thickness);
@@ -89,6 +90,10 @@ export function buttonElementCosmopolitanStyle() {
   display: flex;
 }
 
+:host [part="focusRing"] {
+  --focus-ring-color: var(--button-focus-ring-color);
+}
+
 :host [part="button"] {
   font-family: inherit;
   font-size: inherit;

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmRT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ButtonElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwRT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAitBjD"}
+{"version":3,"file":"ButtonElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAstBjD"}

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.js

@@ -34,6 +34,7 @@ export function buttonElementJoyStyle() {
   --button-border-radius: var(--joy-layout-radius);
   --button-border-style: solid;
   --button-border-width: var(--joy-layout-thickness);
+  --button-focus-ring-color: var(--joy-scheme-highlight);
   --button-foreground-color: var(--joy-scheme-foreground);
   --button-height: calc(var(--joy-layout-space) * 5 - var(--joy-layout-space) / 2);
   --button-progress-thickness: var(--joy-layout-thickness);
@@ -89,6 +90,10 @@ export function buttonElementJoyStyle() {
   display: flex;
 }
 
+:host [part="focusRing"] {
+  --focus-ring-color: var(--button-focus-ring-color);
+}
+
 :host [part="button"] {
   font-family: inherit;
   font-size: inherit;

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+sBT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ButtonElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAotBT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA4fnD"}
+{"version":3,"file":"ButtonElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAigBnD"}

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.js

@@ -34,6 +34,7 @@ export function buttonElementRetroStyle() {
   --button-border-radius: var(--retro-layout-radius);
   --button-border-style: solid;
   --button-border-width: var(--retro-layout-thickness);
+  --button-focus-ring-color: var(--retro-scheme-highlight);
   --button-foreground-color: var(--retro-scheme-foreground);
   --button-height: calc(var(--retro-layout-space) * 5 - var(--retro-layout-space) / 2);
   --button-progress-thickness: var(--retro-layout-thickness);
@@ -98,6 +99,10 @@ export function buttonElementRetroStyle() {
   display: flex;
 }
 
+:host [part="focusRing"] {
+  --focus-ring-color: var(--button-focus-ring-color);
+}
+
 :host [part="button"] {
   font-family: inherit;
   font-size: inherit;

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0fT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ButtonElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+fT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.d.ts

@@ -1,8 +1,6 @@
-import { IconPosition } from '../../../Types/IconPosition';
-import { Size } from '../../../Types/Size';
 import { ButtonBaseElement } from '../Abstracts/ButtonBaseElement';
 import type { ICompoundButtonElementProps } from './ICompoundButtonElementProps';
-declare const CompoundButtonElement_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/Labelable").ILabelableProps) & typeof ButtonBaseElement & import("../../../../Controls/Behaviors/Themeable").IThemeableCtor;
+declare const CompoundButtonElement_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/Labelable").ILabelableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Iconable").IIconableProps) & typeof ButtonBaseElement & import("../../../../Controls/Behaviors/Themeable").IThemeableCtor;
 /**
  * Compound Button - A button component that combines different elements for extended functionality.
  *
@@ -78,9 +76,6 @@ declare const CompoundButtonElement_base: (abstract new (...args: Array<any>) =>
  */
 export declare class CompoundButtonElement extends CompoundButtonElement_base implements ICompoundButtonElementProps {
     private _subLabel;
-    private _icon;
-    private _iconPosition;
-    private _iconSize;
     private _isNavigation;
     /**
      * @public
@@ -102,29 +97,6 @@ export declare class CompoundButtonElement extends CompoundButtonElement_base im
      */
     get subLabel(): string;
     set subLabel(value: string);
-    /**
-     * Gets or sets the `icon` property.
-     *
-     * @public
-     */
-    get icon(): string;
-    set icon(value: string);
-    /**
-     * Gets or sets the `iconPosition` property.
-     *
-     * @public
-     * @attr
-     */
-    get iconPosition(): IconPosition;
-    set iconPosition(value: IconPosition);
-    /**
-     * Gets or sets the `iconSize` property.
-     *
-     * @public
-     * @attr
-     */
-    get iconSize(): Size | null;
-    set iconSize(value: Size | null);
     /**
      * Gets or sets the `isNavigation` property.
      *
@@ -133,10 +105,6 @@ export declare class CompoundButtonElement extends CompoundButtonElement_base im
      */
     get isNavigation(): boolean;
     set isNavigation(value: boolean);
-    /**
-     * @protected
-     */
-    protected onIconPropertyChanged(_prev: string, next: string): void;
 }
 /**
  * @public

package/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAO3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;;AAQjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,qBAqBa,qBACT,SAAQ,0BACR,YAAW,2BAA2B;IAItC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,aAAa,CAAe;IACpC,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,aAAa,CAAU;IAM/B;;OAEG;;IAkBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,EAKhC;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IACW,YAAY,IAAI,YAAY,CAEtC;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,YAAY,EAK1C;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,IAAI,GAAG,IAAI,CAEjC;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAKrC;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAMD;;OAEG;IAEH,SAAS,CAAC,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;CAUrE;AAED;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IACnC,KAAY,KAAK,GAAG,2BAA2B,CAAC;CACnD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,qBAAqB,CAAC;KACnD;CACJ"}
+{"version":3,"file":"CompoundButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;;AASjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,qBAqBa,qBACT,SAAQ,0BACR,YAAW,2BAA2B;IAItC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,aAAa,CAAU;IAM/B;;OAEG;;IAeH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,EAKhC;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;CAIJ;AAED;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IACnC,KAAY,KAAK,GAAG,2BAA2B,CAAC;CACnD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,qBAAqB,CAAC;KACnD;CACJ"}

package/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.js

@@ -8,7 +8,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { RendererServiceLocator } from '../../../../Dom/Renderer';
 import { Busyable } from '../../../Behaviors/Busyable';
 import { ContentAlignable } from '../../../Behaviors/ContentAlignable';
 import { Fitable } from '../../../Behaviors/Fitable';
@@ -18,9 +17,6 @@ import { Reversible } from '../../../Behaviors/Reversible';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
 import { Property } from '../../../Decorators/PropertyDecorator';
-import { Watch } from '../../../Decorators/WatchDecorator';
-import { IconPosition } from '../../../Types/IconPosition';
-import { Size } from '../../../Types/Size';
 import { RippleElement } from '../../Effects/Ripple/RippleElement';
 import { StackElement } from '../../Layouts/Stack/StackElement';
 import { IconElement } from '../../Media/Icon/IconElement';
@@ -33,6 +29,7 @@ import { Themeable } from '../../../../Controls/Behaviors/Themeable';
 import { compoundButtonElementCosmopolitanStyle } from './Themes/CompoundButtonElement.Cosmopolitan';
 import { compoundButtonElementRetroStyle } from './Themes/CompoundButtonElement.Retro';
 import { compoundButtonElementJoyStyle } from './Themes/CompoundButtonElement.Joy';
+import { Iconable } from '../../../Behaviors/Iconable';
 // #endregion
 /**
  * Compound Button - A button component that combines different elements for extended functionality.
@@ -107,12 +104,9 @@ import { compoundButtonElementJoyStyle } from './Themes/CompoundButtonElement.Jo
  *
  * @public
  */
-let CompoundButtonElement = class CompoundButtonElement extends Themeable(Reversible(Orientable(ContentAlignable(Fitable(Busyable(Labelable(ButtonBaseElement))))))) {
+let CompoundButtonElement = class CompoundButtonElement extends Themeable(Reversible(Orientable(ContentAlignable(Fitable(Busyable(Labelable(Iconable(ButtonBaseElement)))))))) {
     // #region Fields
     _subLabel;
-    _icon;
-    _iconPosition;
-    _iconSize;
     _isNavigation;
     // #endregion
     // #region Ctor
@@ -124,9 +118,6 @@ let CompoundButtonElement = class CompoundButtonElement extends Themeable(Revers
         // this.verticalContentAlignment = VerticalAlignment.Center;
         // this.horizontalContentAlignment = HorizontalAlignment.Left;
         this._subLabel = '';
-        this._icon = '';
-        this._iconPosition = IconPosition.Before;
-        this._iconSize = null;
         this._isNavigation = false;
     }
     // #endregion
@@ -156,50 +147,6 @@ let CompoundButtonElement = class CompoundButtonElement extends Themeable(Revers
             this.requestUpdate('subLabel');
         }
     }
-    /**
-     * Gets or sets the `icon` property.
-     *
-     * @public
-     */
-    get icon() {
-        return this._icon;
-    }
-    set icon(value) {
-        if (this._icon !== value) {
-            this._icon = value;
-            this.requestUpdate('icon');
-        }
-    }
-    /**
-     * Gets or sets the `iconPosition` property.
-     *
-     * @public
-     * @attr
-     */
-    get iconPosition() {
-        return this._iconPosition;
-    }
-    set iconPosition(value) {
-        if (this._iconPosition !== value) {
-            this._iconPosition = value;
-            this.requestUpdate('iconPosition');
-        }
-    }
-    /**
-     * Gets or sets the `iconSize` property.
-     *
-     * @public
-     * @attr
-     */
-    get iconSize() {
-        return this._iconSize;
-    }
-    set iconSize(value) {
-        if (this._iconSize !== value) {
-            this._iconSize = value;
-            this.requestUpdate('iconSize');
-        }
-    }
     /**
      * Gets or sets the `isNavigation` property.
      *
@@ -215,40 +162,12 @@ let CompoundButtonElement = class CompoundButtonElement extends Themeable(Revers
             this.requestUpdate('isNavigation');
         }
     }
-    // #endregion
-    // #region Methods
-    /**
-     * @protected
-     */
-    onIconPropertyChanged(_prev, next) {
-        if (next === '') {
-            RendererServiceLocator.current.removeAttribute(this, 'has-icon');
-        }
-        else {
-            RendererServiceLocator.current.setAttribute(this, 'has-icon');
-        }
-    }
 };
 __decorate([
     Property({ type: String }),
     __metadata("design:type", String),
     __metadata("design:paramtypes", [String])
 ], CompoundButtonElement.prototype, "subLabel", null);
-__decorate([
-    Property({ type: String }),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], CompoundButtonElement.prototype, "icon", null);
-__decorate([
-    Attribute({ type: IconPosition }),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], CompoundButtonElement.prototype, "iconPosition", null);
-__decorate([
-    Attribute({ type: Size }),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], CompoundButtonElement.prototype, "iconSize", null);
 __decorate([
     Attribute({
         type: Boolean,
@@ -257,12 +176,6 @@ __decorate([
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
 ], CompoundButtonElement.prototype, "isNavigation", null);
-__decorate([
-    Watch('icon'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [String, String]),
-    __metadata("design:returntype", void 0)
-], CompoundButtonElement.prototype, "onIconPropertyChanged", null);
 CompoundButtonElement = __decorate([
     Component({
         selector: 'mosaik-compound-button',

package/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.js.map

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

package/Controls/Components/Buttons/CompoundButton/ICompoundButtonElementProps.d.ts

@@ -1,22 +1,19 @@
 import type { IBusyableProps } from '../../../Behaviors/Busyable';
 import type { IContentAlignableProps } from '../../../Behaviors/ContentAlignable';
 import type { IFitableProps } from '../../../Behaviors/Fitable';
+import type { IIconableProps } from '../../../Behaviors/Iconable';
 import type { ILabelableProps } from '../../../Behaviors/Labelable';
 import type { IOrientableProps } from '../../../Behaviors/Orientable';
 import type { IReversibleProps } from '../../../Behaviors/Reversible';
-import type { IconPosition } from '../../../Types/IconPosition';
-import type { Size } from '../../../Types/Size';
+import type { IThemeableProps } from '../../../Behaviors/Themeable';
 import type { IButtonBaseElementProps } from '../Abstracts/IButtonBaseElementProps';
 /**
  * Represents the `{@link ICompoundButtonElementProps}` interface.
  *
  * @public
  */
-export interface ICompoundButtonElementProps extends IButtonBaseElementProps, IOrientableProps, IContentAlignableProps, IFitableProps, IBusyableProps, IReversibleProps, ILabelableProps {
+export interface ICompoundButtonElementProps extends IButtonBaseElementProps, IOrientableProps, IContentAlignableProps, IFitableProps, IBusyableProps, IReversibleProps, ILabelableProps, IIconableProps, IThemeableProps {
     subLabel: string;
-    icon: string;
-    iconPosition: IconPosition;
-    iconSize: Size | null;
     isNavigation: boolean;
 }
 //# sourceMappingURL=ICompoundButtonElementProps.d.ts.map

package/Controls/Components/Buttons/CompoundButton/ICompoundButtonElementProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ICompoundButtonElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/ICompoundButtonElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAIpF;;;;GAIG;AACH,MAAM,WAAW,2BACb,SAAQ,uBAAuB,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,eAAe;IAI3I,QAAQ,EAAE,MAAM,CAAC;IAEjB,IAAI,EAAE,MAAM,CAAC;IAEb,YAAY,EAAE,YAAY,CAAC;IAE3B,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;IAEtB,YAAY,EAAE,OAAO,CAAC;CAIzB"}
+{"version":3,"file":"ICompoundButtonElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/ICompoundButtonElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAIpF;;;;GAIG;AACH,MAAM,WAAW,2BACb,SAAQ,uBAAuB,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe;IAI5K,QAAQ,EAAE,MAAM,CAAC;IAEjB,YAAY,EAAE,OAAO,CAAC;CAIzB"}

package/Controls/Components/Buttons/DropDownButton/DropDownButtonElement.d.ts

@@ -1,9 +1,7 @@
 import { type IDropDownable } from '../../../Behaviors/DropDownable';
-import { IconPosition } from '../../../Types/IconPosition';
-import { Size } from '../../../Types/Size';
 import { ButtonBaseElement } from '../Abstracts/ButtonBaseElement';
 import type { IDropDownButtonElementProps } from './IDropDownButtonElementProps';
-declare const DropDownButtonElement_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/DropDownable").IDropDownableProps & IDropDownable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Busyable").IBusyableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Labelable").ILabelableProps) & typeof ButtonBaseElement & import("../../../../Controls/Behaviors/Themeable").IThemeableCtor;
+declare const DropDownButtonElement_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/DropDownable").IDropDownableProps & IDropDownable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Busyable").IBusyableProps) & (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;
 /**
  * Drop Down Button - A button that opens a menu when clicked, allowing users to select from a list of options.
  *
@@ -80,9 +78,6 @@ declare const DropDownButtonElement_base: (abstract new (...args: Array<any>) =>
  */
 export declare class DropDownButtonElement extends DropDownButtonElement_base implements IDropDownButtonElementProps, IDropDownable {
     private readonly _clickOutsideController;
-    private _icon;
-    private _iconPosition;
-    private _iconSize;
     private _caretVisible;
     /**
      * @public
@@ -97,29 +92,6 @@ export declare class DropDownButtonElement extends DropDownButtonElement_base im
      * @readonly
      */
     static get is(): string;
-    /**
-     * Gets or sets the `icon` property.
-     *
-     * @public
-     */
-    get icon(): string;
-    set icon(value: string);
-    /**
-     * Gets or sets the `iconPosition` property.
-     *
-     * @public
-     * @attr
-     */
-    get iconPosition(): IconPosition;
-    set iconPosition(value: IconPosition);
-    /**
-     * Gets or sets the `iconSize` property.
-     *
-     * @public
-     * @attr
-     */
-    get iconSize(): Size | null;
-    set iconSize(value: Size | null);
     /**
      * Gets or sets the `caretVisible` property.
      *
@@ -133,10 +105,6 @@ export declare class DropDownButtonElement extends DropDownButtonElement_base im
      * @override
      */
     connectedCallback(): void;
-    /**
-     * @protected
-     */
-    protected onIconPropertyChanged(_prev: string, next: string): void;
     /**
      * @protected
      */

package/Controls/Components/Buttons/DropDownButton/DropDownButtonElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/DropDownButton/DropDownButtonElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAUnF,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAS3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;;AAOjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,qBAuBa,qBACT,SAAQ,0BACR,YAAW,2BAA2B,EAAE,aAAa;IAIrD,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAyB;IACjE,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,aAAa,CAAe;IACpC,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,aAAa,CAAU;IAM/B;;OAEG;;IAoBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IACW,YAAY,IAAI,YAAY,CAEtC;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,YAAY,EAK1C;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,IAAI,GAAG,IAAI,CAEjC;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAKrC;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAazC;;OAEG;IAEH,SAAS,CAAC,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAQlE;;OAEG;IAEH,SAAS,CAAC,+BAA+B,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAehF;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI;IAOtE;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAIxB;;;OAGG;IACI,uBAAuB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;CAQxD;AAED;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IACnC,KAAY,KAAK,GAAG,2BAA2B,CAAC;CACnD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,qBAAqB,CAAC;KACnD;CACJ"}
+{"version":3,"file":"DropDownButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/DropDownButton/DropDownButtonElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAiBnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;;AAQjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,qBAuBa,qBACT,SAAQ,0BACR,YAAW,2BAA2B,EAAE,aAAa;IAIrD,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAyB;IACjE,OAAO,CAAC,aAAa,CAAU;IAM/B;;OAEG;;IAkBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAazC;;OAEG;IAEH,SAAS,CAAC,+BAA+B,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAehF;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI;IAOtE;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAIxB;;;OAGG;IACI,uBAAuB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;CAQxD;AAED;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IACnC,KAAY,KAAK,GAAG,2BAA2B,CAAC;CACnD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,qBAAqB,CAAC;KACnD;CACJ"}