@breadstone/mosaik-elements-angular 0.1.37 → 0.1.39

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.1.39 (2026-06-29)
+
+This was a version bump only for mosaik-elements-angular to align it with other projects, there were no code changes.
+
+## 0.1.38 (2026-06-29)
+
+### 🚀 Features
+
+- **color-swatch:** enhance ColorSwatch component with new properties and events ([1ca631f146](https://github.com/RueDeRennes/mosaik/commit/1ca631f146))
+
 ## 0.1.37 (2026-06-29)
 
 This was a version bump only for mosaik-elements-angular to align it with other projects, there were no code changes.

package/fesm2022/mosaik-elements-angular.mjs

@@ -39177,6 +39177,7 @@ const COLOR_SWATCH_DEFAULT_PROPS = new InjectionToken('MOSAIK_COLOR_SWATCH_DEFAU
 /**
  * @public
  *
+ * @slot checkmark - The checkmark slot.
  * @slot style - Custom styles injection slot for shadow DOM styling escape hatch
  */
 let ColorSwatchComponent = class ColorSwatchComponent {
@@ -39189,7 +39190,7 @@ let ColorSwatchComponent = class ColorSwatchComponent {
     constructor() {
         inject(ChangeDetectorRef).detach();
         // Wire up output events from the native element
-        this._outputSubscriptions.push(this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
+        this._outputSubscriptions.push(this._elementRef.nativeElement.on('toggled', (e) => this.toggled.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('checked', (e) => this.checked.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('unchecked', (e) => this.unchecked.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
         this._destroyRef.onDestroy(() => {
             this._outputSubscriptions.forEach((subscription) => subscription.dispose());
             this._outputSubscriptions.length = 0;
@@ -39224,6 +39225,34 @@ let ColorSwatchComponent = class ColorSwatchComponent {
      */
     themeName = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "themeName" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `isChecked` property.
+     *
+     * @public
+     */
+    isChecked = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "isChecked" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `disabled` property.
+     *
+     * @public
+     */
+    disabled = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `variant` property.
+     *
+     * @public
+     */
+    variant = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `appearance` property.
+     *
+     * @public
+     */
+    appearance = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "appearance" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `value` property.
      *
@@ -39273,6 +39302,22 @@ let ColorSwatchComponent = class ColorSwatchComponent {
             if (themeNameValue !== undefined) {
                 this._elementRef.nativeElement.themeName = themeNameValue;
             }
+            const isCheckedValue = this.isChecked();
+            if (isCheckedValue !== undefined) {
+                this._elementRef.nativeElement.isChecked = isCheckedValue;
+            }
+            const disabledValue = this.disabled();
+            if (disabledValue !== undefined) {
+                this._elementRef.nativeElement.disabled = disabledValue;
+            }
+            const variantValue = this.variant();
+            if (variantValue !== undefined) {
+                this._elementRef.nativeElement.variant = variantValue;
+            }
+            const appearanceValue = this.appearance();
+            if (appearanceValue !== undefined) {
+                this._elementRef.nativeElement.appearance = appearanceValue;
+            }
             const valueValue = this.value();
             if (valueValue !== undefined) {
                 this._elementRef.nativeElement.value = valueValue;
@@ -39293,6 +39338,24 @@ let ColorSwatchComponent = class ColorSwatchComponent {
     }
     // #endregion
     // #region Outputs
+    /**
+     * Output signal for the `toggled` event.
+     *
+     * @public
+     */
+    toggled = output();
+    /**
+     * Output signal for the `checked` event.
+     *
+     * @public
+     */
+    checked = output();
+    /**
+     * Output signal for the `unchecked` event.
+     *
+     * @public
+     */
+    unchecked = output();
     /**
      * Output signal for the `connected` event.
      *
@@ -39313,6 +39376,17 @@ let ColorSwatchComponent = class ColorSwatchComponent {
     changed = output();
     // #endregion
     // #region Methods
+    /**
+     * Invokes a method on the underlying native element.
+     *
+     * @public
+     * @param method - The method name to invoke.
+     * @param args - The arguments to pass to the method.
+     * @returns The return value of the method.
+     */
+    invoke(method, ...args) {
+        return invokeProxyMethod(this._elementRef.nativeElement, method, ...args);
+    }
     /**
      * Sets a property value on the underlying native element.
      * This is useful for CDK behaviors and directives that need to modify element properties
@@ -39326,12 +39400,13 @@ let ColorSwatchComponent = class ColorSwatchComponent {
         this._elementRef.nativeElement[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ColorSwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: ColorSwatchComponent, isStandalone: true, selector: "mosaik-color-swatch", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, hasBackground: { classPropertyName: "hasBackground", publicName: "hasBackground", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: ColorSwatchComponent, isStandalone: true, selector: "mosaik-color-swatch", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, hasBackground: { classPropertyName: "hasBackground", publicName: "hasBackground", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isChecked: { classPropertyName: "isChecked", publicName: "isChecked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggled: "toggled", checked: "checked", unchecked: "unchecked", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ColorSwatchComponent = __decorate$3a([
     ProxyCmp({
         defineCustomElementFn: () => defineCustomElement('mosaik-color-swatch', ColorSwatchElement),
-        inputs: ['name', 'hasBackground', 'themeName', 'value', 'size', 'dir', 'lang']
+        inputs: ['name', 'hasBackground', 'themeName', 'isChecked', 'disabled', 'variant', 'appearance', 'value', 'size', 'dir', 'lang'],
+        methods: ['check', 'uncheck', 'toggle']
     }),
     __metadata$3a("design:paramtypes", [])
 ], ColorSwatchComponent);
@@ -39343,7 +39418,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], hasBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackground", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], hasBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackground", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], isChecked: [{ type: i0.Input, args: [{ isSignal: true, alias: "isChecked", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], toggled: [{ type: i0.Output, args: ["toggled"] }], checked: [{ type: i0.Output, args: ["checked"] }], unchecked: [{ type: i0.Output, args: ["unchecked"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */