@breadstone/mosaik-elements-angular 0.0.274 → 0.0.276

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 0.0.276 (2026-05-15)
+
+### 🚀 Features
+
+- **popup:** add sync property to PopupElement and related components ([5b644a14fb](https://github.com/RueDeRennes/mosaik/commit/5b644a14fb))
+
+## 0.0.275 (2026-05-15)
+
+### 🩹 Fixes
+
+- **popup:** add options for open mode and focus delegation ([f544d36064](https://github.com/RueDeRennes/mosaik/commit/f544d36064))
+
 ## 0.0.274 (2026-05-15)
 
 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

@@ -64233,6 +64233,12 @@ let PopupComponent = class PopupComponent {
      * @public
      */
     trapFocus = input(...(ngDevMode ? [undefined, { debugName: "trapFocus" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `sync` property.
+     *
+     * @public
+     */
+    sync = input(...(ngDevMode ? [undefined, { debugName: "sync" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `themeName` property.
      *
@@ -64408,6 +64414,10 @@ let PopupComponent = class PopupComponent {
             if (trapFocusValue !== undefined) {
                 this._element.trapFocus = trapFocusValue;
             }
+            const syncValue = this.sync();
+            if (syncValue !== undefined) {
+                this._element.sync = syncValue;
+            }
             const themeNameValue = this.themeName();
             if (themeNameValue !== undefined) {
                 this._element.themeName = themeNameValue;
@@ -64528,12 +64538,12 @@ let PopupComponent = class PopupComponent {
         this._element[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: PopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: PopupComponent, isStandalone: true, selector: "mosaik-popup", inputs: { anchorElement: { classPropertyName: "anchorElement", publicName: "anchorElement", isSignal: true, isRequired: false, transformFunction: null }, isFloatingActive: { classPropertyName: "isFloatingActive", publicName: "isFloatingActive", isSignal: true, isRequired: false, transformFunction: null }, hasSlottedContent: { classPropertyName: "hasSlottedContent", publicName: "hasSlottedContent", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, placements: { classPropertyName: "placements", publicName: "placements", isSignal: true, isRequired: false, transformFunction: null }, distance: { classPropertyName: "distance", publicName: "distance", isSignal: true, isRequired: false, transformFunction: null }, skidding: { classPropertyName: "skidding", publicName: "skidding", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "showDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "hideDelay", isSignal: true, isRequired: false, transformFunction: null }, staysOpen: { classPropertyName: "staysOpen", publicName: "staysOpen", isSignal: true, isRequired: false, transformFunction: null }, closeOnScroll: { classPropertyName: "closeOnScroll", publicName: "closeOnScroll", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, flip: { classPropertyName: "flip", publicName: "flip", isSignal: true, isRequired: false, transformFunction: null }, shift: { classPropertyName: "shift", publicName: "shift", isSignal: true, isRequired: false, transformFunction: null }, trapFocus: { classPropertyName: "trapFocus", publicName: "trapFocus", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", 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 }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", 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: { opened: "opened", closed: "closed", 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: "21.2.10", type: PopupComponent, isStandalone: true, selector: "mosaik-popup", inputs: { anchorElement: { classPropertyName: "anchorElement", publicName: "anchorElement", isSignal: true, isRequired: false, transformFunction: null }, isFloatingActive: { classPropertyName: "isFloatingActive", publicName: "isFloatingActive", isSignal: true, isRequired: false, transformFunction: null }, hasSlottedContent: { classPropertyName: "hasSlottedContent", publicName: "hasSlottedContent", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, placements: { classPropertyName: "placements", publicName: "placements", isSignal: true, isRequired: false, transformFunction: null }, distance: { classPropertyName: "distance", publicName: "distance", isSignal: true, isRequired: false, transformFunction: null }, skidding: { classPropertyName: "skidding", publicName: "skidding", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "showDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "hideDelay", isSignal: true, isRequired: false, transformFunction: null }, staysOpen: { classPropertyName: "staysOpen", publicName: "staysOpen", isSignal: true, isRequired: false, transformFunction: null }, closeOnScroll: { classPropertyName: "closeOnScroll", publicName: "closeOnScroll", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, flip: { classPropertyName: "flip", publicName: "flip", isSignal: true, isRequired: false, transformFunction: null }, shift: { classPropertyName: "shift", publicName: "shift", isSignal: true, isRequired: false, transformFunction: null }, trapFocus: { classPropertyName: "trapFocus", publicName: "trapFocus", isSignal: true, isRequired: false, transformFunction: null }, sync: { classPropertyName: "sync", publicName: "sync", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", 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 }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", 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: { opened: "opened", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 PopupComponent = __decorate$1w([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-popup', PopupElement),
-        inputs: ['anchorElement', 'isFloatingActive', 'hasSlottedContent', 'placement', 'placements', 'distance', 'skidding', 'trigger', 'showDelay', 'hideDelay', 'staysOpen', 'closeOnScroll', 'interactive', 'flip', 'shift', 'trapFocus', 'themeName', 'animationTarget', 'enter', 'exit', 'for', 'control', 'elevation', 'variant', 'appearance', 'disabled', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
+        inputs: ['anchorElement', 'isFloatingActive', 'hasSlottedContent', 'placement', 'placements', 'distance', 'skidding', 'trigger', 'showDelay', 'hideDelay', 'staysOpen', 'closeOnScroll', 'interactive', 'flip', 'shift', 'trapFocus', 'sync', 'themeName', 'animationTarget', 'enter', 'exit', 'for', 'control', 'elevation', 'variant', 'appearance', 'disabled', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
         methods: ['open', 'close', 'toggle', 'play', 'onEnterAnimation', 'onExitAnimation', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'attach', 'detach', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
     __metadata$1w("design:paramtypes", [])
@@ -64546,7 +64556,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { anchorElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorElement", required: false }] }], isFloatingActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFloatingActive", required: false }] }], hasSlottedContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSlottedContent", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], placements: [{ type: i0.Input, args: [{ isSignal: true, alias: "placements", required: false }] }], distance: [{ type: i0.Input, args: [{ isSignal: true, alias: "distance", required: false }] }], skidding: [{ type: i0.Input, args: [{ isSignal: true, alias: "skidding", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], showDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDelay", required: false }] }], hideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideDelay", required: false }] }], staysOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "staysOpen", required: false }] }], closeOnScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnScroll", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], flip: [{ type: i0.Input, args: [{ isSignal: true, alias: "flip", required: false }] }], shift: [{ type: i0.Input, args: [{ isSignal: true, alias: "shift", required: false }] }], trapFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "trapFocus", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], animationTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationTarget", required: false }] }], enter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enter", required: false }] }], exit: [{ type: i0.Input, args: [{ isSignal: true, alias: "exit", required: false }] }], for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], elevation: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevation", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { anchorElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorElement", required: false }] }], isFloatingActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFloatingActive", required: false }] }], hasSlottedContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSlottedContent", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], placements: [{ type: i0.Input, args: [{ isSignal: true, alias: "placements", required: false }] }], distance: [{ type: i0.Input, args: [{ isSignal: true, alias: "distance", required: false }] }], skidding: [{ type: i0.Input, args: [{ isSignal: true, alias: "skidding", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], showDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDelay", required: false }] }], hideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideDelay", required: false }] }], staysOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "staysOpen", required: false }] }], closeOnScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnScroll", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], flip: [{ type: i0.Input, args: [{ isSignal: true, alias: "flip", required: false }] }], shift: [{ type: i0.Input, args: [{ isSignal: true, alias: "shift", required: false }] }], trapFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "trapFocus", required: false }] }], sync: [{ type: i0.Input, args: [{ isSignal: true, alias: "sync", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], animationTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationTarget", required: false }] }], enter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enter", required: false }] }], exit: [{ type: i0.Input, args: [{ isSignal: true, alias: "exit", required: false }] }], for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], elevation: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevation", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */