@registrucentras/rc-ses-angular-components 0.2.0 → 0.4.0

package/projects/app/src/app/sample-form-single-step/sample-form-single-step.html

@@ -1,271 +0,0 @@
-<rc-ses-service-page>
-  <rc-ses-service-header
-    serviceName="Nekilnojamojo turto registro išrašas pagal nurodytą turto adresą"
-    serviceDescription="Šiame puslapyje Jūs galite užsisakyti Nekilnojamojo turto registro išrašus, pažymas bei kitus dokumentus. Užsakytą NTR išrašą, pažymą ar kitą dokumentą galėsite gauti elektroniniu būdu arba atsiimti pasirinktame VĮ Registrų centro padalinyje."
-    [path]="[{ label: 'Vieno žingsnio formos pavyzdys', path: '/sample-form-single-step'}]"
-  />
-  <rc-ses-service-form-container canCollapse="false">
-    <mat-accordion rc-ses-accordion multi hideToggle>
-      <mat-expansion-panel expanded>
-        <mat-expansion-panel-header>
-          <mat-panel-title>Paslaugos užsakymo forma</mat-panel-title>
-        </mat-expansion-panel-header>
-        <div>
-          <form [formGroup]="form">
-            <rc-ses-form-field label="Laisvas tekstas">
-              <mat-form-field>
-                <input
-                  rc-ses-input
-                  matInput
-                  placeholder="Tekstas"
-                  type="text"
-                  formControlName="text"
-                />
-              </mat-form-field>
-            </rc-ses-form-field>
-
-            <rc-ses-form-field
-              label="Lasivas tekstas"
-              labelSubtitle="(su papildoma informacija)">
-              <mat-form-field>
-                <input
-                  rc-ses-input
-                  matInput
-                  placeholder="Tekstas"
-                  type="text"
-                  formControlName="text"
-                />
-              </mat-form-field>
-            </rc-ses-form-field>
-
-            <rc-ses-form-field label="Lasivas tekstas">
-              <mat-form-field>
-                <input
-                  rc-ses-input
-                  matInput
-                  placeholder="Tekstas"
-                  type="text"
-                  formControlName="text"
-                />
-                <mat-hint align="start">Ir dar daugiau papildomos informacijos, lyg ir taip maža būtų.</mat-hint>
-              </mat-form-field>
-            </rc-ses-form-field>
-
-            <rc-ses-form-field label="Pasirinkimas">
-              <rc-ses-select
-                formControlName="selection"
-                placeholder="Pasirinkite"
-                [options]="selectionOptions"
-                multiple
-                searchable
-              />
-            </rc-ses-form-field>
-
-            <rc-ses-form-field label="Data">
-              <mat-form-field>
-                <input
-                  matInput
-                  [matDatepicker]="datepicker"
-                  formControlName="date"
-                />
-                <mat-datepicker-toggle matIconSuffix [for]="datepicker"></mat-datepicker-toggle>
-                <mat-datepicker #datepicker>
-                  <mat-datepicker-actions>
-                    <button mat-button matDatepickerCancel>Cancel</button>
-                    <button mat-raised-button matDatepickerApply>Apply</button>
-                  </mat-datepicker-actions>
-                </mat-datepicker>
-              </mat-form-field>
-            </rc-ses-form-field>
-
-            <rc-ses-form-field label="Skaičius">
-              <rc-ses-number-stepper
-                formControlName="integer"
-                placeholder="0"
-                [min]="0"
-                [max]="9"
-                [step]="1"
-              />
-            </rc-ses-form-field>
-
-            <rc-ses-form-field label="Sutikimas">
-              <rc-ses-agreement-checkbox
-                formControlName="agreement"
-                description="Pagal užsakymą gautus duomenis naudosiu nurodytam duomenų tikslui ir šių duomenų neatskleisiu tretiesiems asmenims."
-              />
-            </rc-ses-form-field>
-
-            <rc-ses-divider />
-
-            <rc-ses-form-field label="Trumpas tekstas">
-              <mat-form-field>
-                <input
-                  rc-ses-input
-                  matInput
-                  placeholder="Tekstas"
-                  type="text"
-                  formControlName="text"
-                />
-              </mat-form-field>
-            </rc-ses-form-field>
-
-            <rc-ses-form-field label="Radio pasirinkimas I">
-              <rc-ses-radio-button-group
-                formControlName="radioSelect1"
-                [options]="radioOptions"
-                displayAsButtons
-              />
-            </rc-ses-form-field>
-
-            <rc-ses-form-field label="Radio pasirinkimas II">
-              <rc-ses-radio-button-group
-                formControlName="radioSelect2"
-                [options]="radioOptions"
-                hasBackground
-              />
-            </rc-ses-form-field>
-
-            <rc-ses-form-field label="Radio pasirinkimas III">
-              <rc-ses-radio-button-group
-                formControlName="radioSelect3"
-                [options]="radioOptions"
-              />
-            </rc-ses-form-field>
-          </form>
-        </div>
-      </mat-expansion-panel>
-    </mat-accordion>
-  </rc-ses-service-form-container>
-</rc-ses-service-page>
-
-<!--
-<br />
-<br />
-<button rc-ses-button mat-button>RC SES basic button</button>
-&nbsp;
-<button rc-ses-button mat-button disabled>RC SES basic button</button>
-
-<br />
-<br />
-<button rc-ses-button mat-button color="neutral">RC SES basic neutral button</button>
-&nbsp;
-<button rc-ses-button mat-button color="neutral" disabled>RC SES basic button</button>
-
-<br />
-<br />
-<button rc-ses-button mat-flat-button>RC SES button</button>
-&nbsp;
-<button rc-ses-button mat-flat-button disabled>RC SES button</button>
-&nbsp;
-<button rc-ses-button mat-stroked-button>RC SES button</button>
-&nbsp;
-<button rc-ses-button mat-stroked-button disabled>RC SES button</button>
-
-<br />
-<br />
-<button rc-ses-button mat-flat-button color="secondary">RC SES secondary button</button>
-&nbsp;
-<button rc-ses-button mat-flat-button color="secondary" disabled>RC SES secondary button</button>
-&nbsp;
-<button rc-ses-button mat-stroked-button color="secondary">RC SES secondary button</button>
-&nbsp;
-<button rc-ses-button mat-stroked-button color="secondary" disabled>RC SES secondary button</button>
-
-<br />
-<br />
-<button rc-ses-button mat-flat-button color="neutral">RC SES neutral button</button>
-&nbsp;
-<button rc-ses-button mat-flat-button color="neutral" disabled>RC SES neutral button</button>
-&nbsp;
-<button rc-ses-button mat-stroked-button color="neutral">RC SES neutral button</button>
-&nbsp;
-<button rc-ses-button mat-stroked-button color="neutral" disabled>RC SES neutral button</button>
-
-<br />
-<br />
-<button rc-ses-button mat-flat-button color="dark">RC SES dark button</button>
-&nbsp;
-<button rc-ses-button mat-flat-button color="dark" disabled>RC SES dark button</button>
-
-<br />
-<br />
-<button rc-ses-button mat-flat-button color="danger">RC SES danger button</button>
-&nbsp;
-<button rc-ses-button mat-flat-button color="danger" disabled>RC SES danger button</button>
-
-<br />
-<br />
-
-<rc-ses-form-field
-  label="Noice label"
-  labelSubtitle="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard."
->
-  <mat-form-field>
-    <input rc-ses-input matInput type="text" placeholder="Placeholder">
-  </mat-form-field>
-</rc-ses-form-field>
-
-<br />
-
-<rc-ses-form-field
-  label="Noice label"
->
-  <mat-form-field>
-    <input rc-ses-input matInput type="text" placeholder="Placeholder">
-  </mat-form-field>
-</rc-ses-form-field>
-
-<br />
-
-<rc-ses-form-field
-  label="Noice label"
-  labelSubtitle="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard."
-  [formControl]="testInputFormControl"
->
-  <mat-form-field>
-    <input rc-ses-input matInput type="text" [formControl]="testInputFormControl">
-    @if (testInputFormControl.hasError('required')) {
-      <mat-error>Duuuude</mat-error>
-    }
-  </mat-form-field>
-</rc-ses-form-field>
-
-<br />
-
-<rc-ses-form-field
-  label="Noice label"
-  labelSubtitle="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard."
->
-  <mat-form-field>
-    <input rc-ses-input matInput type="text" [(ngModel)]="value" required>
-  </mat-form-field>
-</rc-ses-form-field>
-
-<br />
-
-<rc-ses-form-field
-  label="Disabled"
-  labelSubtitle="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard."
->
-  <mat-form-field>
-    <input rc-ses-input matInput type="text" [(ngModel)]="value" disabled>
-  </mat-form-field>
-</rc-ses-form-field>
-
-<br />
-
-<rc-ses-form-field
-  label="Readonly"
-  labelSubtitle="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard."
->
-  <mat-form-field>
-    <input rc-ses-input matInput type="text" [(ngModel)]="value" readonly>
-  </mat-form-field>
-</rc-ses-form-field>
-
-<br />
-<br />
-<br />
-<br />
-<br />
-<br /> -->

package/projects/app/src/app/sample-form-single-step/sample-form-single-step.ts

@@ -1,142 +0,0 @@
-import { Component,  viewChild } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
-import { MatButtonModule } from '@angular/material/button';
-import { CommonModule } from '@angular/common';
-import { HttpClient } from '@angular/common/http';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatIconModule } from '@angular/material/icon';
-import { MatCommonModule, provideNativeDateAdapter } from '@angular/material/core';
-import { MatAccordion, MatExpansionModule } from '@angular/material/expansion';
-import { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
-
-import { RcSesAccordionDirective } from '../../../../rc-ses/angular-components/src/lib/components/accordion/accordion';
-import { RcSesButtonDirective } from '../../../../rc-ses/angular-components/src/lib/components/button/button';
-import { RcSesFormFieldComponent } from '../../../../rc-ses/angular-components/src/lib/components/form/form-field/form-field';
-import { RcSesInputDirective } from '../../../../rc-ses/angular-components/src/lib/components/form/input/input/input';
-import { ServiceFormContainer } from '../../../../rc-ses/angular-components/src/lib/components/layout/service-form-container/service-form-container';
-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 { ServiceWizardSteps } from '../../../../rc-ses/angular-components/src/lib/components/layout/service-wizard-steps/service-wizard-steps';
-import { RcSesSelectComponent } from '../../../../rc-ses/angular-components/src/lib/components/form/input/select/select';
-import { RcSesNumberStepperComponent } from '../../../../rc-ses/angular-components/src/lib/components/form/input/number-stepper/number-stepper';
-import { RcSesAgreementCheckboxComponent } from '../../../../rc-ses/angular-components/src/lib/components/form/input/agreement-checkbox/agreement-checkbox';
-import { RcSesMessageComponent } from '../../../../rc-ses/angular-components/src/lib/components/message/message';
-import { RcSesRadioButtonGroupComponent } from '../../../../rc-ses/angular-components/src/lib/components/form/input/radio-button-group/radio-button-group';
-import { RcSesIconsModule } from '../../../../rc-ses/angular-components/src/lib/components/icons/icons.module';
-import { MatDividerModule } from '@angular/material/divider';
-import { RcSesDividerComponent } from '../../../../rc-ses/angular-components/src/lib/components/divider/divider';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-
-@Component({
-  selector: 'sample-form-single-step',
-  standalone: true,
-  imports: [
-    CommonModule,
-    FormsModule,
-    ReactiveFormsModule,
-    RouterOutlet,
-
-    MatButtonModule,
-    MatCommonModule,
-    MatDatepickerModule,
-    MatDividerModule,
-    MatExpansionModule,
-    MatFormFieldModule,
-    MatIconModule,
-    MatInputModule,
-    MatRadioModule,
-
-    RcSesAccordionDirective,
-    RcSesAgreementCheckboxComponent,
-    RcSesButtonDirective,
-    RcSesDividerComponent,
-    RcSesFormFieldComponent,
-    RcSesIconsModule,
-    RcSesInputDirective,
-    RcSesMessageComponent,
-    RcSesNumberStepperComponent,
-    RcSesRadioButtonGroupComponent,
-    RcSesSelectComponent,
-
-    ServiceHeader,
-    ServicePage,
-    ServiceWizardSteps,
-    ServiceFormContainer,
-  ],
-  templateUrl: './sample-form-single-step.html',
-  styleUrl: './sample-form-single-step.scss',
-  providers: [
-    HttpClient,
-    provideNativeDateAdapter(),
-  ],
-})
-export class SampleFormSingleStepComponent {
-  accordion = viewChild.required(MatAccordion);
-
-  form = new FormGroup({
-    text: new FormControl(
-      { value: '', disabled: false },
-      { validators: Validators.required },
-    ),
-    selection: new FormControl(
-      { value: '', disabled: false },
-      { validators: Validators.required },
-    ),
-    // phoneNo: new FormControl(
-    //   { value: '', disabled: false },
-    //   { validators: Validators.required },
-    // ),
-    // searchable: new FormControl(
-    //   { value: false, disabled: false },
-    //   { validators: Validators.required },
-    // ),
-    date: new FormControl(
-      { value: '', disabled: false },
-      { validators: Validators.required },
-    ),
-    // dateRange: new FormControl(
-    //   { value: '', disabled: false },
-    //   { validators: Validators.required },
-    // ),
-    integer: new FormControl(
-      { value: '', disabled: false },
-      { validators: Validators.required },
-    ),
-    agreement: new FormControl(
-      { value: '', disabled: false },
-      { validators: Validators.required },
-    ),
-    radioSelect1: new FormControl(
-      { value: '', disabled: false },
-      { validators: Validators.required },
-    ),
-    radioSelect2: new FormControl(
-      { value: '', disabled: false },
-      { validators: Validators.required },
-    ),
-    radioSelect3: new FormControl(
-      { value: '', disabled: false },
-      { validators: Validators.required },
-    ),
-  });
-
-  selectionOptions: { value: string, label: string, description?: string }[] = [
-    { value: 'lvivo-g-7', label: 'Lvivo g. 7', description: 'Vilnius, Vilniaus m. sav. 09313' },
-    { value: 'lvivo-g-9', label: 'Lvivo g. 9', description: 'Vilnius, Vilniaus m. sav. 09313' },
-    { value: 'lvivo-g-11', label: 'Lvivo g. 11', description: 'Vilnius, Vilniaus m. sav. 09313' },
-    { value: 'lvivo-g-11a', label: 'Lvivo g. 11A', description: 'Vilnius, Vilniaus m. sav. 09313' },
-    { value: 'lvivo-g-12', label: 'Lvivo g. 12', description: 'Vilnius, Vilniaus m. sav. 09313' },
-    { value: 'lvivo-g-13', label: 'Lvivo g. 13', description: 'Vilnius, Vilniaus m. sav. 09313' },
-    { value: 'lvivo-g-13a', label: 'Lvivo g. 13A', description: 'Vilnius, Vilniaus m. sav. 09313' },
-    { value: 'lvivo-g-13b', label: 'Lvivo g. 13B', description: 'Vilnius, Vilniaus m. sav. 09313' },
-    { value: 'lvivo-g-1c', label: 'Lvivo g. 13C', description: 'Vilnius, Vilniaus m. sav. 09313' },
-  ];
-
-  radioOptions: { value: string, label: string }[] = [
-    { label: 'Pasirinkimas #1', value: 'value1' },
-    { label: 'Pasirinkimas #2', value: 'value2' },
-    { label: 'Pasirinkimas #3', value: 'value3' },
-  ];
-}

package/projects/app/src/index.html

@@ -1,18 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>App</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300..900&display=swap" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-</head>
-<body class="mat-typography">
-  <app-root></app-root>
-</body>
-</html>

package/projects/app/src/main.ts

@@ -1,6 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
-import { AppComponent } from './app/app.component';
-
-bootstrapApplication(AppComponent, appConfig)
-  .catch((err) => console.error(err));

package/projects/app/tsconfig.app.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/app",
-    "types": []
-  },
-  "files": [
-    "src/main.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
-}

package/projects/app/tsconfig.spec.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}

package/projects/rc-ses/angular-components/README.md

@@ -1,31 +0,0 @@
-# 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:registrucentras/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/projects/rc-ses/angular-components/ng-package.json

@@ -1,13 +0,0 @@
-{
-  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../../dist/registrucentras/rc-ses-angular-components",
-  "assets": [
-    "./src/lib/theme/index.scss",
-    "./src/lib/theme/palette.scss",
-    "./src/lib/theme/theme.scss",
-    "./src/lib/theme/typography.scss"
-  ],
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  }
-}