@registrucentras/rc-ses-angular-components 0.2.0

package/.editorconfig

@@ -0,0 +1,17 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+end_of_line = lf
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

package/.github/workflows/build-and-publish.yml

@@ -0,0 +1,50 @@
+name: Build and Publish
+
+on:
+  release:
+    types: [published]
+  pull_request:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      checks: write
+
+    steps:
+      - name: Check out the repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+          registry-url: 'https://registry.npmjs.org/'
+          scope: '@registrucentras'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Test
+        run: npm run test:run
+
+      - name: Test Report
+        uses: dorny/test-reporter@v1
+        if: (success() || failure()) && (github.event_name != 'pull_request' || github.event.pull_request.head.repo.fork == false)
+        continue-on-error: true
+        with:
+          name: Test Results
+          path: coverage/rc-ses-angular-components/junit.xml
+          reporter: java-junit
+          fail-on-error: 'false'
+
+      - name: Build the library
+        run: npm run build:lib
+
+      - name: Publish to npm
+        if: github.event_name == 'release'
+        working-directory: dist/registrucentras/rc-ses-angular-components
+        run: npm publish --access public --registry=https://registry.npmjs.org
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

package/.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}

package/.vscode/tasks.json

@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}

package/README.md

@@ -0,0 +1,31 @@
+# RC-SES Angular komponentų biblioteka
+
+Šioje repozitorijoje rasite RC-SESAngular komponentų bibliotekos išeities kodą. Biblioteką sudaro:
+ - pagal bendrą RC-SES gidą stilizuoti funkcionalūs paslaugų užsakymo formų komponentai;
+ - struktūriniai sąsajos išdėstymo komponentai formų ir paslaugos užsakymo puslapio atvaizdavimui;
+ - pavyzdinės (demo) formos komponentas su visais šioje bibliotekos versijoje prieinamais komponentais;
+
+## Prerekvizitai
+
+1. Įsitikinkite, kad turite įdiegtą bent **18.3** arba naujesnę [Node.js](https://nodejs.org/en) versiją;
+2. Jei to dar nepadarėte, lokaliai klonuokite `rc-ses-angular-components` projektą:
+    ```bash
+    git clone git@github.com:tomasAl/rc-ses-angular-components.git
+    ```
+3. Terminale atidarykite klonuoto projekto šakinį aplanką ir sudiekite projektui reikiamas bibliotekas:
+    ```bash
+    npm i
+    ```
+
+## Pavyzdinės formos
+
+Repozitorijoje galite rasti pavyzdinių formų ir komponentų implementaciją (`src\projects\app\src\app\sample-form-multiple-steps` ir `src\projects\app\src\app\sample-form-multiple-steps`).
+
+Norėdami peržiūrėti pavyzdinę formą naršyklėje:
+
+ - startuokite aplikaciją dev rėžime: `npm run build`;
+ - naršyklėje atidarykite [http://http://localhost:4200/](http://http://localhost:4200/);
+
+## *npm* biblioteka
+
+Versijuojama sukompiliuota *npm* biblioteka bus prieinama artimiausiu metu.

package/RELEASE_NOTES.md

@@ -0,0 +1,29 @@
+# Release Notes
+
+## [0.2.0] - 2026-03-02
+
+**The library is now published to the public npm registry!**
+
+This release marks a significant change in how the library is distributed and consumed. You no longer need to install it directly from GitHub or use private tokens.
+
+### Migration Guide
+
+To update your project to use the published npm package:
+
+1.  **Update `package.json`**:
+    Replace the dependency source:
+    ```diff
+    - "@registrucentras/rc-ses-angular-components": "github:registrucentras/rc-ses-angular-components#..."
+    + "@registrucentras/rc-ses-angular-components": "^0.2.0"
+    ```
+
+2.  **Reinstall dependencies**:
+    ```bash
+    npm install
+    ```
+
+### Changes
+
+-   **Published to npm**: The package is now available on `https://registry.npmjs.org/` as `@registrucentras/rc-ses-angular-components`.
+-   **Granular Access Token**: Publishing is handled via a secure Granular Access Token.
+-   **Deprecated**: Publishing to GitHub Packages is no longer supported in favor of the public npm registry.

package/angular.json

@@ -0,0 +1,173 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "@registrucentras/rc-ses-angular-components": {
+      "projectType": "library",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss",
+          "skipTests": false
+        },
+        "@schematics/angular:class": {
+          "skipTests": false
+        },
+        "@schematics/angular:directive": {
+          "skipTests": false
+        },
+        "@schematics/angular:guard": {
+          "skipTests": false
+        },
+        "@schematics/angular:interceptor": {
+          "skipTests": false
+        },
+        "@schematics/angular:pipe": {
+          "skipTests": false
+        },
+        "@schematics/angular:resolver": {
+          "skipTests": false
+        },
+        "@schematics/angular:service": {
+          "skipTests": false
+        }
+      },
+      "root": "projects/rc-ses/angular-components",
+      "sourceRoot": "projects/rc-ses/angular-components/src",
+      "prefix": "rc-ses",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "project": "projects/rc-ses/angular-components/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/rc-ses/angular-components/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "projects/rc-ses/angular-components/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "karmaConfig": "karma.conf.js",
+            "main": "projects/rc-ses/angular-components/src/test.ts",
+            "polyfills": [
+              "zone.js"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [],
+            "styles": [
+              "projects/rc-ses/angular-components/src/lib/theme/index.scss"
+            ],
+            "scripts": []
+          }
+        }
+      }
+    },
+    "app": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss",
+          "skipTests": true
+        },
+        "@schematics/angular:class": {
+          "skipTests": true
+        },
+        "@schematics/angular:directive": {
+          "skipTests": true
+        },
+        "@schematics/angular:guard": {
+          "skipTests": true
+        },
+        "@schematics/angular:interceptor": {
+          "skipTests": true
+        },
+        "@schematics/angular:pipe": {
+          "skipTests": true
+        },
+        "@schematics/angular:resolver": {
+          "skipTests": true
+        },
+        "@schematics/angular:service": {
+          "skipTests": true
+        }
+      },
+      "root": "projects/app",
+      "sourceRoot": "projects/app/src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:application",
+          "options": {
+            "outputPath": "dist/app",
+            "index": "projects/app/src/index.html",
+            "browser": "projects/app/src/main.ts",
+            "polyfills": [
+              "zone.js"
+            ],
+            "tsConfig": "projects/app/tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "projects/app/public"
+              }
+            ],
+            "styles": [
+              "projects/rc-ses/angular-components/src/lib/theme/index.scss"
+            ],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kB",
+                  "maximumError": "1MB"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kB",
+                  "maximumError": "4kB"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "app:build:production"
+            },
+            "development": {
+              "buildTarget": "app:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n"
+        }
+      }
+    }
+  },
+  "cli": {
+    "analytics": false
+  }
+}

package/karma.conf.js

@@ -0,0 +1,53 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('karma-junit-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, './coverage/rc-ses-angular-components'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' },
+        { type: 'lcov' },
+        { type: 'cobertura' }
+      ]
+    },
+    junitReporter: {
+      outputDir: require('path').join(__dirname, './coverage/rc-ses-angular-components'),
+      outputFile: 'junit.xml',
+      useBrowserName: false
+    },
+    reporters: ['progress', 'kjhtml', 'coverage', 'junit'],
+    browsers: ['Chrome'],
+    customLaunchers: {
+      ChromeHeadlessCI: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox', '--disable-gpu']
+      }
+    },
+    restartOnFileChange: true
+  });
+};

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@registrucentras/rc-ses-angular-components",
+  "author": "VĮ REGISTRŲ CENTRAS",
+  "version": "0.2.0",
+  "description": "RC SES Angular komponentų biblioteka",
+  "scripts": {
+    "dev": "ng serve",
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build app",
+    "build:lib": "ng build @registrucentras/rc-ses-angular-components",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test",
+    "test:run": "ng test --no-watch --browsers=ChromeHeadlessCI",
+    "test:coverage": "ng test --no-watch --browsers=ChromeHeadlessCI --code-coverage"
+  },
+  "dependencies": {
+    "@angular/animations": "^18.1.0",
+    "@angular/cdk": "^18.1.0",
+    "@angular/common": "^18.1.0",
+    "@angular/compiler": "^18.1.0",
+    "@angular/core": "^18.1.0",
+    "@angular/forms": "^18.1.0",
+    "@angular/material": "^18.1.2",
+    "@angular/platform-browser": "^18.1.0",
+    "@angular/platform-browser-dynamic": "^18.1.0",
+    "@angular/router": "^18.1.0",
+    "@registrucentras/rc-ses-angular-components": "file:dist/registrucentras/rc-ses-angular-components",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.14.3"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^18.1.0",
+    "@angular/cli": "^18.1.0",
+    "@angular/compiler-cli": "^18.1.0",
+    "@types/jasmine": "~5.1.0",
+    "jasmine-core": "~5.1.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "karma-junit-reporter": "^2.0.1",
+    "ng-packagr": "^18.1.0",
+    "typescript": "~5.5.2"
+  }
+}

package/projects/app/src/app/app.component.html

@@ -0,0 +1,3 @@
+<main class="main">
+  <router-outlet></router-outlet>
+</main>

package/projects/app/src/app/app.component.ts

@@ -0,0 +1,20 @@
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { HttpClient } from '@angular/common/http';
+
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [
+    RouterOutlet,
+  ],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.scss',
+  providers: [
+    HttpClient,
+  ],
+})
+export class AppComponent {
+
+}

package/projects/app/src/app/app.config.ts

@@ -0,0 +1,33 @@
+import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
+import { provideRouter } from '@angular/router';
+
+import { routes } from './app.routes';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+import { MAT_RIPPLE_GLOBAL_OPTIONS } from '@angular/material/core';
+import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
+import { MAT_EXPANSION_PANEL_DEFAULT_OPTIONS } from '@angular/material/expansion';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideRouter(routes), provideAnimationsAsync(),
+    {
+      provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
+      useValue: {
+        appearance: 'outline',
+        subscriptSizing: 'dynamic',
+      },
+    },
+    {
+      provide: MAT_RIPPLE_GLOBAL_OPTIONS,
+      useValue: { disabled: true },
+    },
+    {
+      provide: MAT_EXPANSION_PANEL_DEFAULT_OPTIONS,
+      useValue: {
+        collapsedHeight: '4.5rem',
+        expandedHeight: '4.5rem'
+      },
+    },
+  ],
+};

package/projects/app/src/app/app.routes.ts

@@ -0,0 +1,16 @@
+import { Routes } from '@angular/router';
+
+export const routes: Routes = [
+  {
+    path: '',
+    loadComponent : () => import('./landing-page/landing-page').then(m => m.LandingPageComponent),
+  },
+  {
+    path: 'sample-form-multiple-steps',
+    loadComponent : () => import('./sample-form-multiple-steps/sample-form-multiple-steps').then(m => m.SampleFormMultipleStepsComponent),
+  },
+  {
+    path: 'sample-form-single-step',
+    loadComponent : () => import('./sample-form-single-step/sample-form-single-step').then(m => m.SampleFormSingleStepComponent),
+  },
+];

package/projects/app/src/app/landing-page/landing-page.html

@@ -0,0 +1,20 @@
+<rc-ses-service-page>
+  <rc-ses-service-header
+    serviceName="Paslaugų užsakymo formų pavyzdžiai"
+    serviceDescription="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga."
+  />
+  <div style="text-align: center;">
+    <button routerLink="/sample-form-multiple-steps" rc-ses-button mat-stroked-button>
+      Formos su vedliu pavyzdys
+      <mat-icon matListItemIcon svgIcon="rc-ses-arrow-right" aria-hidden="false" />
+    </button>
+
+    <br />
+    <br />
+
+    <button routerLink="/sample-form-single-step" rc-ses-button mat-stroked-button>
+      Vieno žingsnio formos pavyzdys
+      <mat-icon matListItemIcon svgIcon="rc-ses-arrow-right" aria-hidden="false" />
+    </button>
+  </div>
+</rc-ses-service-page>

package/projects/app/src/app/landing-page/landing-page.ts

@@ -0,0 +1,37 @@
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { HttpClient } from '@angular/common/http';
+
+import { RcSesButtonDirective } from '../../../../rc-ses/angular-components/src/lib/components/button/button';
+import { ServiceHeader } from '../../../../rc-ses/angular-components/src/lib/components/layout/service-header/service-header';
+import { ServicePage } from '../../../../rc-ses/angular-components/src/lib/components/layout/service-page/service-page';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { RcSesIconsModule } from '../../../../rc-ses/angular-components/src/lib/components/icons/icons.module';
+import { RouterLink } from '@angular/router';
+
+@Component({
+  selector: 'landing-page',
+  standalone: true,
+  imports: [
+    CommonModule,
+    RouterLink,
+
+    MatButtonModule,
+    MatIconModule,
+
+    RcSesButtonDirective,
+    RcSesIconsModule,
+
+    ServiceHeader,
+    ServicePage,
+  ],
+  templateUrl: './landing-page.html',
+  styleUrl: './landing-page.scss',
+  providers: [
+    HttpClient,
+  ],
+})
+export class LandingPageComponent  {
+
+}