rajhseg/angular-controls-v22

Purpose and topology

This is an Angular 22+ workspace containing a publishable reusable UI-control library, rcomponents, plus a demo/host application. The library targets browser and server-side rendering (SSR) compatibility; it is not a backend service. Primary workspace/build configuration is in Angular-Controls-V22/angular.json.

Entry points and delivery

• Browser app bootstrap: Angular-Controls-V22/src/main.ts.

• SSR bootstrap and server runtime: Angular-Controls-V22/src/main.server.ts, Angular-Controls-V22/server.ts.

• Library consumer entry point: Angular-Controls-V22/projects/rcomponents/src/public-api.ts.

• Library packaging boundary: Angular-Controls-V22/projects/rcomponents/ng-package.json; consumers import the built package rather than internal component paths.

Application shell and demo composition

The host app provides routing, application providers, SSR-specific providers, and component pages that exercise the library:

• Angular-Controls-V22/src/app/app.component.ts

• Angular-Controls-V22/src/app/app.routes.ts

• Angular-Controls-V22/src/app/app.config.ts

• Angular-Controls-V22/src/app/app.config.server.ts

• Angular-Controls-V22/src/app/root-component/root-component.ts

Control flow is Angular bootstrap → app configuration/router → demo root/pages → rcomponents controls. The demo is the integration surface, while the library is the product boundary.

Library aggregation and shared runtime boundary

RComponentsModule is the central Angular integration point, declaring/exporting the control set:

• Angular-Controls-V22/projects/rcomponents/src/lib/rcomponents.module.ts

• Angular-Controls-V22/projects/rcomponents/src/public-api.ts

Shared abstractions support component behavior and platform-safe DOM access:

• Angular-Controls-V22/projects/rcomponents/src/lib/rmodels/RBaseComponent.ts

• Angular-Controls-V22/projects/rcomponents/src/lib/rwindowObject.ts

• Angular-Controls-V22/projects/rcomponents/src/lib/rcss-units.service.ts

The Window/environment helper boundary is architecturally important for SSR: controls requiring browser APIs should route access through these abstractions rather than directly assuming window/DOM availability.

Interactive form, selection, and layout controls

Core reusable input/navigation primitives own UI state and emit Angular interaction events to host applications. Representative controls include:

• Dropdown selection and filtering: projects/rcomponents/src/lib/rdropdown/rdropdown.component.ts, projects/rcomponents/src/lib/rdropdown/rdropdownservice.service.ts, projects/rcomponents/src/lib/rselectdropdown/rselectdropdown.component.ts

• Date/time and events: projects/rcomponents/src/lib/rcalendar/rcalendar.component.ts, projects/rcomponents/src/lib/rcalendar/rcalendar.service.ts, projects/rcomponents/src/lib/reventscalender/reventscalender.component.ts

• Tabs/sequence/layout composition: projects/rcomponents/src/lib/rtab/rtabs.component.ts, projects/rcomponents/src/lib/rsplitter/rsplitter.component.ts, projects/rcomponents/src/lib/rstep/rstep.component.ts

Data presentation and visualization

Data passed through component inputs is rendered locally as grids or charts; no external data provider/service is evident from the repository structure.

• Grid supports columns, cells, and projected view/edit templates: projects/rcomponents/src/lib/rgrid/rgrid.component.ts, projects/rcomponents/src/lib/rgrid/rcolumn/rcolumn.component.ts, projects/rcomponents/src/lib/rgrid/edit-template.directive.ts.

• Chart family covers bar, stacked, pie/donut, line/area, scatter, and series visualizations: projects/rcomponents/src/lib/rbarchart-vertical/rbarchart-vertical.component.ts, projects/rcomponents/src/lib/rserieschart/rserieschart.component.ts, projects/rcomponents/src/lib/rmodels/RBarChartItem.ts.

• Workflow/event presentation is handled by schedule and sequence-tracker composites: projects/rcomponents/src/lib/reventsschedule/reventsschedule.component.ts, projects/rcomponents/src/lib/rsequence-tracker/rsequences-tracker.component.ts.

Runtime and infrastructure

Material runtime is Angular/TypeScript under Node.js tooling, with Angular CLI building both the application and ng-packagr-style library package. SSR uses Angular server rendering plus the Node server entry point. The supplied structure shows no database, API client, authentication provider, cloud infrastructure, or required external service; host applications supply data and event handling.