smart-lifecycle 0.1.1

package/dist/components/smart-router/smart-router.lifecycle-manager.js

@@ -0,0 +1,115 @@
+/**
+ * Implements the responsibility of wiring routing logic for smart-router.
+ */
+import { SmartLifecycleManager } from '../../behaviors/lifecycle-manager.base.js';
+// SSR guard
+const isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
+/**
+ * Lifecycle manager for smart-router component
+ */
+export class SmartRouterLifecycleManager extends SmartLifecycleManager {
+    hostResolver;
+    routes = [];
+    eventListeners = [];
+    /**
+     * Initializes a new instance of SmartRouterLifecycleManager.
+     *
+     * @param hostResolver - Resolver for obtaining host elements
+     * @throws Error if hostResolver is null or undefined
+     */
+    constructor(hostResolver) {
+        super();
+        this.hostResolver = hostResolver;
+        if (!hostResolver) {
+            throw new Error('Host resolver is required');
+        }
+    }
+    onComponentReady(component) {
+        if (!isBrowser)
+            return;
+        const host = this.hostResolver.resolve(component);
+        // Collect route templates
+        const templates = Array.from(host.querySelectorAll('template[data-route]'));
+        // Store templates before clearing
+        this.routes = templates.map(t => ({
+            path: t.dataset.route || '/',
+            template: t
+        }));
+        // Render current route
+        const renderRoute = () => {
+            const path = window.location.pathname;
+            const outlet = host.querySelector('.router-outlet');
+            if (!outlet)
+                return;
+            const match = this.matchRoute(this.routes, path);
+            if (match) {
+                // Clone and process template content
+                outlet.innerHTML = '';
+                let processedHtml = match.template.innerHTML;
+                for (const [key, value] of Object.entries(match.params)) {
+                    processedHtml = processedHtml.replace(new RegExp(`:${key}`, 'g'), value);
+                }
+                outlet.innerHTML = processedHtml;
+                // Dispatch route change event
+                host.dispatchEvent(new CustomEvent('route-change', {
+                    bubbles: true,
+                    detail: { path, params: match.params }
+                }));
+            }
+            else {
+                outlet.innerHTML = '<p>Route not found</p>';
+            }
+        };
+        // Listen for navigation events
+        const handlePopState = () => renderRoute();
+        window.addEventListener('popstate', handlePopState);
+        this.eventListeners.push({ target: window, event: 'popstate', handler: handlePopState });
+        // Initial render
+        renderRoute();
+    }
+    onComponentDestroy() {
+        this.eventListeners.forEach(({ target, event, handler }) => {
+            target.removeEventListener(event, handler);
+        });
+        this.eventListeners = [];
+    }
+    matchRoute(routes, path) {
+        for (const route of routes) {
+            // Exact match
+            if (route.path === path) {
+                return { template: route.template, params: {} };
+            }
+            // Wildcard match (404)
+            if (route.path === '*') {
+                continue; // Check after all routes
+            }
+            // Dynamic route matching (/users/:id)
+            const routeParts = route.path.split('/');
+            const pathParts = path.split('/');
+            if (routeParts.length !== pathParts.length)
+                continue;
+            const params = {};
+            let match = true;
+            for (let i = 0; i < routeParts.length; i++) {
+                if (routeParts[i].startsWith(':')) {
+                    // Dynamic segment
+                    params[routeParts[i].slice(1)] = pathParts[i];
+                }
+                else if (routeParts[i] !== pathParts[i]) {
+                    match = false;
+                    break;
+                }
+            }
+            if (match) {
+                return { template: route.template, params };
+            }
+        }
+        // Fallback to wildcard if exists
+        const wildcard = routes.find(r => r.path === '*');
+        if (wildcard) {
+            return { template: wildcard.template, params: {} };
+        }
+        return null;
+    }
+}
+//# sourceMappingURL=smart-router.lifecycle-manager.js.map

package/dist/components/smart-router/smart-router.lifecycle-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-router.lifecycle-manager.js","sourceRoot":"","sources":["../../../src/components/smart-router/smart-router.lifecycle-manager.ts"],"names":[],"mappings":"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"}

package/dist/components/smart-router.d.ts

@@ -0,0 +1,28 @@
+export { SmartRouterElement } from './smart-router/smart-router-element.js';
+/**
+ * Navigate to a route programmatically
+ *
+ * @example
+ * ```typescript
+ * import { navigate } from 'smartcomponents';
+ *
+ * navigate('/users/123');
+ * navigate('/home', { replace: true }); // Replace history entry
+ * ```
+ */
+export declare function navigate(path: string, options?: {
+    replace?: boolean;
+}): void;
+/**
+ * Get current route params (reactive)
+ *
+ * @example
+ * ```typescript
+ * const router = document.querySelector('smart-router');
+ * router.addEventListener('route-change', (e) => {
+ *   console.log(e.detail.params); // { id: '123' }
+ * });
+ * ```
+ */
+export declare function getCurrentPath(): string;
+//# sourceMappingURL=smart-router.d.ts.map

package/dist/components/smart-router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-router.d.ts","sourceRoot":"","sources":["../../src/components/smart-router.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAS5E;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,GAAG,IAAI,CAUhF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAGvC"}

package/dist/components/smart-router.js

@@ -0,0 +1,45 @@
+export { SmartRouterElement } from './smart-router/smart-router-element.js';
+// =============================================================================
+// Helper: Navigate programmatically
+// =============================================================================
+// SSR guard
+const isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
+/**
+ * Navigate to a route programmatically
+ *
+ * @example
+ * ```typescript
+ * import { navigate } from 'smartcomponents';
+ *
+ * navigate('/users/123');
+ * navigate('/home', { replace: true }); // Replace history entry
+ * ```
+ */
+export function navigate(path, options = {}) {
+    if (!isBrowser)
+        return;
+    if (options.replace) {
+        window.history.replaceState({}, '', path);
+    }
+    else {
+        window.history.pushState({}, '', path);
+    }
+    window.dispatchEvent(new PopStateEvent('popstate'));
+}
+/**
+ * Get current route params (reactive)
+ *
+ * @example
+ * ```typescript
+ * const router = document.querySelector('smart-router');
+ * router.addEventListener('route-change', (e) => {
+ *   console.log(e.detail.params); // { id: '123' }
+ * });
+ * ```
+ */
+export function getCurrentPath() {
+    if (!isBrowser)
+        return '/';
+    return window.location.pathname;
+}
+//# sourceMappingURL=smart-router.js.map

package/dist/components/smart-router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-router.js","sourceRoot":"","sources":["../../src/components/smart-router.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,gFAAgF;AAChF,oCAAoC;AACpC,gFAAgF;AAEhF,YAAY;AACZ,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,QAAQ,KAAK,WAAW,CAAC;AAEnF;;;;;;;;;;GAUG;AACH,MAAM,UAAU,QAAQ,CAAC,IAAY,EAAE,UAAiC,EAAE;IACxE,IAAI,CAAC,SAAS;QAAE,OAAO;IAEvB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACpB,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;IAC5C,CAAC;SAAM,CAAC;QACN,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,MAAM,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;AACtD,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,cAAc;IAC5B,IAAI,CAAC,SAAS;QAAE,OAAO,GAAG,CAAC;IAC3B,OAAO,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;AAClC,CAAC"}

package/dist/components/smart-select/smart-select-element.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Implements the responsibility of conditional branch rendering from a lightweight custom element.
+ *
+ * @description
+ * Pure custom element that evaluates `<on condition="...">` branches and renders
+ * the first matching branch's content, falling back to `<otherwise>` when no
+ * condition is true.
+ *
+ * Does not use the SmartComponent rendering pipeline — no template compilation,
+ * no reactive bindings, no lifecycle manager, no host projection registry.
+ *
+ * smart-select is transparent to the parent binding resolver, which recurses
+ * into its children. This allows the parent component to set up reactive bindings
+ * on `<on condition="{{expr}}">`, which smart-select then observes via MutationObserver.
+ *
+ * @example
+ * ```html
+ * <smart-select>
+ *   <on condition="{{isLoggedIn}}">
+ *     <div>Welcome back!</div>
+ *   </on>
+ *
+ *   <on condition="{{isPending}}">
+ *     <p>Loading...</p>
+ *   </on>
+ *
+ *   <otherwise>
+ *     <p>Please log in</p>
+ *   </otherwise>
+ * </smart-select>
+ * ```
+ */
+export declare class SmartSelectElement extends HTMLElement {
+    private branches;
+    private placeholder;
+    private observer;
+    private activeBranch;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Resolves which branch should be active.
+     * Evaluates `<on>` branches first in order; falls back to `<otherwise>` only
+     * when no `<on>` matches.
+     *
+     * @returns The matching branch, or null if none matches
+     */
+    private resolveBranch;
+}
+//# sourceMappingURL=smart-select-element.d.ts.map

package/dist/components/smart-select/smart-select-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-select-element.d.ts","sourceRoot":"","sources":["../../../src/components/smart-select/smart-select-element.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAWH,qBAAa,kBAAmB,SAAQ,WAAW;IACjD,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,WAAW,CAAwB;IAC3C,OAAO,CAAC,QAAQ,CAAiC;IACjD,OAAO,CAAC,YAAY,CAAuB;IAE3C,iBAAiB,IAAI,IAAI;IAoEzB,oBAAoB,IAAI,IAAI;IAe5B;;;;;;OAMG;IACH,OAAO,CAAC,aAAa;CAgBtB"}

package/dist/components/smart-select/smart-select-element.js

@@ -0,0 +1,130 @@
+/**
+ * Implements the responsibility of conditional branch rendering from a lightweight custom element.
+ *
+ * @description
+ * Pure custom element that evaluates `<on condition="...">` branches and renders
+ * the first matching branch's content, falling back to `<otherwise>` when no
+ * condition is true.
+ *
+ * Does not use the SmartComponent rendering pipeline — no template compilation,
+ * no reactive bindings, no lifecycle manager, no host projection registry.
+ *
+ * smart-select is transparent to the parent binding resolver, which recurses
+ * into its children. This allows the parent component to set up reactive bindings
+ * on `<on condition="{{expr}}">`, which smart-select then observes via MutationObserver.
+ *
+ * @example
+ * ```html
+ * <smart-select>
+ *   <on condition="{{isLoggedIn}}">
+ *     <div>Welcome back!</div>
+ *   </on>
+ *
+ *   <on condition="{{isPending}}">
+ *     <p>Loading...</p>
+ *   </on>
+ *
+ *   <otherwise>
+ *     <p>Please log in</p>
+ *   </otherwise>
+ * </smart-select>
+ * ```
+ */
+export class SmartSelectElement extends HTMLElement {
+    branches = [];
+    placeholder = null;
+    observer = null;
+    activeBranch = null;
+    connectedCallback() {
+        this.style.display = "contents";
+        const originalElements = Array.from(this.children);
+        this.branches = [];
+        for (const el of originalElements) {
+            const tagName = el.tagName.toLowerCase();
+            if (tagName === "on") {
+                this.branches.push({
+                    conditionElement: el,
+                    nodes: Array.from(el.childNodes),
+                    isDefault: false,
+                });
+            }
+            else if (tagName === "otherwise") {
+                this.branches.push({
+                    conditionElement: el,
+                    nodes: Array.from(el.childNodes),
+                    isDefault: true,
+                });
+            }
+        }
+        this.innerHTML = "";
+        this.placeholder = document.createComment("smart-select");
+        this.appendChild(this.placeholder);
+        const updateBranches = () => {
+            if (!this.placeholder?.parentNode) {
+                return;
+            }
+            const matching = this.resolveBranch();
+            if (matching === this.activeBranch) {
+                return;
+            }
+            if (this.activeBranch) {
+                for (const node of this.activeBranch.nodes) {
+                    node.parentNode?.removeChild(node);
+                }
+            }
+            this.activeBranch = matching;
+            if (matching) {
+                for (const node of matching.nodes) {
+                    this.placeholder.parentNode.insertBefore(node, this.placeholder);
+                }
+            }
+        };
+        this.observer = new MutationObserver(updateBranches);
+        for (const branch of this.branches) {
+            if (!branch.isDefault) {
+                this.observer.observe(branch.conditionElement, {
+                    attributes: true,
+                    attributeFilter: ["condition"],
+                });
+            }
+        }
+        // Initial branch evaluation.
+        updateBranches();
+    }
+    disconnectedCallback() {
+        if (this.observer) {
+            this.observer.disconnect();
+            this.observer = null;
+        }
+        if (this.activeBranch) {
+            for (const node of this.activeBranch.nodes) {
+                node.parentNode?.removeChild(node);
+            }
+            this.activeBranch = null;
+        }
+        this.branches = [];
+        this.placeholder = null;
+    }
+    /**
+     * Resolves which branch should be active.
+     * Evaluates `<on>` branches first in order; falls back to `<otherwise>` only
+     * when no `<on>` matches.
+     *
+     * @returns The matching branch, or null if none matches
+     */
+    resolveBranch() {
+        let defaultBranch = null;
+        for (const branch of this.branches) {
+            if (branch.isDefault) {
+                defaultBranch = branch;
+                continue;
+            }
+            const condition = branch.conditionElement.getAttribute("condition");
+            if (condition === "true" || condition === "") {
+                return branch;
+            }
+        }
+        return defaultBranch;
+    }
+}
+//# sourceMappingURL=smart-select-element.js.map

package/dist/components/smart-select/smart-select-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-select-element.js","sourceRoot":"","sources":["../../../src/components/smart-select/smart-select-element.ts"],"names":[],"mappings":"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"}

package/dist/components/smart-select/smart-select.component.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Implements the responsibility of hosting multi-branch conditional rendering.
+ */
+import { SmartComponent } from '../../core/smart-component.js';
+/**
+ * Implements the responsibility of exposing a smart-select host element.
+ *
+ * @description
+ * Renders content based on reactive conditions. Evaluates multiple branches
+ * sequentially and shows the first one where condition is true.
+ * Uses comment placeholder to maintain DOM position.
+ *
+ * @attributes
+ * - None on host; child elements carry conditions
+ *
+ * @example
+ * ```html
+ * <smart-select>
+ *   <on condition="{{isLoggedIn}}">
+ *     <div>Welcome back!</div>
+ *   </on>
+ *
+ *   <on condition="{{isPending}}">
+ *     <p>Loading...</p>
+ *   </on>
+ *
+ *   <otherwise>
+ *     <p>Please log in</p>
+ *   </otherwise>
+ * </smart-select>
+ * ```
+ */
+export declare class SmartSelect extends SmartComponent {
+}
+//# sourceMappingURL=smart-select.component.d.ts.map

package/dist/components/smart-select/smart-select.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-select.component.d.ts","sourceRoot":"","sources":["../../../src/components/smart-select/smart-select.component.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAI/D;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAKa,WAAY,SAAQ,cAAc;CAAG"}

package/dist/components/smart-select/smart-select.component.js

@@ -0,0 +1,92 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+/**
+ * Implements the responsibility of hosting multi-branch conditional rendering.
+ */
+import { SmartComponent } from '../../core/smart-component.js';
+import { SmartRender } from '../../decorators/smart-render.decorator.js';
+import { SmartSelectLifecycleManager } from './smart-select.lifecycle-manager.js';
+/**
+ * Implements the responsibility of exposing a smart-select host element.
+ *
+ * @description
+ * Renders content based on reactive conditions. Evaluates multiple branches
+ * sequentially and shows the first one where condition is true.
+ * Uses comment placeholder to maintain DOM position.
+ *
+ * @attributes
+ * - None on host; child elements carry conditions
+ *
+ * @example
+ * ```html
+ * <smart-select>
+ *   <on condition="{{isLoggedIn}}">
+ *     <div>Welcome back!</div>
+ *   </on>
+ *
+ *   <on condition="{{isPending}}">
+ *     <p>Loading...</p>
+ *   </on>
+ *
+ *   <otherwise>
+ *     <p>Please log in</p>
+ *   </otherwise>
+ * </smart-select>
+ * ```
+ */
+let SmartSelect = (() => {
+    let _classDecorators = [SmartRender({
+            selector: 'smart-select',
+            template: '<smart-host></smart-host>',
+            lifecycle: SmartSelectLifecycleManager
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = SmartComponent;
+    var SmartSelect = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SmartSelect = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SmartSelect = _classThis;
+})();
+export { SmartSelect };
+//# sourceMappingURL=smart-select.component.js.map

package/dist/components/smart-select/smart-select.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-select.component.js","sourceRoot":"","sources":["../../../src/components/smart-select/smart-select.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AACzE,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAElF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;IAMU,WAAW;4BALvB,WAAW,CAAC;YACX,QAAQ,EAAE,cAAc;YACxB,QAAQ,EAAE,2BAA2B;YACrC,SAAS,EAAE,2BAA2B;SACvC,CAAC;;;;sBAC+B,cAAc;2BAAtB,SAAQ,WAAc;;;;YAA/C,6KAAkD;;;YAArC,uDAAW;;;;;SAAX,WAAW"}

package/dist/components/smart-select/smart-select.lifecycle-manager.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Implements the responsibility of managing smart-select lifecycle and conditional branch rendering.
+ */
+import { SmartLifecycleManager } from '../../behaviors/lifecycle-manager.base.js';
+import type { IHostProjectionRegistry } from '../../rendering/host-projection/host-projection-registry.interface.js';
+import type { IHostResolver } from '../../rendering/host-resolver/host-resolver.interface.js';
+import type { SmartSelect } from './smart-select.component.js';
+/**
+ * Implements the responsibility of managing smart-select lifecycle with multi-branch conditional rendering.
+ *
+ * @description
+ * Architecture note: smart-select is transparent to the parent binding resolver (no hostDisplay),
+ * so the parent component sets up reactive bindings on the ORIGINAL <on>/<otherwise> elements
+ * before smart-select's connectedCallback captures them via HostProjectionRegistry.setNodes().
+ *
+ * The template compiler's host projection then creates CLONES from the HTML string for the compiled
+ * template DOM. These clones have resolved (static) attribute values — no reactive bindings.
+ *
+ * This lifecycle manager:
+ * 1. Removes the static CLONES from the rendered host DOM (they would show all branches)
+ * 2. Reads the ORIGINAL elements from HostProjectionRegistry (which carry live parent-scope bindings)
+ * 3. Observes attribute changes on the originals via MutationObserver
+ * 4. Inserts the originals' childNodes (which also have parent-scope text bindings) into the host
+ */
+export declare class SmartSelectLifecycleManager extends SmartLifecycleManager<SmartSelect> {
+    private readonly hostResolver;
+    private readonly hostProjectionRegistry;
+    private branches;
+    private placeholder;
+    private observer;
+    private activeBranch;
+    /**
+     * Initializes a new instance of SmartSelectLifecycleManager.
+     *
+     * @param hostResolver - Resolver for obtaining host elements
+     * @param hostProjectionRegistry - Registry for host projection content
+     * @throws Error if hostResolver is null or undefined
+     * @throws Error if hostProjectionRegistry is null or undefined
+     */
+    constructor(hostResolver: IHostResolver, hostProjectionRegistry: IHostProjectionRegistry);
+    protected onComponentReady(component: SmartSelect): void;
+    protected onComponentDestroy(): void;
+    /**
+     * Resolves which branch should be active.
+     * Evaluates `<on>` branches first in order; falls back to `<otherwise>` only
+     * when no `<on>` matches.
+     *
+     * @returns The matching branch, or null if none matches
+     */
+    private resolveBranch;
+}
+//# sourceMappingURL=smart-select.lifecycle-manager.d.ts.map

package/dist/components/smart-select/smart-select.lifecycle-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-select.lifecycle-manager.d.ts","sourceRoot":"","sources":["../../../src/components/smart-select/smart-select.lifecycle-manager.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uEAAuE,CAAC;AACrH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0DAA0D,CAAC;AAC9F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAW/D;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,2BAA4B,SAAQ,qBAAqB,CAAC,WAAW,CAAC;IAe/E,OAAO,CAAC,QAAQ,CAAC,YAAY;IAC7B,OAAO,CAAC,QAAQ,CAAC,sBAAsB;IAfzC,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,WAAW,CAAwB;IAC3C,OAAO,CAAC,QAAQ,CAAiC;IACjD,OAAO,CAAC,YAAY,CAAuB;IAE3C;;;;;;;OAOG;gBAEgB,YAAY,EAAE,aAAa,EAC3B,sBAAsB,EAAE,uBAAuB;IAWlE,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAyExD,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAepC;;;;;;OAMG;IACH,OAAO,CAAC,aAAa;CAgBtB"}