@patter/ngx-components 0.5.1 → 0.5.3

package/fesm2022/patter-ngx-components.mjs

@@ -1,19 +1,20 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, EventEmitter, inject, ChangeDetectorRef, Output } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, EventEmitter, inject, ChangeDetectorRef, DestroyRef, Output, ElementRef, ViewContainerRef, Renderer2, Directive, HostBinding, signal, computed, Injectable } from '@angular/core';
 import * as i2 from '@angular/router';
 import { RouterModule, Router, ActivatedRoute, TitleStrategy, NavigationEnd } from '@angular/router';
 import * as i2$1 from '@angular/forms';
-import { FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
-import { filter, map } from 'rxjs';
+import { FormBuilder, ReactiveFormsModule } from '@angular/forms';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { Observable, filter, map } from 'rxjs';
 
 class PtrMenuComponent {
     menuItems = [];
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PtrMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: PtrMenuComponent, isStandalone: true, selector: "ptr-menu", inputs: { menuItems: "menuItems" }, ngImport: i0, template: "<nav class=\"ptr-menu\">\r\n  <ul class=\"menu\">\r\n    <li class=\"menu-item\" *ngFor=\"let item of menuItems\" routerLinkActive=\"current_page_item\"\r\n      [routerLinkActiveOptions]=\"{exact: true}\">\r\n      <a [routerLink]=\"item.link || '#'\">{{item.label}}</a>\r\n    </li>\r\n  </ul>\r\n</nav>\r\n", styles: [".menu{display:flex;flex-direction:row;gap:var(--wp--custom--content--gap, 40px);align-items:center}.menu>ul{display:flex;flex-direction:row;gap:var(--wp--custom--content--gap, 40px);align-items:center}.menu--vertical{flex-direction:column;align-items:flex-start;gap:calc(var(--wp--custom--content--gap, 40px) / 2)}.menu--vertical>ul{flex-direction:column;align-items:flex-start;gap:calc(var(--wp--custom--content--gap, 40px) / 2)}.menu li.current-menu-item>a,.menu li.current_page_item>a,.menu li.current-menu-parent>a{opacity:1;font-weight:700}.menu a{transition:color .33s}.menu a:hover,.menu a:focus{text-decoration:none}.menu a{position:relative;text-decoration:none;padding:8px 0;font-family:var(--wp--preset--font-family--heading-font);letter-spacing:-.72px;color:var(--ptr-menu-color, var(--wp--preset--color--black))}.menu a:before,.menu a:after{content:\"\";position:absolute;bottom:2px;left:0;right:0;height:2px;background-color:var(--wp--preset--color--primary)}.menu a:before{opacity:0;transform:translateY(-8px);transition:transform 0s cubic-bezier(.175,.885,.32,1.275),opacity 0s}.menu a:after{opacity:0;transform:translateY(4px);transition:transform .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s}.menu a:hover:before,.menu a:hover:after,.menu a:focus:before,.menu a:focus:after{opacity:1;transform:translateY(0)}.menu a:hover:before,.menu a:focus:before{transition:transform .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s}.menu a:hover:after,.menu a:focus:after{transition:transform 0s .2s cubic-bezier(.175,.885,.32,1.275),opacity 0s .2s}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PtrMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: PtrMenuComponent, isStandalone: true, selector: "ptr-menu", inputs: { menuItems: "menuItems" }, ngImport: i0, template: "<nav class=\"ptr-menu\">\r\n  <ul class=\"menu\">\r\n    <li class=\"menu-item\" *ngFor=\"let item of menuItems\" routerLinkActive=\"current_page_item\"\r\n      [routerLinkActiveOptions]=\"{exact: true}\">\r\n      <a [routerLink]=\"item.link || '#'\">{{item.label}}</a>\r\n    </li>\r\n  </ul>\r\n</nav>\r\n", styles: [".menu{display:flex;flex-direction:row;gap:var(--wp--custom--content--gap, 40px);align-items:center}.menu>ul{display:flex;flex-direction:row;gap:var(--wp--custom--content--gap, 40px);align-items:center}.menu--vertical{flex-direction:column;align-items:flex-start;gap:calc(var(--wp--custom--content--gap, 40px) / 2)}.menu--vertical>ul{flex-direction:column;align-items:flex-start;gap:calc(var(--wp--custom--content--gap, 40px) / 2)}.menu li.current-menu-item>a,.menu li.current_page_item>a,.menu li.current-menu-parent>a{opacity:1;font-weight:700}.menu a{transition:color .33s}.menu a:hover,.menu a:focus{text-decoration:none}.menu a{position:relative;text-decoration:none;padding:8px 0;font-family:var(--wp--preset--font-family--heading-font);letter-spacing:-.72px;color:var(--ptr-menu-color, var(--wp--preset--color--black))}.menu a:before,.menu a:after{content:\"\";position:absolute;bottom:2px;left:0;right:0;height:2px;background-color:var(--wp--preset--color--primary)}.menu a:before{opacity:0;transform:translateY(-8px);transition:transform 0s cubic-bezier(.175,.885,.32,1.275),opacity 0s}.menu a:after{opacity:0;transform:translateY(4px);transition:transform .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s}.menu a:hover:before,.menu a:hover:after,.menu a:focus:before,.menu a:focus:after{opacity:1;transform:translateY(0)}.menu a:hover:before,.menu a:focus:before{transition:transform .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s}.menu a:hover:after,.menu a:focus:after{transition:transform 0s .2s cubic-bezier(.175,.885,.32,1.275),opacity 0s .2s}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PtrMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PtrMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ptr-menu', standalone: true, imports: [CommonModule, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"ptr-menu\">\r\n  <ul class=\"menu\">\r\n    <li class=\"menu-item\" *ngFor=\"let item of menuItems\" routerLinkActive=\"current_page_item\"\r\n      [routerLinkActiveOptions]=\"{exact: true}\">\r\n      <a [routerLink]=\"item.link || '#'\">{{item.label}}</a>\r\n    </li>\r\n  </ul>\r\n</nav>\r\n", styles: [".menu{display:flex;flex-direction:row;gap:var(--wp--custom--content--gap, 40px);align-items:center}.menu>ul{display:flex;flex-direction:row;gap:var(--wp--custom--content--gap, 40px);align-items:center}.menu--vertical{flex-direction:column;align-items:flex-start;gap:calc(var(--wp--custom--content--gap, 40px) / 2)}.menu--vertical>ul{flex-direction:column;align-items:flex-start;gap:calc(var(--wp--custom--content--gap, 40px) / 2)}.menu li.current-menu-item>a,.menu li.current_page_item>a,.menu li.current-menu-parent>a{opacity:1;font-weight:700}.menu a{transition:color .33s}.menu a:hover,.menu a:focus{text-decoration:none}.menu a{position:relative;text-decoration:none;padding:8px 0;font-family:var(--wp--preset--font-family--heading-font);letter-spacing:-.72px;color:var(--ptr-menu-color, var(--wp--preset--color--black))}.menu a:before,.menu a:after{content:\"\";position:absolute;bottom:2px;left:0;right:0;height:2px;background-color:var(--wp--preset--color--primary)}.menu a:before{opacity:0;transform:translateY(-8px);transition:transform 0s cubic-bezier(.175,.885,.32,1.275),opacity 0s}.menu a:after{opacity:0;transform:translateY(4px);transition:transform .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s}.menu a:hover:before,.menu a:hover:after,.menu a:focus:before,.menu a:focus:after{opacity:1;transform:translateY(0)}.menu a:hover:before,.menu a:focus:before{transition:transform .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s}.menu a:hover:after,.menu a:focus:after{transition:transform 0s .2s cubic-bezier(.175,.885,.32,1.275),opacity 0s .2s}\n"] }]
         }], propDecorators: { menuItems: [{
@@ -23,82 +24,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
 class PtrFormComponent {
     config;
     loading = false;
-    formChanges = new EventEmitter();
+    error = null;
     formSubmit = new EventEmitter();
-    form;
-    processedFields = [];
+    formGroupCreated = new EventEmitter();
+    formGroup;
+    flatOptions = {};
+    groupedOptions = {};
     fb = inject(FormBuilder);
     cdr = inject(ChangeDetectorRef);
+    destroyRef = inject(DestroyRef);
     ngOnInit() {
-        this.form = this.fb.group({});
-        this.processedFields = this.config.fields.map(field => this.processField(field));
-        this.processedFields.forEach(field => {
-            if (field.type === 'select') {
-                if (field.simpleOptions) {
-                    this.form.addControl(field.id, this.fb.control(field.value ?? field.simpleOptions[0].value ?? null, field.required ? Validators.required : null));
-                }
-                else if (field.groupedOptions) {
-                    this.form.addControl(field.id, this.fb.control(field.value || field.groupedOptions[0].options[0].value, field.required ? Validators.required : null));
-                }
-                else {
-                    this.form.addControl(field.id, this.fb.control(field.value || '', field.required ? Validators.required : null));
-                }
+        this.buildForm();
+        this.formGroupCreated.emit(this.formGroup);
+        this.config.fields.forEach(field => {
+            if (field.type === 'select' && field.options instanceof Observable) {
+                field.options
+                    .pipe(takeUntilDestroyed(this.destroyRef))
+                    .subscribe(options => {
+                    this.processOptions(field.name, options);
+                    this.cdr.markForCheck(); // Trigger change detection after options are loaded
+                });
             }
-            else {
-                this.form.addControl(field.id, this.fb.control(field.value || '', field.required ? Validators.required : null));
+            else if (field.type === 'select' && Array.isArray(field.options)) {
+                this.processOptions(field.name, field.options);
             }
         });
-        this.form.valueChanges.subscribe(values => {
-            this.formChanges.emit(values);
-        });
     }
-    processField(field) {
-        const classes = ['gfield'];
-        if (field.size)
-            classes.push(`gfield--width-${field.size}`);
-        if (field.type === 'hidden')
-            classes.push('gform_hidden');
-        if (field.class)
-            classes.push(field.class);
-        return {
-            ...field,
-            class: classes.join(' ')
-        };
+    buildForm() {
+        const group = {};
+        this.config.fields.forEach(field => {
+            group[field.name] = [field.value || '', field.validators || []];
+        });
+        this.formGroup = this.fb.group(group);
     }
     onSubmit() {
-        if (this.form.valid) {
-            this.formSubmit.emit(this.form.value);
-        }
-        else {
-            console.log('Form is invalid');
+        if (this.formGroup.valid) {
+            this.formSubmit.emit(this.formGroup.value);
         }
     }
     resetForm() {
-        if (this.form) {
-            this.form.reset();
-            this.config.fields.forEach(field => {
-                this.form.get(field.id)?.setValue(field.value || null);
-            });
-            this.cdr.markForCheck();
+        this.formGroup.reset();
+        this.config.fields.forEach(field => {
+            const control = this.formGroup.get(field.name);
+            control?.setValue(field.value || '', { emitEvent: false });
+        });
+        this.cdr.markForCheck();
+    }
+    processOptions(fieldName, options) {
+        if (options.length > 0 && 'options' in options[0]) {
+            this.groupedOptions[fieldName] = options;
+        }
+        else {
+            this.flatOptions[fieldName] = options;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PtrFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: PtrFormComponent, isStandalone: true, selector: "ptr-form", inputs: { config: "config", loading: "loading" }, outputs: { formChanges: "formChanges", formSubmit: "formSubmit" }, ngImport: i0, template: "<div [class]=\"'gform_wrapper ' + (config.formClass || 'small-section')\">\r\n  <div *ngIf=\"config.title\" class=\"gform_heading\">\r\n    <h2 class=\"gform_title\">{{ config.title }}</h2>\r\n  </div>\r\n  <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\r\n    <div class=\"gform_fields\">\r\n\r\n      <ng-container *ngFor=\"let field of processedFields\">\r\n\r\n        <div [class]=\"field.class\">\r\n          <label *ngIf=\"field.type !== 'hidden'\" [for]=\"field.id\" class=\"gfield_label gform-field-label\">\r\n            {{ field.name }}\r\n          </label>\r\n\r\n          <ng-container [ngSwitch]=\"field.type\">\r\n\r\n            <textarea *ngSwitchCase=\"'textarea'\" [id]=\"field.id\" [formControlName]=\"field.id\"></textarea>\r\n\r\n            <select *ngSwitchCase=\"'select'\" [id]=\"field.id\" [formControlName]=\"field.id\">\r\n              <ng-container *ngIf=\"field.simpleOptions\">\r\n                <option *ngFor=\"let option of field.simpleOptions\" [value]=\"option.value\">\r\n                  {{ option.label }}\r\n                </option>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"field.groupedOptions\">\r\n                <optgroup *ngFor=\"let group of field.groupedOptions\" [label]=\"group.label\">\r\n                  <option *ngFor=\"let option of group.options\" [value]=\"option.value\">\r\n                    {{ option.label }}\r\n                  </option>\r\n                </optgroup>\r\n              </ng-container>\r\n            </select>\r\n\r\n            <input *ngSwitchDefault [type]=\"field.type\" [id]=\"field.id\" [formControlName]=\"field.id\"\r\n              [attr.maxlength]=\"field.maxlength\">\r\n\r\n          </ng-container>\r\n\r\n        </div>\r\n\r\n      </ng-container>\r\n\r\n    </div>\r\n    <div class=\"gform_footer\">\r\n      <button type=\"submit\" [name]=\"config.submitName\"\r\n        [disabled]=\"loading || !form.valid\">{{config.submitValue}}</button>\r\n    </div>\r\n  </form>\r\n\r\n  <ng-content></ng-content>\r\n\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$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: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PtrFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: PtrFormComponent, isStandalone: true, selector: "ptr-form", inputs: { config: "config", loading: "loading", error: "error" }, outputs: { formSubmit: "formSubmit", formGroupCreated: "formGroupCreated" }, ngImport: i0, template: "<div [class]=\"'gform_wrapper ' + config.formClass\">\r\n\r\n  <div class=\"gform_validation_errors\" *ngIf=\"error\">\r\n    <h2 class=\"gform_submission_error hide_summary\">{{error}}</h2>\r\n  </div>\r\n\r\n  <div *ngIf=\"config.title\" class=\"gform_heading\">\r\n    <h2 class=\"gform_title\">{{ config.title }}</h2>\r\n  </div>\r\n\r\n  <form [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\">\r\n\r\n    <div class=\"gform_fields\">\r\n\r\n      <ng-container *ngFor=\"let field of config.fields\">\r\n\r\n        <div class=\"gfield gfield--width-{{field.size}}\" [class.gform_hidden]=\"field.type === 'hidden'\"\r\n          [class.gfield_error]=\"formGroup.get(field.name)?.invalid && formGroup.get(field.name)?.touched\">\r\n\r\n          <label class=\"gfield_label gform-field-label\" [for]=\"field.name\">{{ field.label }}</label>\r\n\r\n          <ng-container [ngSwitch]=\"field.type\">\r\n\r\n            <input *ngSwitchCase=\"'text'\" [formControlName]=\"field.name\" type=\"text\" [id]=\"field.name\" />\r\n\r\n            <textarea *ngSwitchCase=\"'textarea'\" [id]=\"field.name\" [formControlName]=\"field.name\"></textarea>\r\n\r\n            <input *ngSwitchCase=\"'date'\" [formControlName]=\"field.name\" type=\"date\" [id]=\"field.name\" />\r\n\r\n            <input *ngSwitchCase=\"'number'\" [formControlName]=\"field.name\" type=\"number\" [id]=\"field.name\" />\r\n\r\n            <input *ngSwitchCase=\"'email'\" [formControlName]=\"field.name\" type=\"email\" [id]=\"field.name\" />\r\n\r\n            <input *ngSwitchCase=\"'password'\" [formControlName]=\"field.name\" type=\"password\" [id]=\"field.name\" />\r\n\r\n            <ng-container *ngSwitchCase=\"'select'\">\r\n              <select [formControlName]=\"field.name\" [id]=\"field.name\">\r\n                <!-- Render grouped options -->\r\n                <optgroup *ngFor=\"let group of groupedOptions[field.name]\" [label]=\"group.groupLabel\">\r\n                  <option *ngFor=\"let option of group.options\" [value]=\"option.value\">\r\n                    {{ option.label }}\r\n                  </option>\r\n                </optgroup>\r\n                <!-- Render flat options -->\r\n                <option *ngFor=\"let option of flatOptions[field.name]\" [value]=\"option.value\">\r\n                  {{ option.label }}\r\n                </option>\r\n              </select>\r\n            </ng-container>\r\n\r\n          </ng-container>\r\n\r\n          <div class=\"gfield_description validation_message gfield_validation_message\"\r\n            *ngIf=\"formGroup.get(field.name)?.invalid && formGroup.get(field.name)?.touched\">\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['required']\">This field is required.</ng-container>\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['email']\">Please enter a valid email\r\n              address.</ng-container>\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['minlength']\">\r\n              Minimum length is {{ formGroup.get(field.name)?.errors?.['minlength'].requiredLength }} characters.\r\n            </ng-container>\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['maxlength']\">\r\n              Maximum length is {{ formGroup.get(field.name)?.errors?.['maxlength'].requiredLength }} characters.\r\n            </ng-container>\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['pattern']\">\r\n              Please match the required format.\r\n            </ng-container>\r\n          </div>\r\n\r\n        </div>\r\n\r\n      </ng-container>\r\n    </div>\r\n\r\n    <div class=\"gform_footer\">\r\n      <button type=\"submit\" [disabled]=\"loading || !formGroup.valid\">{{config.submitText}}</button>\r\n    </div>\r\n\r\n  </form>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$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: i2$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PtrFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PtrFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ptr-form', standalone: true, imports: [
                         CommonModule,
                         ReactiveFormsModule
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"'gform_wrapper ' + (config.formClass || 'small-section')\">\r\n  <div *ngIf=\"config.title\" class=\"gform_heading\">\r\n    <h2 class=\"gform_title\">{{ config.title }}</h2>\r\n  </div>\r\n  <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\r\n    <div class=\"gform_fields\">\r\n\r\n      <ng-container *ngFor=\"let field of processedFields\">\r\n\r\n        <div [class]=\"field.class\">\r\n          <label *ngIf=\"field.type !== 'hidden'\" [for]=\"field.id\" class=\"gfield_label gform-field-label\">\r\n            {{ field.name }}\r\n          </label>\r\n\r\n          <ng-container [ngSwitch]=\"field.type\">\r\n\r\n            <textarea *ngSwitchCase=\"'textarea'\" [id]=\"field.id\" [formControlName]=\"field.id\"></textarea>\r\n\r\n            <select *ngSwitchCase=\"'select'\" [id]=\"field.id\" [formControlName]=\"field.id\">\r\n              <ng-container *ngIf=\"field.simpleOptions\">\r\n                <option *ngFor=\"let option of field.simpleOptions\" [value]=\"option.value\">\r\n                  {{ option.label }}\r\n                </option>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"field.groupedOptions\">\r\n                <optgroup *ngFor=\"let group of field.groupedOptions\" [label]=\"group.label\">\r\n                  <option *ngFor=\"let option of group.options\" [value]=\"option.value\">\r\n                    {{ option.label }}\r\n                  </option>\r\n                </optgroup>\r\n              </ng-container>\r\n            </select>\r\n\r\n            <input *ngSwitchDefault [type]=\"field.type\" [id]=\"field.id\" [formControlName]=\"field.id\"\r\n              [attr.maxlength]=\"field.maxlength\">\r\n\r\n          </ng-container>\r\n\r\n        </div>\r\n\r\n      </ng-container>\r\n\r\n    </div>\r\n    <div class=\"gform_footer\">\r\n      <button type=\"submit\" [name]=\"config.submitName\"\r\n        [disabled]=\"loading || !form.valid\">{{config.submitValue}}</button>\r\n    </div>\r\n  </form>\r\n\r\n  <ng-content></ng-content>\r\n\r\n</div>" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"'gform_wrapper ' + config.formClass\">\r\n\r\n  <div class=\"gform_validation_errors\" *ngIf=\"error\">\r\n    <h2 class=\"gform_submission_error hide_summary\">{{error}}</h2>\r\n  </div>\r\n\r\n  <div *ngIf=\"config.title\" class=\"gform_heading\">\r\n    <h2 class=\"gform_title\">{{ config.title }}</h2>\r\n  </div>\r\n\r\n  <form [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\">\r\n\r\n    <div class=\"gform_fields\">\r\n\r\n      <ng-container *ngFor=\"let field of config.fields\">\r\n\r\n        <div class=\"gfield gfield--width-{{field.size}}\" [class.gform_hidden]=\"field.type === 'hidden'\"\r\n          [class.gfield_error]=\"formGroup.get(field.name)?.invalid && formGroup.get(field.name)?.touched\">\r\n\r\n          <label class=\"gfield_label gform-field-label\" [for]=\"field.name\">{{ field.label }}</label>\r\n\r\n          <ng-container [ngSwitch]=\"field.type\">\r\n\r\n            <input *ngSwitchCase=\"'text'\" [formControlName]=\"field.name\" type=\"text\" [id]=\"field.name\" />\r\n\r\n            <textarea *ngSwitchCase=\"'textarea'\" [id]=\"field.name\" [formControlName]=\"field.name\"></textarea>\r\n\r\n            <input *ngSwitchCase=\"'date'\" [formControlName]=\"field.name\" type=\"date\" [id]=\"field.name\" />\r\n\r\n            <input *ngSwitchCase=\"'number'\" [formControlName]=\"field.name\" type=\"number\" [id]=\"field.name\" />\r\n\r\n            <input *ngSwitchCase=\"'email'\" [formControlName]=\"field.name\" type=\"email\" [id]=\"field.name\" />\r\n\r\n            <input *ngSwitchCase=\"'password'\" [formControlName]=\"field.name\" type=\"password\" [id]=\"field.name\" />\r\n\r\n            <ng-container *ngSwitchCase=\"'select'\">\r\n              <select [formControlName]=\"field.name\" [id]=\"field.name\">\r\n                <!-- Render grouped options -->\r\n                <optgroup *ngFor=\"let group of groupedOptions[field.name]\" [label]=\"group.groupLabel\">\r\n                  <option *ngFor=\"let option of group.options\" [value]=\"option.value\">\r\n                    {{ option.label }}\r\n                  </option>\r\n                </optgroup>\r\n                <!-- Render flat options -->\r\n                <option *ngFor=\"let option of flatOptions[field.name]\" [value]=\"option.value\">\r\n                  {{ option.label }}\r\n                </option>\r\n              </select>\r\n            </ng-container>\r\n\r\n          </ng-container>\r\n\r\n          <div class=\"gfield_description validation_message gfield_validation_message\"\r\n            *ngIf=\"formGroup.get(field.name)?.invalid && formGroup.get(field.name)?.touched\">\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['required']\">This field is required.</ng-container>\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['email']\">Please enter a valid email\r\n              address.</ng-container>\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['minlength']\">\r\n              Minimum length is {{ formGroup.get(field.name)?.errors?.['minlength'].requiredLength }} characters.\r\n            </ng-container>\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['maxlength']\">\r\n              Maximum length is {{ formGroup.get(field.name)?.errors?.['maxlength'].requiredLength }} characters.\r\n            </ng-container>\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['pattern']\">\r\n              Please match the required format.\r\n            </ng-container>\r\n          </div>\r\n\r\n        </div>\r\n\r\n      </ng-container>\r\n    </div>\r\n\r\n    <div class=\"gform_footer\">\r\n      <button type=\"submit\" [disabled]=\"loading || !formGroup.valid\">{{config.submitText}}</button>\r\n    </div>\r\n\r\n  </form>\r\n</div>\r\n" }]
         }], propDecorators: { config: [{
                 type: Input
             }], loading: [{
                 type: Input
-            }], formChanges: [{
-                type: Output
+            }], error: [{
+                type: Input
             }], formSubmit: [{
                 type: Output
+            }], formGroupCreated: [{
+                type: Output
             }] } });
 
 class PtrTitleComponent {
@@ -123,10 +121,10 @@ class PtrTitleComponent {
         }
         return route;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PtrTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: PtrTitleComponent, isStandalone: true, selector: "ptr-title", ngImport: i0, template: '<header class="entry-header is-layout-constrained my-3" *ngIf="!(hideTitle$ | async)"><h1 class="entry-title">{{ title$ | async }}</h1></header>', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PtrTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: PtrTitleComponent, isStandalone: true, selector: "ptr-title", ngImport: i0, template: '<header class="entry-header is-layout-constrained my-3" *ngIf="!(hideTitle$ | async)"><h1 class="entry-title">{{ title$ | async }}</h1></header>', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PtrTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PtrTitleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ptr-title',
@@ -137,14 +135,183 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                 }]
         }] });
 
+class PtrLoadingSpinnerComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PtrLoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: PtrLoadingSpinnerComponent, isStandalone: true, selector: "ptr-loading-spinner", ngImport: i0, template: `<div class="vdx-progress-spinner"></div>`, isInline: true, styles: [":host{display:inline-block;line-height:0}.vdx-progress-spinner{display:inline-block;width:25px;height:25px;transform:scaleZ(1)}.vdx-progress-spinner:before{position:absolute;content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23272e3e;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='34' cy='6' r='6'/%3E%3Ccircle class='st0' cx='6' cy='6' r='6'/%3E%3Ccircle class='st0' cx='6' cy='34' r='6'/%3E%3Ccircle class='st0' cx='34' cy='34' r='6'/%3E%3C/svg%3E\");height:40px;width:40px;left:-8px;top:-8px;border:none;display:block;animation:loader-anim 1.5s 0s ease-in-out infinite}.vdx-progress-spinner:after{content:\"\";position:absolute;height:12px;width:12px;border:none;border-radius:12px;display:block;left:6px;top:6px;background-color:#272e3e;animation:loader-anim-dot 1.5s 0s ease-in-out infinite}@keyframes loader-anim{0%{transform:rotate(0) scale(0);opacity:.5}50%{transform:rotate(180deg) scale(1);opacity:1}to{transform:rotate(360deg) scale(0);opacity:.2}}@keyframes loader-anim-dot{0%{opacity:1}50%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PtrLoadingSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ptr-loading-spinner', standalone: true, imports: [CommonModule], template: `<div class="vdx-progress-spinner"></div>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block;line-height:0}.vdx-progress-spinner{display:inline-block;width:25px;height:25px;transform:scaleZ(1)}.vdx-progress-spinner:before{position:absolute;content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23272e3e;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='34' cy='6' r='6'/%3E%3Ccircle class='st0' cx='6' cy='6' r='6'/%3E%3Ccircle class='st0' cx='6' cy='34' r='6'/%3E%3Ccircle class='st0' cx='34' cy='34' r='6'/%3E%3C/svg%3E\");height:40px;width:40px;left:-8px;top:-8px;border:none;display:block;animation:loader-anim 1.5s 0s ease-in-out infinite}.vdx-progress-spinner:after{content:\"\";position:absolute;height:12px;width:12px;border:none;border-radius:12px;display:block;left:6px;top:6px;background-color:#272e3e;animation:loader-anim-dot 1.5s 0s ease-in-out infinite}@keyframes loader-anim{0%{transform:rotate(0) scale(0);opacity:.5}50%{transform:rotate(180deg) scale(1);opacity:1}to{transform:rotate(360deg) scale(0);opacity:.2}}@keyframes loader-anim-dot{0%{opacity:1}50%{opacity:0}to{opacity:1}}\n"] }]
+        }] });
+
+class PtrLoadingSpinnerDirective {
+    targetEl = inject(ElementRef);
+    viewContainerRef = inject(ViewContainerRef);
+    renderer = inject(Renderer2);
+    spinnerInstance;
+    overlay;
+    hostPosition = 'relative';
+    set ptrLoadingSpinner(loading) {
+        if (loading) {
+            this.addBlurEffect();
+            this.addOverlay();
+            this.addProgressSpinnerComponent();
+        }
+        else {
+            this.removeBlurEffect();
+            this.removeOverlay();
+            this.removeProgressSpinnerComponent();
+        }
+    }
+    ngOnDestroy() {
+        this.spinnerInstance?.destroy();
+        this.removeBlurEffect();
+    }
+    addProgressSpinnerComponent() {
+        this.spinnerInstance = this.viewContainerRef.createComponent(PtrLoadingSpinnerComponent);
+        this.overlay?.appendChild(this.spinnerInstance.location.nativeElement);
+    }
+    removeProgressSpinnerComponent() {
+        this.spinnerInstance?.destroy();
+    }
+    addOverlay() {
+        this.overlay = this.renderer.createElement('div');
+        this.renderer.setStyle(this.overlay, 'display', 'flex');
+        this.renderer.setStyle(this.overlay, 'justify-content', 'center');
+        this.renderer.setStyle(this.overlay, 'align-items', 'center');
+        this.renderer.setStyle(this.overlay, 'position', 'absolute');
+        this.renderer.setStyle(this.overlay, 'top', '0');
+        this.renderer.setStyle(this.overlay, 'left', '0');
+        this.renderer.setStyle(this.overlay, 'width', '100%');
+        this.renderer.setStyle(this.overlay, 'height', '100%');
+        this.renderer.appendChild(this.targetEl.nativeElement, this.overlay);
+    }
+    removeOverlay() {
+        if (this.overlay) {
+            this.renderer.removeChild(this.targetEl.nativeElement, this.overlay);
+            this.overlay = undefined;
+        }
+    }
+    addBlurEffect() {
+        const style = this.renderer.createElement('style');
+        const blurRule = `
+      .ptr-loading-blur > *:not(:last-child) {
+        filter: blur(2px);
+        transition: filter 0.3s ease;
+      }
+    `;
+        this.renderer.appendChild(style, this.renderer.createText(blurRule));
+        this.renderer.appendChild(document.head, style);
+        this.renderer.addClass(this.targetEl.nativeElement, 'ptr-loading-blur');
+    }
+    removeBlurEffect() {
+        this.renderer.removeClass(this.targetEl.nativeElement, 'ptr-loading-blur');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PtrLoadingSpinnerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: PtrLoadingSpinnerDirective, isStandalone: true, selector: "[ptrLoadingSpinner]", inputs: { ptrLoadingSpinner: "ptrLoadingSpinner" }, host: { properties: { "style.position": "this.hostPosition" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PtrLoadingSpinnerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ptrLoadingSpinner]',
+                    standalone: true
+                }]
+        }], propDecorators: { hostPosition: [{
+                type: HostBinding,
+                args: ['style.position']
+            }], ptrLoadingSpinner: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+/**
+ * Optimized Async Loading Service using Angular Signals
+ * Supports global loading state and named loading areas with auto-cleanup
+ *
+ * To use as a non-singleton service, add to providers array in @Component decorator:
+ * @Component({
+ *   selector: 'app-example',
+ *   templateUrl: './example.component.html',
+ *   providers: [PtrLoadingService]
+ * })
+ *
+ * Usage:
+ * Set loading: this.loadingService.setLoading(true)
+ * - Set loading: this.loadingService.setLoading(true, 'areaName')
+ *
+ * - Get loading (template): {{ loadingService.isLoading()() }}
+ * - Get loading (template): {{ loadingService.isLoading('areaName')() }}
+ *
+ * - Get loading (component): this.loadingService.isLoading()()
+ * - Get loading (component): this.loadingService.isLoading('areaName')()
+ *
+ * - React to loading changes: effect(() => console.log('Loading:', this.loadingService.isLoading('areaName')()))
+ */
+class PtrLoadingService {
+    globalTaskCount = signal(0);
+    loadingAreas = new Map();
+    isLoading(area) {
+        if (!area) {
+            return computed(() => this.globalTaskCount() > 0);
+        }
+        return computed(() => {
+            const areaSignal = this.loadingAreas.get(area);
+            return areaSignal ? areaSignal() > 0 : false;
+        });
+    }
+    setLoading(value, area) {
+        if (!area) {
+            this.updateTaskCount(this.globalTaskCount, value);
+        }
+        else {
+            this.updateNamedAreaLoading(area, value);
+        }
+    }
+    resetLoading(area) {
+        if (!area) {
+            this.globalTaskCount.set(0);
+        }
+        else if (this.loadingAreas.has(area)) {
+            this.loadingAreas.get(area).set(0);
+            this.loadingAreas.delete(area);
+        }
+    }
+    updateNamedAreaLoading(area, increment) {
+        let areaSignal = this.loadingAreas.get(area);
+        if (!areaSignal && increment) {
+            areaSignal = signal(0);
+            this.loadingAreas.set(area, areaSignal);
+        }
+        if (areaSignal) {
+            areaSignal.update(count => {
+                const newCount = increment ? count + 1 : Math.max(0, count - 1);
+                if (newCount === 0) {
+                    this.loadingAreas.delete(area);
+                }
+                return newCount;
+            });
+        }
+    }
+    updateTaskCount(taskCount, increment) {
+        taskCount.update(count => increment ? count + 1 : Math.max(0, count - 1));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PtrLoadingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PtrLoadingService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PtrLoadingService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 /*
  * Public API Surface of ngx-components
  */
-// export { PtrTitleStrategy } from './lib/ptr-title/ptr-title-strategy';
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { PtrFormComponent, PtrMenuComponent, PtrTitleComponent };
+export { PtrFormComponent, PtrLoadingService, PtrLoadingSpinnerComponent, PtrLoadingSpinnerDirective, PtrMenuComponent, PtrTitleComponent };
 //# sourceMappingURL=patter-ngx-components.mjs.map

package/fesm2022/patter-ngx-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"patter-ngx-components.mjs","sources":["../../../../projects/patter/ngx-components/src/lib/menu/menu.component.ts","../../../../projects/patter/ngx-components/src/lib/menu/menu.component.html","../../../../projects/patter/ngx-components/src/lib/forms/form/form.component.ts","../../../../projects/patter/ngx-components/src/lib/forms/form/form.component.html","../../../../projects/patter/ngx-components/src/lib/ptr-title/ptr-title.component.ts","../../../../projects/patter/ngx-components/src/public-api.ts","../../../../projects/patter/ngx-components/src/patter-ngx-components.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { RouterModule } from '@angular/router';\r\n\r\nexport interface PtrMenuItem {\r\n  label: string;\r\n  link?: string;\r\n  children?: PtrMenuItem[];\r\n}\r\n\r\n@Component({\r\n  selector: 'ptr-menu',\r\n  standalone: true,\r\n  imports: [CommonModule, RouterModule],\r\n  templateUrl: './menu.component.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  styleUrls: ['./menu.component.scss']\r\n})\r\nexport class PtrMenuComponent {\r\n\r\n  @Input() menuItems: PtrMenuItem[] = [];\r\n\r\n}\r\n","<nav class=\"ptr-menu\">\r\n  <ul class=\"menu\">\r\n    <li class=\"menu-item\" *ngFor=\"let item of menuItems\" routerLinkActive=\"current_page_item\"\r\n      [routerLinkActiveOptions]=\"{exact: true}\">\r\n      <a [routerLink]=\"item.link || '#'\">{{item.label}}</a>\r\n    </li>\r\n  </ul>\r\n</nav>\r\n","import { CommonModule } from '@angular/common';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, inject, Input, Output } from '@angular/core';\r\nimport { AbstractControl, FormBuilder, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { PtrFormConfig, PtrFormFieldConfig } from '../interfaces';\r\n\r\n@Component({\r\n  selector: 'ptr-form',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    ReactiveFormsModule\r\n  ],\r\n  templateUrl: './form.component.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class PtrFormComponent {\r\n\r\n  @Input() config!: PtrFormConfig;\r\n  @Input() loading = false;\r\n\r\n  @Output() formChanges = new EventEmitter<AbstractControl<any>>();\r\n  @Output() formSubmit = new EventEmitter<AbstractControl<any>>();\r\n\r\n  form!: FormGroup;\r\n  processedFields: PtrFormFieldConfig[] = [];\r\n\r\n  fb = inject(FormBuilder);\r\n  cdr = inject(ChangeDetectorRef);\r\n\r\n  ngOnInit() {\r\n    this.form = this.fb.group({});\r\n    this.processedFields = this.config.fields.map(field => this.processField(field));\r\n    this.processedFields.forEach(field => {\r\n      if (field.type === 'select') {\r\n        if (field.simpleOptions) {\r\n          this.form.addControl(field.id, this.fb.control(field.value ?? field.simpleOptions![0].value ?? null, field.required ? Validators.required : null));\r\n        } else if (field.groupedOptions) {\r\n          this.form.addControl(field.id, this.fb.control(field.value || field.groupedOptions[0].options[0].value, field.required ? Validators.required : null));\r\n        } else {\r\n          this.form.addControl(field.id, this.fb.control(field.value || '', field.required ? Validators.required : null));\r\n        }\r\n      } else {\r\n        this.form.addControl(field.id, this.fb.control(field.value || '', field.required ? Validators.required : null));\r\n      }\r\n    });\r\n\r\n    this.form.valueChanges.subscribe(values => {\r\n      this.formChanges.emit(values);\r\n    });\r\n  }\r\n\r\n  private processField(field: PtrFormFieldConfig): PtrFormFieldConfig {\r\n    const classes = ['gfield'];\r\n    if (field.size) classes.push(`gfield--width-${field.size}`);\r\n    if (field.type === 'hidden') classes.push('gform_hidden');\r\n    if (field.class) classes.push(field.class);\r\n\r\n    return {\r\n      ...field,\r\n      class: classes.join(' ')\r\n    };\r\n  }\r\n\r\n  onSubmit() {\r\n    if (this.form.valid) {\r\n      this.formSubmit.emit(this.form.value);\r\n    } else {\r\n      console.log('Form is invalid');\r\n    }\r\n  }\r\n\r\n  resetForm() {\r\n    if (this.form) {\r\n      this.form.reset();\r\n      this.config.fields.forEach(field => {\r\n        this.form.get(field.id)?.setValue(field.value || null);\r\n      });\r\n      this.cdr.markForCheck();\r\n    }\r\n  }\r\n\r\n}\r\n","<div [class]=\"'gform_wrapper ' + (config.formClass || 'small-section')\">\r\n  <div *ngIf=\"config.title\" class=\"gform_heading\">\r\n    <h2 class=\"gform_title\">{{ config.title }}</h2>\r\n  </div>\r\n  <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\r\n    <div class=\"gform_fields\">\r\n\r\n      <ng-container *ngFor=\"let field of processedFields\">\r\n\r\n        <div [class]=\"field.class\">\r\n          <label *ngIf=\"field.type !== 'hidden'\" [for]=\"field.id\" class=\"gfield_label gform-field-label\">\r\n            {{ field.name }}\r\n          </label>\r\n\r\n          <ng-container [ngSwitch]=\"field.type\">\r\n\r\n            <textarea *ngSwitchCase=\"'textarea'\" [id]=\"field.id\" [formControlName]=\"field.id\"></textarea>\r\n\r\n            <select *ngSwitchCase=\"'select'\" [id]=\"field.id\" [formControlName]=\"field.id\">\r\n              <ng-container *ngIf=\"field.simpleOptions\">\r\n                <option *ngFor=\"let option of field.simpleOptions\" [value]=\"option.value\">\r\n                  {{ option.label }}\r\n                </option>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"field.groupedOptions\">\r\n                <optgroup *ngFor=\"let group of field.groupedOptions\" [label]=\"group.label\">\r\n                  <option *ngFor=\"let option of group.options\" [value]=\"option.value\">\r\n                    {{ option.label }}\r\n                  </option>\r\n                </optgroup>\r\n              </ng-container>\r\n            </select>\r\n\r\n            <input *ngSwitchDefault [type]=\"field.type\" [id]=\"field.id\" [formControlName]=\"field.id\"\r\n              [attr.maxlength]=\"field.maxlength\">\r\n\r\n          </ng-container>\r\n\r\n        </div>\r\n\r\n      </ng-container>\r\n\r\n    </div>\r\n    <div class=\"gform_footer\">\r\n      <button type=\"submit\" [name]=\"config.submitName\"\r\n        [disabled]=\"loading || !form.valid\">{{config.submitValue}}</button>\r\n    </div>\r\n  </form>\r\n\r\n  <ng-content></ng-content>\r\n\r\n</div>","import { CommonModule } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, inject, OnInit } from '@angular/core';\r\nimport { Title } from '@angular/platform-browser';\r\nimport { ActivatedRoute, NavigationEnd, Router, TitleStrategy } from '@angular/router';\r\nimport { filter, map, Observable } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'ptr-title',\r\n  standalone: true,\r\n  imports: [CommonModule],\r\n  template: '<header class=\"entry-header is-layout-constrained my-3\" *ngIf=\"!(hideTitle$ | async)\"><h1 class=\"entry-title\">{{ title$ | async }}</h1></header>',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class PtrTitleComponent implements OnInit {\r\n\r\n  private router = inject(Router);\r\n  private activatedRoute = inject(ActivatedRoute);\r\n  private titleStrategy = inject(TitleStrategy);\r\n\r\n  title$!: Observable<string>;\r\n  hideTitle$!: Observable<boolean>;\r\n\r\n  ngOnInit() {\r\n    const routeEvents$ = this.router.events.pipe(\r\n      filter((event): event is NavigationEnd => event instanceof NavigationEnd),\r\n      map(() => this.getRoute(this.activatedRoute))\r\n    );\r\n\r\n    this.hideTitle$ = routeEvents$.pipe(\r\n      map(route => !!route.snapshot.data['hideTitle'])\r\n    );\r\n\r\n    this.title$ = routeEvents$.pipe(\r\n      map(route => {\r\n        if (route.snapshot.data['hideTitle']) {\r\n          return '';\r\n        }\r\n        return this.titleStrategy.getResolvedTitleForRoute(route.snapshot) || '';\r\n      })\r\n    );\r\n\r\n  }\r\n\r\n  private getRoute(route: ActivatedRoute): ActivatedRoute {\r\n    while (route.firstChild) {\r\n      route = route.firstChild;\r\n    }\r\n    return route;\r\n  }\r\n\r\n}\r\n","/*\r\n * Public API Surface of ngx-components\r\n */\r\n\r\nexport * from './lib/menu/menu.component';\r\n\r\nexport * from './lib/forms/interfaces';\r\nexport { PtrFormComponent } from './lib/forms/form/form.component';\r\n\r\nexport { PtrTitleComponent } from './lib/ptr-title/ptr-title.component';\r\n// export { PtrTitleStrategy } from './lib/ptr-title/ptr-title-strategy';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2"],"mappings":"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"}
+{"version":3,"file":"patter-ngx-components.mjs","sources":["../../../../projects/patter/ngx-components/src/lib/menu/menu.component.ts","../../../../projects/patter/ngx-components/src/lib/menu/menu.component.html","../../../../projects/patter/ngx-components/src/lib/forms/form/form.component.ts","../../../../projects/patter/ngx-components/src/lib/forms/form/form.component.html","../../../../projects/patter/ngx-components/src/lib/ptr-title/ptr-title.component.ts","../../../../projects/patter/ngx-components/src/lib/loading-spinner/loading-spinner.component.ts","../../../../projects/patter/ngx-components/src/lib/loading-spinner/loading-spinner.directive.ts","../../../../projects/patter/ngx-components/src/lib/services/loading.service.ts","../../../../projects/patter/ngx-components/src/public-api.ts","../../../../projects/patter/ngx-components/src/patter-ngx-components.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { RouterModule } from '@angular/router';\r\n\r\nexport interface PtrMenuItem {\r\n  label: string;\r\n  link?: string;\r\n  children?: PtrMenuItem[];\r\n}\r\n\r\n@Component({\r\n  selector: 'ptr-menu',\r\n  standalone: true,\r\n  imports: [CommonModule, RouterModule],\r\n  templateUrl: './menu.component.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  styleUrls: ['./menu.component.scss']\r\n})\r\nexport class PtrMenuComponent {\r\n\r\n  @Input() menuItems: PtrMenuItem[] = [];\r\n\r\n}\r\n","<nav class=\"ptr-menu\">\r\n  <ul class=\"menu\">\r\n    <li class=\"menu-item\" *ngFor=\"let item of menuItems\" routerLinkActive=\"current_page_item\"\r\n      [routerLinkActiveOptions]=\"{exact: true}\">\r\n      <a [routerLink]=\"item.link || '#'\">{{item.label}}</a>\r\n    </li>\r\n  </ul>\r\n</nav>\r\n","import { CommonModule } from '@angular/common';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, DestroyRef, EventEmitter, inject, Input, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { FormBuilder, FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { PtrFormConfig, PtrOption, PtrOptionGroup } from '../interfaces';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'ptr-form',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    ReactiveFormsModule\r\n  ],\r\n  templateUrl: './form.component.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class PtrFormComponent implements OnInit {\r\n\r\n  @Input() config!: PtrFormConfig;\r\n  @Input() loading = false;\r\n  @Input() error: string | null = null;\r\n\r\n  @Output() formSubmit = new EventEmitter<any>();\r\n  @Output() formGroupCreated = new EventEmitter<FormGroup>();\r\n\r\n  formGroup!: FormGroup;\r\n  flatOptions: { [key: string]: PtrOption[] } = {};\r\n  groupedOptions: { [key: string]: PtrOptionGroup[] } = {};\r\n\r\n  fb = inject(FormBuilder);\r\n  cdr = inject(ChangeDetectorRef);\r\n  destroyRef = inject(DestroyRef)\r\n\r\n  ngOnInit(): void {\r\n    this.buildForm();\r\n    this.formGroupCreated.emit(this.formGroup);\r\n\r\n    this.config.fields.forEach(field => {\r\n      if (field.type === 'select' && field.options instanceof Observable) {\r\n        field.options\r\n          .pipe(takeUntilDestroyed(this.destroyRef))\r\n          .subscribe(options => {\r\n            this.processOptions(field.name, options);\r\n            this.cdr.markForCheck(); // Trigger change detection after options are loaded\r\n          });\r\n      } else if (field.type === 'select' && Array.isArray(field.options)) {\r\n        this.processOptions(field.name, field.options);\r\n      }\r\n    });\r\n  }\r\n\r\n  buildForm(): void {\r\n    const group: any = {};\r\n    this.config.fields.forEach(field => {\r\n      group[field.name] = [field.value || '', field.validators || []];\r\n    });\r\n    this.formGroup = this.fb.group(group);\r\n  }\r\n\r\n  onSubmit(): void {\r\n    if (this.formGroup.valid) {\r\n      this.formSubmit.emit(this.formGroup.value);\r\n    }\r\n  }\r\n\r\n  public resetForm(): void {\r\n    this.formGroup.reset();\r\n    this.config.fields.forEach(field => {\r\n      const control = this.formGroup.get(field.name);\r\n      control?.setValue(field.value || '', { emitEvent: false });\r\n    });\r\n    this.cdr.markForCheck();\r\n  }\r\n\r\n\r\n\r\n  private processOptions(fieldName: string, options: PtrOption[] | PtrOptionGroup[]): void {\r\n    if (options.length > 0 && 'options' in options[0]) {\r\n      this.groupedOptions[fieldName] = options as PtrOptionGroup[];\r\n    } else {\r\n      this.flatOptions[fieldName] = options as PtrOption[];\r\n    }\r\n  }\r\n}\r\n","<div [class]=\"'gform_wrapper ' + config.formClass\">\r\n\r\n  <div class=\"gform_validation_errors\" *ngIf=\"error\">\r\n    <h2 class=\"gform_submission_error hide_summary\">{{error}}</h2>\r\n  </div>\r\n\r\n  <div *ngIf=\"config.title\" class=\"gform_heading\">\r\n    <h2 class=\"gform_title\">{{ config.title }}</h2>\r\n  </div>\r\n\r\n  <form [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\">\r\n\r\n    <div class=\"gform_fields\">\r\n\r\n      <ng-container *ngFor=\"let field of config.fields\">\r\n\r\n        <div class=\"gfield gfield--width-{{field.size}}\" [class.gform_hidden]=\"field.type === 'hidden'\"\r\n          [class.gfield_error]=\"formGroup.get(field.name)?.invalid && formGroup.get(field.name)?.touched\">\r\n\r\n          <label class=\"gfield_label gform-field-label\" [for]=\"field.name\">{{ field.label }}</label>\r\n\r\n          <ng-container [ngSwitch]=\"field.type\">\r\n\r\n            <input *ngSwitchCase=\"'text'\" [formControlName]=\"field.name\" type=\"text\" [id]=\"field.name\" />\r\n\r\n            <textarea *ngSwitchCase=\"'textarea'\" [id]=\"field.name\" [formControlName]=\"field.name\"></textarea>\r\n\r\n            <input *ngSwitchCase=\"'date'\" [formControlName]=\"field.name\" type=\"date\" [id]=\"field.name\" />\r\n\r\n            <input *ngSwitchCase=\"'number'\" [formControlName]=\"field.name\" type=\"number\" [id]=\"field.name\" />\r\n\r\n            <input *ngSwitchCase=\"'email'\" [formControlName]=\"field.name\" type=\"email\" [id]=\"field.name\" />\r\n\r\n            <input *ngSwitchCase=\"'password'\" [formControlName]=\"field.name\" type=\"password\" [id]=\"field.name\" />\r\n\r\n            <ng-container *ngSwitchCase=\"'select'\">\r\n              <select [formControlName]=\"field.name\" [id]=\"field.name\">\r\n                <!-- Render grouped options -->\r\n                <optgroup *ngFor=\"let group of groupedOptions[field.name]\" [label]=\"group.groupLabel\">\r\n                  <option *ngFor=\"let option of group.options\" [value]=\"option.value\">\r\n                    {{ option.label }}\r\n                  </option>\r\n                </optgroup>\r\n                <!-- Render flat options -->\r\n                <option *ngFor=\"let option of flatOptions[field.name]\" [value]=\"option.value\">\r\n                  {{ option.label }}\r\n                </option>\r\n              </select>\r\n            </ng-container>\r\n\r\n          </ng-container>\r\n\r\n          <div class=\"gfield_description validation_message gfield_validation_message\"\r\n            *ngIf=\"formGroup.get(field.name)?.invalid && formGroup.get(field.name)?.touched\">\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['required']\">This field is required.</ng-container>\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['email']\">Please enter a valid email\r\n              address.</ng-container>\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['minlength']\">\r\n              Minimum length is {{ formGroup.get(field.name)?.errors?.['minlength'].requiredLength }} characters.\r\n            </ng-container>\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['maxlength']\">\r\n              Maximum length is {{ formGroup.get(field.name)?.errors?.['maxlength'].requiredLength }} characters.\r\n            </ng-container>\r\n            <ng-container *ngIf=\"formGroup.get(field.name)?.errors?.['pattern']\">\r\n              Please match the required format.\r\n            </ng-container>\r\n          </div>\r\n\r\n        </div>\r\n\r\n      </ng-container>\r\n    </div>\r\n\r\n    <div class=\"gform_footer\">\r\n      <button type=\"submit\" [disabled]=\"loading || !formGroup.valid\">{{config.submitText}}</button>\r\n    </div>\r\n\r\n  </form>\r\n</div>\r\n","import { CommonModule } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, inject, OnInit } from '@angular/core';\r\nimport { Title } from '@angular/platform-browser';\r\nimport { ActivatedRoute, NavigationEnd, Router, TitleStrategy } from '@angular/router';\r\nimport { filter, map, Observable } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'ptr-title',\r\n  standalone: true,\r\n  imports: [CommonModule],\r\n  template: '<header class=\"entry-header is-layout-constrained my-3\" *ngIf=\"!(hideTitle$ | async)\"><h1 class=\"entry-title\">{{ title$ | async }}</h1></header>',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class PtrTitleComponent implements OnInit {\r\n\r\n  private router = inject(Router);\r\n  private activatedRoute = inject(ActivatedRoute);\r\n  private titleStrategy = inject(TitleStrategy);\r\n\r\n  title$!: Observable<string>;\r\n  hideTitle$!: Observable<boolean>;\r\n\r\n  ngOnInit() {\r\n    const routeEvents$ = this.router.events.pipe(\r\n      filter((event): event is NavigationEnd => event instanceof NavigationEnd),\r\n      map(() => this.getRoute(this.activatedRoute))\r\n    );\r\n\r\n    this.hideTitle$ = routeEvents$.pipe(\r\n      map(route => !!route.snapshot.data['hideTitle'])\r\n    );\r\n\r\n    this.title$ = routeEvents$.pipe(\r\n      map(route => {\r\n        if (route.snapshot.data['hideTitle']) {\r\n          return '';\r\n        }\r\n        return this.titleStrategy.getResolvedTitleForRoute(route.snapshot) || '';\r\n      })\r\n    );\r\n\r\n  }\r\n\r\n  private getRoute(route: ActivatedRoute): ActivatedRoute {\r\n    while (route.firstChild) {\r\n      route = route.firstChild;\r\n    }\r\n    return route;\r\n  }\r\n\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ptr-loading-spinner',\r\n  standalone: true,\r\n  imports: [CommonModule],\r\n  template: `<div class=\"vdx-progress-spinner\"></div>`,\r\n  styleUrls: [\"./loading-spinner.component.scss\"],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class PtrLoadingSpinnerComponent { }\r\n","import { ComponentRef, Directive, ElementRef, HostBinding, inject, Input, OnDestroy, Renderer2, ViewContainerRef } from '@angular/core';\r\nimport { PtrLoadingSpinnerComponent } from './loading-spinner.component';\r\n\r\n@Directive({\r\n  selector: '[ptrLoadingSpinner]',\r\n  standalone: true\r\n})\r\nexport class PtrLoadingSpinnerDirective implements OnDestroy {\r\n\r\n  private targetEl = inject(ElementRef);\r\n  private viewContainerRef = inject(ViewContainerRef);\r\n  private renderer = inject(Renderer2);\r\n\r\n  private spinnerInstance?: ComponentRef<PtrLoadingSpinnerComponent>;\r\n  private overlay?: HTMLElement;\r\n\r\n  @HostBinding('style.position') hostPosition = 'relative';\r\n\r\n  @Input({ required: true }) set ptrLoadingSpinner(loading: boolean) {\r\n    if (loading) {\r\n      this.addBlurEffect();\r\n      this.addOverlay();\r\n      this.addProgressSpinnerComponent();\r\n    } else {\r\n      this.removeBlurEffect();\r\n      this.removeOverlay();\r\n      this.removeProgressSpinnerComponent();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.spinnerInstance?.destroy();\r\n    this.removeBlurEffect();\r\n  }\r\n\r\n  private addProgressSpinnerComponent(): void {\r\n    this.spinnerInstance = this.viewContainerRef.createComponent(PtrLoadingSpinnerComponent);\r\n    this.overlay?.appendChild(this.spinnerInstance.location.nativeElement);\r\n  }\r\n\r\n  private removeProgressSpinnerComponent(): void {\r\n    this.spinnerInstance?.destroy();\r\n  }\r\n\r\n  private addOverlay(): void {\r\n    this.overlay = this.renderer.createElement('div');\r\n    this.renderer.setStyle(this.overlay, 'display', 'flex');\r\n    this.renderer.setStyle(this.overlay, 'justify-content', 'center');\r\n    this.renderer.setStyle(this.overlay, 'align-items', 'center');\r\n    this.renderer.setStyle(this.overlay, 'position', 'absolute');\r\n    this.renderer.setStyle(this.overlay, 'top', '0');\r\n    this.renderer.setStyle(this.overlay, 'left', '0');\r\n    this.renderer.setStyle(this.overlay, 'width', '100%');\r\n    this.renderer.setStyle(this.overlay, 'height', '100%');\r\n\r\n    this.renderer.appendChild(this.targetEl.nativeElement, this.overlay);\r\n  }\r\n\r\n  private removeOverlay(): void {\r\n    if (this.overlay) {\r\n      this.renderer.removeChild(this.targetEl.nativeElement, this.overlay);\r\n      this.overlay = undefined;\r\n    }\r\n  }\r\n\r\n  private addBlurEffect(): void {\r\n    const style = this.renderer.createElement('style');\r\n    const blurRule = `\r\n      .ptr-loading-blur > *:not(:last-child) {\r\n        filter: blur(2px);\r\n        transition: filter 0.3s ease;\r\n      }\r\n    `;\r\n    this.renderer.appendChild(style, this.renderer.createText(blurRule));\r\n    this.renderer.appendChild(document.head, style);\r\n    this.renderer.addClass(this.targetEl.nativeElement, 'ptr-loading-blur');\r\n  }\r\n\r\n  private removeBlurEffect(): void {\r\n    this.renderer.removeClass(this.targetEl.nativeElement, 'ptr-loading-blur');\r\n  }\r\n\r\n}\r\n","import { computed, Injectable, signal, Signal } from '@angular/core';\r\n\r\n/**\r\n * Optimized Async Loading Service using Angular Signals\r\n * Supports global loading state and named loading areas with auto-cleanup\r\n *\r\n * To use as a non-singleton service, add to providers array in @Component decorator:\r\n * @Component({\r\n *   selector: 'app-example',\r\n *   templateUrl: './example.component.html',\r\n *   providers: [PtrLoadingService]\r\n * })\r\n *\r\n * Usage:\r\n * Set loading: this.loadingService.setLoading(true)\r\n * - Set loading: this.loadingService.setLoading(true, 'areaName')\r\n * \r\n * - Get loading (template): {{ loadingService.isLoading()() }}\r\n * - Get loading (template): {{ loadingService.isLoading('areaName')() }}\r\n * \r\n * - Get loading (component): this.loadingService.isLoading()()\r\n * - Get loading (component): this.loadingService.isLoading('areaName')()\r\n * \r\n * - React to loading changes: effect(() => console.log('Loading:', this.loadingService.isLoading('areaName')()))\r\n */\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class PtrLoadingService {\r\n\r\n  private globalTaskCount = signal(0);\r\n  private loadingAreas = new Map<string, ReturnType<typeof signal<number>>>();\r\n\r\n  isLoading(area?: string): Signal<boolean> {\r\n    if (!area) {\r\n      return computed(() => this.globalTaskCount() > 0);\r\n    }\r\n\r\n    return computed(() => {\r\n      const areaSignal = this.loadingAreas.get(area);\r\n      return areaSignal ? areaSignal() > 0 : false;\r\n    });\r\n  }\r\n\r\n  setLoading(value: boolean, area?: string): void {\r\n    if (!area) {\r\n      this.updateTaskCount(this.globalTaskCount, value);\r\n    } else {\r\n      this.updateNamedAreaLoading(area, value);\r\n    }\r\n  }\r\n\r\n  resetLoading(area?: string): void {\r\n    if (!area) {\r\n      this.globalTaskCount.set(0);\r\n    } else if (this.loadingAreas.has(area)) {\r\n      this.loadingAreas.get(area)!.set(0);\r\n      this.loadingAreas.delete(area);\r\n    }\r\n  }\r\n\r\n  private updateNamedAreaLoading(area: string, increment: boolean): void {\r\n    let areaSignal = this.loadingAreas.get(area);\r\n    if (!areaSignal && increment) {\r\n      areaSignal = signal(0);\r\n      this.loadingAreas.set(area, areaSignal);\r\n    }\r\n\r\n    if (areaSignal) {\r\n      areaSignal.update(count => {\r\n        const newCount = increment ? count + 1 : Math.max(0, count - 1);\r\n        if (newCount === 0) {\r\n          this.loadingAreas.delete(area);\r\n        }\r\n        return newCount;\r\n      });\r\n    }\r\n  }\r\n\r\n  private updateTaskCount(taskCount: ReturnType<typeof signal<number>>, increment: boolean): void {\r\n    taskCount.update(count => increment ? count + 1 : Math.max(0, count - 1));\r\n  }\r\n\r\n}\r\n","/*\r\n * Public API Surface of ngx-components\r\n */\r\n\r\nexport * from './lib/menu/menu.component';\r\n\r\nexport * from './lib/forms/interfaces';\r\nexport { PtrFormComponent } from './lib/forms/form/form.component';\r\n\r\nexport { PtrTitleComponent } from './lib/ptr-title/ptr-title.component';\r\n\r\nexport { PtrLoadingSpinnerComponent } from './lib/loading-spinner/loading-spinner.component';\r\nexport { PtrLoadingSpinnerDirective } from './lib/loading-spinner/loading-spinner.directive';\r\n\r\nexport { PtrLoadingService } from './lib/services/loading.service';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2"],"mappings":"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"}

package/lib/forms/form/form.component.d.ts

@@ -1,20 +1,28 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { AbstractControl, FormBuilder, FormGroup } from '@angular/forms';
-import { PtrFormConfig, PtrFormFieldConfig } from '../interfaces';
+import { ChangeDetectorRef, DestroyRef, EventEmitter, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { PtrFormConfig, PtrOption, PtrOptionGroup } from '../interfaces';
 import * as i0 from "@angular/core";
-export declare class PtrFormComponent {
+export declare class PtrFormComponent implements OnInit {
     config: PtrFormConfig;
     loading: boolean;
-    formChanges: EventEmitter<AbstractControl<any, any>>;
-    formSubmit: EventEmitter<AbstractControl<any, any>>;
-    form: FormGroup;
-    processedFields: PtrFormFieldConfig[];
+    error: string | null;
+    formSubmit: EventEmitter<any>;
+    formGroupCreated: EventEmitter<FormGroup<any>>;
+    formGroup: FormGroup;
+    flatOptions: {
+        [key: string]: PtrOption[];
+    };
+    groupedOptions: {
+        [key: string]: PtrOptionGroup[];
+    };
     fb: FormBuilder;
     cdr: ChangeDetectorRef;
+    destroyRef: DestroyRef;
     ngOnInit(): void;
-    private processField;
+    buildForm(): void;
     onSubmit(): void;
     resetForm(): void;
+    private processOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<PtrFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PtrFormComponent, "ptr-form", never, { "config": { "alias": "config"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "formChanges": "formChanges"; "formSubmit": "formSubmit"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PtrFormComponent, "ptr-form", never, { "config": { "alias": "config"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, { "formSubmit": "formSubmit"; "formGroupCreated": "formGroupCreated"; }, never, never, true, never>;
 }