@breadstone/mosaik-elements-foundation 0.1.36 → 0.1.38

package/Controls/Components/Charts/intl2/ChartElementIntl.d.ts

@@ -0,0 +1,95 @@
+import { ElementIntlBase } from '../../../../Intl/Abstracts/ElementIntlBase';
+/**
+ * The `ChartElementIntl` class.
+ *
+ * @public
+ */
+export declare class ChartElementIntl extends ElementIntlBase {
+    private _downloadLabel;
+    private _selectionLabel;
+    private _zoomLabel;
+    private _zoomInLabel;
+    private _zoomOutLabel;
+    private _panLabel;
+    private _resetLabel;
+    private _exportToSvgLabel;
+    private _exportToPngLabel;
+    private _exportToCsvLabel;
+    /**
+     * Constructs a new instance of the `ChartComponentIntl` class.
+     *
+     * @public
+     */
+    constructor(locale?: string);
+    /**
+     * Gets or sets the `downloadLabel` property.
+     *
+     * @public
+     */
+    get downloadLabel(): string;
+    set downloadLabel(value: string);
+    /**
+     * Gets or sets the `selectionLabel` property.
+     *
+     * @public
+     */
+    get selectionLabel(): string;
+    set selectionLabel(value: string);
+    /**
+     * Gets or sets the `zoomLabel` property.
+     *
+     * @public
+     */
+    get zoomLabel(): string;
+    set zoomLabel(value: string);
+    /**
+     * Gets or sets the `zoomInLabel` property.
+     *
+     * @public
+     */
+    get zoomInLabel(): string;
+    set zoomInLabel(value: string);
+    /**
+     * Gets or sets the `zoomOutLabel` property.
+     *
+     * @public
+     */
+    get zoomOutLabel(): string;
+    set zoomOutLabel(value: string);
+    /**
+     * Gets or sets the `panLabel` property.
+     *
+     * @public
+     */
+    get panLabel(): string;
+    set panLabel(value: string);
+    /**
+     * Gets or sets the `resetLabel` property.
+     *
+     * @public
+     */
+    get resetLabel(): string;
+    set resetLabel(value: string);
+    /**
+     * Gets or sets the `exportToSvgLabel` property.
+     *
+     * @public
+     */
+    get exportToSvgLabel(): string;
+    set exportToSvgLabel(value: string);
+    /**
+     * Gets or sets the `exportToPngLabel` property.
+     *
+     * @public
+     */
+    get exportToPngLabel(): string;
+    set exportToPngLabel(value: string);
+    /**
+     * Gets or sets the `exportToCsvLabel` property.
+     *
+     * @public
+     */
+    get exportToCsvLabel(): string;
+    set exportToCsvLabel(value: string);
+}
+//# sourceMappingURL=ChartElementIntl.d.ts.map

package/Controls/Components/Charts/intl2/ChartElementIntl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartElementIntl.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Charts/intl2/ChartElementIntl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAI7E;;;;GAIG;AACH,qBAAa,gBACT,SAAQ,eAAe;IAIvB,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,iBAAiB,CAAS;IAMlC;;;;OAIG;gBACgB,MAAM,CAAC,EAAE,MAAM;IAmBlC;;;;OAIG;IACH,IAAW,aAAa,IAAI,MAAM,CAEjC;IAED,IAAW,aAAa,CAAC,KAAK,EAAE,MAAM,EAErC;IAED;;;;OAIG;IACH,IAAW,cAAc,IAAI,MAAM,CAElC;IAED,IAAW,cAAc,CAAC,KAAK,EAAE,MAAM,EAEtC;IAED;;;;OAIG;IACH,IAAW,SAAS,IAAI,MAAM,CAE7B;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,EAEjC;IAED;;;;OAIG;IACH,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,WAAW,CAAC,KAAK,EAAE,MAAM,EAEnC;IAED;;;;OAIG;IACH,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,MAAM,EAEpC;IAED;;;;OAIG;IACH,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,EAEhC;IAED;;;;OAIG;IACH,IAAW,UAAU,IAAI,MAAM,CAE9B;IAED,IAAW,UAAU,CAAC,KAAK,EAAE,MAAM,EAElC;IAED;;;;OAIG;IACH,IAAW,gBAAgB,IAAI,MAAM,CAEpC;IAED,IAAW,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAExC;IAED;;;;OAIG;IACH,IAAW,gBAAgB,IAAI,MAAM,CAEpC;IAED,IAAW,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAExC;IAED;;;;OAIG;IACH,IAAW,gBAAgB,IAAI,MAAM,CAEpC;IAED,IAAW,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAExC;CAIJ"}

package/Controls/Components/Charts/intl2/ChartElementIntl.js

@@ -0,0 +1,154 @@
+// #region Imports
+import { ElementIntlBase } from '../../../../Intl/Abstracts/ElementIntlBase';
+// #endregion
+/**
+ * The `ChartElementIntl` class.
+ *
+ * @public
+ */
+export class ChartElementIntl extends ElementIntlBase {
+    // #region Fields
+    _downloadLabel;
+    _selectionLabel;
+    _zoomLabel;
+    _zoomInLabel;
+    _zoomOutLabel;
+    _panLabel;
+    _resetLabel;
+    _exportToSvgLabel;
+    _exportToPngLabel;
+    _exportToCsvLabel;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `ChartComponentIntl` class.
+     *
+     * @public
+     */
+    constructor(locale) {
+        super(locale);
+        this._downloadLabel = 'Download';
+        this._selectionLabel = 'Selection';
+        this._zoomLabel = 'Selection zoom';
+        this._zoomInLabel = 'Zoom in';
+        this._zoomOutLabel = 'Zoom out';
+        this._panLabel = 'Panning';
+        this._resetLabel = 'Reset';
+        this._exportToSvgLabel = 'Export to svg';
+        this._exportToPngLabel = 'Export to png';
+        this._exportToCsvLabel = 'Export to Csv';
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Gets or sets the `downloadLabel` property.
+     *
+     * @public
+     */
+    get downloadLabel() {
+        return this._downloadLabel;
+    }
+    set downloadLabel(value) {
+        this._downloadLabel = value;
+    }
+    /**
+     * Gets or sets the `selectionLabel` property.
+     *
+     * @public
+     */
+    get selectionLabel() {
+        return this._selectionLabel;
+    }
+    set selectionLabel(value) {
+        this._selectionLabel = value;
+    }
+    /**
+     * Gets or sets the `zoomLabel` property.
+     *
+     * @public
+     */
+    get zoomLabel() {
+        return this._zoomLabel;
+    }
+    set zoomLabel(value) {
+        this._zoomLabel = value;
+    }
+    /**
+     * Gets or sets the `zoomInLabel` property.
+     *
+     * @public
+     */
+    get zoomInLabel() {
+        return this._zoomInLabel;
+    }
+    set zoomInLabel(value) {
+        this._zoomInLabel = value;
+    }
+    /**
+     * Gets or sets the `zoomOutLabel` property.
+     *
+     * @public
+     */
+    get zoomOutLabel() {
+        return this._zoomOutLabel;
+    }
+    set zoomOutLabel(value) {
+        this._zoomOutLabel = value;
+    }
+    /**
+     * Gets or sets the `panLabel` property.
+     *
+     * @public
+     */
+    get panLabel() {
+        return this._panLabel;
+    }
+    set panLabel(value) {
+        this._panLabel = value;
+    }
+    /**
+     * Gets or sets the `resetLabel` property.
+     *
+     * @public
+     */
+    get resetLabel() {
+        return this._resetLabel;
+    }
+    set resetLabel(value) {
+        this._resetLabel = value;
+    }
+    /**
+     * Gets or sets the `exportToSvgLabel` property.
+     *
+     * @public
+     */
+    get exportToSvgLabel() {
+        return this._exportToSvgLabel;
+    }
+    set exportToSvgLabel(value) {
+        this._exportToSvgLabel = value;
+    }
+    /**
+     * Gets or sets the `exportToPngLabel` property.
+     *
+     * @public
+     */
+    get exportToPngLabel() {
+        return this._exportToPngLabel;
+    }
+    set exportToPngLabel(value) {
+        this._exportToPngLabel = value;
+    }
+    /**
+     * Gets or sets the `exportToCsvLabel` property.
+     *
+     * @public
+     */
+    get exportToCsvLabel() {
+        return this._exportToCsvLabel;
+    }
+    set exportToCsvLabel(value) {
+        this._exportToCsvLabel = value;
+    }
+}
+//# sourceMappingURL=ChartElementIntl.js.map

package/Controls/Components/Charts/intl2/ChartElementIntl.js.map

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

package/Controls/Components/Media/ColorSwatch/ColorSwatchElement.d.ts

@@ -1,7 +1,10 @@
+import { type ICheckable, type ICheckableEvents } from '../../../Behaviors/Checkable';
+import type { Appearance } from '../../../Types/Appearance';
 import type { Size } from '../../../Types/Size';
+import type { Variant } from '../../../Types/Variant';
 import { CustomElement } from '../../Abstracts/CustomElement';
 import type { IColorSwatchElementProps } from './IColorSwatchElementProps';
-declare const ColorSwatchElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Valueable").IValueableProps<unknown>) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Sizeable").ISizeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+declare const ColorSwatchElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Checkable").ICheckableProps & ICheckableEvents & ICheckable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Valueable").IValueableProps<unknown>) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Sizeable").ISizeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
  * Color Swatch - A user interface component for displaying colors.
  *
@@ -14,7 +17,11 @@ declare const ColorSwatchElement_base: (abstract new (...args: Array<any>) => im
  * @element mosaik-color-swatch
  * @category Media
  *
+ * @slot checkmark - The checkmark slot.
+ *
  * @csspart back - The back part.
+ * @csspart checkmark - The checkmark part.
+ * @csspart checkmark-container - The checkmark container part.
  * @csspart front - The front part.
  * @csspart root - The root part.
  *
@@ -48,6 +55,12 @@ declare const ColorSwatchElement_base: (abstract new (...args: Array<any>) => im
  * @cssprop {String} --color-swatch-transition-property - The swatch transition property CSS custom property.
  * @cssprop {String} --color-swatch-translate - The swatch translate CSS custom property.
  *
+ * @fires toggled {ToggledEvent} - Dispatched when the swatch checked state changes.
+ * @fires checked {CheckedEvent} - Dispatched when the swatch is checked.
+ * @fires unchecked {UncheckedEvent} - Dispatched when the swatch is unchecked.
+ *
+ * @dependency {CheckmarkElement} mosaik-checkmark - The checkmark element.
+ *
  * @example
  * Basic usage displaying a color:
  * ```html
@@ -68,7 +81,7 @@ declare const ColorSwatchElement_base: (abstract new (...args: Array<any>) => im
  *
  * @public
  */
-export declare class ColorSwatchElement extends ColorSwatchElement_base implements IColorSwatchElementProps {
+export declare class ColorSwatchElement extends ColorSwatchElement_base implements IColorSwatchElementProps, ICheckableEvents, ICheckable {
     private readonly _inheritance;
     private _name;
     private _value;
@@ -95,6 +108,33 @@ export declare class ColorSwatchElement extends ColorSwatchElement_base implemen
      */
     get size(): Size;
     set size(value: Size);
+    /**
+     * Gets or sets the `disabled` property.
+     * When used inside a ColorSwatchGroup, inherits the group's disabled state unless explicitly set.
+     *
+     * @public
+     * @override
+     */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /**
+     * Gets or sets the `appearance` property.
+     * When used inside a ColorSwatchGroup, inherits the group's appearance unless explicitly set.
+     *
+     * @public
+     * @override
+     */
+    get appearance(): Appearance;
+    set appearance(value: Appearance);
+    /**
+     * Gets or sets the `variant` property.
+     * When used inside a ColorSwatchGroup, inherits the group's variant unless explicitly set.
+     *
+     * @public
+     * @override
+     */
+    get variant(): Variant;
+    set variant(value: Variant);
     /**
      * Gets or sets the `name` property.
      *

package/Controls/Components/Media/ColorSwatch/ColorSwatchElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatchElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchElement.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;;AAO3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AACH,qBAUa,kBACT,SAAQ,uBACR,YAAW,wBAAwB;IAInC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE1B;IACH,OAAO,CAAC,KAAK,CAAgB;IAC7B,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,cAAc,CAAU;IAMhC;;OAEG;;IAaH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;OAMG;IACH,IAAoB,IAAI,IAAI,IAAI,CAE/B;IACD,IAAoB,IAAI,CAAC,KAAK,EAAE,IAAI,EAGnC;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,GAAG,IAAI,CAE/B;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAKnC;IAED;;;;;OAKG;IACH,IACoB,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzC;IAED,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAK7C;IAED;;;;;OAKG;IACH,IAIW,aAAa,IAAI,OAAO,CAElC;IACD,IAAW,aAAa,CAAC,KAAK,EAAE,OAAO,EAKtC;CAIJ;AAED;;EAEE;AACF,yBAAiB,kBAAkB,CAAC;IAChC,KAAY,KAAK,GAAG,wBAAwB,CAAC;CAChD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,kBAAkB,CAAC;KAC7C;CACJ"}
+{"version":3,"file":"ColorSwatchElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,UAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AASjG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;;AAO3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,qBAYa,kBACT,SAAQ,uBACR,YAAW,wBAAwB,EAAE,gBAAgB,EAAE,UAAU;IAIjE,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE1B;IACH,OAAO,CAAC,KAAK,CAAgB;IAC7B,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,cAAc,CAAU;IAMhC;;OAEG;;IAaH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;OAMG;IACH,IAAoB,IAAI,IAAI,IAAI,CAE/B;IACD,IAAoB,IAAI,CAAC,KAAK,EAAE,IAAI,EAGnC;IAED;;;;;;OAMG;IACH,IAAoB,QAAQ,IAAI,OAAO,CAEtC;IACD,IAAoB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1C;IAED;;;;;;OAMG;IACH,IAAoB,UAAU,IAAI,UAAU,CAE3C;IACD,IAAoB,UAAU,CAAC,KAAK,EAAE,UAAU,EAG/C;IAED;;;;;;OAMG;IACH,IAAoB,OAAO,IAAI,OAAO,CAErC;IACD,IAAoB,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzC;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,GAAG,IAAI,CAE/B;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAKnC;IAED;;;;;OAKG;IACH,IACoB,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzC;IAED,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAK7C;IAED;;;;;OAKG;IACH,IAIW,aAAa,IAAI,OAAO,CAElC;IACD,IAAW,aAAa,CAAC,KAAK,EAAE,OAAO,EAKtC;CAIJ;AAED;;EAEE;AACF,yBAAiB,kBAAkB,CAAC;IAChC,KAAY,KAAK,GAAG,wBAAwB,CAAC;CAChD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,kBAAkB,CAAC;KAC7C;CACJ"}

package/Controls/Components/Media/ColorSwatch/ColorSwatchElement.js

@@ -8,13 +8,18 @@ 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 { Appearanceable } from '../../../Behaviors/Appearanceable';
+import { Checkable } from '../../../Behaviors/Checkable';
+import { Disableable } from '../../../Behaviors/Disableable';
 import { Sizeable } from '../../../Behaviors/Sizeable';
 import { Themeable } from '../../../Behaviors/Themeable';
 import { Valueable } from '../../../Behaviors/Valueable';
+import { Variantable } from '../../../Behaviors/Variantable';
 import { addInheritanceConsumerController } from '../../../Controllers/InheritanceConsumerController';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
 import { CustomElement } from '../../Abstracts/CustomElement';
+import { CheckmarkElement } from '../../Primitives/Checkmark/CheckmarkElement';
 import { colorSwatchElementTemplate } from './ColorSwatchElementTemplate';
 import { COLOR_SWATCH_GROUP_INHERITANCE_CONTEXT } from './ColorSwatchGroupInheritanceContext';
 import { colorSwatchElementCosmopolitanStyle } from './Themes/ColorSwatchElement.Cosmopolitan';
@@ -33,7 +38,11 @@ import { colorSwatchElementMemphisStyle } from './Themes/ColorSwatchElement.Memp
  * @element mosaik-color-swatch
  * @category Media
  *
+ * @slot checkmark - The checkmark slot.
+ *
  * @csspart back - The back part.
+ * @csspart checkmark - The checkmark part.
+ * @csspart checkmark-container - The checkmark container part.
  * @csspart front - The front part.
  * @csspart root - The root part.
  *
@@ -67,6 +76,12 @@ import { colorSwatchElementMemphisStyle } from './Themes/ColorSwatchElement.Memp
  * @cssprop {String} --color-swatch-transition-property - The swatch transition property CSS custom property.
  * @cssprop {String} --color-swatch-translate - The swatch translate CSS custom property.
  *
+ * @fires toggled {ToggledEvent} - Dispatched when the swatch checked state changes.
+ * @fires checked {CheckedEvent} - Dispatched when the swatch is checked.
+ * @fires unchecked {UncheckedEvent} - Dispatched when the swatch is unchecked.
+ *
+ * @dependency {CheckmarkElement} mosaik-checkmark - The checkmark element.
+ *
  * @example
  * Basic usage displaying a color:
  * ```html
@@ -87,7 +102,7 @@ import { colorSwatchElementMemphisStyle } from './Themes/ColorSwatchElement.Memp
  *
  * @public
  */
-let ColorSwatchElement = class ColorSwatchElement extends Themeable(Valueable(Sizeable(CustomElement))) {
+let ColorSwatchElement = class ColorSwatchElement extends Themeable(Checkable(Disableable(Variantable(Appearanceable(Valueable(Sizeable(CustomElement))))))) {
     // #region Fields
     _inheritance = addInheritanceConsumerController(this, {
         context: COLOR_SWATCH_GROUP_INHERITANCE_CONTEXT
@@ -133,6 +148,48 @@ let ColorSwatchElement = class ColorSwatchElement extends Themeable(Valueable(Si
         this._inheritance.markExplicit('size');
         super.size = value;
     }
+    /**
+     * Gets or sets the `disabled` property.
+     * When used inside a ColorSwatchGroup, inherits the group's disabled state unless explicitly set.
+     *
+     * @public
+     * @override
+     */
+    get disabled() {
+        return this._inheritance.get('disabled', super.disabled);
+    }
+    set disabled(value) {
+        this._inheritance.markExplicit('disabled');
+        super.disabled = value;
+    }
+    /**
+     * Gets or sets the `appearance` property.
+     * When used inside a ColorSwatchGroup, inherits the group's appearance unless explicitly set.
+     *
+     * @public
+     * @override
+     */
+    get appearance() {
+        return this._inheritance.get('appearance', super.appearance);
+    }
+    set appearance(value) {
+        this._inheritance.markExplicit('appearance');
+        super.appearance = value;
+    }
+    /**
+     * Gets or sets the `variant` property.
+     * When used inside a ColorSwatchGroup, inherits the group's variant unless explicitly set.
+     *
+     * @public
+     * @override
+     */
+    get variant() {
+        return this._inheritance.get('variant', super.variant);
+    }
+    set variant(value) {
+        this._inheritance.markExplicit('variant');
+        super.variant = value;
+    }
     /**
      * Gets or sets the `name` property.
      *
@@ -206,7 +263,9 @@ ColorSwatchElement = __decorate([
             memphis: colorSwatchElementMemphisStyle,
             cosmopolitan: colorSwatchElementCosmopolitanStyle
         },
-        imports: []
+        imports: [
+            CheckmarkElement
+        ]
     }),
     __metadata("design:paramtypes", [])
 ], ColorSwatchElement);

package/Controls/Components/Media/ColorSwatch/ColorSwatchElement.js.map

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

package/Controls/Components/Media/ColorSwatch/ColorSwatchElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatchElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI/D;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,kBAAkB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAc7F"}
+{"version":3,"file":"ColorSwatchElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAKjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI/D;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,kBAAkB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAyB7F"}

package/Controls/Components/Media/ColorSwatch/ColorSwatchElementTemplate.js

@@ -2,6 +2,8 @@
 import { html } from '../../../../Dom/Html';
 import { when } from '../../../Directives/Directives';
 import { ifNonNull } from '../../../Directives/IfNonNull';
+import { Appearance } from '../../../Types/Appearance';
+import { CheckType } from '../../../Types/CheckType';
 // #endregion
 /**
  * The template of the `ColorSwatchElement`.
@@ -18,8 +20,19 @@ export function colorSwatchElementTemplate(e) {
             ${when(e.value, () => html `
             <div part="front"
                 style="background-color: ${e.value?.toString()}"></div>
-            </div>
             `)}
+            <span part="checkmark-container">
+                <slot name="checkmark">
+                    <mosaik-checkmark part="checkmark"
+                                      .lang="${e.lang}"
+                                      .dir="${e.dir}"
+                                      .variant="${e.variant}"
+                                      .appearance="${Appearance.Plain}"
+                                      .type="${CheckType.Hook}"
+                                      ?checked="${e.isChecked}"
+                                      ?disabled="${e.disabled}"></mosaik-checkmark>
+                </slot>
+            </span>
         </div>
      `;
 }

package/Controls/Components/Media/ColorSwatch/ColorSwatchElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatchElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAG1D,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAA+B,CAAI;IACzE,OAAO,IAAI,CAAA;;2BAEY,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;cAC9B,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;aAEjC,CAAC;cACA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;2CAEK,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE;;aAEjD,CAAC;;MAER,CAAC;AACP,CAAC"}
+{"version":3,"file":"ColorSwatchElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAA+B,CAAI;IACzE,OAAO,IAAI,CAAA;;2BAEY,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;cAC9B,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;aAEjC,CAAC;cACA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;2CAEK,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE;aACjD,CAAC;;;;+CAIiC,CAAC,CAAC,IAAI;8CACP,CAAC,CAAC,GAAG;kDACD,CAAC,CAAC,OAAO;qDACN,UAAU,CAAC,KAAK;+CACtB,SAAS,CAAC,IAAI;kDACX,CAAC,CAAC,SAAS;mDACV,CAAC,CAAC,QAAQ;;;;MAIvD,CAAC;AACP,CAAC"}

package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatchGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;;AAOhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,qBAUa,uBACT,SAAQ,4BACR,YAAW,6BAA6B;IAIxC;;OAEG;;IAgBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAIJ;AAED;;EAEE;AACF,yBAAiB,uBAAuB,CAAC;IACrC,KAAY,KAAK,GAAG,6BAA6B,CAAC;CACrD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,2BAA2B,EAAE,uBAAuB,CAAC;KACxD;CACJ"}
+{"version":3,"file":"ColorSwatchGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;;AAOhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,qBAUa,uBACT,SAAQ,4BACR,YAAW,6BAA6B;IAIxC;;OAEG;;IAmBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAIJ;AAED;;EAEE;AACF,yBAAiB,uBAAuB,CAAC;IACrC,KAAY,KAAK,GAAG,6BAA6B,CAAC;CACrD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,2BAA2B,EAAE,uBAAuB,CAAC;KACxD;CACJ"}

package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.js

@@ -90,6 +90,9 @@ let ColorSwatchGroupElement = class ColorSwatchGroupElement extends Themeable(Di
         addInheritanceProviderController(this, {
             context: COLOR_SWATCH_GROUP_INHERITANCE_CONTEXT,
             values: () => ({
+                disabled: this.disabled,
+                appearance: this.appearance,
+                variant: this.variant,
                 size: this.size
             })
         });

package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatchGroupElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,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,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,gCAAgC,EAAE,MAAM,oDAAoD,CAAC;AACtG,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,sCAAsC,EAAmC,MAAM,sCAAsC,CAAC;AAE/H,OAAO,EAAE,wCAAwC,EAAE,MAAM,+CAA+C,CAAC;AACzG,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,mCAAmC,EAAE,MAAM,0CAA0C,CAAC;AAE/F,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AAWI,IAAM,uBAAuB,GAA7B,MAAM,uBACT,SAAQ,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAGpF,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,gCAAgC,CAA6B,IAAI,EAAE;YAC/D,OAAO,EAAE,sCAAsC;YAC/C,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;gBACX,IAAI,EAAE,IAAI,CAAC,IAAI;aAClB,CAAC;SACL,CAAC,CAAA;IACN,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,2BAA2B,CAAC;IACvC,CAAC;CAIJ,CAAA;AAtCY,uBAAuB;IAVnC,SAAS,CAAC;QACP,QAAQ,EAAE,2BAA2B;QACrC,QAAQ,EAAE,+BAA+B;QACzC,MAAM,EAAE;YACJ,GAAG,EAAE,+BAA+B;YACpC,OAAO,EAAE,mCAAmC;YAC5C,YAAY,EAAE,wCAAwC;SACzD;QACD,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC,CAAC;;GACW,uBAAuB,CAsCnC"}
+{"version":3,"file":"ColorSwatchGroupElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,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,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,gCAAgC,EAAE,MAAM,oDAAoD,CAAC;AACtG,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,sCAAsC,EAAmC,MAAM,sCAAsC,CAAC;AAE/H,OAAO,EAAE,wCAAwC,EAAE,MAAM,+CAA+C,CAAC;AACzG,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,mCAAmC,EAAE,MAAM,0CAA0C,CAAC;AAE/F,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AAWI,IAAM,uBAAuB,GAA7B,MAAM,uBACT,SAAQ,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAGpF,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,gCAAgC,CAA6B,IAAI,EAAE;YAC/D,OAAO,EAAE,sCAAsC;YAC/C,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;gBACX,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,IAAI,EAAE,IAAI,CAAC,IAAI;aAClB,CAAC;SACL,CAAC,CAAA;IACN,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,2BAA2B,CAAC;IACvC,CAAC;CAIJ,CAAA;AAzCY,uBAAuB;IAVnC,SAAS,CAAC;QACP,QAAQ,EAAE,2BAA2B;QACrC,QAAQ,EAAE,+BAA+B;QACzC,MAAM,EAAE;YACJ,GAAG,EAAE,+BAA+B;YACpC,OAAO,EAAE,mCAAmC;YAC5C,YAAY,EAAE,wCAAwC;SACzD;QACD,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC,CAAC;;GACW,uBAAuB,CAyCnC"}

package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.d.ts

@@ -1,10 +1,24 @@
+import type { Appearance } from '../../../Types/Appearance';
 import type { Size } from '../../../Types/Size';
+import type { Variant } from '../../../Types/Variant';
 /**
  * Interface for properties inherited by child ColorSwatchElements.
  *
  * @public
  */
 export interface IColorSwatchGroupInherited {
+    /**
+     * Inherited disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * Inherited appearance.
+     */
+    appearance?: Appearance;
+    /**
+     * Inherited variant.
+     */
+    variant?: Variant;
     /**
      * Inherited size.
      */

package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatchGroupInheritanceContext.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAIhD;;;;GAIG;AACH,MAAM,WAAW,0BAA0B;IAIvC;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CAIf;AAED;;;;GAIG;AACH,eAAO,MAAM,sCAAsC;;CAA0G,CAAC"}
+{"version":3,"file":"ColorSwatchGroupInheritanceContext.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAItD;;;;GAIG;AACH,MAAM,WAAW,0BAA0B;IAIvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CAIf;AAED;;;;GAIG;AACH,eAAO,MAAM,sCAAsC;;CAA0G,CAAC"}

package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatchGroupInheritanceContext.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAuB7C;;;;GAIG;AACH,MAAM,CAAC,MAAM,sCAAsC,GAAG,aAAa,CAAsC,MAAM,CAAC,GAAG,CAAC,uCAAuC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ColorSwatchGroupInheritanceContext.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAwC7C;;;;GAIG;AACH,MAAM,CAAC,MAAM,sCAAsC,GAAG,aAAa,CAAsC,MAAM,CAAC,GAAG,CAAC,uCAAuC,CAAC,CAAC,CAAC"}

package/Controls/Components/Media/ColorSwatch/IColorSwatchElementProps.d.ts

@@ -1,11 +1,15 @@
+import type { IAppearanceableProps } from '../../../Behaviors/Appearanceable';
+import type { ICheckableProps } from '../../../Behaviors/Checkable';
+import type { IDisableableProps } from '../../../Behaviors/Disableable';
 import type { ISizeableProps } from '../../../Behaviors/Sizeable';
 import type { IValueableProps } from '../../../Behaviors/Valueable';
+import type { IVariantableProps } from '../../../Behaviors/Variantable';
 /**
  * Represents the `IColorSwatchElementProps` interface.
  *
  * @public
  */
-export interface IColorSwatchElementProps extends IValueableProps, ISizeableProps {
+export interface IColorSwatchElementProps extends IValueableProps, ISizeableProps, ICheckableProps, IDisableableProps, IAppearanceableProps, IVariantableProps {
     name: string | null;
     value: string | null;
     hasBackground: boolean;

package/Controls/Components/Media/ColorSwatch/IColorSwatchElementProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IColorSwatchElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/IColorSwatchElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE;;;;GAIG;AACH,MAAM,WAAW,wBACb,SAAQ,eAAe,EAAE,cAAc;IAEvC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB,aAAa,EAAE,OAAO,CAAC;CAE1B"}
+{"version":3,"file":"IColorSwatchElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/IColorSwatchElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,wBACb,SAAQ,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,iBAAiB;IAEpH,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB,aAAa,EAAE,OAAO,CAAC;CAE1B"}

package/Controls/Components/Media/ColorSwatch/IColorSwatchGroupElementProps.d.ts

@@ -1,9 +1,12 @@
+import type { IAppearanceableProps } from '../../../Behaviors/Appearanceable';
+import type { IDisableableProps } from '../../../Behaviors/Disableable';
 import type { ISizeableProps } from '../../../Behaviors/Sizeable';
+import type { IVariantableProps } from '../../../Behaviors/Variantable';
 /**
  * Represents the `IColorSwatchGroupElementProps` interface.
  *
  * @public
  */
-export interface IColorSwatchGroupElementProps extends ISizeableProps {
+export interface IColorSwatchGroupElementProps extends ISizeableProps, IDisableableProps, IAppearanceableProps, IVariantableProps {
 }
 //# sourceMappingURL=IColorSwatchGroupElementProps.d.ts.map

package/Controls/Components/Media/ColorSwatch/IColorSwatchGroupElementProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IColorSwatchGroupElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/IColorSwatchGroupElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAIlE;;;;GAIG;AACH,MAAM,WAAW,6BACb,SAAQ,cAAc;CAEzB"}
+{"version":3,"file":"IColorSwatchGroupElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/IColorSwatchGroupElementProps.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,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,6BACb,SAAQ,cAAc,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,iBAAiB;CAErF"}

package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatchElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,SAAS,CAoH/D"}
+{"version":3,"file":"ColorSwatchElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,SAAS,CAyI/D"}