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

package/fesm2022/registrucentras-rc-ses-angular-components.mjs

@@ -0,0 +1,1008 @@
+import { DOCUMENT, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Directive, Inject, Input, Component, booleanAttribute, forwardRef, ViewChild, ContentChildren, ElementRef, ContentChild, model, contentChild, NgModule, ChangeDetectionStrategy } from '@angular/core';
+import * as i2 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import { RouterLink } from '@angular/router';
+import * as i1 from '@angular/material/divider';
+import { MatDividerModule } from '@angular/material/divider';
+import * as i1$1 from '@angular/forms';
+import { ControlContainer, NG_VALUE_ACCESSOR, FormControlDirective, FormsModule, ReactiveFormsModule, FormGroupDirective } from '@angular/forms';
+import * as i3 from '@angular/material/form-field';
+import { MatFormFieldModule, MatFormFieldControl, MatFormField, MatLabel, MatError } from '@angular/material/form-field';
+import * as i5 from '@angular/material/input';
+import { MatInputModule, MatInput } from '@angular/material/input';
+import * as i1$3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1$2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2$1 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i6 from '@angular/material/core';
+import { MatCommonModule, MatOption, MatOptionModule } from '@angular/material/core';
+import { MatExpansionModule, MatAccordion } from '@angular/material/expansion';
+import * as i2$2 from '@angular/material/radio';
+import { MatRadioButton, MatRadioModule } from '@angular/material/radio';
+import * as i7 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i2$3 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i2$4 from '@angular/platform-browser';
+
+class RcSesAccordionDirective {
+    _document;
+    _el;
+    _renderer;
+    path = [];
+    initialized;
+    constructor(_document, _el, _renderer) {
+        this._document = _document;
+        this._el = _el;
+        this._renderer = _renderer;
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesAccordionDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: RcSesAccordionDirective, isStandalone: true, selector: "[rc-ses-accordion]", inputs: { path: "path" }, host: { classAttribute: "rc-ses-element rc-ses-accordion" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesAccordionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rc-ses-accordion]',
+                    standalone: true,
+                    host: {
+                        class: 'rc-ses-element rc-ses-accordion'
+                    },
+                }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { path: [{
+                type: Input
+            }] } });
+
+class Breadcrumbs {
+    _document;
+    _el;
+    _renderer;
+    path = [];
+    initialized;
+    constructor(_document, _el, _renderer) {
+        this._document = _document;
+        this._el = _el;
+        this._renderer = _renderer;
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Breadcrumbs, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: Breadcrumbs, isStandalone: true, selector: "rc-ses-breadcrumbs", inputs: { path: "path" }, host: { classAttribute: "rc-ses-element rc-ses-breadcrumbs" }, ngImport: i0, template: "<mat-nav-list role=\"navigation\">\n  @for (item of path; track $index) {\n    <mat-list-item [activated]=\"$last\">\n      <div matListItemTitle [routerLink]=\"item.path\">{{item.label}}</div>\n    </mat-list-item>\n  }\n</mat-nav-list>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2.MatListItemTitle, selector: "[matListItemTitle]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Breadcrumbs, decorators: [{
+            type: Component,
+            args: [{ selector: 'rc-ses-breadcrumbs', standalone: true, imports: [
+                        RouterLink,
+                        MatListModule,
+                    ], host: {
+                        class: 'rc-ses-element rc-ses-breadcrumbs'
+                    }, template: "<mat-nav-list role=\"navigation\">\n  @for (item of path; track $index) {\n    <mat-list-item [activated]=\"$last\">\n      <div matListItemTitle [routerLink]=\"item.path\">{{item.label}}</div>\n    </mat-list-item>\n  }\n</mat-nav-list>\n" }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { path: [{
+                type: Input
+            }] } });
+
+class RcSesDividerComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RcSesDividerComponent, isStandalone: true, selector: "rc-ses-divider", host: { classAttribute: "rc-ses-element rc-ses-divider" }, ngImport: i0, template: `<mat-divider />`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesDividerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rc-ses-divider',
+                    standalone: true,
+                    imports: [
+                        MatDividerModule,
+                    ],
+                    host: {
+                        class: 'rc-ses-element rc-ses-divider',
+                    },
+                    template: `<mat-divider />`,
+                }]
+        }] });
+
+class RcSesInputDirective {
+    _document;
+    _el;
+    _renderer;
+    initialized;
+    constructor(_document, _el, _renderer) {
+        this._document = _document;
+        this._el = _el;
+        this._renderer = _renderer;
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesInputDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: RcSesInputDirective, isStandalone: true, selector: "[rc-ses-input]", host: { classAttribute: "rc-ses-element rc-ses-input" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rc-ses-input]',
+                    standalone: true,
+                    host: {
+                        class: 'rc-ses-element rc-ses-input'
+                    },
+                }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }] });
+
+class RcSesAgreementCheckboxComponent {
+    _document;
+    _element;
+    _renderer;
+    injector;
+    formControlDirective;
+    formControl;
+    formControlName;
+    description = '';
+    flat = false;
+    initialized = false;
+    constructor(_document, _element, _renderer, injector) {
+        this._document = _document;
+        this._element = _element;
+        this._renderer = _renderer;
+        this.injector = injector;
+    }
+    get controlContainer() {
+        return this.injector.get(ControlContainer);
+    }
+    get control() {
+        return this.formControl ||
+            (this.formControlName && this.controlContainer.control?.get(this.formControlName));
+    }
+    writeValue(obj) {
+        this.formControlDirective?.valueAccessor?.writeValue(obj);
+    }
+    registerOnChange(fn) {
+        this.formControlDirective?.valueAccessor?.registerOnChange(fn);
+    }
+    registerOnTouched(fn) {
+        this.formControlDirective?.valueAccessor?.registerOnTouched(fn);
+    }
+    ngOnChanges(_changes) { }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesAgreementCheckboxComponent, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: RcSesAgreementCheckboxComponent, isStandalone: true, selector: "rc-ses-agreement-checkbox", inputs: { formControl: "formControl", formControlName: "formControlName", description: "description", flat: ["flat", "flat", booleanAttribute] }, host: { classAttribute: "rc-ses-element rc-ses-agreement-checkbox" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RcSesAgreementCheckboxComponent),
+                multi: true
+            }
+        ], viewQueries: [{ propertyName: "formControlDirective", first: true, predicate: FormControlDirective, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-form-field [appearance]=\"flat ? 'fill' : 'outline'\">\n  <input hidden=\"true\" matInput style=\"display: none;\" />\n  <mat-checkbox\n    type=\"checkbox\"\n    [formControl]=\"control\"\n  >\n    {{ description }}\n    <ng-content />\n  </mat-checkbox>\n</mat-form-field>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatCommonModule }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesAgreementCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rc-ses-agreement-checkbox', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatCheckboxModule,
+                        MatCommonModule,
+                        MatExpansionModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                    ], host: {
+                        class: 'rc-ses-element rc-ses-agreement-checkbox'
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RcSesAgreementCheckboxComponent),
+                            multi: true
+                        }
+                    ], template: "<mat-form-field [appearance]=\"flat ? 'fill' : 'outline'\">\n  <input hidden=\"true\" matInput style=\"display: none;\" />\n  <mat-checkbox\n    type=\"checkbox\"\n    [formControl]=\"control\"\n  >\n    {{ description }}\n    <ng-content />\n  </mat-checkbox>\n</mat-form-field>\n" }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }], propDecorators: { formControlDirective: [{
+                type: ViewChild,
+                args: [FormControlDirective, { static: true }]
+            }], formControl: [{
+                type: Input
+            }], formControlName: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], flat: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+class RcSesButtonDirective {
+    _document;
+    _el;
+    _renderer;
+    color = "primary";
+    initialized;
+    constructor(_document, _el, _renderer) {
+        this._document = _document;
+        this._el = _el;
+        this._renderer = _renderer;
+    }
+    ngOnInit() {
+        this._renderer.removeAttribute(this._el.nativeElement, 'mat-ripple-loader-class-name');
+        this._renderer.removeAttribute(this._el.nativeElement, 'mat-ripple-loader-uninitialized');
+    }
+    ngAfterViewInit() {
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesButtonDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: RcSesButtonDirective, isStandalone: true, selector: "[rc-ses-button]", inputs: { color: "color" }, host: { classAttribute: "rc-ses-element rc-ses-button" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rc-ses-button]',
+                    standalone: true,
+                    host: {
+                        class: 'rc-ses-element rc-ses-button'
+                    },
+                }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { color: [{
+                type: Input
+            }] } });
+
+class RcSesRadioButtonGroupComponent {
+    _document;
+    _element;
+    _renderer;
+    injector;
+    queryOptions;
+    formControlDirective;
+    formControl;
+    formControlName;
+    options;
+    displayAsButtons = false;
+    hasBackground = false;
+    initialized = false;
+    constructor(_document, _element, _renderer, injector) {
+        this._document = _document;
+        this._element = _element;
+        this._renderer = _renderer;
+        this.injector = injector;
+    }
+    get controlContainer() {
+        return this.injector.get(ControlContainer);
+    }
+    get control() {
+        return this.formControl ||
+            (this.formControlName && this.controlContainer.control?.get(this.formControlName));
+    }
+    writeValue(obj) {
+        this.formControlDirective?.valueAccessor?.writeValue(obj);
+    }
+    registerOnChange(fn) {
+        this.formControlDirective?.valueAccessor?.registerOnChange(fn);
+    }
+    registerOnTouched(fn) {
+        this.formControlDirective?.valueAccessor?.registerOnTouched(fn);
+    }
+    ngOnChanges(_changes) { }
+    ngOnInit() {
+        if (this.displayAsButtons)
+            this._renderer.addClass(this._element.nativeElement, 'rc-ses-radio-button-group--radio-as-buttons');
+        if (this.hasBackground)
+            this._renderer.addClass(this._element.nativeElement, 'rc-ses-radio-button-group--has-background');
+    }
+    ngAfterViewInit() {
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesRadioButtonGroupComponent, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RcSesRadioButtonGroupComponent, isStandalone: true, selector: "rc-ses-radio-button-group", inputs: { formControl: "formControl", formControlName: "formControlName", options: "options", displayAsButtons: ["displayAsButtons", "displayAsButtons", booleanAttribute], hasBackground: ["hasBackground", "hasBackground", booleanAttribute] }, host: { classAttribute: "rc-ses-element rc-ses-radio-button-group" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RcSesRadioButtonGroupComponent),
+                multi: true
+            }
+        ], queries: [{ propertyName: "queryOptions", predicate: MatRadioButton }], viewQueries: [{ propertyName: "formControlDirective", first: true, predicate: FormControlDirective, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-radio-group [formControl]=\"control\">\n  @for (option of options; track option.value) {\n    <mat-radio-button [value]=\"option.value\">\n      {{ option.label }}\n    </mat-radio-button>\n  }\n</mat-radio-group>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatCommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i2$2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesRadioButtonGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rc-ses-radio-button-group', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatCommonModule,
+                        MatFormFieldModule,
+                        MatRadioModule,
+                        RcSesButtonDirective,
+                    ], host: {
+                        class: 'rc-ses-element rc-ses-radio-button-group'
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RcSesRadioButtonGroupComponent),
+                            multi: true
+                        }
+                    ], template: "<mat-radio-group [formControl]=\"control\">\n  @for (option of options; track option.value) {\n    <mat-radio-button [value]=\"option.value\">\n      {{ option.label }}\n    </mat-radio-button>\n  }\n</mat-radio-group>\n" }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }], propDecorators: { queryOptions: [{
+                type: ContentChildren,
+                args: [MatRadioButton]
+            }], formControlDirective: [{
+                type: ViewChild,
+                args: [FormControlDirective, { static: true }]
+            }], formControl: [{
+                type: Input
+            }], formControlName: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], displayAsButtons: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], hasBackground: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+class RcSesFormFieldComponent {
+    _document;
+    _element;
+    _renderer;
+    control;
+    formFieldRef;
+    formField;
+    inputRef;
+    input;
+    rcSesAgreementCheckboxComponent = undefined;
+    rcSesRadioButtonGroupComponent = undefined;
+    labelComponent;
+    label = undefined;
+    labelSubtitle = undefined;
+    initialized = false;
+    constructor(_document, _element, _renderer) {
+        this._document = _document;
+        this._element = _element;
+        this._renderer = _renderer;
+    }
+    ngOnInit() {
+        if (this.labelSubtitle)
+            this._renderer.addClass(this._element.nativeElement, 'rc-ses-has-label-subtitle');
+    }
+    ngAfterViewInit() { }
+    ngAfterContentInit() {
+        if (this.input?.readonly) {
+            this._renderer.addClass(this.formField._elementRef.nativeElement, 'mat-form-field-readonly');
+            this._renderer.addClass(this.formFieldRef.nativeElement, 'mat-form-field--readonly');
+        }
+        if (this.rcSesAgreementCheckboxComponent)
+            this._renderer.addClass(this._element.nativeElement, 'rc-ses-form-field--contains--agreement-checkbox-component');
+        if (this.rcSesRadioButtonGroupComponent)
+            this._renderer.addClass(this._element.nativeElement, 'rc-ses-form-field--contains--radio-button-group-component');
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesFormFieldComponent, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RcSesFormFieldComponent, isStandalone: true, selector: "rc-ses-form-field", inputs: { label: "label", labelSubtitle: "labelSubtitle" }, host: { classAttribute: "rc-ses-element rc-ses-form-field" }, queries: [{ propertyName: "control", first: true, predicate: MatFormFieldControl, descendants: true }, { propertyName: "formFieldRef", first: true, predicate: MatFormField, descendants: true, read: ElementRef }, { propertyName: "formField", first: true, predicate: MatFormField, descendants: true }, { propertyName: "inputRef", first: true, predicate: MatInput, descendants: true, read: ElementRef }, { propertyName: "input", first: true, predicate: MatInput, descendants: true }, { propertyName: "rcSesAgreementCheckboxComponent", first: true, predicate: RcSesAgreementCheckboxComponent, descendants: true, read: ElementRef }, { propertyName: "rcSesRadioButtonGroupComponent", first: true, predicate: RcSesRadioButtonGroupComponent, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "labelComponent", first: true, predicate: MatLabel, descendants: true, read: ElementRef }], ngImport: i0, template: "@if(label) {\n  <mat-label #matLabel class=\"rc-ses-label\">\n    {{ label }}:\n    @if(labelSubtitle) {\n      <div class=\"rc-ses-label-subtitle\">{{ labelSubtitle }}</div>\n    }\n  </mat-label>\n}\n<div class=\"rc-ses-form-field__input-wrapper\">\n  <ng-content />\n</div>\n", styles: ["@layer rc-ses{:host{align-items:flex-start;display:flex}:host.rc-ses-has-label-subtitle{align-items:center}:host.rc-ses-has-label-subtitle .rc-ses-label{margin-top:0!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatFormFieldModule }], viewProviders: [
+            { provide: ControlContainer, useExisting: FormGroupDirective }
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesFormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rc-ses-form-field', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        MatError,
+                        RcSesInputDirective,
+                    ], host: {
+                        class: 'rc-ses-element rc-ses-form-field'
+                    }, viewProviders: [
+                        { provide: ControlContainer, useExisting: FormGroupDirective }
+                    ], template: "@if(label) {\n  <mat-label #matLabel class=\"rc-ses-label\">\n    {{ label }}:\n    @if(labelSubtitle) {\n      <div class=\"rc-ses-label-subtitle\">{{ labelSubtitle }}</div>\n    }\n  </mat-label>\n}\n<div class=\"rc-ses-form-field__input-wrapper\">\n  <ng-content />\n</div>\n", styles: ["@layer rc-ses{:host{align-items:flex-start;display:flex}:host.rc-ses-has-label-subtitle{align-items:center}:host.rc-ses-has-label-subtitle .rc-ses-label{margin-top:0!important}}\n"] }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { control: [{
+                type: ContentChild,
+                args: [MatFormFieldControl]
+            }], formFieldRef: [{
+                type: ContentChild,
+                args: [MatFormField, { read: ElementRef }]
+            }], formField: [{
+                type: ContentChild,
+                args: [MatFormField]
+            }], inputRef: [{
+                type: ContentChild,
+                args: [MatInput, { read: ElementRef }]
+            }], input: [{
+                type: ContentChild,
+                args: [MatInput]
+            }], rcSesAgreementCheckboxComponent: [{
+                type: ContentChild,
+                args: [RcSesAgreementCheckboxComponent, { read: ElementRef }]
+            }], rcSesRadioButtonGroupComponent: [{
+                type: ContentChild,
+                args: [RcSesRadioButtonGroupComponent, { read: ElementRef }]
+            }], labelComponent: [{
+                type: ViewChild,
+                args: [MatLabel, { read: ElementRef }]
+            }], label: [{
+                type: Input
+            }], labelSubtitle: [{
+                type: Input
+            }] } });
+
+class RcSesNumberStepperComponent {
+    _document;
+    _element;
+    _renderer;
+    injector;
+    formControlDirective;
+    formControl;
+    formControlName;
+    max = Number.MAX_SAFE_INTEGER;
+    min = 0;
+    placeholder = '';
+    step = 1;
+    initialized = false;
+    constructor(_document, _element, _renderer, injector) {
+        this._document = _document;
+        this._element = _element;
+        this._renderer = _renderer;
+        this.injector = injector;
+    }
+    get controlContainer() {
+        return this.injector.get(ControlContainer);
+    }
+    get control() {
+        return this.formControl ||
+            (this.formControlName && this.controlContainer.control?.get(this.formControlName));
+    }
+    writeValue(obj) {
+        this.formControlDirective?.valueAccessor?.writeValue(obj);
+    }
+    registerOnChange(fn) {
+        this.formControlDirective?.valueAccessor?.registerOnChange(fn);
+    }
+    registerOnTouched(fn) {
+        this.formControlDirective?.valueAccessor?.registerOnTouched(fn);
+    }
+    ngOnChanges(_changes) { }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    add = () => this.control.setValue(Math.min(this.max, (Math.max(this.min, Math.min(this.max, this.control.value)) ?? 0) + this.step));
+    subtract = () => this.control.setValue(Math.max(this.min, (Math.min(this.max, Math.max(this.min, this.control.value)) ?? 0) - this.step));
+    canAdd = () => !this.control.value || (this.max > this.control.value);
+    canSubtract = () => !this.control.value || (this.control.value > this.min);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesNumberStepperComponent, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RcSesNumberStepperComponent, isStandalone: true, selector: "rc-ses-number-stepper", inputs: { formControl: "formControl", formControlName: "formControlName", max: "max", min: "min", placeholder: "placeholder", step: "step" }, host: { classAttribute: "rc-ses-element rc-ses-number-stepper" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RcSesNumberStepperComponent),
+                multi: true
+            }
+        ], viewQueries: [{ propertyName: "formControlDirective", first: true, predicate: FormControlDirective, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-form-field>\n  <button\n    mat-icon-button\n    matSuffix\n    (click)=\"add()\"\n    [disabled]=\"control.disabled || !canAdd()\"\n  >\n    <mat-icon>add</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    matSuffix\n    (click)=\"subtract()\"\n    [disabled]=\"control.disabled || !canSubtract()\"\n  >\n    <mat-icon>remove</mat-icon>\n  </button>\n\n  <input\n    rc-ses-input\n    matInput\n    type=\"number\"\n    [formControl]=\"control\"\n    [placeholder]=\"placeholder\"\n    [min]=\"min\"\n    [max]=\"max\"\n    [step]=\"step\"\n  />\n</mat-form-field>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCommonModule }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesNumberStepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rc-ses-number-stepper', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatCommonModule,
+                        MatExpansionModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                    ], host: {
+                        class: 'rc-ses-element rc-ses-number-stepper'
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RcSesNumberStepperComponent),
+                            multi: true
+                        }
+                    ], template: "<mat-form-field>\n  <button\n    mat-icon-button\n    matSuffix\n    (click)=\"add()\"\n    [disabled]=\"control.disabled || !canAdd()\"\n  >\n    <mat-icon>add</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    matSuffix\n    (click)=\"subtract()\"\n    [disabled]=\"control.disabled || !canSubtract()\"\n  >\n    <mat-icon>remove</mat-icon>\n  </button>\n\n  <input\n    rc-ses-input\n    matInput\n    type=\"number\"\n    [formControl]=\"control\"\n    [placeholder]=\"placeholder\"\n    [min]=\"min\"\n    [max]=\"max\"\n    [step]=\"step\"\n  />\n</mat-form-field>\n" }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }], propDecorators: { formControlDirective: [{
+                type: ViewChild,
+                args: [FormControlDirective, { static: true }]
+            }], formControl: [{
+                type: Input
+            }], formControlName: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }] } });
+
+class RcSesSelectComponent {
+    _document;
+    _element;
+    _renderer;
+    injector;
+    queryOptions;
+    formControlDirective;
+    formControl;
+    formControlName;
+    options;
+    multiple = false;
+    searchable = false;
+    panelWidth = 'auto';
+    placeholder = '';
+    filteredOptions = [];
+    initialized = false;
+    selectAll = model(false);
+    constructor(_document, _element, _renderer, injector) {
+        this._document = _document;
+        this._element = _element;
+        this._renderer = _renderer;
+        this.injector = injector;
+    }
+    get controlContainer() {
+        return this.injector.get(ControlContainer);
+    }
+    get control() {
+        return this.formControl ||
+            (this.formControlName && this.controlContainer.control?.get(this.formControlName));
+    }
+    writeValue(obj) {
+        this.formControlDirective?.valueAccessor?.writeValue(obj);
+    }
+    registerOnChange(fn) {
+        this.formControlDirective?.valueAccessor?.registerOnChange(fn);
+    }
+    registerOnTouched(fn) {
+        this.formControlDirective?.valueAccessor?.registerOnTouched(fn);
+    }
+    ngOnChanges(changes) {
+        this.filteredOptions = changes['options'].currentValue
+            ? changes['options'].currentValue
+            : [];
+    }
+    ngOnInit() {
+        if (this.searchable)
+            this._renderer.addClass(this._element.nativeElement, 'rc-ses-select-searchable');
+        if (this.multiple)
+            this._renderer.addClass(this._element.nativeElement, 'rc-ses-select-multiple');
+    }
+    ngAfterViewInit() {
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    filterOptions = ($event) => {
+        $event.stopPropagation();
+        const query = $event.target.value;
+        this.filteredOptions = !query?.length
+            ? this.options
+            : this.options.filter((o) => o.label.indexOf(query) !== -1);
+    };
+    handleSelectAllChange = (checked) => {
+        const filteredOptionValues = this.filteredOptions.map((o) => o.value) || [];
+        if (checked) {
+            this.control.setValue(filteredOptionValues);
+        }
+        else {
+            const currentSelection = this.control.value || [];
+            this.control.setValue(currentSelection.filter((c) => !filteredOptionValues.includes(c)));
+        }
+    };
+    isFullSelection = () => {
+        const currentSelection = this.control.value || [];
+        if (this.filteredOptions.length === 0 || currentSelection.length === 0)
+            return false;
+        return this.filteredOptions.every((o) => currentSelection.includes(o.value));
+    };
+    isPartialSelection = () => {
+        if (!this.filteredOptions.length || !this.control.value.length)
+            return false;
+        const currentSelection = this.control.value || [];
+        return !this.isFullSelection() && this.filteredOptions.some((o) => currentSelection.includes(o.value));
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesSelectComponent, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RcSesSelectComponent, isStandalone: true, selector: "rc-ses-select", inputs: { formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: false, isRequired: false, transformFunction: null }, formControlName: { classPropertyName: "formControlName", publicName: "formControlName", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: false, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, panelWidth: { classPropertyName: "panelWidth", publicName: "panelWidth", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectAll: "selectAllChange" }, host: { classAttribute: "rc-ses-element rc-ses-select" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RcSesSelectComponent),
+                multi: true
+            }
+        ], queries: [{ propertyName: "queryOptions", predicate: MatOption }], viewQueries: [{ propertyName: "formControlDirective", first: true, predicate: FormControlDirective, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-form-field>\n  <mat-select\n    [formControl]=\"control\"\n    [placeholder]=\"placeholder\"\n    [multiple]=\"multiple\"\n    [panelWidth]=\"panelWidth\"\n    hideSingleSelectionIndicator\n    disableRipple\n  >\n    @if (searchable) {\n      <div class=\"rc-ses-select-search-wrapper\">\n        @if (multiple) {\n          <mat-checkbox\n            [checked]=\"isFullSelection()\"\n            [indeterminate]=\"isPartialSelection()\"\n            (change)=\"handleSelectAllChange($event.checked)\"\n          />\n        }\n        <mat-form-field>\n          <mat-icon matPrefix>search</mat-icon>\n          <input\n            rc-ses-input\n            matInput\n            type=\"text\"\n            placeholder=\"Ie\u0161koti\"\n            (keyup)=\"filterOptions($event)\"\n          />\n        </mat-form-field>\n      </div>\n    }\n    @for (option of filteredOptions; track option.value) {\n      <mat-option [value]=\"option.value\">\n        {{ option.label }}\n        @if (option.description) {\n          <div class=\"description\">{{ option.description }}</div>\n        }\n      </mat-option>\n    }\n  </mat-select>\n</mat-form-field>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatCommonModule }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rc-ses-select', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatCheckboxModule,
+                        MatCommonModule,
+                        MatExpansionModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatOptionModule,
+                        MatSelectModule,
+                    ], host: {
+                        class: 'rc-ses-element rc-ses-select'
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RcSesSelectComponent),
+                            multi: true
+                        }
+                    ], template: "<mat-form-field>\n  <mat-select\n    [formControl]=\"control\"\n    [placeholder]=\"placeholder\"\n    [multiple]=\"multiple\"\n    [panelWidth]=\"panelWidth\"\n    hideSingleSelectionIndicator\n    disableRipple\n  >\n    @if (searchable) {\n      <div class=\"rc-ses-select-search-wrapper\">\n        @if (multiple) {\n          <mat-checkbox\n            [checked]=\"isFullSelection()\"\n            [indeterminate]=\"isPartialSelection()\"\n            (change)=\"handleSelectAllChange($event.checked)\"\n          />\n        }\n        <mat-form-field>\n          <mat-icon matPrefix>search</mat-icon>\n          <input\n            rc-ses-input\n            matInput\n            type=\"text\"\n            placeholder=\"Ie\u0161koti\"\n            (keyup)=\"filterOptions($event)\"\n          />\n        </mat-form-field>\n      </div>\n    }\n    @for (option of filteredOptions; track option.value) {\n      <mat-option [value]=\"option.value\">\n        {{ option.label }}\n        @if (option.description) {\n          <div class=\"description\">{{ option.description }}</div>\n        }\n      </mat-option>\n    }\n  </mat-select>\n</mat-form-field>\n" }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }], propDecorators: { queryOptions: [{
+                type: ContentChildren,
+                args: [MatOption]
+            }], formControlDirective: [{
+                type: ViewChild,
+                args: [FormControlDirective, { static: true }]
+            }], formControl: [{
+                type: Input
+            }], formControlName: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], multiple: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], searchable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], panelWidth: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }] } });
+
+class ServiceFormActions {
+    _document;
+    _el;
+    _renderer;
+    accordion = contentChild.required(MatAccordion);
+    initialized;
+    constructor(_document, _el, _renderer) {
+        this._document = _document;
+        this._el = _el;
+        this._renderer = _renderer;
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ServiceFormActions, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.14", type: ServiceFormActions, isStandalone: true, selector: "rc-ses-service-form-actions", host: { classAttribute: "rc-ses-element rc-ses-service-form-actions" }, queries: [{ propertyName: "accordion", first: true, predicate: MatAccordion, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-card appearance=\"outlined\">\n  <mat-card-content>\n    <button rc-ses-button mat-button type=\"button\">\n      <mat-icon matListItemIcon svgIcon=\"rc-ses-caret-left\" aria-hidden=\"false\" />\n      Baigti pildyti v\u0117liau\n    </button>\n\n    <button rc-ses-button mat-flat-button type=\"submit\">\n      Baigti pildyti ir prid\u0117ti \u012F krep\u0161el\u012F\n      <mat-icon matListItemIcon svgIcon=\"rc-ses-arrow-right\" aria-hidden=\"false\" />\n    </button>\n  </mat-card-content>\n</mat-card>\n\n<div class=\"rc-ses-footer-actions\">\n  <button rc-ses-button mat-button color=\"neutral\" type=\"button\">\n    At\u0161aukti pildym\u0105 ir i\u0161trinti formos duomenis\n  </button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i2$3.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RcSesButtonDirective, selector: "[rc-ses-button]", inputs: ["color"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ServiceFormActions, decorators: [{
+            type: Component,
+            args: [{ selector: 'rc-ses-service-form-actions', standalone: true, imports: [
+                        MatButtonModule,
+                        MatCardModule,
+                        MatIconModule,
+                        RcSesButtonDirective,
+                    ], host: {
+                        class: 'rc-ses-element rc-ses-service-form-actions'
+                    }, template: "<mat-card appearance=\"outlined\">\n  <mat-card-content>\n    <button rc-ses-button mat-button type=\"button\">\n      <mat-icon matListItemIcon svgIcon=\"rc-ses-caret-left\" aria-hidden=\"false\" />\n      Baigti pildyti v\u0117liau\n    </button>\n\n    <button rc-ses-button mat-flat-button type=\"submit\">\n      Baigti pildyti ir prid\u0117ti \u012F krep\u0161el\u012F\n      <mat-icon matListItemIcon svgIcon=\"rc-ses-arrow-right\" aria-hidden=\"false\" />\n    </button>\n  </mat-card-content>\n</mat-card>\n\n<div class=\"rc-ses-footer-actions\">\n  <button rc-ses-button mat-button color=\"neutral\" type=\"button\">\n    At\u0161aukti pildym\u0105 ir i\u0161trinti formos duomenis\n  </button>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }] });
+
+class ServiceFormContainer {
+    _document;
+    _el;
+    _renderer;
+    canCollapse = true;
+    accordion = contentChild.required(MatAccordion);
+    initialized;
+    constructor(_document, _el, _renderer) {
+        this._document = _document;
+        this._el = _el;
+        this._renderer = _renderer;
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ServiceFormContainer, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ServiceFormContainer, isStandalone: true, selector: "rc-ses-service-form-container", inputs: { canCollapse: ["canCollapse", "canCollapse", booleanAttribute] }, host: { classAttribute: "rc-ses-element rc-ses-service-form-container" }, queries: [{ propertyName: "accordion", first: true, predicate: MatAccordion, descendants: true, isSignal: true }], ngImport: i0, template: "@if (canCollapse) {\n  <div class=\"rc-ses-accordion-toggle-controls\">\n    <button mat-button (click)=\"accordion().openAll()\">\n      <mat-icon>unfold_more</mat-icon>\n      Praskleisti visus\n    </button>\n    <button mat-button (click)=\"accordion().closeAll()\">\n      <mat-icon>unfold_less</mat-icon>\n      Suskleisti visus\n    </button>\n  </div>\n}\n\n<ng-content />\n\n<rc-ses-service-form-actions />\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ServiceFormActions, selector: "rc-ses-service-form-actions" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ServiceFormContainer, decorators: [{
+            type: Component,
+            args: [{ selector: 'rc-ses-service-form-container', standalone: true, imports: [
+                        MatButtonModule,
+                        MatIconModule,
+                        ServiceFormActions,
+                    ], host: {
+                        class: 'rc-ses-element rc-ses-service-form-container'
+                    }, template: "@if (canCollapse) {\n  <div class=\"rc-ses-accordion-toggle-controls\">\n    <button mat-button (click)=\"accordion().openAll()\">\n      <mat-icon>unfold_more</mat-icon>\n      Praskleisti visus\n    </button>\n    <button mat-button (click)=\"accordion().closeAll()\">\n      <mat-icon>unfold_less</mat-icon>\n      Suskleisti visus\n    </button>\n  </div>\n}\n\n<ng-content />\n\n<rc-ses-service-form-actions />\n" }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { canCollapse: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+class ServiceHeader {
+    _document;
+    _el;
+    _renderer;
+    serviceName = undefined;
+    serviceDescription = undefined;
+    path = [];
+    get fullPath() {
+        return [
+            { label: 'Savitarna', path: '/' },
+            ...(this.path ?? []),
+        ];
+    }
+    initialized;
+    constructor(_document, _el, _renderer) {
+        this._document = _document;
+        this._el = _el;
+        this._renderer = _renderer;
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ServiceHeader, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ServiceHeader, isStandalone: true, selector: "rc-ses-service-header", inputs: { serviceName: "serviceName", serviceDescription: "serviceDescription", path: "path" }, host: { classAttribute: "rc-ses-element rc-ses-service-header" }, ngImport: i0, template: "<div class=\"container\">\n  <rc-ses-breadcrumbs [path]=\"fullPath\" />\n  <h1>{{ serviceName }}</h1>\n  <p>{{ serviceDescription }}</p>\n</div>\n", dependencies: [{ kind: "component", type: Breadcrumbs, selector: "rc-ses-breadcrumbs", inputs: ["path"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ServiceHeader, decorators: [{
+            type: Component,
+            args: [{ selector: 'rc-ses-service-header', standalone: true, imports: [Breadcrumbs], host: {
+                        class: 'rc-ses-element rc-ses-service-header'
+                    }, template: "<div class=\"container\">\n  <rc-ses-breadcrumbs [path]=\"fullPath\" />\n  <h1>{{ serviceName }}</h1>\n  <p>{{ serviceDescription }}</p>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { serviceName: [{
+                type: Input
+            }], serviceDescription: [{
+                type: Input
+            }], path: [{
+                type: Input
+            }] } });
+
+class ServicePage {
+    _document;
+    _el;
+    _renderer;
+    serviceName = undefined;
+    serviceDescription = undefined;
+    initialized;
+    constructor(_document, _el, _renderer) {
+        this._document = _document;
+        this._el = _el;
+        this._renderer = _renderer;
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ServicePage, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ServicePage, isStandalone: true, selector: "rc-ses-service-page", inputs: { serviceName: "serviceName", serviceDescription: "serviceDescription" }, host: { classAttribute: "rc-ses-element rc-ses-service-page" }, ngImport: i0, template: "<div>\n  <ng-content select=\"rc-ses-service-header\"></ng-content>\n</div>\n\n<div class=\"container container-main\">\n  <div class=\"sidebar-wrapper\">\n    <ng-content select=\"rc-ses-service-wizard-steps\"></ng-content>\n  </div>\n\n  <div class=\"content-wrapper\">\n    <ng-content></ng-content>\n    <ng-content select=\"rc-ses-service-form-container\"></ng-content>\n  </div>\n</div>\n" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ServicePage, decorators: [{
+            type: Component,
+            args: [{ selector: 'rc-ses-service-page', standalone: true, imports: [Breadcrumbs], host: {
+                        class: 'rc-ses-element rc-ses-service-page'
+                    }, template: "<div>\n  <ng-content select=\"rc-ses-service-header\"></ng-content>\n</div>\n\n<div class=\"container container-main\">\n  <div class=\"sidebar-wrapper\">\n    <ng-content select=\"rc-ses-service-wizard-steps\"></ng-content>\n  </div>\n\n  <div class=\"content-wrapper\">\n    <ng-content></ng-content>\n    <ng-content select=\"rc-ses-service-form-container\"></ng-content>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { serviceName: [{
+                type: Input
+            }], serviceDescription: [{
+                type: Input
+            }] } });
+
+class RcSesIconsModule {
+    constructor(iconRegistry, sanitizer) {
+        iconRegistry.addSvgIconLiteral('rc-ses-arrow-right', sanitizer.bypassSecurityTrustHtml(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#1F2733" d="m20.78 12.531-6.75 6.75a.75.75 0 1 1-1.06-1.061l5.47-5.47H3.75a.75.75 0 1 1 0-1.5h14.69l-5.47-5.469a.75.75 0 1 1 1.06-1.061l6.75 6.75a.748.748 0 0 1 0 1.061Z"/></svg>`));
+        iconRegistry.addSvgIconLiteral('rc-ses-caret-left', sanitizer.bypassSecurityTrustHtml(`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#0E6790" d="M10.354 12.646a.501.501 0 0 1-.707.708l-5-5a.5.5 0 0 1 0-.707l5-5a.5.5 0 1 1 .707.707L5.707 8l4.647 4.646Z"/></svg>`));
+        iconRegistry.addSvgIconLiteral('rc-ses-circle', sanitizer.bypassSecurityTrustHtml(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="12" fill="#1f2733"/></svg>`));
+        iconRegistry.addSvgIconLiteral('rc-ses-check-circle', sanitizer.bypassSecurityTrustHtml(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="12" fill="#00a879"/><path fill="#fff" d="m18.533 9.03-8 8a.751.751 0 0 1-1.063 0l-3.5-3.5a.751.751 0 1 1 1.063-1.062l2.969 2.97 7.47-7.469a.751.751 0 0 1 1.062 1.063l-.001-.002Z"/></svg>`));
+        iconRegistry.addSvgIconLiteral('rc-ses-check-circle-fill', sanitizer.bypassSecurityTrustHtml(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25Zm4.28 8.03-5.25 5.25a.747.747 0 0 1-1.06 0l-2.25-2.25a.75.75 0 1 1 1.06-1.06l1.72 1.72 4.72-4.72a.751.751 0 0 1 1.06 1.06Z"/></svg>`));
+        iconRegistry.addSvgIconLiteral('rc-ses-info-fill', sanitizer.bypassSecurityTrustHtml(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25Zm-.375 4.5a1.125 1.125 0 1 1 0 2.25 1.125 1.125 0 0 1 0-2.25Zm1.125 10.5a1.5 1.5 0 0 1-1.5-1.5V12a.75.75 0 1 1 0-1.5 1.5 1.5 0 0 1 1.5 1.5v3.75a.75.75 0 1 1 0 1.5Z"/></svg>`));
+        iconRegistry.addSvgIconLiteral('rc-ses-scroll', sanitizer.bypassSecurityTrustHtml(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M9 9.75A.75.75 0 0 1 9.75 9h6a.75.75 0 1 1 0 1.5h-6A.75.75 0 0 1 9 9.75Zm.75 3.75h6a.75.75 0 1 0 0-1.5h-6a.75.75 0 1 0 0 1.5Zm12 4.5a3 3 0 0 1-3 3H8.25a3 3 0 0 1-3-3V6a1.5 1.5 0 0 0-3 0c0 .538.453.902.458.906A.75.75 0 0 1 1.8 8.099C1.692 8.02.75 7.276.75 6a3 3 0 0 1 3-3H16.5a3 3 0 0 1 3 3v9.75h.75a.75.75 0 0 1 .45.15c.113.08 1.05.824 1.05 2.1ZM9.024 16.264a.757.757 0 0 1 .726-.514H18V6a1.5 1.5 0 0 0-1.5-1.5H6.346c.265.455.405.973.404 1.5v12a1.5 1.5 0 0 0 3 0c0-.538-.453-.902-.457-.906a.733.733 0 0 1-.269-.83ZM20.25 18a1.18 1.18 0 0 0-.303-.75h-8.812c.075.243.113.496.113.75 0 .527-.138 1.044-.402 1.5h7.904a1.5 1.5 0 0 0 1.5-1.5Z"/></svg>`));
+        iconRegistry.addSvgIconLiteral('rc-ses-warning-diamond-fill', sanitizer.bypassSecurityTrustHtml(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="m22.064 10.942-9.005-9.006a1.5 1.5 0 0 0-2.115 0l-9 9.006a1.5 1.5 0 0 0 0 2.115l9.005 9.005a1.5 1.5 0 0 0 2.115 0l9.004-9.005a1.5 1.5 0 0 0 0-2.115h-.004ZM11.25 7.499a.75.75 0 1 1 1.5 0v5.25a.75.75 0 1 1-1.5 0V7.5Zm.75 9.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Z"/></svg>`));
+        iconRegistry.addSvgIconLiteral('rc-ses-warning-fill', sanitizer.bypassSecurityTrustHtml(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M22.201 17.634 14.003 3.396a2.322 2.322 0 0 0-4.004 0L1.801 17.634a2.204 2.204 0 0 0 0 2.223A2.282 2.282 0 0 0 3.803 21h16.396a2.284 2.284 0 0 0 2-1.143 2.205 2.205 0 0 0 .002-2.223ZM11.251 9.75a.75.75 0 1 1 1.5 0v3.75a.75.75 0 0 1-1.5 0V9.75Zm.75 8.25a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Z"/></svg>`));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesIconsModule, deps: [{ token: i1$3.MatIconRegistry }, { token: i2$4.DomSanitizer }], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: RcSesIconsModule, imports: [MatIconModule,
+            MatIconModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesIconsModule, imports: [MatIconModule,
+            MatIconModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesIconsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        MatIconModule,
+                        MatIconModule,
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i1$3.MatIconRegistry }, { type: i2$4.DomSanitizer }] });
+
+// import { MatCommonModule } from "@angular/material/core";
+class ServiceWizardSteps {
+    _document;
+    _el;
+    _renderer;
+    steps = [];
+    initialized;
+    constructor(_document, _el, _renderer) {
+        this._document = _document;
+        this._el = _el;
+        this._renderer = _renderer;
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ServiceWizardSteps, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ServiceWizardSteps, isStandalone: true, selector: "rc-ses-service-wizard-steps", inputs: { steps: "steps" }, host: { classAttribute: "rc-ses-element rc-ses-service-wizard-steps" }, ngImport: i0, template: "<mat-nav-list role=\"navigation\">\n  @for (item of steps; track $index) {\n    <mat-list-item\n      [activated]=\"item.state === 'active'\"\n      [class]=\"'wizard-step-status--' + item.state\"\n    >\n      @switch (item.state) {\n        @case ('completed') {\n          <mat-icon matListItemIcon svgIcon=\"rc-ses-check-circle\" aria-hidden=\"false\"></mat-icon>\n        }\n        @default {\n          <mat-icon matListItemIcon svgIcon=\"rc-ses-circle\" aria-hidden=\"false\"></mat-icon>\n        }\n      }\n      <div matListItemTitle>{{ item.label }}</div>\n    </mat-list-item>\n  }\n</mat-nav-list>\n", dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: RcSesIconsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ServiceWizardSteps, decorators: [{
+            type: Component,
+            args: [{ selector: 'rc-ses-service-wizard-steps', standalone: true, imports: [MatIconModule, MatListModule, RcSesIconsModule], host: {
+                        class: 'rc-ses-element rc-ses-service-wizard-steps'
+                    }, template: "<mat-nav-list role=\"navigation\">\n  @for (item of steps; track $index) {\n    <mat-list-item\n      [activated]=\"item.state === 'active'\"\n      [class]=\"'wizard-step-status--' + item.state\"\n    >\n      @switch (item.state) {\n        @case ('completed') {\n          <mat-icon matListItemIcon svgIcon=\"rc-ses-check-circle\" aria-hidden=\"false\"></mat-icon>\n        }\n        @default {\n          <mat-icon matListItemIcon svgIcon=\"rc-ses-circle\" aria-hidden=\"false\"></mat-icon>\n        }\n      }\n      <div matListItemTitle>{{ item.label }}</div>\n    </mat-list-item>\n  }\n</mat-nav-list>\n" }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { steps: [{
+                type: Input
+            }] } });
+
+class RcSesMessageComponent {
+    _document;
+    _el;
+    _renderer;
+    severity = 'default';
+    theme = 'light';
+    hideIcon = false;
+    dismissible = false;
+    initialized;
+    constructor(_document, _el, _renderer) {
+        this._document = _document;
+        this._el = _el;
+        this._renderer = _renderer;
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        this.initialized = true;
+    }
+    ngOnDestroy() {
+        this.initialized = false;
+    }
+    get containerClass() {
+        return {
+            [`rc-ses-message--severity-${this.severity}`]: this.severity,
+            [`rc-ses-message--theme-${this.theme}`]: this.theme,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesMessageComponent, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RcSesMessageComponent, isStandalone: true, selector: "rc-ses-message", inputs: { severity: "severity", theme: "theme", hideIcon: ["hideIcon", "hideIcon", booleanAttribute], dismissible: ["dismissible", "dismissible", booleanAttribute] }, host: { classAttribute: "rc-ses-element rc-ses-message" }, ngImport: i0, template: "<div\n  aria-live=\"polite\"\n  class=\"rc-ses-message--wrapper mat-accent\"\n  [class]=\"containerClass\"\n>\n\n  @if (!hideIcon) {\n    <div class=\"rc-ses-message--icon\">\n      @switch (severity) {\n        @case ('info') {\n          <mat-icon matListItemIcon svgIcon=\"rc-ses-info-fill\" aria-hidden=\"false\" />\n        }\n        @case ('warning') {\n          <mat-icon matListItemIcon svgIcon=\"rc-ses-warning-fill\" aria-hidden=\"false\" />\n        }\n        @case ('error') {\n          <mat-icon matListItemIcon svgIcon=\"rc-ses-warning-diamond-fill\" aria-hidden=\"false\" />\n        }\n        @case ('success') {\n          <mat-icon matListItemIcon svgIcon=\"rc-ses-check-circle-fill\" aria-hidden=\"false\" />\n        }\n        @default {\n          <mat-icon matListItemIcon svgIcon=\"rc-ses-info-fill\" aria-hidden=\"false\" />\n        }\n      }\n    </div>\n  }\n\n  <div class=\"rc-ses-message--content\">\n    <ng-content />\n  </div>\n\n  <div class=\"rc-ses-message--actions\">\n    @if (dismissible) {\n      <button rc-ses-button mat-stroked-button>U\u017Edaryti</button>\n    }\n    <ng-content select=\"[actions]\" />\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RcSesButtonDirective, selector: "[rc-ses-button]", inputs: ["color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RcSesMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rc-ses-message', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        MatButtonModule,
+                        MatIconModule,
+                        RcSesButtonDirective,
+                    ], host: {
+                        class: 'rc-ses-element rc-ses-message'
+                    }, template: "<div\n  aria-live=\"polite\"\n  class=\"rc-ses-message--wrapper mat-accent\"\n  [class]=\"containerClass\"\n>\n\n  @if (!hideIcon) {\n    <div class=\"rc-ses-message--icon\">\n      @switch (severity) {\n        @case ('info') {\n          <mat-icon matListItemIcon svgIcon=\"rc-ses-info-fill\" aria-hidden=\"false\" />\n        }\n        @case ('warning') {\n          <mat-icon matListItemIcon svgIcon=\"rc-ses-warning-fill\" aria-hidden=\"false\" />\n        }\n        @case ('error') {\n          <mat-icon matListItemIcon svgIcon=\"rc-ses-warning-diamond-fill\" aria-hidden=\"false\" />\n        }\n        @case ('success') {\n          <mat-icon matListItemIcon svgIcon=\"rc-ses-check-circle-fill\" aria-hidden=\"false\" />\n        }\n        @default {\n          <mat-icon matListItemIcon svgIcon=\"rc-ses-info-fill\" aria-hidden=\"false\" />\n        }\n      }\n    </div>\n  }\n\n  <div class=\"rc-ses-message--content\">\n    <ng-content />\n  </div>\n\n  <div class=\"rc-ses-message--actions\">\n    @if (dismissible) {\n      <button rc-ses-button mat-stroked-button>U\u017Edaryti</button>\n    }\n    <ng-content select=\"[actions]\" />\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { severity: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], hideIcon: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], dismissible: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+/*
+ * Public API Surface of @rc-ses/angular-components
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Breadcrumbs, RcSesAccordionDirective, RcSesAgreementCheckboxComponent, RcSesDividerComponent, RcSesFormFieldComponent, RcSesInputDirective, RcSesMessageComponent, RcSesNumberStepperComponent, RcSesRadioButtonGroupComponent, RcSesSelectComponent, ServiceFormActions, ServiceFormContainer, ServiceHeader, ServicePage, ServiceWizardSteps };
+//# sourceMappingURL=registrucentras-rc-ses-angular-components.mjs.map