@simplysm/angular 1.0.138 → 14.0.4

package/dist/core/utils/setups/setupRipple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupRipple.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\core\\utils\\setups\\setupRipple.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,QAAQ,CAAC,EAAE,MAAM,OAAO,GAAG,IAAI,CA2E1D"}

package/dist/core/utils/setups/setupRipple.js

@@ -0,0 +1,63 @@
+import { effect, ElementRef, inject } from "@angular/core";
+export function setupRipple(enableFn) {
+    const elRef = inject(ElementRef);
+    effect((onCleanup) => {
+        const el = elRef.nativeElement;
+        Object.assign(el.style, {
+            position: "relative",
+            overflow: "hidden",
+        });
+        let indicatorEl;
+        const onPointerDown = (event) => {
+            if (enableFn !== undefined && !enableFn())
+                return;
+            const rect = el.getBoundingClientRect();
+            const size = Math.max(rect.width, rect.height);
+            const x = event.clientX - rect.left;
+            const y = event.clientY - rect.top;
+            if (indicatorEl !== undefined) {
+                indicatorEl.remove();
+            }
+            indicatorEl = document.createElement("div");
+            Object.assign(indicatorEl.style, {
+                position: "absolute",
+                pointerEvents: "none",
+                borderRadius: "100%",
+                background: "var(--trans-light)",
+                width: size * 2 + "px",
+                height: size * 2 + "px",
+                top: y - size + "px",
+                left: x - size + "px",
+                transition: "var(--animation-duration) linear",
+                transitionProperty: "transform, opacity",
+                transform: "scale(0.1)",
+            });
+            el.appendChild(indicatorEl);
+            indicatorEl.ontransitionend = () => {
+                if (indicatorEl !== undefined && getComputedStyle(indicatorEl).opacity === "0") {
+                    indicatorEl.remove();
+                }
+            };
+            requestAnimationFrame(() => {
+                if (indicatorEl !== undefined) {
+                    indicatorEl.style.transform = "scale(1)";
+                }
+            });
+        };
+        const onPointerUp = () => {
+            if (indicatorEl !== undefined) {
+                indicatorEl.style.opacity = "0";
+            }
+        };
+        el.addEventListener("pointerdown", onPointerDown);
+        el.addEventListener("pointerup", onPointerUp);
+        el.addEventListener("pointercancel", onPointerUp);
+        el.addEventListener("pointerleave", onPointerUp);
+        onCleanup(() => {
+            el.removeEventListener("pointerdown", onPointerDown);
+            el.removeEventListener("pointerup", onPointerUp);
+            el.removeEventListener("pointercancel", onPointerUp);
+            el.removeEventListener("pointerleave", onPointerUp);
+        });
+    });
+}

package/dist/core/utils/useCurrentPageCodeSignal.d.ts

@@ -0,0 +1,3 @@
+import { type Signal } from "@angular/core";
+export declare function useCurrentPageCodeSignal(): Signal<string> | undefined;
+//# sourceMappingURL=useCurrentPageCodeSignal.d.ts.map

package/dist/core/utils/useCurrentPageCodeSignal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentPageCodeSignal.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\core\\utils\\useCurrentPageCodeSignal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAI9D,wBAAgB,wBAAwB,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG,SAAS,CAWrE"}

package/dist/core/utils/useCurrentPageCodeSignal.js

@@ -0,0 +1,13 @@
+import { computed, inject } from "@angular/core";
+import { toSignal } from "@angular/core/rxjs-interop";
+import { ActivatedRoute } from "@angular/router";
+export function useCurrentPageCodeSignal() {
+    const activatedRoute = inject(ActivatedRoute, { optional: true });
+    if (activatedRoute) {
+        const activatedUrlSegmentsSignals = activatedRoute.pathFromRoot
+            .slice(2)
+            .map((item) => toSignal(item.url, { initialValue: item.snapshot.url }));
+        return computed(() => activatedUrlSegmentsSignals.map((item) => item()).join("."));
+    }
+    return undefined;
+}

package/dist/core/utils/useExpandingManager.d.ts

@@ -0,0 +1,23 @@
+import { type Signal, type WritableSignal } from "@angular/core";
+import "@simplysm/core-common";
+export interface IExpandItemDef<T> {
+    item: T;
+    parentDef: IExpandItemDef<T> | undefined;
+    hasChildren: boolean;
+    depth: number;
+}
+export declare function useExpandingManager<T>(binding: {
+    items: Signal<T[]>;
+    expandedItems: WritableSignal<T[]>;
+    getChildrenFn: Signal<((item: T, index: number) => T[] | undefined) | undefined>;
+    sort: (items: T[]) => T[];
+}): {
+    displayItems: Signal<T[]>;
+    hasExpandable: Signal<boolean>;
+    isAllExpanded: Signal<boolean>;
+    toggle(item: T): void;
+    toggleAll(): void;
+    isVisible(item: T): boolean;
+    def(item: T): IExpandItemDef<T>;
+};
+//# sourceMappingURL=useExpandingManager.d.ts.map

package/dist/core/utils/useExpandingManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandingManager.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\core\\utils\\useExpandingManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,CAAC,CAAC;IACR,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACzC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,OAAO,EAAE;IAC9C,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IACnB,aAAa,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;IACnC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;IACjF,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;CAC3B,GAAG;IACF,YAAY,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACtB,SAAS,IAAI,IAAI,CAAC;IAClB,SAAS,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;CACjC,CA6FA"}

package/dist/core/utils/useExpandingManager.js

@@ -0,0 +1,86 @@
+import { computed } from "@angular/core";
+import "@simplysm/core-common";
+export function useExpandingManager(binding) {
+    const allDefs = computed(() => {
+        const getChildrenFn = binding.getChildrenFn();
+        const defs = [];
+        function walk(items, parentDef, depth) {
+            const sorted = binding.sort(items);
+            for (let i = 0; i < sorted.length; i++) {
+                const item = sorted[i];
+                const children = getChildrenFn?.(item, i);
+                const hasChildren = children != null && children.length > 0;
+                const itemDef = { item, parentDef, hasChildren, depth };
+                defs.push(itemDef);
+                if (hasChildren) {
+                    walk(children, itemDef, depth + 1);
+                }
+            }
+        }
+        walk(binding.items(), undefined, 0);
+        return defs;
+    }, ...(ngDevMode ? [{ debugName: "allDefs" }] : /* istanbul ignore next */ []));
+    const displayItems = computed(() => allDefs().map((d) => d.item), ...(ngDevMode ? [{ debugName: "displayItems" }] : /* istanbul ignore next */ []));
+    const expandableDefs = computed(() => allDefs().filter((d) => d.hasChildren), ...(ngDevMode ? [{ debugName: "expandableDefs" }] : /* istanbul ignore next */ []));
+    const hasExpandable = computed(() => expandableDefs().length > 0, ...(ngDevMode ? [{ debugName: "hasExpandable" }] : /* istanbul ignore next */ []));
+    const isAllExpanded = computed(() => {
+        const expandable = expandableDefs();
+        if (expandable.length === 0)
+            return false;
+        const expandedSet = new Set(binding.expandedItems());
+        return expandable.every((d) => expandedSet.has(d.item));
+    }, ...(ngDevMode ? [{ debugName: "isAllExpanded" }] : /* istanbul ignore next */ []));
+    const defMap = computed(() => {
+        const map = new Map();
+        for (const d of allDefs()) {
+            map.set(d.item, d);
+        }
+        return map;
+    }, ...(ngDevMode ? [{ debugName: "defMap" }] : /* istanbul ignore next */ []));
+    function toggle(item) {
+        binding.expandedItems.update((arr) => {
+            const next = [...arr];
+            next.toggle(item);
+            return next;
+        });
+    }
+    function toggleAll() {
+        if (isAllExpanded()) {
+            binding.expandedItems.set([]);
+        }
+        else {
+            binding.expandedItems.set(expandableDefs().map((d) => d.item));
+        }
+    }
+    function isVisible(item) {
+        const map = defMap();
+        const itemDef = map.get(item);
+        if (itemDef == null)
+            return false;
+        let current = itemDef.parentDef;
+        while (current != null) {
+            if (!binding.expandedItems().includes(current.item)) {
+                return false;
+            }
+            current = current.parentDef;
+        }
+        return true;
+    }
+    function def(item) {
+        const map = defMap();
+        const d = map.get(item);
+        if (d == null) {
+            throw new Error(`Item not found in expanding manager`);
+        }
+        return d;
+    }
+    return {
+        displayItems,
+        hasExpandable,
+        isAllExpanded,
+        toggle,
+        toggleAll,
+        isVisible,
+        def,
+    };
+}

package/dist/core/utils/useFullPageCodeSignal.d.ts

@@ -0,0 +1,3 @@
+import { type Signal } from "@angular/core";
+export declare function useFullPageCodeSignal(): Signal<string>;
+//# sourceMappingURL=useFullPageCodeSignal.d.ts.map

package/dist/core/utils/useFullPageCodeSignal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFullPageCodeSignal.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\core\\utils\\useFullPageCodeSignal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAK9D,wBAAgB,qBAAqB,IAAI,MAAM,CAAC,MAAM,CAAC,CAkBtD"}

package/dist/core/utils/useFullPageCodeSignal.js

@@ -0,0 +1,13 @@
+import { computed, inject } from "@angular/core";
+import { toSignal } from "@angular/core/rxjs-interop";
+import { NavigationEnd, Router } from "@angular/router";
+import { filter, map } from "rxjs";
+export function useFullPageCodeSignal() {
+    const router = inject(Router);
+    const url = toSignal(router.events.pipe(filter((event) => event instanceof NavigationEnd), map((event) => event.url)), { initialValue: router.url });
+    return computed(() => url()
+        .split("/")
+        .slice(2)
+        .map((item) => item.split(/[;?]/)[0])
+        .join("."));
+}

package/dist/core/utils/useSdSystemConfigResource.d.ts

@@ -0,0 +1,13 @@
+import { type Signal } from "@angular/core";
+export declare function useSdSystemConfigResource<T>(options: {
+    key: Signal<string | undefined>;
+}): {
+    value: import("@angular/core").WritableSignal<T | undefined>;
+    isLoading: Signal<boolean>;
+    status: Signal<import("@angular/core").ResourceStatus>;
+    hasValue: () => boolean;
+    reload: () => boolean;
+    set(value: T | undefined): void;
+    update(fn: (prev: T | undefined) => T | undefined): void;
+};
+//# sourceMappingURL=useSdSystemConfigResource.d.ts.map

package/dist/core/utils/useSdSystemConfigResource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSdSystemConfigResource.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\core\\utils\\useSdSystemConfigResource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkD,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAG5F,wBAAgB,yBAAyB,CAAC,CAAC,EAAE,OAAO,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CAAE;;;;;;eAmB1E,CAAC,GAAG,SAAS;eAQb,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,KAAK,CAAC,GAAG,SAAS;EAKpD"}

package/dist/core/utils/useSdSystemConfigResource.js

@@ -0,0 +1,31 @@
+import { ElementRef, inject, resource } from "@angular/core";
+import { SdSystemConfigProvider } from "../providers/sd-system-config.provider";
+export function useSdSystemConfigResource(options) {
+    const sdSystemConfig = inject(SdSystemConfigProvider);
+    const elRef = inject(ElementRef);
+    const elTag = elRef.nativeElement.tagName.toLowerCase();
+    const res = resource({ ...(ngDevMode ? { debugName: "res" } : /* istanbul ignore next */ {}), params: () => options.key(),
+        loader: async ({ params: key }) => {
+            return (await sdSystemConfig.getAsync(`${elTag}.${key}`));
+        } });
+    return {
+        value: res.value,
+        isLoading: res.isLoading,
+        status: res.status,
+        hasValue: () => res.hasValue(),
+        reload: () => res.reload(),
+        set(value) {
+            res.set(value);
+            const key = options.key();
+            if (key == null)
+                return;
+            queueMicrotask(async () => {
+                await sdSystemConfig.setAsync(`${elTag}.${key}`, value);
+            });
+        },
+        update(fn) {
+            const newValue = fn(res.value());
+            this.set(newValue);
+        },
+    };
+}

package/dist/core/utils/useSelectionManager.d.ts

@@ -0,0 +1,18 @@
+import { type Signal, type WritableSignal } from "@angular/core";
+export declare function useSelectionManager<T>(options: {
+    displayItems: Signal<T[]>;
+    selectedItems: WritableSignal<T[]>;
+    selectMode: Signal<"single" | "multi" | undefined>;
+    getItemSelectableFn: Signal<((item: T) => boolean | string) | undefined>;
+}): {
+    hasSelectable: Signal<boolean>;
+    isAllSelected: Signal<boolean>;
+    getSelectable(item: T): true | string | undefined;
+    getCanChangeFn(item: T): () => boolean;
+    select(item: T): void;
+    deselect(item: T): void;
+    toggle(item: T): void;
+    toggleAll(): void;
+    isSelected(item: T): boolean;
+};
+//# sourceMappingURL=useSelectionManager.d.ts.map

package/dist/core/utils/useSelectionManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectionManager.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\core\\utils\\useSelectionManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3E,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,OAAO,EAAE;IAC9C,YAAY,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1B,aAAa,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IACnD,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,GAAG,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC;CAC1E,GAAG;IACF,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,aAAa,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IAClD,cAAc,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM,OAAO,CAAC;IACvC,MAAM,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACtB,SAAS,IAAI,IAAI,CAAC;IAClB,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC;CAC9B,CAsFA"}

package/dist/core/utils/useSelectionManager.js

@@ -0,0 +1,89 @@
+import { computed } from "@angular/core";
+export function useSelectionManager(options) {
+    const selectableItems = computed(() => {
+        const fn = options.getItemSelectableFn();
+        if (fn == null)
+            return options.displayItems();
+        return options.displayItems().filter((item) => fn(item) === true);
+    }, ...(ngDevMode ? [{ debugName: "selectableItems" }] : /* istanbul ignore next */ []));
+    const hasSelectable = computed(() => {
+        return options.selectMode() != null;
+    }, ...(ngDevMode ? [{ debugName: "hasSelectable" }] : /* istanbul ignore next */ []));
+    const isAllSelected = computed(() => {
+        const items = selectableItems();
+        if (items.length === 0)
+            return false;
+        const selectedSet = new Set(options.selectedItems());
+        return items.every((item) => selectedSet.has(item));
+    }, ...(ngDevMode ? [{ debugName: "isAllSelected" }] : /* istanbul ignore next */ []));
+    function getSelectable(item) {
+        const mode = options.selectMode();
+        if (mode == null)
+            return undefined;
+        const fn = options.getItemSelectableFn();
+        if (fn == null)
+            return true;
+        const result = fn(item);
+        if (result === true)
+            return true;
+        if (result === false)
+            return undefined;
+        return result; // string reason
+    }
+    function getCanChangeFn(item) {
+        return () => {
+            const selectable = getSelectable(item);
+            return selectable === true;
+        };
+    }
+    function select(item) {
+        const mode = options.selectMode();
+        if (mode == null)
+            return;
+        if (getSelectable(item) !== true)
+            return;
+        if (mode === "single") {
+            options.selectedItems.set([item]);
+        }
+        else {
+            options.selectedItems.update((arr) => {
+                if (arr.includes(item))
+                    return arr;
+                return [...arr, item];
+            });
+        }
+    }
+    function deselect(item) {
+        options.selectedItems.update((arr) => arr.filter((i) => i !== item));
+    }
+    function toggle(item) {
+        if (isSelected(item)) {
+            deselect(item);
+        }
+        else {
+            select(item);
+        }
+    }
+    function toggleAll() {
+        if (isAllSelected()) {
+            options.selectedItems.set([]);
+        }
+        else {
+            options.selectedItems.set([...selectableItems()]);
+        }
+    }
+    function isSelected(item) {
+        return options.selectedItems().includes(item);
+    }
+    return {
+        hasSelectable,
+        isAllSelected,
+        getSelectable,
+        getCanChangeFn,
+        select,
+        deselect,
+        toggle,
+        toggleAll,
+        isSelected,
+    };
+}

package/dist/core/utils/useSortingManager.d.ts

@@ -0,0 +1,17 @@
+import { type Signal, type WritableSignal } from "@angular/core";
+import "@simplysm/core-common";
+export interface ISortingDef {
+    key: string;
+    desc: boolean;
+}
+export declare function useSortingManager(options: {
+    sorts: WritableSignal<ISortingDef[]>;
+}): {
+    defMap: Signal<Map<string, {
+        indexText?: string;
+        desc: boolean;
+    }>>;
+    toggle(key: string, multiple: boolean): void;
+    sort<T>(items: T[]): T[];
+};
+//# sourceMappingURL=useSortingManager.d.ts.map

package/dist/core/utils/useSortingManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSortingManager.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\core\\utils\\useSortingManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;CACf;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE;IACzC,KAAK,EAAE,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC;CACtC,GAAG;IACF,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,CAAC;IACnE,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7C,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;CAC1B,CA0EA"}

package/dist/core/utils/useSortingManager.js

@@ -0,0 +1,81 @@
+import { computed } from "@angular/core";
+import "@simplysm/core-common";
+export function useSortingManager(options) {
+    const defMap = computed(() => {
+        const map = new Map();
+        const sorts = options.sorts();
+        for (let i = 0; i < sorts.length; i++) {
+            map.set(sorts[i].key, {
+                indexText: sorts.length > 1 ? String(i + 1) : undefined,
+                desc: sorts[i].desc,
+            });
+        }
+        return map;
+    }, ...(ngDevMode ? [{ debugName: "defMap" }] : /* istanbul ignore next */ []));
+    function toggle(key, multiple) {
+        options.sorts.update((prev) => {
+            const existing = prev.find((s) => s.key === key);
+            if (multiple) {
+                if (existing == null) {
+                    return [...prev, { key, desc: false }];
+                }
+                else if (!existing.desc) {
+                    return prev.map((s) => (s.key === key ? { ...s, desc: true } : s));
+                }
+                else {
+                    return prev.filter((s) => s.key !== key);
+                }
+            }
+            else {
+                if (existing == null) {
+                    return [{ key, desc: false }];
+                }
+                else if (!existing.desc) {
+                    return [{ key, desc: true }];
+                }
+                else {
+                    return [];
+                }
+            }
+        });
+    }
+    function sort(items) {
+        const sorts = options.sorts();
+        if (sorts.length === 0)
+            return items;
+        return [...items].sort((a, b) => {
+            for (const s of sorts) {
+                const aVal = a[s.key];
+                const bVal = b[s.key];
+                let cmp = 0;
+                if (aVal == null && bVal == null) {
+                    cmp = 0;
+                }
+                else if (aVal == null) {
+                    cmp = -1;
+                }
+                else if (bVal == null) {
+                    cmp = 1;
+                }
+                else if (typeof aVal === "string" && typeof bVal === "string") {
+                    cmp = aVal.localeCompare(bVal);
+                }
+                else if (typeof aVal === "number" && typeof bVal === "number") {
+                    cmp = aVal - bVal;
+                }
+                else {
+                    cmp = String(aVal).localeCompare(String(bVal));
+                }
+                if (cmp !== 0) {
+                    return s.desc ? -cmp : cmp;
+                }
+            }
+            return 0;
+        });
+    }
+    return {
+        defMap,
+        toggle,
+        sort,
+    };
+}

package/dist/core/utils/useViewTitleSignal.d.ts

@@ -0,0 +1,3 @@
+import { type Signal } from "@angular/core";
+export declare function useViewTitleSignal(): Signal<string>;
+//# sourceMappingURL=useViewTitleSignal.d.ts.map

package/dist/core/utils/useViewTitleSignal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewTitleSignal.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\core\\utils\\useViewTitleSignal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAM9D,wBAAgB,kBAAkB,IAAI,MAAM,CAAC,MAAM,CAAC,CAcnD"}

package/dist/core/utils/useViewTitleSignal.js

@@ -0,0 +1,17 @@
+import { computed, inject } from "@angular/core";
+import { SdActivatedModalProvider } from "../../ui/overlay/modal/sd-modal.provider";
+import { SdAppStructureProvider } from "../providers/sd-app-structure.provider";
+import { useFullPageCodeSignal } from "./useFullPageCodeSignal";
+import { useCurrentPageCodeSignal } from "./useCurrentPageCodeSignal";
+export function useViewTitleSignal() {
+    const activatedModal = inject(SdActivatedModalProvider, { optional: true });
+    const sdAppStructure = inject(SdAppStructureProvider);
+    const fullPageCode = useFullPageCodeSignal();
+    const currPageCode = useCurrentPageCodeSignal();
+    return computed(() => {
+        if (activatedModal != null) {
+            return activatedModal.modalComponent()?.title() ?? "";
+        }
+        return sdAppStructure.getTitleByFullCode(currPageCode?.() ?? fullPageCode());
+    });
+}

package/dist/core/utils/useViewTypeSignal.d.ts

@@ -0,0 +1,4 @@
+import { type Signal } from "@angular/core";
+export declare function useViewTypeSignal(getComp: () => object): Signal<TSdViewType>;
+export type TSdViewType = "page" | "modal" | "control";
+//# sourceMappingURL=useViewTypeSignal.d.ts.map

package/dist/core/utils/useViewTypeSignal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewTypeSignal.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\core\\utils\\useViewTypeSignal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAM9D,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,CAwB5E;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC"}

package/dist/core/utils/useViewTypeSignal.js

@@ -0,0 +1,23 @@
+import { computed, inject } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
+import { SdActivatedModalProvider } from "../../ui/overlay/modal/sd-modal.provider";
+import { useCurrentPageCodeSignal } from "./useCurrentPageCodeSignal";
+import { useFullPageCodeSignal } from "./useFullPageCodeSignal";
+export function useViewTypeSignal(getComp) {
+    const activatedModal = inject(SdActivatedModalProvider, { optional: true });
+    const activatedRoute = inject(ActivatedRoute, { optional: true });
+    const fullPageCode = useFullPageCodeSignal();
+    const currPageCode = useCurrentPageCodeSignal();
+    return computed(() => {
+        if (activatedModal != null) {
+            return "modal";
+        }
+        const comp = getComp();
+        if (activatedRoute &&
+            activatedRoute.component === comp.constructor &&
+            fullPageCode() === currPageCode?.()) {
+            return "page";
+        }
+        return "control";
+    });
+}