@breadstone/mosaik-elements-angular 0.0.115 → 0.0.116

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.0.116 (2025-08-18)
+
+### 🚀 Features
+
+- **dialog:** enhance DialogBreakpointObserverBehavior with improved breakpoint handling and configuration ([8e7410215e](https://github.com/RueDeRennes/mosaik/commit/8e7410215e))
+
 ## 0.0.115 (2025-08-18)
 
 ### 🚀 Features

package/fesm2022/mosaik-elements-angular.mjs

@@ -55677,7 +55677,7 @@ class DialogBehavior {
      * @public
      * @virtual
      */
-    attach(element, portal) {
+    attach(element, _portal) {
         this._ref = element;
         this._attached = true;
     }
@@ -55691,6 +55691,135 @@ class DialogBehavior {
 }
 
 // #region Imports
+// #endregion
+/**
+ * Registry of 1..n MediaQuery breakpoint ranges
+ * This is published as a provider and may be overridden from custom, application-specific ranges
+ *
+ * @public
+ */
+class BreakpointRegistry {
+    // #region Fields
+    _items;
+    _findByMap = new Map();
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `BreakPointRegistry` class.
+     *
+     * @public
+     */
+    constructor() {
+        this._items = new Array();
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Get all the breakpoints whose ranges could overlapping `normal` ranges;
+     * e.g. gt-sm overlaps md, lg, and xl
+     *
+     * @public
+     * @readonly
+     */
+    get overlapping() {
+        return this._items.filter((it) => it.overlapping);
+    }
+    /**
+     * Get list of all registered (non-empty) breakpoint aliases
+     *
+     * @public
+     * @readonly
+     */
+    get aliases() {
+        return this._items.map((it) => it.alias);
+    }
+    /**
+     * Aliases are mapped to properties using suffixes
+     * e.g.  'gt-sm' for property 'layout'  uses suffix 'GtSm'
+     * for property layoutGtSM.
+     *
+     * @public
+     * @readonly
+     */
+    get suffixes() {
+        return this._items.map((it) => it.suffix ?? '');
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * Register a new breakpoint or array of breakpoints
+     *
+     * @public
+     */
+    register(breakpoint) {
+        const breakpoints = Array.isArray(breakpoint) ? breakpoint : [breakpoint];
+        breakpoints.forEach((x) => {
+            this._items.push(x);
+        });
+        reset(this._items, [...this._items].sort(sortAscendingPriority));
+    }
+    /**
+     * Search breakpoints by alias (e.g. gt-xs)
+     *
+     * @public
+     */
+    findByAlias(alias) {
+        return !alias ? null : this.findWithPredicate(alias, (bp) => bp.alias === alias);
+    }
+    /**
+     * Search breakpoints by media query (e.g. (min-width: 600px))
+     *
+     * @public
+     */
+    findByQuery(query) {
+        return this.findWithPredicate(query, (bp) => bp.mediaQuery === query);
+    }
+    /**
+     * Memoized lookup using custom predicate function
+     *
+     * @private
+     */
+    findWithPredicate(key, searchFn) {
+        let response = this._findByMap.get(key);
+        if (!response) {
+            response = this._items.find(searchFn) ?? null;
+            this._findByMap.set(key, response);
+        }
+        return response ?? null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: BreakpointRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: BreakpointRegistry });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: BreakpointRegistry, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+function sortAscendingPriority(a, b) {
+    const pA = a.priority ?? 0;
+    const pB = b.priority ?? 0;
+    return pA - pB;
+}
+function clear(self, fn) {
+    const splicedItems = self.splice(0, self.length);
+    if (fn) {
+        each(splicedItems, fn);
+    }
+    return self;
+}
+function reset(self, values) {
+    clear(self).push(...values);
+    return self;
+}
+function each(self, fn) {
+    self.forEach((x, i) => {
+        fn(x, i);
+    });
+    return self;
+}
+
+// #region Imports
+/**
+ * @public
+ */
 const DIALOG_BREAKPOINT_OBSERVER_BEHAVIOR_CONFIG = new InjectionToken('DIALOG_BREAKPOINT_OBSERVER_BEHAVIOR_CONFIG');
 /**
  * The `DialogBreakpointObserverBehavior` class.
@@ -55701,6 +55830,7 @@ const DIALOG_BREAKPOINT_OBSERVER_BEHAVIOR_CONFIG = new InjectionToken('DIALOG_BR
 class DialogBreakpointObserverBehavior extends DialogBehavior {
     // #region Fields
     _breakpointObserver;
+    _breakpointRegistry;
     _behaviorConfigConfig;
     _subscription;
     // #endregion
@@ -55710,9 +55840,10 @@ class DialogBreakpointObserverBehavior extends DialogBehavior {
      *
      * @public
      */
-    constructor(breakpointObserver = inject(BreakpointObserver), config = inject(DIALOG_BREAKPOINT_OBSERVER_BEHAVIOR_CONFIG, { optional: true })) {
+    constructor(breakpointObserver = inject(BreakpointObserver), breakpointRegistry = inject(BreakpointRegistry), config = inject(DIALOG_BREAKPOINT_OBSERVER_BEHAVIOR_CONFIG, { optional: true })) {
         super();
         this._breakpointObserver = breakpointObserver;
+        this._breakpointRegistry = breakpointRegistry;
         this._behaviorConfigConfig = config;
         this._subscription = Subscription.EMPTY;
     }
@@ -55723,7 +55854,10 @@ class DialogBreakpointObserverBehavior extends DialogBehavior {
      */
     attach(dialogRef, _portal) {
         if (this._behaviorConfigConfig?.breakpoints.length) {
-            const breakpoints = this._behaviorConfigConfig.breakpoints.map((x) => x.breakpoint);
+            const breakpoints = this._behaviorConfigConfig.breakpoints
+                .map((x) => this._breakpointRegistry.findByAlias(x.breakpoint))
+                .map((x) => x?.mediaQuery)
+                .filter((x) => x !== undefined);
             this._subscription = this._breakpointObserver.observe(breakpoints)
                 .subscribe((x) => this.onBreakpoint(x, dialogRef, this.config ?? undefined));
         }
@@ -58192,132 +58326,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
-// #region Imports
-// #endregion
-/**
- * Registry of 1..n MediaQuery breakpoint ranges
- * This is published as a provider and may be overridden from custom, application-specific ranges
- *
- * @public
- */
-class BreakpointRegistry {
-    // #region Fields
-    _items;
-    _findByMap = new Map();
-    // #endregion
-    // #region Ctor
-    /**
-     * Constructs a new instance of the `BreakPointRegistry` class.
-     *
-     * @public
-     */
-    constructor() {
-        this._items = new Array();
-    }
-    // #endregion
-    // #region Properties
-    /**
-     * Get all the breakpoints whose ranges could overlapping `normal` ranges;
-     * e.g. gt-sm overlaps md, lg, and xl
-     *
-     * @public
-     * @readonly
-     */
-    get overlapping() {
-        return this._items.filter((it) => it.overlapping);
-    }
-    /**
-     * Get list of all registered (non-empty) breakpoint aliases
-     *
-     * @public
-     * @readonly
-     */
-    get aliases() {
-        return this._items.map((it) => it.alias);
-    }
-    /**
-     * Aliases are mapped to properties using suffixes
-     * e.g.  'gt-sm' for property 'layout'  uses suffix 'GtSm'
-     * for property layoutGtSM.
-     *
-     * @public
-     * @readonly
-     */
-    get suffixes() {
-        return this._items.map((it) => it.suffix ?? '');
-    }
-    // #endregion
-    // #region Methods
-    /**
-     * Register a new breakpoint or array of breakpoints
-     *
-     * @public
-     */
-    register(breakpoint) {
-        const breakpoints = Array.isArray(breakpoint) ? breakpoint : [breakpoint];
-        breakpoints.forEach((x) => {
-            this._items.push(x);
-        });
-        reset(this._items, [...this._items].sort(sortAscendingPriority));
-    }
-    /**
-     * Search breakpoints by alias (e.g. gt-xs)
-     *
-     * @public
-     */
-    findByAlias(alias) {
-        return !alias ? null : this.findWithPredicate(alias, (bp) => bp.alias === alias);
-    }
-    /**
-     * Search breakpoints by media query (e.g. (min-width: 600px))
-     *
-     * @public
-     */
-    findByQuery(query) {
-        return this.findWithPredicate(query, (bp) => bp.mediaQuery === query);
-    }
-    /**
-     * Memoized lookup using custom predicate function
-     *
-     * @private
-     */
-    findWithPredicate(key, searchFn) {
-        let response = this._findByMap.get(key);
-        if (!response) {
-            response = this._items.find(searchFn) ?? null;
-            this._findByMap.set(key, response);
-        }
-        return response ?? null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: BreakpointRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: BreakpointRegistry });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: BreakpointRegistry, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-function sortAscendingPriority(a, b) {
-    const pA = a.priority ?? 0;
-    const pB = b.priority ?? 0;
-    return pA - pB;
-}
-function clear(self, fn) {
-    const splicedItems = self.splice(0, self.length);
-    if (fn) {
-        each(splicedItems, fn);
-    }
-    return self;
-}
-function reset(self, values) {
-    clear(self).push(...values);
-    return self;
-}
-function each(self, fn) {
-    self.forEach((x, i) => {
-        fn(x, i);
-    });
-    return self;
-}
-
 // #region Imports
 /**
  * Structural directive for detecting breakpoints.