Service1 UI Library

A comprehensive Angular library providing reusable components, services, and utilities for Service1 applications.

Installation

npm install service1-ui

Usage

Import the Module

Import Service1UiModule in your Angular application:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { Service1UiModule } from 'service1-ui';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    Service1UiModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Use Components

<app-main-content></app-main-content>
<app-left-navigation></app-left-navigation>

Use Services

import { HttpService, ProductsDataService } from 'service1-ui';

constructor(
  private httpService: HttpService,
  private productsDataService: ProductsDataService
) {}

Features

• Main Content Component
• Left Navigation Component
• Product List Component
• Section List Component
• Dynamic Content Rendering
• HTTP Interceptors (Auth, Cache, General)
• Product Data Services
• State Management Services
• Accumulated Amount Calculations
• Intellisearch Wrapper

Building the Library

ng build service1-ui

Publishing to NPM

# Build the library
ng build service1-ui

# Navigate to dist
cd dist/service1-ui

# Publish
npm publish

Peer Dependencies

• @angular/common >= 17.3.12
• @angular/core >= 17.3.12
• @angular/router >= 17.3.12
• @azure/msal-angular >= 3.0.19

License

MIT