mount-observer 0.1.16 → 0.1.17

package/handlers/SharedMutationObserver.js

@@ -1,78 +0,0 @@
-"use strict";
-/**
- * Manages shared MutationObserver instances for multiple MountObserver instances
- * observing the same root node. This reduces overhead when multiple observers
- * are watching the same DOM fragment.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.registerSharedObserver = registerSharedObserver;
-exports.unregisterSharedObserver = unregisterSharedObserver;
-/**
- * Global registry of shared observers, keyed by root node
- */
-var sharedObservers = new WeakMap();
-/**
- * Registers a callback with the shared MutationObserver for the given root node.
- * Creates a new shared observer if one doesn't exist for this root.
- */
-function registerSharedObserver(rootNode, callback, config) {
-    var sharedData = sharedObservers.get(rootNode);
-    if (!sharedData) {
-        // Create shared data structure first
-        sharedData = {
-            observer: null, // Will be set immediately below
-            callbacks: new Set(),
-            config: config
-        };
-        // Create new shared observer for this root node
-        var observer = new MutationObserver(function (mutations) {
-            // Distribute mutations to all registered callbacks
-            var callbacks = sharedData.callbacks;
-            for (var _i = 0, callbacks_1 = callbacks; _i < callbacks_1.length; _i++) {
-                var cb = callbacks_1[_i];
-                cb(mutations);
-            }
-        });
-        sharedData.observer = observer;
-        sharedObservers.set(rootNode, sharedData);
-        // Start observing after everything is set up
-        observer.observe(rootNode, config);
-    }
-    else {
-        // Verify config matches (for safety)
-        // In practice, all MountObservers should use the same config
-        if (!configsMatch(sharedData.config, config)) {
-            console.warn('MutationObserver config mismatch detected. Using existing config.');
-        }
-    }
-    // Register the callback
-    sharedData.callbacks.add(callback);
-}
-/**
- * Unregisters a callback from the shared MutationObserver.
- * If this was the last callback, disconnects and removes the shared observer.
- */
-function unregisterSharedObserver(rootNode, callback) {
-    var sharedData = sharedObservers.get(rootNode);
-    if (!sharedData) {
-        return;
-    }
-    // Remove the callback
-    sharedData.callbacks.delete(callback);
-    // If no more callbacks, disconnect and cleanup
-    if (sharedData.callbacks.size === 0) {
-        sharedData.observer.disconnect();
-        sharedObservers.delete(rootNode);
-    }
-}
-/**
- * Checks if two MutationObserverInit configs are equivalent
- */
-function configsMatch(a, b) {
-    return a.childList === b.childList &&
-        a.subtree === b.subtree &&
-        a.attributes === b.attributes &&
-        a.attributeOldValue === b.attributeOldValue &&
-        a.characterData === b.characterData &&
-        a.characterDataOldValue === b.characterDataOldValue;
-}

package/handlers/arr.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.arr = arr;
-/**
- * Utility function to normalize a value to an array.
- * - If undefined, returns empty array
- * - If already an array, returns as-is
- * - Otherwise, wraps the value in an array
- *
- * @param inp - Value to normalize to array
- * @returns Array containing the value(s)
- */
-function arr(inp) {
-    return inp === undefined ? []
-        : Array.isArray(inp) ? inp : [inp];
-}

package/handlers/connectionMonitor.js

@@ -1,122 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupConnectionMonitor = setupConnectionMonitor;
-var Events_js_1 = require("./Events.js");
-function setupConnectionMonitor(init, rootNodeRef, mountedElements, modules, observer, processNode) {
-    var whereConnectionHas = init.whereConnectionHas;
-    if (!whereConnectionHas) {
-        throw new Error('whereConnectionHas is required');
-    }
-    // Get connection object with vendor prefixes
-    var nav = navigator;
-    var connection = nav.connection || nav.mozConnection || nav.webkitConnection;
-    // If Network Information API is not supported, warn and pass the condition
-    if (!connection) {
-        console.warn('Network Information API is not supported in this browser. whereConnectionHas condition will be ignored.');
-        return {
-            conditionMatches: true,
-            cleanup: function () { }
-        };
-    }
-    // Check initial condition
-    var conditionMatches = evaluateConnectionCondition(connection, whereConnectionHas);
-    // Set up change listener
-    var changeHandler = function () {
-        var previousMatches = conditionMatches;
-        conditionMatches = evaluateConnectionCondition(connection, whereConnectionHas);
-        if (conditionMatches && !previousMatches) {
-            // Connection now matches - process elements
-            handleConditionMatch();
-        }
-        else if (!conditionMatches && previousMatches) {
-            // Connection no longer matches - dismount all elements
-            handleConditionUnmatch();
-        }
-    };
-    function handleConditionMatch() {
-        // Process all elements in the observed node
-        var rootNode = rootNodeRef.deref();
-        if (rootNode) {
-            processNode(rootNode);
-        }
-    }
-    function handleConditionUnmatch() {
-        // Dismount all currently mounted elements
-        var rootNode = rootNodeRef.deref();
-        if (!rootNode) {
-            return;
-        }
-        var context = {
-            modules: modules,
-            observer: observer,
-            rootNode: rootNode,
-            mountConfig: init
-        };
-        // Get all mounted elements from the WeakDual setWeak
-        var mountedElementsList = [];
-        for (var _i = 0, _a = mountedElements.setWeak; _i < _a.length; _i++) {
-            var ref = _a[_i];
-            var element = ref.deref();
-            if (element) {
-                mountedElementsList.push(element);
-            }
-        }
-        // Dismount each element
-        for (var _b = 0, mountedElementsList_1 = mountedElementsList; _b < mountedElementsList_1.length; _b++) {
-            var element = mountedElementsList_1[_b];
-            // Remove from both structures
-            mountedElements.weakSet.delete(element);
-            for (var _c = 0, _d = mountedElements.setWeak; _c < _d.length; _c++) {
-                var ref = _d[_c];
-                if (ref.deref() === element) {
-                    mountedElements.setWeak.delete(ref);
-                    break;
-                }
-            }
-            // Dispatch dismount event with reason
-            observer.dispatchEvent(new Events_js_1.DismountEvent(element, 'connection-failed', init));
-        }
-    }
-    // Listen for connection changes
-    connection.addEventListener('change', changeHandler);
-    return {
-        conditionMatches: conditionMatches,
-        cleanup: function () {
-            connection.removeEventListener('change', changeHandler);
-        }
-    };
-}
-/**
- * Evaluate if the current connection meets the specified conditions
- */
-function evaluateConnectionCondition(connection, condition) {
-    // Check effectiveType (e.g., 'slow-2g', '2g', '3g', '4g')
-    if (condition.effectiveTypeIn && condition.effectiveTypeIn.length > 0) {
-        var effectiveType = connection.effectiveType;
-        if (!effectiveType || !condition.effectiveTypeIn.includes(effectiveType)) {
-            return false;
-        }
-    }
-    // Check downlink (bandwidth in Mbps)
-    if (condition.downlinkMin !== undefined) {
-        var downlink = connection.downlink;
-        if (downlink === undefined || downlink < condition.downlinkMin) {
-            return false;
-        }
-    }
-    if (condition.downlinkMax !== undefined) {
-        var downlink = connection.downlink;
-        if (downlink === undefined || downlink > condition.downlinkMax) {
-            return false;
-        }
-    }
-    // Check RTT (round-trip time in ms)
-    if (condition.rttMax !== undefined) {
-        var rtt = connection.rtt;
-        if (rtt === undefined || rtt > condition.rttMax) {
-            return false;
-        }
-    }
-    // All conditions passed
-    return true;
-}

package/handlers/emitEvents.js

@@ -1,187 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.emitMountedElementEvents = emitMountedElementEvents;
-/**
- * Emits events from a mounted element based on the mountedElemEmits configuration.
- * This module is dynamically loaded only when mountedElemEmits is configured.
- */
-function emitMountedElementEvents(element, MountConfig, processedEventsForElement) {
-    return __awaiter(this, void 0, void 0, function () {
-        var configs, _i, configs_1, config;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    configs = Array.isArray(MountConfig.mountedElemEmits)
-                        ? MountConfig.mountedElemEmits
-                        : [MountConfig.mountedElemEmits];
-                    _i = 0, configs_1 = configs;
-                    _a.label = 1;
-                case 1:
-                    if (!(_i < configs_1.length)) return [3 /*break*/, 4];
-                    config = configs_1[_i];
-                    return [4 /*yield*/, emitSingleEvent(element, MountConfig, config, processedEventsForElement)];
-                case 2:
-                    _a.sent();
-                    _a.label = 3;
-                case 3:
-                    _i++;
-                    return [3 /*break*/, 1];
-                case 4: return [2 /*return*/];
-            }
-        });
-    });
-}
-function emitSingleEvent(element, MountConfig, config, processedEventsForElement) {
-    return __awaiter(this, void 0, void 0, function () {
-        var eventId, processedEvents, EventCtor, processedArgs, event, options, assignGingerly, processedProps;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    // Check if this event should only fire once per element
-                    if (config.oncePerMountedElement) {
-                        eventId = getEventId(config);
-                        processedEvents = processedEventsForElement.get(element);
-                        if (!processedEvents) {
-                            processedEvents = new Set();
-                            processedEventsForElement.set(element, processedEvents);
-                        }
-                        if (processedEvents.has(eventId)) {
-                            return [2 /*return*/]; // Already emitted for this element
-                        }
-                        processedEvents.add(eventId);
-                    }
-                    EventCtor = resolveEventConstructor(config.event);
-                    processedArgs = config.args !== undefined
-                        ? processMagicStrings(config.args, element, MountConfig)
-                        : undefined;
-                    if (processedArgs === undefined) {
-                        event = new EventCtor();
-                    }
-                    else if (Array.isArray(processedArgs)) {
-                        // For array args, ensure bubbles is set if second arg is an options object
-                        if (processedArgs.length === 2 && typeof processedArgs[0] === 'string' && typeof processedArgs[1] === 'object' && processedArgs[1] !== null) {
-                            options = __assign({ bubbles: true }, processedArgs[1]);
-                            event = new EventCtor(processedArgs[0], options);
-                        }
-                        else {
-                            event = new (EventCtor.bind.apply(EventCtor, __spreadArray([void 0], processedArgs, false)))();
-                        }
-                    }
-                    else {
-                        // Single arg - if it's a string (event name), add bubbles: true by default
-                        if (typeof processedArgs === 'string') {
-                            event = new EventCtor(processedArgs, { bubbles: true });
-                        }
-                        else {
-                            event = new EventCtor(processedArgs);
-                        }
-                    }
-                    if (!config.eventProps) return [3 /*break*/, 2];
-                    return [4 /*yield*/, Promise.resolve().then(function () { return require('assign-gingerly/assignGingerly.js'); })];
-                case 1:
-                    assignGingerly = (_a.sent()).assignGingerly;
-                    processedProps = processMagicStrings(config.eventProps, element, MountConfig);
-                    assignGingerly(event, processedProps);
-                    _a.label = 2;
-                case 2:
-                    // Dispatch the event from the mounted element
-                    element.dispatchEvent(event);
-                    return [2 /*return*/];
-            }
-        });
-    });
-}
-function resolveEventConstructor(event) {
-    if (typeof event === 'string') {
-        var EventCtor = globalThis[event];
-        if (!EventCtor || typeof EventCtor !== 'function') {
-            throw new Error("Event constructor \"".concat(event, "\" not found in globalThis"));
-        }
-        return EventCtor;
-    }
-    return event;
-}
-function getEventId(config) {
-    var eventName = typeof config.event === 'string' ? config.event : config.event.name;
-    var argsStr = JSON.stringify(config.args || '');
-    return "".concat(eventName, ":").concat(argsStr);
-}
-function processMagicStrings(value, element, MountConfig) {
-    if (typeof value === 'string') {
-        if (value === '{{mountedElement}}') {
-            return element;
-        }
-        if (value === '{{MountConfig}}') {
-            return MountConfig;
-        }
-        return value;
-    }
-    if (Array.isArray(value)) {
-        return value.map(function (item) { return processMagicStrings(item, element, MountConfig); });
-    }
-    if (value && typeof value === 'object') {
-        var processed = {};
-        for (var _i = 0, _a = Object.entries(value); _i < _a.length; _i++) {
-            var _b = _a[_i], key = _b[0], val = _b[1];
-            processed[key] = processMagicStrings(val, element, MountConfig);
-        }
-        return processed;
-    }
-    return value;
-}

package/handlers/getRegistryRoot.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRegistryRoot = getRegistryRoot;
-/**
- * Recursively traverses up the DOM tree to find the highest node
- * that shares the same customElementRegistry as the passed in node.
- * This is useful for scoped custom element registries where we want to observe within the correct scope.
- *
- * @param node - The starting node to check
- * @returns The highest node with matching customElementRegistry, or null if node is invalid
- */
-function getRegistryRoot(node) {
-    if (!node) {
-        return null;
-    }
-    // Quick check: if root node has the same registry, return it immediately
-    var rn = node.getRootNode();
-    var customElementRegistry = node.customElementRegistry;
-    if (rn.customElementRegistry === customElementRegistry) {
-        return rn;
-    }
-    var startRegistry = node.customElementRegistry;
-    var currentNode = node;
-    var highestMatch = node;
-    while (currentNode) {
-        // Check if current node has matching customElementRegistry
-        if (currentNode.customElementRegistry === startRegistry) {
-            highestMatch = currentNode;
-        }
-        // Try to get parent element first
-        var parent_1 = currentNode.parentElement;
-        if (parent_1) {
-            currentNode = parent_1;
-            continue;
-        }
-        // If no parent element, check for rootNode (shadow root case)
-        var root = currentNode.getRootNode();
-        if (root && root !== currentNode) {
-            // If it's a shadow root (not document), return it
-            if (root !== document) {
-                return root;
-            }
-            // If it's the document, check if it has the same registry
-            if (root.customElementRegistry === startRegistry) {
-                return root;
-            }
-        }
-        // Reached the top
-        break;
-    }
-    return highestMatch;
-}

package/handlers/loadImports.js

@@ -1,129 +0,0 @@
-"use strict";
-// Dynamic import loading utilities
-// Only loaded when MountConfig.import is specified
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadImports = loadImports;
-var arr_js_1 = require("./arr.js");
-function loadImports(imports) {
-    return __awaiter(this, void 0, void 0, function () {
-        var importArray, promises;
-        return __generator(this, function (_a) {
-            importArray = (0, arr_js_1.arr)(imports);
-            promises = importArray.map(function (imp) { return loadSingleImport(imp); });
-            return [2 /*return*/, Promise.all(promises)];
-        });
-    });
-}
-function loadSingleImport(imp) {
-    return __awaiter(this, void 0, void 0, function () {
-        var url, type;
-        var _a;
-        return __generator(this, function (_b) {
-            type = 'js';
-            if (typeof imp === 'string') {
-                url = imp;
-            }
-            else if (Array.isArray(imp)) {
-                url = imp[0];
-                type = ((_a = imp[1]) === null || _a === void 0 ? void 0 : _a.type) || 'js';
-            }
-            else {
-                url = imp.url;
-                type = imp.type || 'js';
-            }
-            switch (type) {
-                case 'css':
-                    return [2 /*return*/, loadCSS(url)];
-                case 'json':
-                    return [2 /*return*/, loadJSON(url)];
-                case 'html':
-                    return [2 /*return*/, loadHTML(url)];
-                default:
-                    return [2 /*return*/, Promise.resolve("".concat(url)).then(function (s) { return require(s); })];
-            }
-            return [2 /*return*/];
-        });
-    });
-}
-function loadCSS(url) {
-    return __awaiter(this, void 0, void 0, function () {
-        var response, text, sheet;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, fetch(url)];
-                case 1:
-                    response = _a.sent();
-                    return [4 /*yield*/, response.text()];
-                case 2:
-                    text = _a.sent();
-                    sheet = new CSSStyleSheet();
-                    return [4 /*yield*/, sheet.replace(text)];
-                case 3:
-                    _a.sent();
-                    return [2 /*return*/, sheet];
-            }
-        });
-    });
-}
-function loadJSON(url) {
-    return __awaiter(this, void 0, void 0, function () {
-        var response;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, fetch(url)];
-                case 1:
-                    response = _a.sent();
-                    return [2 /*return*/, response.json()];
-            }
-        });
-    });
-}
-function loadHTML(url) {
-    return __awaiter(this, void 0, void 0, function () {
-        var response;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, fetch(url)];
-                case 1:
-                    response = _a.sent();
-                    return [2 /*return*/, response.text()];
-            }
-        });
-    });
-}

package/handlers/mediaQuery.js

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupMediaQuery = setupMediaQuery;
-var Events_js_1 = require("./Events.js");
-function setupMediaQuery(init, rootNodeRef, mountedElements, modules, observer, processNode) {
-    var withMediaMatching = init.withMediaMatching;
-    // Create or use MediaQueryList
-    var mediaQueryList;
-    if (typeof withMediaMatching === 'string') {
-        mediaQueryList = window.matchMedia(withMediaMatching);
-    }
-    else {
-        mediaQueryList = withMediaMatching;
-    }
-    // Track current state
-    var mediaMatches = mediaQueryList.matches;
-    // Set up change listener
-    var mediaChangeHandler = function (e) {
-        var previousMatches = mediaMatches;
-        mediaMatches = e.matches;
-        if (e.matches && !previousMatches) {
-            // Media query now matches - wake up and process elements
-            handleMediaMatch();
-        }
-        else if (!e.matches && previousMatches) {
-            // Media query no longer matches - dismount all elements
-            handleMediaUnmatch();
-        }
-    };
-    function handleMediaMatch() {
-        // Dispatch mediamatch event if requested
-        if (init.getPlayByPlay) {
-            observer.dispatchEvent(new Events_js_1.MediaMatchEvent(init));
-        }
-        // Process all elements in the observed node
-        var rootNode = rootNodeRef.deref();
-        if (rootNode) {
-            processNode(rootNode);
-        }
-    }
-    function handleMediaUnmatch() {
-        // Dispatch mediaunmatch event if requested
-        if (init.getPlayByPlay) {
-            observer.dispatchEvent(new Events_js_1.MediaUnmatchEvent(init));
-        }
-        // Dismount all currently mounted elements
-        var rootNode = rootNodeRef.deref();
-        if (!rootNode) {
-            return;
-        }
-        var context = {
-            modules: modules,
-            observer: observer,
-            rootNode: rootNode,
-            mountConfig: init
-        };
-        // Get all mounted elements from the WeakDual setWeak
-        var mountedElementsList = [];
-        for (var _i = 0, _a = mountedElements.setWeak; _i < _a.length; _i++) {
-            var ref = _a[_i];
-            var element = ref.deref();
-            if (element) {
-                mountedElementsList.push(element);
-            }
-        }
-        // Dismount each element
-        for (var _b = 0, mountedElementsList_1 = mountedElementsList; _b < mountedElementsList_1.length; _b++) {
-            var element = mountedElementsList_1[_b];
-            // Remove from both structures
-            mountedElements.weakSet.delete(element);
-            for (var _c = 0, _d = mountedElements.setWeak; _c < _d.length; _c++) {
-                var ref = _d[_c];
-                if (ref.deref() === element) {
-                    mountedElements.setWeak.delete(ref);
-                    break;
-                }
-            }
-            // Dispatch dismount event with reason
-            observer.dispatchEvent(new Events_js_1.DismountEvent(element, 'media-query-failed', init));
-        }
-    }
-    mediaQueryList.addEventListener('change', mediaChangeHandler);
-    return {
-        mediaQueryList: mediaQueryList,
-        mediaMatches: mediaMatches,
-        cleanup: function () {
-            mediaQueryList.removeEventListener('change', mediaChangeHandler);
-        }
-    };
-}