ngx-techlify-core 18.89.0 → 18.90.0

package/lib/base-model/index.d.ts

@@ -3,3 +3,5 @@ export * from './techlify-form/contract/techlify-form.contract';
 export * from './techlify-list/techlify-list.component';
 export * from './techlify-list/contract/techlify-list.contract';
 export * from './techlify-service';
+export * from './techlify-show/techlify-show.component';
+export * from './techlify-show/contract/techlify-show.contract';

package/lib/base-model/techlify-show/contract/techlify-show.contract.d.ts

@@ -0,0 +1,17 @@
+import { TechlifyShowComponent } from '../techlify-show.component';
+export interface TechlifyShowContractOptions {
+    getComponent: () => TechlifyShowComponent;
+    getService: () => any;
+    routeParamName?: string;
+}
+/**
+ * Reusable test contract for components extending TechlifyShowComponent.
+ *
+ * Ensures all view components follow the same base behaviour:
+ * - Service injection
+ * - Default state initialization
+ * - Reading the id from the route
+ * - Loading the model through service.show()
+ * - Model update handling
+ */
+export declare function techlifyShowContract(options: TechlifyShowContractOptions): void;

package/lib/base-model/techlify-show/techlify-show.component.d.ts

@@ -0,0 +1,71 @@
+import { ActivatedRoute, ParamMap } from '@angular/router';
+import { TechlifyService } from '../techlify-service';
+import * as i0 from "@angular/core";
+/**
+ * Interface used to ensure we have a consistent structure across our view (show) pages
+ *
+ * Every view page follows the same workflow:
+ * route param -> id -> service.show(id) -> model
+ */
+export declare abstract class TechlifyShowComponent {
+    protected service?: TechlifyService;
+    model: any;
+    id: any;
+    isWorking: boolean;
+    /**
+     * Name of the route param holding the model id.
+     * Override in child class if the route uses a different name, eg: 'memoId'
+     */
+    protected routeParamName: string;
+    /**
+     * Child classes can override this.
+     * If left undefined/empty, falls back to environment.appTitle
+     */
+    protected get pageTitle(): string | undefined;
+    private loadSubscription?;
+    private titleService;
+    private environmentService;
+    protected route: ActivatedRoute;
+    constructor(service?: TechlifyService);
+    /**
+     * Function that listens for route param changes
+     * Sets the id and reloads the model whenever it changes,
+     * so navigating between two records on the same page works
+     */
+    listenRouteChanges(): void;
+    /**
+     * Reads the model id from the route params
+     * Uses the current route snapshot when params are not given
+     *
+     * @param params optional route params
+     */
+    getIdFromRoute(params?: ParamMap): any;
+    /**
+     * Query params passed to the show request, eg: relations to load
+     * Override in child class if needed
+     */
+    protected getShowParams(): any;
+    /**
+     * Function that loads the main model of the page
+     */
+    loadData(): void;
+    /**
+     * Reload the model of the page
+     */
+    reload(): void;
+    /**
+     * Hook called once the model is loaded
+     * Override in child class to compute derived data from the model
+     *
+     * @param model The loaded model
+     */
+    protected modelLoaded(model: any): void;
+    /**
+     * Replaces the model of the page, eg: after an update form or status change
+     *
+     * @param model The updated model
+     */
+    modelUpdated(model: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TechlifyShowComponent, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TechlifyShowComponent, never, never, {}, {}, never, never, false, never>;
+}

package/lib/detail-layout/techlify-detail-layout.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class TechlifyDetailLayoutComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TechlifyDetailLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TechlifyDetailLayoutComponent, "app-techlify-detail-layout", never, {}, {}, never, ["*"], true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-techlify-core",
-  "version": "18.89.0",
+  "version": "18.90.0",
   "peerDependencies": {
     "@angular/common": ">=18",
     "@angular/core": ">=18",

package/public-api.d.ts

@@ -186,6 +186,7 @@ export * from './lib/timeline-activity/timeline-activity-list/timeline-activity-
 export * from './lib/local-date-parser';
 export * from './lib/delete-button/techlify-delete-button.component';
 export * from './lib/form-button/techlify-form-button.component';
+export * from './lib/detail-layout/techlify-detail-layout.component';
 export * from './lib/form-configuration/form-configuration-form.service';
 export * from './lib/form-configuration/form-configuration-form-field.service';
 export * from './lib/form-configuration/form-configuration-utility.service';