@breadstone/mosaik-elements-foundation 0.1.37 → 0.1.39

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.
      *
@@ -119,6 +159,10 @@ export declare class ColorSwatchElement extends ColorSwatchElement_base implemen
      */
     get hasBackground(): boolean;
     set hasBackground(value: boolean);
+    /**
+     * @protected
+     */
+    protected handleClick(): void;
 }
 /**
 * @public

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;IAMD;;OAEG;IACH,SAAS,CAAC,WAAW,IAAI,IAAI;CAMhC;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.
      *
@@ -178,6 +235,14 @@ let ColorSwatchElement = class ColorSwatchElement extends Themeable(Valueable(Si
             this.requestUpdate('hasBackground');
         }
     }
+    // #endregion
+    // #region Methods
+    /**
+     * @protected
+     */
+    handleClick() {
+        return;
+    }
 };
 __decorate([
     Attribute({ type: String }),
@@ -206,7 +271,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"}

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

@@ -105,6 +105,27 @@ export function colorSwatchElementCosmopolitanStyle() {
   flex: 1;
 }
 
+:host [part="root"] [part="checkmark-container"] {
+  z-index: 2;
+  pointer-events: none;
+  opacity: 0;
+  transition-duration: var(--color-swatch-transition-duration);
+  transition-timing-function: var(--color-swatch-transition-mode);
+  place-items: center;
+  transition-property: opacity;
+  display: grid;
+  position: absolute;
+  inset: 0;
+}
+
+:host [part="root"] [part="checkmark"] {
+  pointer-events: none;
+}
+
+:host([is-checked]) [part="root"] [part="checkmark-container"] {
+  opacity: 1;
+}
+
 :host([size="tiny"]) {
   --color-swatch-size: 8px;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatchElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.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,mCAAmC;IAC/C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkHT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ColorSwatchElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.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,mCAAmC;IAC/C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuIT,CAAC;AACN,CAAC"}

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

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

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

@@ -105,6 +105,27 @@ export function colorSwatchElementJoyStyle() {
   flex: 1;
 }
 
+:host [part="root"] [part="checkmark-container"] {
+  z-index: 2;
+  pointer-events: none;
+  opacity: 0;
+  transition-duration: var(--color-swatch-transition-duration);
+  transition-timing-function: var(--color-swatch-transition-mode);
+  place-items: center;
+  transition-property: opacity;
+  display: grid;
+  position: absolute;
+  inset: 0;
+}
+
+:host [part="root"] [part="checkmark"] {
+  pointer-events: none;
+}
+
+:host([is-checked]) [part="root"] [part="checkmark-container"] {
+  opacity: 1;
+}
+
 :host([size="tiny"]) {
   --color-swatch-size: 8px;
 }
@@ -129,6 +150,10 @@ export function colorSwatchElementJoyStyle() {
   background-image: linear-gradient(45deg, var(--joy-scheme-highlight) 25%, var(--joy-scheme-transparent) 25%, var(--joy-scheme-transparent) 75%, var(--joy-scheme-highlight) 75%, var(--joy-scheme-highlight)), linear-gradient(45deg, var(--joy-scheme-highlight) 25%, var(--joy-scheme-transparent) 25%, var(--joy-scheme-transparent) 75%, var(--joy-scheme-highlight) 75%, var(--joy-scheme-highlight));
 }
 
+:host [part="root"] [part="checkmark"] {
+  color: var(--joy-scheme-surface);
+}
+
     `;
 }
 //# sourceMappingURL=ColorSwatchElement.Joy.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatchElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.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,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsHT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ColorSwatchElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.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,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+IT,CAAC;AACN,CAAC"}

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

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

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

@@ -105,6 +105,27 @@ export function colorSwatchElementMemphisStyle() {
   flex: 1;
 }
 
+:host [part="root"] [part="checkmark-container"] {
+  z-index: 2;
+  pointer-events: none;
+  opacity: 0;
+  transition-duration: var(--color-swatch-transition-duration);
+  transition-timing-function: var(--color-swatch-transition-mode);
+  place-items: center;
+  transition-property: opacity;
+  display: grid;
+  position: absolute;
+  inset: 0;
+}
+
+:host [part="root"] [part="checkmark"] {
+  pointer-events: none;
+}
+
+:host([is-checked]) [part="root"] [part="checkmark-container"] {
+  opacity: 1;
+}
+
 :host([size="tiny"]) {
   --color-swatch-size: 8px;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatchElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.Memphis.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkHT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ColorSwatchElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.Memphis.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuIT,CAAC;AACN,CAAC"}

package/Routing/PathToRegexp.d.ts

@@ -91,7 +91,7 @@ export interface Options {
      */
     encode?: (value: string) => string;
 }
-export declare function modifierToString(modifier: Modifier): "" | "*" | "+" | "?";
+export declare function modifierToString(modifier: Modifier): "" | "*" | "?" | "+";
 /**
  * Expose a function for taking tokens and returning a RegExp.
  */

package/custom-elements.json

@@ -128873,6 +128873,22 @@
               "name": "Themeable",
               "module": "./../src/Controls/Behaviors/Themeable.ts"
             },
+            {
+              "name": "Checkable",
+              "module": "./../src/Controls/Behaviors/Checkable.ts"
+            },
+            {
+              "name": "Disableable",
+              "module": "./../src/Controls/Behaviors/Disableable.ts"
+            },
+            {
+              "name": "Variantable",
+              "module": "./../src/Controls/Behaviors/Variantable.ts"
+            },
+            {
+              "name": "Appearanceable",
+              "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+            },
             {
               "name": "Valueable",
               "module": "./../src/Controls/Behaviors/Valueable.ts"
@@ -128917,6 +128933,83 @@
                 "module": "./../src/Controls/Behaviors/Themeable.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "isChecked",
+              "privacy": "public",
+              "description": "Gets or sets the `isChecked` property.\nThe default value is `false`, which means the element is not checked.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Checkable",
+                "module": "./../src/Controls/Behaviors/Checkable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "privacy": "public",
+              "description": "Called when the `isChecked` property is `true`.\nProvides reference to the `IEventDetail` as event argument.",
+              "type": "IEventEmitter<IEventDetail>",
+              "inheritedFrom": {
+                "name": "Checkable",
+                "module": "./../src/Controls/Behaviors/Checkable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "unchecked",
+              "privacy": "public",
+              "description": "Called when the `isChecked` property is `false`.\nProvides reference to the `IEventDetail` as event argument.",
+              "type": "IEventEmitter<IEventDetail>",
+              "inheritedFrom": {
+                "name": "Checkable",
+                "module": "./../src/Controls/Behaviors/Checkable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "toggled",
+              "privacy": "public",
+              "description": "Called when the `isChecked` property changes (either direction).\nProvides reference to the `IEventDetail` as event argument.",
+              "type": "IEventEmitter<IEventDetail>",
+              "inheritedFrom": {
+                "name": "Checkable",
+                "module": "./../src/Controls/Behaviors/Checkable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "description": "Gets or sets the `disabled` property.\nWhen used inside a ColorSwatchGroup, inherits the group's disabled state unless explicitly set.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Disableable",
+                "module": "./../src/Controls/Behaviors/Disableable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "privacy": "public",
+              "description": "Gets or sets the `variant` property.\nWhen used inside a ColorSwatchGroup, inherits the group's variant unless explicitly set.",
+              "type": "Variant",
+              "inheritedFrom": {
+                "name": "Variantable",
+                "module": "./../src/Controls/Behaviors/Variantable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "privacy": "public",
+              "description": "Gets or sets the `appearance` property.\nWhen used inside a ColorSwatchGroup, inherits the group's appearance unless explicitly set.",
+              "type": "Appearance",
+              "inheritedFrom": {
+                "name": "Appearanceable",
+                "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -128994,6 +129087,44 @@
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "check",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Checks the element.",
+              "parameters": [],
+              "return": {},
+              "inheritedFrom": {
+                "name": "ICheckable",
+                "module": "./../src/Controls/Behaviors/Checkable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "uncheck",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Unchecks the element.",
+              "parameters": [],
+              "return": {},
+              "inheritedFrom": {
+                "name": "ICheckable",
+                "module": "./../src/Controls/Behaviors/Checkable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "toggle",
+              "privacy": "public",
+              "type": "(): void",
+              "parameters": [],
+              "return": {},
+              "inheritedFrom": {
+                "name": "ICheckable",
+                "module": "./../src/Controls/Behaviors/Checkable.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "adoptStyle",
@@ -129117,6 +129248,21 @@
           ],
           "tagName": "mosaik-color-swatch",
           "events": [
+            {
+              "description": "Dispatched when the swatch checked state changes.",
+              "name": "toggled",
+              "type": "Event"
+            },
+            {
+              "description": "Dispatched when the swatch is checked.",
+              "name": "checked",
+              "type": "Event"
+            },
+            {
+              "description": "Dispatched when the swatch is unchecked.",
+              "name": "unchecked",
+              "type": "Event"
+            },
             {
               "description": "Emitted when the element is connected to the DOM",
               "name": "connected",
@@ -129146,6 +129292,10 @@
             }
           ],
           "slots": [
+            {
+              "description": "The checkmark slot.",
+              "name": "checkmark"
+            },
             {
               "description": "Custom styles injection slot for shadow DOM styling escape hatch",
               "name": "style",
@@ -129176,6 +129326,46 @@
                 "module": "./../src/Controls/Components/Media/ColorSwatch/IColorSwatchElementProps.ts"
               }
             },
+            {
+              "name": "is-checked",
+              "fieldName": "isChecked",
+              "description": "Gets or sets the `isChecked` property.\nThe default value is `false`, which means the element is not checked.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Checkable",
+                "module": "./../src/Controls/Behaviors/Checkable.ts"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "description": "Gets or sets the `disabled` property.\nWhen used inside a ColorSwatchGroup, inherits the group's disabled state unless explicitly set.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Disableable",
+                "module": "./../src/Controls/Behaviors/Disableable.ts"
+              }
+            },
+            {
+              "name": "variant",
+              "fieldName": "variant",
+              "description": "Gets or sets the `variant` property.\nWhen used inside a ColorSwatchGroup, inherits the group's variant unless explicitly set.",
+              "type": "Variant",
+              "inheritedFrom": {
+                "name": "Variantable",
+                "module": "./../src/Controls/Behaviors/Variantable.ts"
+              }
+            },
+            {
+              "name": "appearance",
+              "fieldName": "appearance",
+              "description": "Gets or sets the `appearance` property.\nWhen used inside a ColorSwatchGroup, inherits the group's appearance unless explicitly set.",
+              "type": "Appearance",
+              "inheritedFrom": {
+                "name": "Appearanceable",
+                "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+              }
+            },
             {
               "name": "value",
               "fieldName": "value",
@@ -129369,6 +129559,14 @@
               "name": "back",
               "description": "The back part."
             },
+            {
+              "name": "checkmark",
+              "description": "The checkmark part."
+            },
+            {
+              "name": "checkmark-container",
+              "description": "The checkmark container part."
+            },
             {
               "name": "front",
               "description": "The front part."

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-foundation",
-    "version": "0.1.37",
+    "version": "0.1.39",
     "description": "Mosaik elements components package.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -14,8 +14,8 @@
         "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "0.1.37",
-        "@breadstone/mosaik-themes": "0.1.37",
+        "@breadstone/mosaik-elements": "0.1.39",
+        "@breadstone/mosaik-themes": "0.1.39",
         "tslib": "2.8.1"
     },
     "peerDependencies": {