ng-prime-tools 1.0.62 → 1.0.63

package/esm2022/lib/pt-form-builder/pt-form-builder.component.mjs

@@ -11,11 +11,17 @@ export class PTFormBuilderComponent {
         this.fb = fb;
         this.mainGroup = { fields: [], groups: [] };
         this.buttons = [];
+        /**
+         * Largeur des inputs/champs
+         */
         this.inputWidth = '100%';
+        /**
+         * Nouvelle largeur globale du composant pt-form-builder
+         */
+        this.formWidth = '100%';
         this.language = 'en';
         this.formSubmit = new EventEmitter();
         this.formReady = new EventEmitter();
-        // ✅ NEW
         this.formChange = new EventEmitter();
         this.FormInputTypeEnum = FormInputTypeEnum;
         this.errorMessages = {
@@ -52,7 +58,6 @@ export class PTFormBuilderComponent {
         this.form = this.fb.group({});
         this.buildFormGroup(this.mainGroup);
         this.formReady.emit(this.form);
-        // ✅ NEW: emit on every form change
         this.formValueChangesSub = this.form.valueChanges.subscribe((value) => {
             this.formChange.emit(value);
         });
@@ -133,11 +138,11 @@ export class PTFormBuilderComponent {
         this.formChange.emit(this.form.getRawValue());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTFormBuilderComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTFormBuilderComponent, selector: "pt-form-builder", inputs: { mainGroup: "mainGroup", buttons: "buttons", title: "title", titleStyle: "titleStyle", inputWidth: "inputWidth", language: "language" }, outputs: { formSubmit: "formSubmit", formReady: "formReady", formChange: "formChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"title\" [ngStyle]=\"titleStyle\" class=\"form-title\">{{ title }}</div>\n<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <ng-container *ngFor=\"let field of mainGroup.fields\">\n    <pt-dynamic-form-field\n      [field]=\"field\"\n      [form]=\"form\"\n      [inputWidth]=\"inputWidth\"\n    ></pt-dynamic-form-field>\n  </ng-container>\n\n  <ng-container *ngFor=\"let group of mainGroup.groups\">\n    <div class=\"form-field-group\" [ngStyle]=\"{ width: group.width || '100%' }\">\n      <ng-container *ngFor=\"let field of group.fields\">\n        <pt-dynamic-form-field\n          [field]=\"field\"\n          [form]=\"form\"\n          class=\"flex-item\"\n        ></pt-dynamic-form-field>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <div class=\"button-group\">\n    <button\n      *ngFor=\"let button of buttons\"\n      type=\"button\"\n      pButton\n      [label]=\"button.text\"\n      [icon]=\"button.icon || ''\"\n      [class]=\"button.color\"\n      (click)=\"\n        button.isSubmit\n          ? onSubmit()\n          : button.isClear\n          ? onClear()\n          : button.action\n          ? button.action()\n          : null\n      \"\n    ></button>\n  </div>\n</form>\n", styles: [".form-title{text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}::ng-deep .p-inputtext,::ng-deep .p-inputtextarea,::ng-deep .p-calendar,::ng-deep .p-inputnumber,::ng-deep .p-multiselect,::ng-deep .p-dropdown{width:100%!important}::ng-deep .p-inputnumber,::ng-deep p-inputnumber{display:flex!important}.button-group{display:flex;gap:1rem;margin-top:1rem;justify-content:space-between}.button-group button{flex:1;display:flex;align-items:center;justify-content:center}.button-group button i{margin-right:.5rem}.button-group button.p-button-primary{background-color:#007bff;color:#fff}.button-group button.p-button-secondary{background-color:#6c757d;color:#fff}.button-group button.p-button-success{background-color:#28a745;color:#fff}.button-group button:hover{opacity:.9}.form-field-group{display:flex;gap:1rem}.form-field-group .flex-item{flex:1}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i4.PTDynamicFormFieldComponent, selector: "pt-dynamic-form-field", inputs: ["field", "form", "inputWidth"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTFormBuilderComponent, selector: "pt-form-builder", inputs: { mainGroup: "mainGroup", buttons: "buttons", title: "title", titleStyle: "titleStyle", inputWidth: "inputWidth", formWidth: "formWidth", language: "language" }, outputs: { formSubmit: "formSubmit", formReady: "formReady", formChange: "formChange" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"pt-form-builder-wrapper\"\n  [ngStyle]=\"{ width: formWidth, maxWidth: formWidth }\"\n>\n  <div *ngIf=\"title\" [ngStyle]=\"titleStyle\" class=\"form-title\">{{ title }}</div>\n\n  <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n    <ng-container *ngFor=\"let field of mainGroup.fields\">\n      <pt-dynamic-form-field\n        [field]=\"field\"\n        [form]=\"form\"\n        [inputWidth]=\"inputWidth\"\n      ></pt-dynamic-form-field>\n    </ng-container>\n\n    <ng-container *ngFor=\"let group of mainGroup.groups\">\n      <div\n        class=\"form-field-group\"\n        [ngStyle]=\"{ width: group.width || '100%' }\"\n      >\n        <ng-container *ngFor=\"let field of group.fields\">\n          <pt-dynamic-form-field\n            [field]=\"field\"\n            [form]=\"form\"\n            [inputWidth]=\"inputWidth\"\n            class=\"flex-item\"\n          ></pt-dynamic-form-field>\n        </ng-container>\n      </div>\n    </ng-container>\n\n    <div class=\"button-group\">\n      <button\n        *ngFor=\"let button of buttons\"\n        type=\"button\"\n        pButton\n        [label]=\"button.text\"\n        [icon]=\"button.icon || ''\"\n        [class]=\"button.color\"\n        (click)=\"\n          button.isSubmit\n            ? onSubmit()\n            : button.isClear\n              ? onClear()\n              : button.action\n                ? button.action()\n                : null\n        \"\n      ></button>\n    </div>\n  </form>\n</div>\n", styles: [".pt-form-builder-wrapper{width:100%;margin:0 auto}.form-title{text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}::ng-deep .p-inputtext,::ng-deep .p-inputtextarea,::ng-deep .p-calendar,::ng-deep .p-inputnumber,::ng-deep .p-multiselect,::ng-deep .p-dropdown{width:100%!important}::ng-deep .p-inputnumber,::ng-deep p-inputnumber{display:flex!important}.button-group{display:flex;gap:1rem;margin-top:1rem;justify-content:space-between}.button-group button{flex:1;display:flex;align-items:center;justify-content:center}.button-group button i{margin-right:.5rem}.button-group button.p-button-primary{background-color:#007bff;color:#fff}.button-group button.p-button-secondary{background-color:#6c757d;color:#fff}.button-group button.p-button-success{background-color:#28a745;color:#fff}.button-group button:hover{opacity:.9}.form-field-group{display:flex;gap:1rem}.form-field-group .flex-item{flex:1}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i4.PTDynamicFormFieldComponent, selector: "pt-dynamic-form-field", inputs: ["field", "form", "inputWidth"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTFormBuilderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pt-form-builder', template: "<div *ngIf=\"title\" [ngStyle]=\"titleStyle\" class=\"form-title\">{{ title }}</div>\n<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <ng-container *ngFor=\"let field of mainGroup.fields\">\n    <pt-dynamic-form-field\n      [field]=\"field\"\n      [form]=\"form\"\n      [inputWidth]=\"inputWidth\"\n    ></pt-dynamic-form-field>\n  </ng-container>\n\n  <ng-container *ngFor=\"let group of mainGroup.groups\">\n    <div class=\"form-field-group\" [ngStyle]=\"{ width: group.width || '100%' }\">\n      <ng-container *ngFor=\"let field of group.fields\">\n        <pt-dynamic-form-field\n          [field]=\"field\"\n          [form]=\"form\"\n          class=\"flex-item\"\n        ></pt-dynamic-form-field>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <div class=\"button-group\">\n    <button\n      *ngFor=\"let button of buttons\"\n      type=\"button\"\n      pButton\n      [label]=\"button.text\"\n      [icon]=\"button.icon || ''\"\n      [class]=\"button.color\"\n      (click)=\"\n        button.isSubmit\n          ? onSubmit()\n          : button.isClear\n          ? onClear()\n          : button.action\n          ? button.action()\n          : null\n      \"\n    ></button>\n  </div>\n</form>\n", styles: [".form-title{text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}::ng-deep .p-inputtext,::ng-deep .p-inputtextarea,::ng-deep .p-calendar,::ng-deep .p-inputnumber,::ng-deep .p-multiselect,::ng-deep .p-dropdown{width:100%!important}::ng-deep .p-inputnumber,::ng-deep p-inputnumber{display:flex!important}.button-group{display:flex;gap:1rem;margin-top:1rem;justify-content:space-between}.button-group button{flex:1;display:flex;align-items:center;justify-content:center}.button-group button i{margin-right:.5rem}.button-group button.p-button-primary{background-color:#007bff;color:#fff}.button-group button.p-button-secondary{background-color:#6c757d;color:#fff}.button-group button.p-button-success{background-color:#28a745;color:#fff}.button-group button:hover{opacity:.9}.form-field-group{display:flex;gap:1rem}.form-field-group .flex-item{flex:1}\n"] }]
+            args: [{ selector: 'pt-form-builder', template: "<div\n  class=\"pt-form-builder-wrapper\"\n  [ngStyle]=\"{ width: formWidth, maxWidth: formWidth }\"\n>\n  <div *ngIf=\"title\" [ngStyle]=\"titleStyle\" class=\"form-title\">{{ title }}</div>\n\n  <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n    <ng-container *ngFor=\"let field of mainGroup.fields\">\n      <pt-dynamic-form-field\n        [field]=\"field\"\n        [form]=\"form\"\n        [inputWidth]=\"inputWidth\"\n      ></pt-dynamic-form-field>\n    </ng-container>\n\n    <ng-container *ngFor=\"let group of mainGroup.groups\">\n      <div\n        class=\"form-field-group\"\n        [ngStyle]=\"{ width: group.width || '100%' }\"\n      >\n        <ng-container *ngFor=\"let field of group.fields\">\n          <pt-dynamic-form-field\n            [field]=\"field\"\n            [form]=\"form\"\n            [inputWidth]=\"inputWidth\"\n            class=\"flex-item\"\n          ></pt-dynamic-form-field>\n        </ng-container>\n      </div>\n    </ng-container>\n\n    <div class=\"button-group\">\n      <button\n        *ngFor=\"let button of buttons\"\n        type=\"button\"\n        pButton\n        [label]=\"button.text\"\n        [icon]=\"button.icon || ''\"\n        [class]=\"button.color\"\n        (click)=\"\n          button.isSubmit\n            ? onSubmit()\n            : button.isClear\n              ? onClear()\n              : button.action\n                ? button.action()\n                : null\n        \"\n      ></button>\n    </div>\n  </form>\n</div>\n", styles: [".pt-form-builder-wrapper{width:100%;margin:0 auto}.form-title{text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}::ng-deep .p-inputtext,::ng-deep .p-inputtextarea,::ng-deep .p-calendar,::ng-deep .p-inputnumber,::ng-deep .p-multiselect,::ng-deep .p-dropdown{width:100%!important}::ng-deep .p-inputnumber,::ng-deep p-inputnumber{display:flex!important}.button-group{display:flex;gap:1rem;margin-top:1rem;justify-content:space-between}.button-group button{flex:1;display:flex;align-items:center;justify-content:center}.button-group button i{margin-right:.5rem}.button-group button.p-button-primary{background-color:#007bff;color:#fff}.button-group button.p-button-secondary{background-color:#6c757d;color:#fff}.button-group button.p-button-success{background-color:#28a745;color:#fff}.button-group button:hover{opacity:.9}.form-field-group{display:flex;gap:1rem}.form-field-group .flex-item{flex:1}\n"] }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { mainGroup: [{
                 type: Input
             }], buttons: [{
@@ -148,6 +153,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 type: Input
             }], inputWidth: [{
                 type: Input
+            }], formWidth: [{
+                type: Input
             }], language: [{
                 type: Input
             }], formSubmit: [{
@@ -157,4 +164,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
             }], formChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtZm9ybS1idWlsZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXByaW1lLXRvb2xzL3NyYy9saWIvcHQtZm9ybS1idWlsZGVyL3B0LWZvcm0tYnVpbGRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LWZvcm0tYnVpbGRlci9wdC1mb3JtLWJ1aWxkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUlMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBS0wsVUFBVSxHQUNYLE1BQU0sZ0JBQWdCLENBQUM7QUFNeEIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7Ozs7OztBQVFsRSxNQUFNLE9BQU8sc0JBQXNCO0lBcUNqQyxZQUFvQixFQUFlO1FBQWYsT0FBRSxHQUFGLEVBQUUsQ0FBYTtRQXBDMUIsY0FBUyxHQUFtQixFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDO1FBQ3ZELFlBQU8sR0FBaUIsRUFBRSxDQUFDO1FBRzNCLGVBQVUsR0FBVyxNQUFNLENBQUM7UUFDNUIsYUFBUSxHQUFnQixJQUFJLENBQUM7UUFFNUIsZUFBVSxHQUFHLElBQUksWUFBWSxFQUEwQixDQUFDO1FBQ3hELGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBYSxDQUFDO1FBRXBELFFBQVE7UUFDRSxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQTBCLENBQUM7UUFJbEUsc0JBQWlCLEdBQUcsaUJBQWlCLENBQUM7UUFJOUIsa0JBQWEsR0FBRztZQUN0QixFQUFFLEVBQUU7Z0JBQ0YsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLEtBQUssRUFBRSw4QkFBOEI7Z0JB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QVU7c0JBQW5CLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTTtnQkFHRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQWJzdHJhY3RDb250cm9sLFxuICBGb3JtQnVpbGRlcixcbiAgRm9ybUdyb3VwLFxuICBWYWxpZGF0b3JGbixcbiAgVmFsaWRhdG9ycyxcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IEZvcm1CdXR0b24gfSBmcm9tICcuLi9tb2RlbHMvZm9ybS1idXR0b24ubW9kZWwnO1xuaW1wb3J0IHsgRm9ybUZpZWxkIH0gZnJvbSAnLi4vbW9kZWxzL2Zvcm0tZmllbGQubW9kZWwnO1xuaW1wb3J0IHsgRm9ybUZpZWxkR3JvdXAgfSBmcm9tICcuLi9tb2RlbHMvZm9ybS1maWVsZC1ncm91cC5tb2RlbCc7XG5pbXBvcnQgeyBGb3JtSW5wdXRUeXBlRW51bSB9IGZyb20gJy4uL2VudW1zL2Zvcm0taW5wdXQtdHlwZS5lbnVtJztcbmltcG9ydCB7IElucHV0VmFsaWRhdGlvbkVudW0gfSBmcm9tICcuLi9lbnVtcy9pbnB1dC12YWxpZGF0aW9uLmVudW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwdC1mb3JtLWJ1aWxkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcHQtZm9ybS1idWlsZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHQtZm9ybS1idWlsZGVyLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUFRGb3JtQnVpbGRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBtYWluR3JvdXA6IEZvcm1GaWVsZEdyb3VwID0geyBmaWVsZHM6IFtdLCBncm91cHM6IFtdIH07XG4gIEBJbnB1dCgpIGJ1dHRvbnM6IEZvcm1CdXR0b25bXSA9IFtdO1xuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgQElucHV0KCkgdGl0bGVTdHlsZT86IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH07XG4gIEBJbnB1dCgpIGlucHV0V2lkdGg6IHN0cmluZyA9ICcxMDAlJztcbiAgQElucHV0KCkgbGFuZ3VhZ2U6ICdlbicgfCAnZnInID0gJ2VuJztcblxuICBAT3V0cHV0KCkgZm9ybVN1Ym1pdCA9IG5ldyBFdmVudEVtaXR0ZXI8eyBba2V5OiBzdHJpbmddOiBhbnkgfT4oKTtcbiAgQE91dHB1dCgpIGZvcm1SZWFkeSA9IG5ldyBFdmVudEVtaXR0ZXI8Rm9ybUdyb3VwPigpO1xuXG4gIC8vIOKchSBORVdcbiAgQE91dHB1dCgpIGZvcm1DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHsgW2tleTogc3RyaW5nXTogYW55IH0+KCk7XG5cbiAgZm9ybTogRm9ybUdyb3VwO1xuXG4gIEZvcm1JbnB1dFR5cGVFbnVtID0gRm9ybUlucHV0VHlwZUVudW07XG5cbiAgcHJpdmF0ZSBmb3JtVmFsdWVDaGFuZ2VzU3ViPzogU3Vic2NyaXB0aW9uO1xuXG4gIHByaXZhdGUgZXJyb3JNZXNzYWdlcyA9IHtcbiAgICBlbjoge1xuICAgICAgcmVxdWlyZWQ6ICdpcyByZXF1aXJlZCcsXG4gICAgICBlbWFpbDogJ2lzIG5vdCBhIHZhbGlkIGVtYWlsIGFkZHJlc3MnLFxuICAgICAgcGF0dGVybjogJ2lzIGludmFsaWQnLFxuICAgICAgbWlubGVuZ3RoOiAnbXVzdCBiZSBhdCBsZWFzdCcsXG4gICAgICBtYXhsZW5ndGg6ICdtdXN0IGJlIGF0IG1vc3QnLFxuICAgIH0sXG4gICAgZnI6IHtcbiAgICAgIHJlcXVpcmVkOiAnZXN0IHJlcXVpcycsXG4gICAgICBlbWFpbDogXCJuJ2VzdCBwYXMgdW5lIGFkcmVzc2UgZS1tYWlsIHZhbGlkZVwiLFxuICAgICAgcGF0dGVybjogJ2VzdCBpbnZhbGlkZScsXG4gICAgICBtaW5sZW5ndGg6ICdkb2l0IGNvbnRlbmlyIGF1IG1vaW5zJyxcbiAgICAgIG1heGxlbmd0aDogJ2RvaXQgY29udGVuaXIgYXUgcGx1cycsXG4gICAgfSxcbiAgfTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZiOiBGb3JtQnVpbGRlcikge1xuICAgIHRoaXMuZm9ybSA9IHRoaXMuZmIuZ3JvdXAoe30pO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5yZWJ1aWxkRm9ybSgpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWydtYWluR3JvdXAnXSAmJiAhY2hhbmdlc1snbWFpbkdyb3VwJ10uZmlyc3RDaGFuZ2UpIHtcbiAgICAgIHRoaXMucmVidWlsZEZvcm0oKTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmZvcm1WYWx1ZUNoYW5nZXNTdWI/LnVuc3Vic2NyaWJlKCk7XG4gIH1cblxuICBwcml2YXRlIHJlYnVpbGRGb3JtKCk6IHZvaWQge1xuICAgIHRoaXMuZm9ybVZhbHVlQ2hhbmdlc1N1Yj8udW5zdWJzY3JpYmUoKTtcblxuICAgIHRoaXMuZm9ybSA9IHRoaXMuZmIuZ3JvdXAoe30pO1xuICAgIHRoaXMuYnVpbGRGb3JtR3JvdXAodGhpcy5tYWluR3JvdXApO1xuXG4gICAgdGhpcy5mb3JtUmVhZHkuZW1pdCh0aGlzLmZvcm0pO1xuXG4gICAgLy8g4pyFIE5FVzogZW1pdCBvbiBldmVyeSBmb3JtIGNoYW5nZVxuICAgIHRoaXMuZm9ybVZhbHVlQ2hhbmdlc1N1YiA9IHRoaXMuZm9ybS52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKCh2YWx1ZSkgPT4ge1xuICAgICAgdGhpcy5mb3JtQ2hhbmdlLmVtaXQodmFsdWUpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBidWlsZEZvcm1Hcm91cChncm91cDogRm9ybUZpZWxkR3JvdXApOiB2b2lkIHtcbiAgICAoZ3JvdXA/LmZpZWxkcyA/PyBbXSkuZm9yRWFjaCgoZmllbGQpID0+IHtcbiAgICAgIGNvbnN0IHZhbGlkYXRvcnMgPSB0aGlzLmJ1aWxkVmFsaWRhdG9ycyhmaWVsZCk7XG5cbiAgICAgIHRoaXMuZm9ybS5hZGRDb250cm9sKFxuICAgICAgICBmaWVsZC5uYW1lLFxuICAgICAgICB0aGlzLmZiLmNvbnRyb2woXG4gICAgICAgICAgeyB2YWx1ZTogZmllbGQudmFsdWUgPz8gbnVsbCwgZGlzYWJsZWQ6ICEhKGZpZWxkIGFzIGFueSkuZGlzYWJsZWQgfSxcbiAgICAgICAgICB2YWxpZGF0b3JzLFxuICAgICAgICApLFxuICAgICAgKTtcbiAgICB9KTtcblxuICAgIChncm91cD8uZ3JvdXBzID8/IFtdKS5mb3JFYWNoKChzdWJHcm91cCkgPT4gdGhpcy5idWlsZEZvcm1Hcm91cChzdWJHcm91cCkpO1xuICB9XG5cbiAgcHJpdmF0ZSBidWlsZFZhbGlkYXRvcnMoZmllbGQ6IEZvcm1GaWVsZCk6IFZhbGlkYXRvckZuW10ge1xuICAgIGNvbnN0IHZhbGlkYXRvcnM6IFZhbGlkYXRvckZuW10gPSBbXTtcbiAgICBjb25zdCBhbnlGaWVsZCA9IGZpZWxkIGFzIGFueTtcblxuICAgIGlmIChmaWVsZC5yZXF1aXJlZCkge1xuICAgICAgdmFsaWRhdG9ycy5wdXNoKFZhbGlkYXRvcnMucmVxdWlyZWQpO1xuICAgIH1cblxuICAgIGlmIChhbnlGaWVsZC5taW5MZW5ndGggIT0gbnVsbCkge1xuICAgICAgdmFsaWRhdG9ycy5wdXNoKFZhbGlkYXRvcnMubWluTGVuZ3RoKE51bWJlcihhbnlGaWVsZC5taW5MZW5ndGgpKSk7XG4gICAgfVxuXG4gICAgaWYgKGFueUZpZWxkLm1heExlbmd0aCAhPSBudWxsKSB7XG4gICAgICB2YWxpZGF0b3JzLnB1c2goVmFsaWRhdG9ycy5tYXhMZW5ndGgoTnVtYmVyKGFueUZpZWxkLm1heExlbmd0aCkpKTtcbiAgICB9XG5cbiAgICBpZiAoYW55RmllbGQuaW5wdXRWYWxpZGF0aW9uKSB7XG4gICAgICB2YWxpZGF0b3JzLnB1c2goXG4gICAgICAgIFZhbGlkYXRvcnMucGF0dGVybihcbiAgICAgICAgICBuZXcgUmVnRXhwKGFueUZpZWxkLmlucHV0VmFsaWRhdGlvbiBhcyBJbnB1dFZhbGlkYXRpb25FbnVtKSxcbiAgICAgICAgKSxcbiAgICAgICk7XG4gICAgfSBlbHNlIGlmIChhbnlGaWVsZC5wYXR0ZXJuKSB7XG4gICAgICB2YWxpZGF0b3JzLnB1c2goVmFsaWRhdG9ycy5wYXR0ZXJuKGFueUZpZWxkLnBhdHRlcm4pKTtcbiAgICB9XG5cbiAgICBzd2l0Y2ggKGZpZWxkLnR5cGUpIHtcbiAgICAgIGNhc2UgRm9ybUlucHV0VHlwZUVudW0uRU1BSUw6XG4gICAgICAgIHZhbGlkYXRvcnMucHVzaChWYWxpZGF0b3JzLmVtYWlsKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICBicmVhaztcbiAgICB9XG5cbiAgICByZXR1cm4gdmFsaWRhdG9ycztcbiAgfVxuXG4gIGlzSW52YWxpZChmaWVsZDogRm9ybUZpZWxkKTogYm9vbGVhbiB7XG4gICAgY29uc3QgYyA9IHRoaXMuZm9ybS5nZXQoZmllbGQubmFtZSk7XG4gICAgcmV0dXJuICEhYyAmJiBjLmludmFsaWQgJiYgKGMudG91Y2hlZCB8fCBjLmRpcnR5KTtcbiAgfVxuXG4gIGdldEVycm9yTWVzc2FnZShmaWVsZDogRm9ybUZpZWxkKTogc3RyaW5nIHtcbiAgICBjb25zdCBjb250cm9sOiBBYnN0cmFjdENvbnRyb2wgfCBudWxsID0gdGhpcy5mb3JtLmdldChmaWVsZC5uYW1lKTtcbiAgICBpZiAoIWNvbnRyb2wpIHJldHVybiAnJztcblxuICAgIGNvbnN0IGxhbmcgPSB0aGlzLmxhbmd1YWdlO1xuXG4gICAgaWYgKGNvbnRyb2wuaGFzRXJyb3IoJ3JlcXVpcmVkJykpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIChmaWVsZCBhcyBhbnkpLmVycm9yVGV4dCB8fFxuICAgICAgICBgJHtmaWVsZC5sYWJlbH0gJHt0aGlzLmVycm9yTWVzc2FnZXNbbGFuZ10ucmVxdWlyZWR9YFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAoY29udHJvbC5oYXNFcnJvcignZW1haWwnKSkge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgKGZpZWxkIGFzIGFueSkuZXJyb3JUZXh0IHx8XG4gICAgICAgIGAke2ZpZWxkLmxhYmVsfSAke3RoaXMuZXJyb3JNZXNzYWdlc1tsYW5nXS5lbWFpbH1gXG4gICAgICApO1xuICAgIH1cblxuICAgIGlmIChjb250cm9sLmhhc0Vycm9yKCdwYXR0ZXJuJykpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIChmaWVsZCBhcyBhbnkpLmVycm9yVGV4dCB8fFxuICAgICAgICBgJHtmaWVsZC5sYWJlbH0gJHt0aGlzLmVycm9yTWVzc2FnZXNbbGFuZ10ucGF0dGVybn1gXG4gICAgICApO1xuICAgIH1cblxuICAgIGlmIChjb250cm9sLmhhc0Vycm9yKCdtaW5sZW5ndGgnKSkge1xuICAgICAgY29uc3QgcmVxdWlyZWRMZW4gPSBjb250cm9sLmdldEVycm9yKCdtaW5sZW5ndGgnKT8ucmVxdWlyZWRMZW5ndGg7XG4gICAgICByZXR1cm4gYCR7ZmllbGQubGFiZWx9ICR7dGhpcy5lcnJvck1lc3NhZ2VzW2xhbmddLm1pbmxlbmd0aH0gJHtyZXF1aXJlZExlbn0gJHtcbiAgICAgICAgbGFuZyA9PT0gJ2ZyJyA/ICdjYXJhY3TDqHJlcycgOiAnY2hhcmFjdGVycydcbiAgICAgIH1gO1xuICAgIH1cblxuICAgIGlmIChjb250cm9sLmhhc0Vycm9yKCdtYXhsZW5ndGgnKSkge1xuICAgICAgY29uc3QgcmVxdWlyZWRMZW4gPSBjb250cm9sLmdldEVycm9yKCdtYXhsZW5ndGgnKT8ucmVxdWlyZWRMZW5ndGg7XG4gICAgICByZXR1cm4gYCR7ZmllbGQubGFiZWx9ICR7dGhpcy5lcnJvck1lc3NhZ2VzW2xhbmddLm1heGxlbmd0aH0gJHtyZXF1aXJlZExlbn0gJHtcbiAgICAgICAgbGFuZyA9PT0gJ2ZyJyA/ICdjYXJhY3TDqHJlcycgOiAnY2hhcmFjdGVycydcbiAgICAgIH1gO1xuICAgIH1cblxuICAgIHJldHVybiAnJztcbiAgfVxuXG4gIG9uU3VibWl0KCk6IHZvaWQge1xuICAgIHRoaXMuZm9ybS5tYXJrQWxsQXNUb3VjaGVkKCk7XG4gICAgaWYgKHRoaXMuZm9ybS52YWxpZCkge1xuICAgICAgdGhpcy5mb3JtU3VibWl0LmVtaXQodGhpcy5mb3JtLmdldFJhd1ZhbHVlKCkpO1xuICAgIH1cbiAgfVxuXG4gIG9uQ2xlYXIoKTogdm9pZCB7XG4gICAgdGhpcy5mb3JtLnJlc2V0KCk7XG4gICAgdGhpcy5mb3JtQ2hhbmdlLmVtaXQodGhpcy5mb3JtLmdldFJhd1ZhbHVlKCkpO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwidGl0bGVcIiBbbmdTdHlsZV09XCJ0aXRsZVN0eWxlXCIgY2xhc3M9XCJmb3JtLXRpdGxlXCI+e3sgdGl0bGUgfX08L2Rpdj5cbjxmb3JtIFtmb3JtR3JvdXBdPVwiZm9ybVwiIChuZ1N1Ym1pdCk9XCJvblN1Ym1pdCgpXCI+XG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGZpZWxkIG9mIG1haW5Hcm91cC5maWVsZHNcIj5cbiAgICA8cHQtZHluYW1pYy1mb3JtLWZpZWxkXG4gICAgICBbZmllbGRdPVwiZmllbGRcIlxuICAgICAgW2Zvcm1dPVwiZm9ybVwiXG4gICAgICBbaW5wdXRXaWR0aF09XCJpbnB1dFdpZHRoXCJcbiAgICA+PC9wdC1keW5hbWljLWZvcm0tZmllbGQ+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGdyb3VwIG9mIG1haW5Hcm91cC5ncm91cHNcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZm9ybS1maWVsZC1ncm91cFwiIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGdyb3VwLndpZHRoIHx8ICcxMDAlJyB9XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBmaWVsZCBvZiBncm91cC5maWVsZHNcIj5cbiAgICAgICAgPHB0LWR5bmFtaWMtZm9ybS1maWVsZFxuICAgICAgICAgIFtmaWVsZF09XCJmaWVsZFwiXG4gICAgICAgICAgW2Zvcm1dPVwiZm9ybVwiXG4gICAgICAgICAgY2xhc3M9XCJmbGV4LWl0ZW1cIlxuICAgICAgICA+PC9wdC1keW5hbWljLWZvcm0tZmllbGQ+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPGRpdiBjbGFzcz1cImJ1dHRvbi1ncm91cFwiPlxuICAgIDxidXR0b25cbiAgICAgICpuZ0Zvcj1cImxldCBidXR0b24gb2YgYnV0dG9uc1wiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHBCdXR0b25cbiAgICAgIFtsYWJlbF09XCJidXR0b24udGV4dFwiXG4gICAgICBbaWNvbl09XCJidXR0b24uaWNvbiB8fCAnJ1wiXG4gICAgICBbY2xhc3NdPVwiYnV0dG9uLmNvbG9yXCJcbiAgICAgIChjbGljayk9XCJcbiAgICAgICAgYnV0dG9uLmlzU3VibWl0XG4gICAgICAgICAgPyBvblN1Ym1pdCgpXG4gICAgICAgICAgOiBidXR0b24uaXNDbGVhclxuICAgICAgICAgID8gb25DbGVhcigpXG4gICAgICAgICAgOiBidXR0b24uYWN0aW9uXG4gICAgICAgICAgPyBidXR0b24uYWN0aW9uKClcbiAgICAgICAgICA6IG51bGxcbiAgICAgIFwiXG4gICAgPjwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZm9ybT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtZm9ybS1idWlsZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXByaW1lLXRvb2xzL3NyYy9saWIvcHQtZm9ybS1idWlsZGVyL3B0LWZvcm0tYnVpbGRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LWZvcm0tYnVpbGRlci9wdC1mb3JtLWJ1aWxkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUlMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBS0wsVUFBVSxHQUNYLE1BQU0sZ0JBQWdCLENBQUM7QUFNeEIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7Ozs7OztBQVFsRSxNQUFNLE9BQU8sc0JBQXNCO0lBNkNqQyxZQUFvQixFQUFlO1FBQWYsT0FBRSxHQUFGLEVBQUUsQ0FBYTtRQTVDMUIsY0FBUyxHQUFtQixFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDO1FBQ3ZELFlBQU8sR0FBaUIsRUFBRSxDQUFDO1FBSXBDOztXQUVHO1FBQ00sZUFBVSxHQUFXLE1BQU0sQ0FBQztRQUVyQzs7V0FFRztRQUNNLGNBQVMsR0FBVyxNQUFNLENBQUM7UUFFM0IsYUFBUSxHQUFnQixJQUFJLENBQUM7UUFFNUIsZUFBVSxHQUFHLElBQUksWUFBWSxFQUEwQixDQUFDO1FBQ3hELGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBYSxDQUFDO1FBQzFDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBMEIsQ0FBQztRQUlsRSxzQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztRQUk5QixrQkFBYSxHQUFHO1lBQ3RCLEVBQUUsRUFBRTtnQkFDRixRQUFR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LFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFFSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFic3RyYWN0Q29udHJvbCxcbiAgRm9ybUJ1aWxkZXIsXG4gIEZvcm1Hcm91cCxcbiAgVmFsaWRhdG9yRm4sXG4gIFZhbGlkYXRvcnMsXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBGb3JtQnV0dG9uIH0gZnJvbSAnLi4vbW9kZWxzL2Zvcm0tYnV0dG9uLm1vZGVsJztcbmltcG9ydCB7IEZvcm1GaWVsZCB9IGZyb20gJy4uL21vZGVscy9mb3JtLWZpZWxkLm1vZGVsJztcbmltcG9ydCB7IEZvcm1GaWVsZEdyb3VwIH0gZnJvbSAnLi4vbW9kZWxzL2Zvcm0tZmllbGQtZ3JvdXAubW9kZWwnO1xuaW1wb3J0IHsgRm9ybUlucHV0VHlwZUVudW0gfSBmcm9tICcuLi9lbnVtcy9mb3JtLWlucHV0LXR5cGUuZW51bSc7XG5pbXBvcnQgeyBJbnB1dFZhbGlkYXRpb25FbnVtIH0gZnJvbSAnLi4vZW51bXMvaW5wdXQtdmFsaWRhdGlvbi5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncHQtZm9ybS1idWlsZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3B0LWZvcm0tYnVpbGRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3B0LWZvcm0tYnVpbGRlci5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBURm9ybUJ1aWxkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgQElucHV0KCkgbWFpbkdyb3VwOiBGb3JtRmllbGRHcm91cCA9IHsgZmllbGRzOiBbXSwgZ3JvdXBzOiBbXSB9O1xuICBASW5wdXQoKSBidXR0b25zOiBGb3JtQnV0dG9uW10gPSBbXTtcbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRpdGxlU3R5bGU/OiB7IFtrZXk6IHN0cmluZ106IHN0cmluZyB9O1xuXG4gIC8qKlxuICAgKiBMYXJnZXVyIGRlcyBpbnB1dHMvY2hhbXBzXG4gICAqL1xuICBASW5wdXQoKSBpbnB1dFdpZHRoOiBzdHJpbmcgPSAnMTAwJSc7XG5cbiAgLyoqXG4gICAqIE5vdXZlbGxlIGxhcmdldXIgZ2xvYmFsZSBkdSBjb21wb3NhbnQgcHQtZm9ybS1idWlsZGVyXG4gICAqL1xuICBASW5wdXQoKSBmb3JtV2lkdGg6IHN0cmluZyA9ICcxMDAlJztcblxuICBASW5wdXQoKSBsYW5ndWFnZTogJ2VuJyB8ICdmcicgPSAnZW4nO1xuXG4gIEBPdXRwdXQoKSBmb3JtU3VibWl0ID0gbmV3IEV2ZW50RW1pdHRlcjx7IFtrZXk6IHN0cmluZ106IGFueSB9PigpO1xuICBAT3V0cHV0KCkgZm9ybVJlYWR5ID0gbmV3IEV2ZW50RW1pdHRlcjxGb3JtR3JvdXA+KCk7XG4gIEBPdXRwdXQoKSBmb3JtQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjx7IFtrZXk6IHN0cmluZ106IGFueSB9PigpO1xuXG4gIGZvcm06IEZvcm1Hcm91cDtcblxuICBGb3JtSW5wdXRUeXBlRW51bSA9IEZvcm1JbnB1dFR5cGVFbnVtO1xuXG4gIHByaXZhdGUgZm9ybVZhbHVlQ2hhbmdlc1N1Yj86IFN1YnNjcmlwdGlvbjtcblxuICBwcml2YXRlIGVycm9yTWVzc2FnZXMgPSB7XG4gICAgZW46IHtcbiAgICAgIHJlcXVpcmVkOiAnaXMgcmVxdWlyZWQnLFxuICAgICAgZW1haWw6ICdpcyBub3QgYSB2YWxpZCBlbWFpbCBhZGRyZXNzJyxcbiAgICAgIHBhdHRlcm46ICdpcyBpbnZhbGlkJyxcbiAgICAgIG1pbmxlbmd0aDogJ211c3QgYmUgYXQgbGVhc3QnLFxuICAgICAgbWF4bGVuZ3RoOiAnbXVzdCBiZSBhdCBtb3N0JyxcbiAgICB9LFxuICAgIGZyOiB7XG4gICAgICByZXF1aXJlZDogJ2VzdCByZXF1aXMnLFxuICAgICAgZW1haWw6IFwibidlc3QgcGFzIHVuZSBhZHJlc3NlIGUtbWFpbCB2YWxpZGVcIixcbiAgICAgIHBhdHRlcm46ICdlc3QgaW52YWxpZGUnLFxuICAgICAgbWlubGVuZ3RoOiAnZG9pdCBjb250ZW5pciBhdSBtb2lucycsXG4gICAgICBtYXhsZW5ndGg6ICdkb2l0IGNvbnRlbmlyIGF1IHBsdXMnLFxuICAgIH0sXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBmYjogRm9ybUJ1aWxkZXIpIHtcbiAgICB0aGlzLmZvcm0gPSB0aGlzLmZiLmdyb3VwKHt9KTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMucmVidWlsZEZvcm0oKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1snbWFpbkdyb3VwJ10gJiYgIWNoYW5nZXNbJ21haW5Hcm91cCddLmZpcnN0Q2hhbmdlKSB7XG4gICAgICB0aGlzLnJlYnVpbGRGb3JtKCk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5mb3JtVmFsdWVDaGFuZ2VzU3ViPy51bnN1YnNjcmliZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSByZWJ1aWxkRm9ybSgpOiB2b2lkIHtcbiAgICB0aGlzLmZvcm1WYWx1ZUNoYW5nZXNTdWI/LnVuc3Vic2NyaWJlKCk7XG5cbiAgICB0aGlzLmZvcm0gPSB0aGlzLmZiLmdyb3VwKHt9KTtcbiAgICB0aGlzLmJ1aWxkRm9ybUdyb3VwKHRoaXMubWFpbkdyb3VwKTtcblxuICAgIHRoaXMuZm9ybVJlYWR5LmVtaXQodGhpcy5mb3JtKTtcblxuICAgIHRoaXMuZm9ybVZhbHVlQ2hhbmdlc1N1YiA9IHRoaXMuZm9ybS52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKCh2YWx1ZSkgPT4ge1xuICAgICAgdGhpcy5mb3JtQ2hhbmdlLmVtaXQodmFsdWUpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBidWlsZEZvcm1Hcm91cChncm91cDogRm9ybUZpZWxkR3JvdXApOiB2b2lkIHtcbiAgICAoZ3JvdXA/LmZpZWxkcyA/PyBbXSkuZm9yRWFjaCgoZmllbGQpID0+IHtcbiAgICAgIGNvbnN0IHZhbGlkYXRvcnMgPSB0aGlzLmJ1aWxkVmFsaWRhdG9ycyhmaWVsZCk7XG5cbiAgICAgIHRoaXMuZm9ybS5hZGRDb250cm9sKFxuICAgICAgICBmaWVsZC5uYW1lLFxuICAgICAgICB0aGlzLmZiLmNvbnRyb2woXG4gICAgICAgICAgeyB2YWx1ZTogZmllbGQudmFsdWUgPz8gbnVsbCwgZGlzYWJsZWQ6ICEhKGZpZWxkIGFzIGFueSkuZGlzYWJsZWQgfSxcbiAgICAgICAgICB2YWxpZGF0b3JzLFxuICAgICAgICApLFxuICAgICAgKTtcbiAgICB9KTtcblxuICAgIChncm91cD8uZ3JvdXBzID8/IFtdKS5mb3JFYWNoKChzdWJHcm91cCkgPT4gdGhpcy5idWlsZEZvcm1Hcm91cChzdWJHcm91cCkpO1xuICB9XG5cbiAgcHJpdmF0ZSBidWlsZFZhbGlkYXRvcnMoZmllbGQ6IEZvcm1GaWVsZCk6IFZhbGlkYXRvckZuW10ge1xuICAgIGNvbnN0IHZhbGlkYXRvcnM6IFZhbGlkYXRvckZuW10gPSBbXTtcbiAgICBjb25zdCBhbnlGaWVsZCA9IGZpZWxkIGFzIGFueTtcblxuICAgIGlmIChmaWVsZC5yZXF1aXJlZCkge1xuICAgICAgdmFsaWRhdG9ycy5wdXNoKFZhbGlkYXRvcnMucmVxdWlyZWQpO1xuICAgIH1cblxuICAgIGlmIChhbnlGaWVsZC5taW5MZW5ndGggIT0gbnVsbCkge1xuICAgICAgdmFsaWRhdG9ycy5wdXNoKFZhbGlkYXRvcnMubWluTGVuZ3RoKE51bWJlcihhbnlGaWVsZC5taW5MZW5ndGgpKSk7XG4gICAgfVxuXG4gICAgaWYgKGFueUZpZWxkLm1heExlbmd0aCAhPSBudWxsKSB7XG4gICAgICB2YWxpZGF0b3JzLnB1c2goVmFsaWRhdG9ycy5tYXhMZW5ndGgoTnVtYmVyKGFueUZpZWxkLm1heExlbmd0aCkpKTtcbiAgICB9XG5cbiAgICBpZiAoYW55RmllbGQuaW5wdXRWYWxpZGF0aW9uKSB7XG4gICAgICB2YWxpZGF0b3JzLnB1c2goXG4gICAgICAgIFZhbGlkYXRvcnMucGF0dGVybihcbiAgICAgICAgICBuZXcgUmVnRXhwKGFueUZpZWxkLmlucHV0VmFsaWRhdGlvbiBhcyBJbnB1dFZhbGlkYXRpb25FbnVtKSxcbiAgICAgICAgKSxcbiAgICAgICk7XG4gICAgfSBlbHNlIGlmIChhbnlGaWVsZC5wYXR0ZXJuKSB7XG4gICAgICB2YWxpZGF0b3JzLnB1c2goVmFsaWRhdG9ycy5wYXR0ZXJuKGFueUZpZWxkLnBhdHRlcm4pKTtcbiAgICB9XG5cbiAgICBzd2l0Y2ggKGZpZWxkLnR5cGUpIHtcbiAgICAgIGNhc2UgRm9ybUlucHV0VHlwZUVudW0uRU1BSUw6XG4gICAgICAgIHZhbGlkYXRvcnMucHVzaChWYWxpZGF0b3JzLmVtYWlsKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICBicmVhaztcbiAgICB9XG5cbiAgICByZXR1cm4gdmFsaWRhdG9ycztcbiAgfVxuXG4gIGlzSW52YWxpZChmaWVsZDogRm9ybUZpZWxkKTogYm9vbGVhbiB7XG4gICAgY29uc3QgYyA9IHRoaXMuZm9ybS5nZXQoZmllbGQubmFtZSk7XG4gICAgcmV0dXJuICEhYyAmJiBjLmludmFsaWQgJiYgKGMudG91Y2hlZCB8fCBjLmRpcnR5KTtcbiAgfVxuXG4gIGdldEVycm9yTWVzc2FnZShmaWVsZDogRm9ybUZpZWxkKTogc3RyaW5nIHtcbiAgICBjb25zdCBjb250cm9sOiBBYnN0cmFjdENvbnRyb2wgfCBudWxsID0gdGhpcy5mb3JtLmdldChmaWVsZC5uYW1lKTtcbiAgICBpZiAoIWNvbnRyb2wpIHJldHVybiAnJztcblxuICAgIGNvbnN0IGxhbmcgPSB0aGlzLmxhbmd1YWdlO1xuXG4gICAgaWYgKGNvbnRyb2wuaGFzRXJyb3IoJ3JlcXVpcmVkJykpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIChmaWVsZCBhcyBhbnkpLmVycm9yVGV4dCB8fFxuICAgICAgICBgJHtmaWVsZC5sYWJlbH0gJHt0aGlzLmVycm9yTWVzc2FnZXNbbGFuZ10ucmVxdWlyZWR9YFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAoY29udHJvbC5oYXNFcnJvcignZW1haWwnKSkge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgKGZpZWxkIGFzIGFueSkuZXJyb3JUZXh0IHx8XG4gICAgICAgIGAke2ZpZWxkLmxhYmVsfSAke3RoaXMuZXJyb3JNZXNzYWdlc1tsYW5nXS5lbWFpbH1gXG4gICAgICApO1xuICAgIH1cblxuICAgIGlmIChjb250cm9sLmhhc0Vycm9yKCdwYXR0ZXJuJykpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIChmaWVsZCBhcyBhbnkpLmVycm9yVGV4dCB8fFxuICAgICAgICBgJHtmaWVsZC5sYWJlbH0gJHt0aGlzLmVycm9yTWVzc2FnZXNbbGFuZ10ucGF0dGVybn1gXG4gICAgICApO1xuICAgIH1cblxuICAgIGlmIChjb250cm9sLmhhc0Vycm9yKCdtaW5sZW5ndGgnKSkge1xuICAgICAgY29uc3QgcmVxdWlyZWRMZW4gPSBjb250cm9sLmdldEVycm9yKCdtaW5sZW5ndGgnKT8ucmVxdWlyZWRMZW5ndGg7XG4gICAgICByZXR1cm4gYCR7ZmllbGQubGFiZWx9ICR7dGhpcy5lcnJvck1lc3NhZ2VzW2xhbmddLm1pbmxlbmd0aH0gJHtyZXF1aXJlZExlbn0gJHtcbiAgICAgICAgbGFuZyA9PT0gJ2ZyJyA/ICdjYXJhY3TDqHJlcycgOiAnY2hhcmFjdGVycydcbiAgICAgIH1gO1xuICAgIH1cblxuICAgIGlmIChjb250cm9sLmhhc0Vycm9yKCdtYXhsZW5ndGgnKSkge1xuICAgICAgY29uc3QgcmVxdWlyZWRMZW4gPSBjb250cm9sLmdldEVycm9yKCdtYXhsZW5ndGgnKT8ucmVxdWlyZWRMZW5ndGg7XG4gICAgICByZXR1cm4gYCR7ZmllbGQubGFiZWx9ICR7dGhpcy5lcnJvck1lc3NhZ2VzW2xhbmddLm1heGxlbmd0aH0gJHtyZXF1aXJlZExlbn0gJHtcbiAgICAgICAgbGFuZyA9PT0gJ2ZyJyA/ICdjYXJhY3TDqHJlcycgOiAnY2hhcmFjdGVycydcbiAgICAgIH1gO1xuICAgIH1cblxuICAgIHJldHVybiAnJztcbiAgfVxuXG4gIG9uU3VibWl0KCk6IHZvaWQge1xuICAgIHRoaXMuZm9ybS5tYXJrQWxsQXNUb3VjaGVkKCk7XG4gICAgaWYgKHRoaXMuZm9ybS52YWxpZCkge1xuICAgICAgdGhpcy5mb3JtU3VibWl0LmVtaXQodGhpcy5mb3JtLmdldFJhd1ZhbHVlKCkpO1xuICAgIH1cbiAgfVxuXG4gIG9uQ2xlYXIoKTogdm9pZCB7XG4gICAgdGhpcy5mb3JtLnJlc2V0KCk7XG4gICAgdGhpcy5mb3JtQ2hhbmdlLmVtaXQodGhpcy5mb3JtLmdldFJhd1ZhbHVlKCkpO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwicHQtZm9ybS1idWlsZGVyLXdyYXBwZXJcIlxuICBbbmdTdHlsZV09XCJ7IHdpZHRoOiBmb3JtV2lkdGgsIG1heFdpZHRoOiBmb3JtV2lkdGggfVwiXG4+XG4gIDxkaXYgKm5nSWY9XCJ0aXRsZVwiIFtuZ1N0eWxlXT1cInRpdGxlU3R5bGVcIiBjbGFzcz1cImZvcm0tdGl0bGVcIj57eyB0aXRsZSB9fTwvZGl2PlxuXG4gIDxmb3JtIFtmb3JtR3JvdXBdPVwiZm9ybVwiIChuZ1N1Ym1pdCk9XCJvblN1Ym1pdCgpXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZmllbGQgb2YgbWFpbkdyb3VwLmZpZWxkc1wiPlxuICAgICAgPHB0LWR5bmFtaWMtZm9ybS1maWVsZFxuICAgICAgICBbZmllbGRdPVwiZmllbGRcIlxuICAgICAgICBbZm9ybV09XCJmb3JtXCJcbiAgICAgICAgW2lucHV0V2lkdGhdPVwiaW5wdXRXaWR0aFwiXG4gICAgICA+PC9wdC1keW5hbWljLWZvcm0tZmllbGQ+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBncm91cCBvZiBtYWluR3JvdXAuZ3JvdXBzXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiZm9ybS1maWVsZC1ncm91cFwiXG4gICAgICAgIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGdyb3VwLndpZHRoIHx8ICcxMDAlJyB9XCJcbiAgICAgID5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZmllbGQgb2YgZ3JvdXAuZmllbGRzXCI+XG4gICAgICAgICAgPHB0LWR5bmFtaWMtZm9ybS1maWVsZFxuICAgICAgICAgICAgW2ZpZWxkXT1cImZpZWxkXCJcbiAgICAgICAgICAgIFtmb3JtXT1cImZvcm1cIlxuICAgICAgICAgICAgW2lucHV0V2lkdGhdPVwiaW5wdXRXaWR0aFwiXG4gICAgICAgICAgICBjbGFzcz1cImZsZXgtaXRlbVwiXG4gICAgICAgICAgPjwvcHQtZHluYW1pYy1mb3JtLWZpZWxkPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1ncm91cFwiPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIGJ1dHRvbnNcIlxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgcEJ1dHRvblxuICAgICAgICBbbGFiZWxdPVwiYnV0dG9uLnRleHRcIlxuICAgICAgICBbaWNvbl09XCJidXR0b24uaWNvbiB8fCAnJ1wiXG4gICAgICAgIFtjbGFzc109XCJidXR0b24uY29sb3JcIlxuICAgICAgICAoY2xpY2spPVwiXG4gICAgICAgICAgYnV0dG9uLmlzU3VibWl0XG4gICAgICAgICAgICA/IG9uU3VibWl0KClcbiAgICAgICAgICAgIDogYnV0dG9uLmlzQ2xlYXJcbiAgICAgICAgICAgICAgPyBvbkNsZWFyKClcbiAgICAgICAgICAgICAgOiBidXR0b24uYWN0aW9uXG4gICAgICAgICAgICAgICAgPyBidXR0b24uYWN0aW9uKClcbiAgICAgICAgICAgICAgICA6IG51bGxcbiAgICAgICAgXCJcbiAgICAgID48L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9mb3JtPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/pt-side-bar-menu/pt-side-bar-menu.component.mjs

@@ -203,11 +203,11 @@ export class PTSideBarMenuComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTSideBarMenuComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTSideBarMenuComponent, selector: "pt-side-bar-menu", inputs: { menuConfig: "menuConfig" }, ngImport: i0, template: "<div class=\"pt-side-bar-menu\">\n  <pt-card\n    *ngIf=\"menuConfig.searchable\"\n    [config]=\"searchCardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <div class=\"search-input\">\n      <pt-text-input [formGroup]=\"formGroup\" [formField]=\"searchField\">\n      </pt-text-input>\n    </div>\n  </pt-card>\n\n  <pt-card\n    [config]=\"cardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <ul class=\"menu-list\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          recursiveMenu;\n          context: { $implicit: filteredMenus, level: 0 }\n        \"\n      ></ng-container>\n    </ul>\n  </pt-card>\n</div>\n\n<ng-template #recursiveMenu let-menus let-level=\"level\">\n  <ng-container *ngFor=\"let item of menus\">\n    <li\n      class=\"menu-item\"\n      [ngClass]=\"{\n        'menu-item-expanded': item.isExpanded,\n        'submenu-level-item': level > 0,\n      }\"\n      [attr.data-level]=\"level\"\n      [ngStyle]=\"getMenuItemStyles()\"\n    >\n      <!-- item without children -->\n      <a\n        *ngIf=\"!hasChildren(item)\"\n        [routerLink]=\"item.url\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n      </a>\n\n      <!-- item with children -->\n      <a\n        *ngIf=\"hasChildren(item)\"\n        href=\"#\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        (click)=\"toggleMenu(item, $event)\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n        <i [ngClass]=\"getChevronClass(item)\" class=\"chevron\"></i>\n      </a>\n\n      <div\n        class=\"submenu-wrapper\"\n        [class.expanded]=\"item.isExpanded\"\n        *ngIf=\"hasChildren(item)\"\n      >\n        <ul\n          class=\"submenu-list\"\n          [ngClass]=\"{\n            'submenu-list-root': level === 0,\n            'submenu-list-nested': level > 0,\n          }\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              recursiveMenu;\n              context: { $implicit: item.children, level: level + 1 }\n            \"\n          ></ng-container>\n        </ul>\n      </div>\n    </li>\n  </ng-container>\n</ng-template>\n", styles: [".pt-side-bar-menu .badge{background-color:#38bdf8;border-radius:5px;color:#fff;font-size:12px;margin-left:auto;padding:2px 8px}.pt-side-bar-menu .chevron{color:#8c8c8c;cursor:pointer;margin-left:auto}.pt-side-bar-menu .menu-item{position:relative}.pt-side-bar-menu .menu-link{align-items:center;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;margin-bottom:15px;padding:10px 15px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .menu-link:hover{background-color:#f1f1f1;color:#111}.pt-side-bar-menu .menu-link i{margin-right:10px}.pt-side-bar-menu .menu-list{list-style-type:none;padding:0;margin:0}.pt-side-bar-menu pt-card{transition:transform .3s ease-in-out,opacity .3s ease-in-out;display:block}.pt-side-bar-menu .sidebar-hidden{transform:translate(-100%);opacity:0}.pt-side-bar-menu .sidebar-menu{margin:0;padding:0;transition:transform .3s ease-in-out;width:250px}.pt-side-bar-menu .submenu-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.pt-side-bar-menu .submenu-wrapper.expanded{grid-template-rows:1fr}.pt-side-bar-menu .submenu-list{overflow:hidden;list-style-type:none;margin-top:5px;margin-bottom:0;position:relative}.pt-side-bar-menu .submenu-list-root{border-left:1px solid #e5e7eb;margin-left:23px;padding-left:25px;padding-top:5px;padding-bottom:5px}.pt-side-bar-menu .submenu-list-root:after{background-color:#e5e7eb;bottom:0;content:\"\";left:-1px;position:absolute;top:0;width:1px}.pt-side-bar-menu .submenu-list-nested{border-left:1px solid #2f3b46;margin-left:18px;padding-left:20px;padding-top:4px;padding-bottom:4px}.pt-side-bar-menu .submenu-item,.pt-side-bar-menu .submenu-level-item{padding:5px 0;position:relative}.pt-side-bar-menu .submenu-level-item:before{background-color:#e5e7eb;content:\"\";height:1px;left:-25px;position:absolute;top:22px;transform:translateY(-50%);width:25px}.pt-side-bar-menu .submenu-link{align-items:center;border-radius:5px;color:#666;display:flex;font-size:14px;padding:5px 10px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .submenu-link:hover{background-color:#f1f1f1;color:#000}.pt-side-bar-menu .submenu-title{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.PTCardComponent, selector: "pt-card", inputs: ["config"] }, { kind: "component", type: i4.PTTextInputComponent, selector: "pt-text-input", inputs: ["formGroup", "formField"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTSideBarMenuComponent, selector: "pt-side-bar-menu", inputs: { menuConfig: "menuConfig" }, ngImport: i0, template: "<div class=\"pt-side-bar-menu\">\n  <pt-card\n    *ngIf=\"menuConfig.searchable\"\n    [config]=\"searchCardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <div class=\"search-input\">\n      <pt-text-input [formGroup]=\"formGroup\" [formField]=\"searchField\">\n      </pt-text-input>\n    </div>\n  </pt-card>\n\n  <pt-card\n    [config]=\"cardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <ul class=\"menu-list\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          recursiveMenu;\n          context: { $implicit: filteredMenus, level: 0 }\n        \"\n      ></ng-container>\n    </ul>\n  </pt-card>\n</div>\n\n<ng-template #recursiveMenu let-menus let-level=\"level\">\n  <ng-container *ngFor=\"let item of menus\">\n    <li\n      class=\"menu-item\"\n      [ngClass]=\"{\n        'menu-item-expanded': item.isExpanded,\n        'submenu-level-item': level > 0,\n      }\"\n      [attr.data-level]=\"level\"\n      [ngStyle]=\"getMenuItemStyles()\"\n    >\n      <!-- item without children -->\n      <a\n        *ngIf=\"!hasChildren(item)\"\n        [routerLink]=\"item.url\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n      </a>\n\n      <!-- item with children -->\n      <a\n        *ngIf=\"hasChildren(item)\"\n        href=\"#\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        (click)=\"toggleMenu(item, $event)\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n        <i [ngClass]=\"getChevronClass(item)\" class=\"chevron\"></i>\n      </a>\n\n      <div\n        class=\"submenu-wrapper\"\n        [class.expanded]=\"item.isExpanded\"\n        *ngIf=\"hasChildren(item)\"\n      >\n        <ul\n          class=\"submenu-list\"\n          [ngClass]=\"{\n            'submenu-list-root': level === 0,\n            'submenu-list-nested': level > 0,\n          }\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              recursiveMenu;\n              context: { $implicit: item.children, level: level + 1 }\n            \"\n          ></ng-container>\n        </ul>\n      </div>\n    </li>\n  </ng-container>\n</ng-template>\n", styles: [".pt-side-bar-menu .badge{background-color:#38bdf8;border-radius:5px;color:#fff;font-size:12px;margin-left:auto;padding:2px 8px}.pt-side-bar-menu .chevron{color:#8c8c8c;cursor:pointer;margin-left:auto}.pt-side-bar-menu .menu-item{position:relative}.pt-side-bar-menu .menu-link{align-items:center;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;margin-bottom:6px;padding:10px 15px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .menu-link:hover{background-color:#f1f1f1;color:#111}.pt-side-bar-menu .menu-link i{margin-right:10px}.pt-side-bar-menu .menu-list{list-style-type:none;padding:0;margin:0}.pt-side-bar-menu pt-card{transition:transform .3s ease-in-out,opacity .3s ease-in-out;display:block}.pt-side-bar-menu .sidebar-hidden{transform:translate(-100%);opacity:0}.pt-side-bar-menu .sidebar-menu{margin:0;padding:0;transition:transform .3s ease-in-out;width:250px}.pt-side-bar-menu .submenu-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;min-height:0}.pt-side-bar-menu .submenu-wrapper.expanded{grid-template-rows:1fr}.pt-side-bar-menu .submenu-wrapper:not(.expanded){margin:0!important;padding:0!important}.pt-side-bar-menu .submenu-list{overflow:hidden;min-height:0;list-style-type:none;margin-top:5px;margin-bottom:0;position:relative}.pt-side-bar-menu .submenu-wrapper:not(.expanded) .submenu-list{margin:0!important;padding-top:0!important;padding-bottom:0!important;border-left:none!important}.pt-side-bar-menu .submenu-list-root{border-left:1px solid #e5e7eb;margin-left:23px;padding-left:25px;padding-top:5px;padding-bottom:5px}.pt-side-bar-menu .submenu-list-root:after{background-color:#e5e7eb;bottom:0;content:\"\";left:-1px;position:absolute;top:0;width:1px}.pt-side-bar-menu .submenu-list-nested{border-left:1px solid #2f3b46;margin-left:18px;padding-left:20px;padding-top:4px;padding-bottom:4px}.pt-side-bar-menu .submenu-item,.pt-side-bar-menu .submenu-level-item{padding:5px 0;position:relative}.pt-side-bar-menu .submenu-level-item:before{background-color:#e5e7eb;content:\"\";height:1px;left:-25px;position:absolute;top:22px;transform:translateY(-50%);width:25px}.pt-side-bar-menu .submenu-link{align-items:center;border-radius:5px;color:#666;display:flex;font-size:14px;padding:5px 10px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .submenu-link:hover{background-color:#f1f1f1;color:#000}.pt-side-bar-menu .submenu-title{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.PTCardComponent, selector: "pt-card", inputs: ["config"] }, { kind: "component", type: i4.PTTextInputComponent, selector: "pt-text-input", inputs: ["formGroup", "formField"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTSideBarMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pt-side-bar-menu', template: "<div class=\"pt-side-bar-menu\">\n  <pt-card\n    *ngIf=\"menuConfig.searchable\"\n    [config]=\"searchCardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <div class=\"search-input\">\n      <pt-text-input [formGroup]=\"formGroup\" [formField]=\"searchField\">\n      </pt-text-input>\n    </div>\n  </pt-card>\n\n  <pt-card\n    [config]=\"cardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <ul class=\"menu-list\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          recursiveMenu;\n          context: { $implicit: filteredMenus, level: 0 }\n        \"\n      ></ng-container>\n    </ul>\n  </pt-card>\n</div>\n\n<ng-template #recursiveMenu let-menus let-level=\"level\">\n  <ng-container *ngFor=\"let item of menus\">\n    <li\n      class=\"menu-item\"\n      [ngClass]=\"{\n        'menu-item-expanded': item.isExpanded,\n        'submenu-level-item': level > 0,\n      }\"\n      [attr.data-level]=\"level\"\n      [ngStyle]=\"getMenuItemStyles()\"\n    >\n      <!-- item without children -->\n      <a\n        *ngIf=\"!hasChildren(item)\"\n        [routerLink]=\"item.url\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n      </a>\n\n      <!-- item with children -->\n      <a\n        *ngIf=\"hasChildren(item)\"\n        href=\"#\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        (click)=\"toggleMenu(item, $event)\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n        <i [ngClass]=\"getChevronClass(item)\" class=\"chevron\"></i>\n      </a>\n\n      <div\n        class=\"submenu-wrapper\"\n        [class.expanded]=\"item.isExpanded\"\n        *ngIf=\"hasChildren(item)\"\n      >\n        <ul\n          class=\"submenu-list\"\n          [ngClass]=\"{\n            'submenu-list-root': level === 0,\n            'submenu-list-nested': level > 0,\n          }\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              recursiveMenu;\n              context: { $implicit: item.children, level: level + 1 }\n            \"\n          ></ng-container>\n        </ul>\n      </div>\n    </li>\n  </ng-container>\n</ng-template>\n", styles: [".pt-side-bar-menu .badge{background-color:#38bdf8;border-radius:5px;color:#fff;font-size:12px;margin-left:auto;padding:2px 8px}.pt-side-bar-menu .chevron{color:#8c8c8c;cursor:pointer;margin-left:auto}.pt-side-bar-menu .menu-item{position:relative}.pt-side-bar-menu .menu-link{align-items:center;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;margin-bottom:15px;padding:10px 15px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .menu-link:hover{background-color:#f1f1f1;color:#111}.pt-side-bar-menu .menu-link i{margin-right:10px}.pt-side-bar-menu .menu-list{list-style-type:none;padding:0;margin:0}.pt-side-bar-menu pt-card{transition:transform .3s ease-in-out,opacity .3s ease-in-out;display:block}.pt-side-bar-menu .sidebar-hidden{transform:translate(-100%);opacity:0}.pt-side-bar-menu .sidebar-menu{margin:0;padding:0;transition:transform .3s ease-in-out;width:250px}.pt-side-bar-menu .submenu-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.pt-side-bar-menu .submenu-wrapper.expanded{grid-template-rows:1fr}.pt-side-bar-menu .submenu-list{overflow:hidden;list-style-type:none;margin-top:5px;margin-bottom:0;position:relative}.pt-side-bar-menu .submenu-list-root{border-left:1px solid #e5e7eb;margin-left:23px;padding-left:25px;padding-top:5px;padding-bottom:5px}.pt-side-bar-menu .submenu-list-root:after{background-color:#e5e7eb;bottom:0;content:\"\";left:-1px;position:absolute;top:0;width:1px}.pt-side-bar-menu .submenu-list-nested{border-left:1px solid #2f3b46;margin-left:18px;padding-left:20px;padding-top:4px;padding-bottom:4px}.pt-side-bar-menu .submenu-item,.pt-side-bar-menu .submenu-level-item{padding:5px 0;position:relative}.pt-side-bar-menu .submenu-level-item:before{background-color:#e5e7eb;content:\"\";height:1px;left:-25px;position:absolute;top:22px;transform:translateY(-50%);width:25px}.pt-side-bar-menu .submenu-link{align-items:center;border-radius:5px;color:#666;display:flex;font-size:14px;padding:5px 10px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .submenu-link:hover{background-color:#f1f1f1;color:#000}.pt-side-bar-menu .submenu-title{margin-left:5px}\n"] }]
+            args: [{ selector: 'pt-side-bar-menu', template: "<div class=\"pt-side-bar-menu\">\n  <pt-card\n    *ngIf=\"menuConfig.searchable\"\n    [config]=\"searchCardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <div class=\"search-input\">\n      <pt-text-input [formGroup]=\"formGroup\" [formField]=\"searchField\">\n      </pt-text-input>\n    </div>\n  </pt-card>\n\n  <pt-card\n    [config]=\"cardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <ul class=\"menu-list\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          recursiveMenu;\n          context: { $implicit: filteredMenus, level: 0 }\n        \"\n      ></ng-container>\n    </ul>\n  </pt-card>\n</div>\n\n<ng-template #recursiveMenu let-menus let-level=\"level\">\n  <ng-container *ngFor=\"let item of menus\">\n    <li\n      class=\"menu-item\"\n      [ngClass]=\"{\n        'menu-item-expanded': item.isExpanded,\n        'submenu-level-item': level > 0,\n      }\"\n      [attr.data-level]=\"level\"\n      [ngStyle]=\"getMenuItemStyles()\"\n    >\n      <!-- item without children -->\n      <a\n        *ngIf=\"!hasChildren(item)\"\n        [routerLink]=\"item.url\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n      </a>\n\n      <!-- item with children -->\n      <a\n        *ngIf=\"hasChildren(item)\"\n        href=\"#\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        (click)=\"toggleMenu(item, $event)\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n        <i [ngClass]=\"getChevronClass(item)\" class=\"chevron\"></i>\n      </a>\n\n      <div\n        class=\"submenu-wrapper\"\n        [class.expanded]=\"item.isExpanded\"\n        *ngIf=\"hasChildren(item)\"\n      >\n        <ul\n          class=\"submenu-list\"\n          [ngClass]=\"{\n            'submenu-list-root': level === 0,\n            'submenu-list-nested': level > 0,\n          }\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              recursiveMenu;\n              context: { $implicit: item.children, level: level + 1 }\n            \"\n          ></ng-container>\n        </ul>\n      </div>\n    </li>\n  </ng-container>\n</ng-template>\n", styles: [".pt-side-bar-menu .badge{background-color:#38bdf8;border-radius:5px;color:#fff;font-size:12px;margin-left:auto;padding:2px 8px}.pt-side-bar-menu .chevron{color:#8c8c8c;cursor:pointer;margin-left:auto}.pt-side-bar-menu .menu-item{position:relative}.pt-side-bar-menu .menu-link{align-items:center;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;margin-bottom:6px;padding:10px 15px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .menu-link:hover{background-color:#f1f1f1;color:#111}.pt-side-bar-menu .menu-link i{margin-right:10px}.pt-side-bar-menu .menu-list{list-style-type:none;padding:0;margin:0}.pt-side-bar-menu pt-card{transition:transform .3s ease-in-out,opacity .3s ease-in-out;display:block}.pt-side-bar-menu .sidebar-hidden{transform:translate(-100%);opacity:0}.pt-side-bar-menu .sidebar-menu{margin:0;padding:0;transition:transform .3s ease-in-out;width:250px}.pt-side-bar-menu .submenu-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;min-height:0}.pt-side-bar-menu .submenu-wrapper.expanded{grid-template-rows:1fr}.pt-side-bar-menu .submenu-wrapper:not(.expanded){margin:0!important;padding:0!important}.pt-side-bar-menu .submenu-list{overflow:hidden;min-height:0;list-style-type:none;margin-top:5px;margin-bottom:0;position:relative}.pt-side-bar-menu .submenu-wrapper:not(.expanded) .submenu-list{margin:0!important;padding-top:0!important;padding-bottom:0!important;border-left:none!important}.pt-side-bar-menu .submenu-list-root{border-left:1px solid #e5e7eb;margin-left:23px;padding-left:25px;padding-top:5px;padding-bottom:5px}.pt-side-bar-menu .submenu-list-root:after{background-color:#e5e7eb;bottom:0;content:\"\";left:-1px;position:absolute;top:0;width:1px}.pt-side-bar-menu .submenu-list-nested{border-left:1px solid #2f3b46;margin-left:18px;padding-left:20px;padding-top:4px;padding-bottom:4px}.pt-side-bar-menu .submenu-item,.pt-side-bar-menu .submenu-level-item{padding:5px 0;position:relative}.pt-side-bar-menu .submenu-level-item:before{background-color:#e5e7eb;content:\"\";height:1px;left:-25px;position:absolute;top:22px;transform:translateY(-50%);width:25px}.pt-side-bar-menu .submenu-link{align-items:center;border-radius:5px;color:#666;display:flex;font-size:14px;padding:5px 10px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .submenu-link:hover{background-color:#f1f1f1;color:#000}.pt-side-bar-menu .submenu-title{margin-left:5px}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { menuConfig: [{
                 type: Input
             }] } });

package/fesm2022/ng-prime-tools.mjs

@@ -2424,11 +2424,17 @@ class PTFormBuilderComponent {
         this.fb = fb;
         this.mainGroup = { fields: [], groups: [] };
         this.buttons = [];
+        /**
+         * Largeur des inputs/champs
+         */
         this.inputWidth = '100%';
+        /**
+         * Nouvelle largeur globale du composant pt-form-builder
+         */
+        this.formWidth = '100%';
         this.language = 'en';
         this.formSubmit = new EventEmitter();
         this.formReady = new EventEmitter();
-        // ✅ NEW
         this.formChange = new EventEmitter();
         this.FormInputTypeEnum = FormInputTypeEnum;
         this.errorMessages = {
@@ -2465,7 +2471,6 @@ class PTFormBuilderComponent {
         this.form = this.fb.group({});
         this.buildFormGroup(this.mainGroup);
         this.formReady.emit(this.form);
-        // ✅ NEW: emit on every form change
         this.formValueChangesSub = this.form.valueChanges.subscribe((value) => {
             this.formChange.emit(value);
         });
@@ -2546,11 +2551,11 @@ class PTFormBuilderComponent {
         this.formChange.emit(this.form.getRawValue());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTFormBuilderComponent, deps: [{ token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTFormBuilderComponent, selector: "pt-form-builder", inputs: { mainGroup: "mainGroup", buttons: "buttons", title: "title", titleStyle: "titleStyle", inputWidth: "inputWidth", language: "language" }, outputs: { formSubmit: "formSubmit", formReady: "formReady", formChange: "formChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"title\" [ngStyle]=\"titleStyle\" class=\"form-title\">{{ title }}</div>\n<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <ng-container *ngFor=\"let field of mainGroup.fields\">\n    <pt-dynamic-form-field\n      [field]=\"field\"\n      [form]=\"form\"\n      [inputWidth]=\"inputWidth\"\n    ></pt-dynamic-form-field>\n  </ng-container>\n\n  <ng-container *ngFor=\"let group of mainGroup.groups\">\n    <div class=\"form-field-group\" [ngStyle]=\"{ width: group.width || '100%' }\">\n      <ng-container *ngFor=\"let field of group.fields\">\n        <pt-dynamic-form-field\n          [field]=\"field\"\n          [form]=\"form\"\n          class=\"flex-item\"\n        ></pt-dynamic-form-field>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <div class=\"button-group\">\n    <button\n      *ngFor=\"let button of buttons\"\n      type=\"button\"\n      pButton\n      [label]=\"button.text\"\n      [icon]=\"button.icon || ''\"\n      [class]=\"button.color\"\n      (click)=\"\n        button.isSubmit\n          ? onSubmit()\n          : button.isClear\n          ? onClear()\n          : button.action\n          ? button.action()\n          : null\n      \"\n    ></button>\n  </div>\n</form>\n", styles: [".form-title{text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}::ng-deep .p-inputtext,::ng-deep .p-inputtextarea,::ng-deep .p-calendar,::ng-deep .p-inputnumber,::ng-deep .p-multiselect,::ng-deep .p-dropdown{width:100%!important}::ng-deep .p-inputnumber,::ng-deep p-inputnumber{display:flex!important}.button-group{display:flex;gap:1rem;margin-top:1rem;justify-content:space-between}.button-group button{flex:1;display:flex;align-items:center;justify-content:center}.button-group button i{margin-right:.5rem}.button-group button.p-button-primary{background-color:#007bff;color:#fff}.button-group button.p-button-secondary{background-color:#6c757d;color:#fff}.button-group button.p-button-success{background-color:#28a745;color:#fff}.button-group button:hover{opacity:.9}.form-field-group{display:flex;gap:1rem}.form-field-group .flex-item{flex:1}\n"], dependencies: [{ 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: PTDynamicFormFieldComponent, selector: "pt-dynamic-form-field", inputs: ["field", "form", "inputWidth"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTFormBuilderComponent, selector: "pt-form-builder", inputs: { mainGroup: "mainGroup", buttons: "buttons", title: "title", titleStyle: "titleStyle", inputWidth: "inputWidth", formWidth: "formWidth", language: "language" }, outputs: { formSubmit: "formSubmit", formReady: "formReady", formChange: "formChange" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"pt-form-builder-wrapper\"\n  [ngStyle]=\"{ width: formWidth, maxWidth: formWidth }\"\n>\n  <div *ngIf=\"title\" [ngStyle]=\"titleStyle\" class=\"form-title\">{{ title }}</div>\n\n  <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n    <ng-container *ngFor=\"let field of mainGroup.fields\">\n      <pt-dynamic-form-field\n        [field]=\"field\"\n        [form]=\"form\"\n        [inputWidth]=\"inputWidth\"\n      ></pt-dynamic-form-field>\n    </ng-container>\n\n    <ng-container *ngFor=\"let group of mainGroup.groups\">\n      <div\n        class=\"form-field-group\"\n        [ngStyle]=\"{ width: group.width || '100%' }\"\n      >\n        <ng-container *ngFor=\"let field of group.fields\">\n          <pt-dynamic-form-field\n            [field]=\"field\"\n            [form]=\"form\"\n            [inputWidth]=\"inputWidth\"\n            class=\"flex-item\"\n          ></pt-dynamic-form-field>\n        </ng-container>\n      </div>\n    </ng-container>\n\n    <div class=\"button-group\">\n      <button\n        *ngFor=\"let button of buttons\"\n        type=\"button\"\n        pButton\n        [label]=\"button.text\"\n        [icon]=\"button.icon || ''\"\n        [class]=\"button.color\"\n        (click)=\"\n          button.isSubmit\n            ? onSubmit()\n            : button.isClear\n              ? onClear()\n              : button.action\n                ? button.action()\n                : null\n        \"\n      ></button>\n    </div>\n  </form>\n</div>\n", styles: [".pt-form-builder-wrapper{width:100%;margin:0 auto}.form-title{text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}::ng-deep .p-inputtext,::ng-deep .p-inputtextarea,::ng-deep .p-calendar,::ng-deep .p-inputnumber,::ng-deep .p-multiselect,::ng-deep .p-dropdown{width:100%!important}::ng-deep .p-inputnumber,::ng-deep p-inputnumber{display:flex!important}.button-group{display:flex;gap:1rem;margin-top:1rem;justify-content:space-between}.button-group button{flex:1;display:flex;align-items:center;justify-content:center}.button-group button i{margin-right:.5rem}.button-group button.p-button-primary{background-color:#007bff;color:#fff}.button-group button.p-button-secondary{background-color:#6c757d;color:#fff}.button-group button.p-button-success{background-color:#28a745;color:#fff}.button-group button:hover{opacity:.9}.form-field-group{display:flex;gap:1rem}.form-field-group .flex-item{flex:1}\n"], dependencies: [{ 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: PTDynamicFormFieldComponent, selector: "pt-dynamic-form-field", inputs: ["field", "form", "inputWidth"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTFormBuilderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pt-form-builder', template: "<div *ngIf=\"title\" [ngStyle]=\"titleStyle\" class=\"form-title\">{{ title }}</div>\n<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <ng-container *ngFor=\"let field of mainGroup.fields\">\n    <pt-dynamic-form-field\n      [field]=\"field\"\n      [form]=\"form\"\n      [inputWidth]=\"inputWidth\"\n    ></pt-dynamic-form-field>\n  </ng-container>\n\n  <ng-container *ngFor=\"let group of mainGroup.groups\">\n    <div class=\"form-field-group\" [ngStyle]=\"{ width: group.width || '100%' }\">\n      <ng-container *ngFor=\"let field of group.fields\">\n        <pt-dynamic-form-field\n          [field]=\"field\"\n          [form]=\"form\"\n          class=\"flex-item\"\n        ></pt-dynamic-form-field>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <div class=\"button-group\">\n    <button\n      *ngFor=\"let button of buttons\"\n      type=\"button\"\n      pButton\n      [label]=\"button.text\"\n      [icon]=\"button.icon || ''\"\n      [class]=\"button.color\"\n      (click)=\"\n        button.isSubmit\n          ? onSubmit()\n          : button.isClear\n          ? onClear()\n          : button.action\n          ? button.action()\n          : null\n      \"\n    ></button>\n  </div>\n</form>\n", styles: [".form-title{text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}::ng-deep .p-inputtext,::ng-deep .p-inputtextarea,::ng-deep .p-calendar,::ng-deep .p-inputnumber,::ng-deep .p-multiselect,::ng-deep .p-dropdown{width:100%!important}::ng-deep .p-inputnumber,::ng-deep p-inputnumber{display:flex!important}.button-group{display:flex;gap:1rem;margin-top:1rem;justify-content:space-between}.button-group button{flex:1;display:flex;align-items:center;justify-content:center}.button-group button i{margin-right:.5rem}.button-group button.p-button-primary{background-color:#007bff;color:#fff}.button-group button.p-button-secondary{background-color:#6c757d;color:#fff}.button-group button.p-button-success{background-color:#28a745;color:#fff}.button-group button:hover{opacity:.9}.form-field-group{display:flex;gap:1rem}.form-field-group .flex-item{flex:1}\n"] }]
+            args: [{ selector: 'pt-form-builder', template: "<div\n  class=\"pt-form-builder-wrapper\"\n  [ngStyle]=\"{ width: formWidth, maxWidth: formWidth }\"\n>\n  <div *ngIf=\"title\" [ngStyle]=\"titleStyle\" class=\"form-title\">{{ title }}</div>\n\n  <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n    <ng-container *ngFor=\"let field of mainGroup.fields\">\n      <pt-dynamic-form-field\n        [field]=\"field\"\n        [form]=\"form\"\n        [inputWidth]=\"inputWidth\"\n      ></pt-dynamic-form-field>\n    </ng-container>\n\n    <ng-container *ngFor=\"let group of mainGroup.groups\">\n      <div\n        class=\"form-field-group\"\n        [ngStyle]=\"{ width: group.width || '100%' }\"\n      >\n        <ng-container *ngFor=\"let field of group.fields\">\n          <pt-dynamic-form-field\n            [field]=\"field\"\n            [form]=\"form\"\n            [inputWidth]=\"inputWidth\"\n            class=\"flex-item\"\n          ></pt-dynamic-form-field>\n        </ng-container>\n      </div>\n    </ng-container>\n\n    <div class=\"button-group\">\n      <button\n        *ngFor=\"let button of buttons\"\n        type=\"button\"\n        pButton\n        [label]=\"button.text\"\n        [icon]=\"button.icon || ''\"\n        [class]=\"button.color\"\n        (click)=\"\n          button.isSubmit\n            ? onSubmit()\n            : button.isClear\n              ? onClear()\n              : button.action\n                ? button.action()\n                : null\n        \"\n      ></button>\n    </div>\n  </form>\n</div>\n", styles: [".pt-form-builder-wrapper{width:100%;margin:0 auto}.form-title{text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}::ng-deep .p-inputtext,::ng-deep .p-inputtextarea,::ng-deep .p-calendar,::ng-deep .p-inputnumber,::ng-deep .p-multiselect,::ng-deep .p-dropdown{width:100%!important}::ng-deep .p-inputnumber,::ng-deep p-inputnumber{display:flex!important}.button-group{display:flex;gap:1rem;margin-top:1rem;justify-content:space-between}.button-group button{flex:1;display:flex;align-items:center;justify-content:center}.button-group button i{margin-right:.5rem}.button-group button.p-button-primary{background-color:#007bff;color:#fff}.button-group button.p-button-secondary{background-color:#6c757d;color:#fff}.button-group button.p-button-success{background-color:#28a745;color:#fff}.button-group button:hover{opacity:.9}.form-field-group{display:flex;gap:1rem}.form-field-group .flex-item{flex:1}\n"] }]
         }], ctorParameters: () => [{ type: i2$1.FormBuilder }], propDecorators: { mainGroup: [{
                 type: Input
             }], buttons: [{
@@ -2561,6 +2566,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 type: Input
             }], inputWidth: [{
                 type: Input
+            }], formWidth: [{
+                type: Input
             }], language: [{
                 type: Input
             }], formSubmit: [{
@@ -4056,11 +4063,11 @@ class PTSideBarMenuComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTSideBarMenuComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTSideBarMenuComponent, selector: "pt-side-bar-menu", inputs: { menuConfig: "menuConfig" }, ngImport: i0, template: "<div class=\"pt-side-bar-menu\">\n  <pt-card\n    *ngIf=\"menuConfig.searchable\"\n    [config]=\"searchCardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <div class=\"search-input\">\n      <pt-text-input [formGroup]=\"formGroup\" [formField]=\"searchField\">\n      </pt-text-input>\n    </div>\n  </pt-card>\n\n  <pt-card\n    [config]=\"cardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <ul class=\"menu-list\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          recursiveMenu;\n          context: { $implicit: filteredMenus, level: 0 }\n        \"\n      ></ng-container>\n    </ul>\n  </pt-card>\n</div>\n\n<ng-template #recursiveMenu let-menus let-level=\"level\">\n  <ng-container *ngFor=\"let item of menus\">\n    <li\n      class=\"menu-item\"\n      [ngClass]=\"{\n        'menu-item-expanded': item.isExpanded,\n        'submenu-level-item': level > 0,\n      }\"\n      [attr.data-level]=\"level\"\n      [ngStyle]=\"getMenuItemStyles()\"\n    >\n      <!-- item without children -->\n      <a\n        *ngIf=\"!hasChildren(item)\"\n        [routerLink]=\"item.url\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n      </a>\n\n      <!-- item with children -->\n      <a\n        *ngIf=\"hasChildren(item)\"\n        href=\"#\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        (click)=\"toggleMenu(item, $event)\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n        <i [ngClass]=\"getChevronClass(item)\" class=\"chevron\"></i>\n      </a>\n\n      <div\n        class=\"submenu-wrapper\"\n        [class.expanded]=\"item.isExpanded\"\n        *ngIf=\"hasChildren(item)\"\n      >\n        <ul\n          class=\"submenu-list\"\n          [ngClass]=\"{\n            'submenu-list-root': level === 0,\n            'submenu-list-nested': level > 0,\n          }\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              recursiveMenu;\n              context: { $implicit: item.children, level: level + 1 }\n            \"\n          ></ng-container>\n        </ul>\n      </div>\n    </li>\n  </ng-container>\n</ng-template>\n", styles: [".pt-side-bar-menu .badge{background-color:#38bdf8;border-radius:5px;color:#fff;font-size:12px;margin-left:auto;padding:2px 8px}.pt-side-bar-menu .chevron{color:#8c8c8c;cursor:pointer;margin-left:auto}.pt-side-bar-menu .menu-item{position:relative}.pt-side-bar-menu .menu-link{align-items:center;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;margin-bottom:15px;padding:10px 15px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .menu-link:hover{background-color:#f1f1f1;color:#111}.pt-side-bar-menu .menu-link i{margin-right:10px}.pt-side-bar-menu .menu-list{list-style-type:none;padding:0;margin:0}.pt-side-bar-menu pt-card{transition:transform .3s ease-in-out,opacity .3s ease-in-out;display:block}.pt-side-bar-menu .sidebar-hidden{transform:translate(-100%);opacity:0}.pt-side-bar-menu .sidebar-menu{margin:0;padding:0;transition:transform .3s ease-in-out;width:250px}.pt-side-bar-menu .submenu-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.pt-side-bar-menu .submenu-wrapper.expanded{grid-template-rows:1fr}.pt-side-bar-menu .submenu-list{overflow:hidden;list-style-type:none;margin-top:5px;margin-bottom:0;position:relative}.pt-side-bar-menu .submenu-list-root{border-left:1px solid #e5e7eb;margin-left:23px;padding-left:25px;padding-top:5px;padding-bottom:5px}.pt-side-bar-menu .submenu-list-root:after{background-color:#e5e7eb;bottom:0;content:\"\";left:-1px;position:absolute;top:0;width:1px}.pt-side-bar-menu .submenu-list-nested{border-left:1px solid #2f3b46;margin-left:18px;padding-left:20px;padding-top:4px;padding-bottom:4px}.pt-side-bar-menu .submenu-item,.pt-side-bar-menu .submenu-level-item{padding:5px 0;position:relative}.pt-side-bar-menu .submenu-level-item:before{background-color:#e5e7eb;content:\"\";height:1px;left:-25px;position:absolute;top:22px;transform:translateY(-50%);width:25px}.pt-side-bar-menu .submenu-link{align-items:center;border-radius:5px;color:#666;display:flex;font-size:14px;padding:5px 10px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .submenu-link:hover{background-color:#f1f1f1;color:#000}.pt-side-bar-menu .submenu-title{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: PTCardComponent, selector: "pt-card", inputs: ["config"] }, { kind: "component", type: PTTextInputComponent, selector: "pt-text-input", inputs: ["formGroup", "formField"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTSideBarMenuComponent, selector: "pt-side-bar-menu", inputs: { menuConfig: "menuConfig" }, ngImport: i0, template: "<div class=\"pt-side-bar-menu\">\n  <pt-card\n    *ngIf=\"menuConfig.searchable\"\n    [config]=\"searchCardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <div class=\"search-input\">\n      <pt-text-input [formGroup]=\"formGroup\" [formField]=\"searchField\">\n      </pt-text-input>\n    </div>\n  </pt-card>\n\n  <pt-card\n    [config]=\"cardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <ul class=\"menu-list\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          recursiveMenu;\n          context: { $implicit: filteredMenus, level: 0 }\n        \"\n      ></ng-container>\n    </ul>\n  </pt-card>\n</div>\n\n<ng-template #recursiveMenu let-menus let-level=\"level\">\n  <ng-container *ngFor=\"let item of menus\">\n    <li\n      class=\"menu-item\"\n      [ngClass]=\"{\n        'menu-item-expanded': item.isExpanded,\n        'submenu-level-item': level > 0,\n      }\"\n      [attr.data-level]=\"level\"\n      [ngStyle]=\"getMenuItemStyles()\"\n    >\n      <!-- item without children -->\n      <a\n        *ngIf=\"!hasChildren(item)\"\n        [routerLink]=\"item.url\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n      </a>\n\n      <!-- item with children -->\n      <a\n        *ngIf=\"hasChildren(item)\"\n        href=\"#\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        (click)=\"toggleMenu(item, $event)\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n        <i [ngClass]=\"getChevronClass(item)\" class=\"chevron\"></i>\n      </a>\n\n      <div\n        class=\"submenu-wrapper\"\n        [class.expanded]=\"item.isExpanded\"\n        *ngIf=\"hasChildren(item)\"\n      >\n        <ul\n          class=\"submenu-list\"\n          [ngClass]=\"{\n            'submenu-list-root': level === 0,\n            'submenu-list-nested': level > 0,\n          }\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              recursiveMenu;\n              context: { $implicit: item.children, level: level + 1 }\n            \"\n          ></ng-container>\n        </ul>\n      </div>\n    </li>\n  </ng-container>\n</ng-template>\n", styles: [".pt-side-bar-menu .badge{background-color:#38bdf8;border-radius:5px;color:#fff;font-size:12px;margin-left:auto;padding:2px 8px}.pt-side-bar-menu .chevron{color:#8c8c8c;cursor:pointer;margin-left:auto}.pt-side-bar-menu .menu-item{position:relative}.pt-side-bar-menu .menu-link{align-items:center;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;margin-bottom:6px;padding:10px 15px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .menu-link:hover{background-color:#f1f1f1;color:#111}.pt-side-bar-menu .menu-link i{margin-right:10px}.pt-side-bar-menu .menu-list{list-style-type:none;padding:0;margin:0}.pt-side-bar-menu pt-card{transition:transform .3s ease-in-out,opacity .3s ease-in-out;display:block}.pt-side-bar-menu .sidebar-hidden{transform:translate(-100%);opacity:0}.pt-side-bar-menu .sidebar-menu{margin:0;padding:0;transition:transform .3s ease-in-out;width:250px}.pt-side-bar-menu .submenu-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;min-height:0}.pt-side-bar-menu .submenu-wrapper.expanded{grid-template-rows:1fr}.pt-side-bar-menu .submenu-wrapper:not(.expanded){margin:0!important;padding:0!important}.pt-side-bar-menu .submenu-list{overflow:hidden;min-height:0;list-style-type:none;margin-top:5px;margin-bottom:0;position:relative}.pt-side-bar-menu .submenu-wrapper:not(.expanded) .submenu-list{margin:0!important;padding-top:0!important;padding-bottom:0!important;border-left:none!important}.pt-side-bar-menu .submenu-list-root{border-left:1px solid #e5e7eb;margin-left:23px;padding-left:25px;padding-top:5px;padding-bottom:5px}.pt-side-bar-menu .submenu-list-root:after{background-color:#e5e7eb;bottom:0;content:\"\";left:-1px;position:absolute;top:0;width:1px}.pt-side-bar-menu .submenu-list-nested{border-left:1px solid #2f3b46;margin-left:18px;padding-left:20px;padding-top:4px;padding-bottom:4px}.pt-side-bar-menu .submenu-item,.pt-side-bar-menu .submenu-level-item{padding:5px 0;position:relative}.pt-side-bar-menu .submenu-level-item:before{background-color:#e5e7eb;content:\"\";height:1px;left:-25px;position:absolute;top:22px;transform:translateY(-50%);width:25px}.pt-side-bar-menu .submenu-link{align-items:center;border-radius:5px;color:#666;display:flex;font-size:14px;padding:5px 10px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .submenu-link:hover{background-color:#f1f1f1;color:#000}.pt-side-bar-menu .submenu-title{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: PTCardComponent, selector: "pt-card", inputs: ["config"] }, { kind: "component", type: PTTextInputComponent, selector: "pt-text-input", inputs: ["formGroup", "formField"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTSideBarMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pt-side-bar-menu', template: "<div class=\"pt-side-bar-menu\">\n  <pt-card\n    *ngIf=\"menuConfig.searchable\"\n    [config]=\"searchCardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <div class=\"search-input\">\n      <pt-text-input [formGroup]=\"formGroup\" [formField]=\"searchField\">\n      </pt-text-input>\n    </div>\n  </pt-card>\n\n  <pt-card\n    [config]=\"cardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <ul class=\"menu-list\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          recursiveMenu;\n          context: { $implicit: filteredMenus, level: 0 }\n        \"\n      ></ng-container>\n    </ul>\n  </pt-card>\n</div>\n\n<ng-template #recursiveMenu let-menus let-level=\"level\">\n  <ng-container *ngFor=\"let item of menus\">\n    <li\n      class=\"menu-item\"\n      [ngClass]=\"{\n        'menu-item-expanded': item.isExpanded,\n        'submenu-level-item': level > 0,\n      }\"\n      [attr.data-level]=\"level\"\n      [ngStyle]=\"getMenuItemStyles()\"\n    >\n      <!-- item without children -->\n      <a\n        *ngIf=\"!hasChildren(item)\"\n        [routerLink]=\"item.url\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n      </a>\n\n      <!-- item with children -->\n      <a\n        *ngIf=\"hasChildren(item)\"\n        href=\"#\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        (click)=\"toggleMenu(item, $event)\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n        <i [ngClass]=\"getChevronClass(item)\" class=\"chevron\"></i>\n      </a>\n\n      <div\n        class=\"submenu-wrapper\"\n        [class.expanded]=\"item.isExpanded\"\n        *ngIf=\"hasChildren(item)\"\n      >\n        <ul\n          class=\"submenu-list\"\n          [ngClass]=\"{\n            'submenu-list-root': level === 0,\n            'submenu-list-nested': level > 0,\n          }\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              recursiveMenu;\n              context: { $implicit: item.children, level: level + 1 }\n            \"\n          ></ng-container>\n        </ul>\n      </div>\n    </li>\n  </ng-container>\n</ng-template>\n", styles: [".pt-side-bar-menu .badge{background-color:#38bdf8;border-radius:5px;color:#fff;font-size:12px;margin-left:auto;padding:2px 8px}.pt-side-bar-menu .chevron{color:#8c8c8c;cursor:pointer;margin-left:auto}.pt-side-bar-menu .menu-item{position:relative}.pt-side-bar-menu .menu-link{align-items:center;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;margin-bottom:15px;padding:10px 15px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .menu-link:hover{background-color:#f1f1f1;color:#111}.pt-side-bar-menu .menu-link i{margin-right:10px}.pt-side-bar-menu .menu-list{list-style-type:none;padding:0;margin:0}.pt-side-bar-menu pt-card{transition:transform .3s ease-in-out,opacity .3s ease-in-out;display:block}.pt-side-bar-menu .sidebar-hidden{transform:translate(-100%);opacity:0}.pt-side-bar-menu .sidebar-menu{margin:0;padding:0;transition:transform .3s ease-in-out;width:250px}.pt-side-bar-menu .submenu-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.pt-side-bar-menu .submenu-wrapper.expanded{grid-template-rows:1fr}.pt-side-bar-menu .submenu-list{overflow:hidden;list-style-type:none;margin-top:5px;margin-bottom:0;position:relative}.pt-side-bar-menu .submenu-list-root{border-left:1px solid #e5e7eb;margin-left:23px;padding-left:25px;padding-top:5px;padding-bottom:5px}.pt-side-bar-menu .submenu-list-root:after{background-color:#e5e7eb;bottom:0;content:\"\";left:-1px;position:absolute;top:0;width:1px}.pt-side-bar-menu .submenu-list-nested{border-left:1px solid #2f3b46;margin-left:18px;padding-left:20px;padding-top:4px;padding-bottom:4px}.pt-side-bar-menu .submenu-item,.pt-side-bar-menu .submenu-level-item{padding:5px 0;position:relative}.pt-side-bar-menu .submenu-level-item:before{background-color:#e5e7eb;content:\"\";height:1px;left:-25px;position:absolute;top:22px;transform:translateY(-50%);width:25px}.pt-side-bar-menu .submenu-link{align-items:center;border-radius:5px;color:#666;display:flex;font-size:14px;padding:5px 10px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .submenu-link:hover{background-color:#f1f1f1;color:#000}.pt-side-bar-menu .submenu-title{margin-left:5px}\n"] }]
+            args: [{ selector: 'pt-side-bar-menu', template: "<div class=\"pt-side-bar-menu\">\n  <pt-card\n    *ngIf=\"menuConfig.searchable\"\n    [config]=\"searchCardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <div class=\"search-input\">\n      <pt-text-input [formGroup]=\"formGroup\" [formField]=\"searchField\">\n      </pt-text-input>\n    </div>\n  </pt-card>\n\n  <pt-card\n    [config]=\"cardConfig\"\n    [ngClass]=\"{ 'sidebar-hidden': !menuConfig.isVisible }\"\n  >\n    <ul class=\"menu-list\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          recursiveMenu;\n          context: { $implicit: filteredMenus, level: 0 }\n        \"\n      ></ng-container>\n    </ul>\n  </pt-card>\n</div>\n\n<ng-template #recursiveMenu let-menus let-level=\"level\">\n  <ng-container *ngFor=\"let item of menus\">\n    <li\n      class=\"menu-item\"\n      [ngClass]=\"{\n        'menu-item-expanded': item.isExpanded,\n        'submenu-level-item': level > 0,\n      }\"\n      [attr.data-level]=\"level\"\n      [ngStyle]=\"getMenuItemStyles()\"\n    >\n      <!-- item without children -->\n      <a\n        *ngIf=\"!hasChildren(item)\"\n        [routerLink]=\"item.url\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n      </a>\n\n      <!-- item with children -->\n      <a\n        *ngIf=\"hasChildren(item)\"\n        href=\"#\"\n        [class.menu-link]=\"level === 0\"\n        [class.submenu-link]=\"level > 0\"\n        (click)=\"toggleMenu(item, $event)\"\n        [ngStyle]=\"\n          level === 0 ? getMenuLinkStyles() : getSubMenuLinkStyles(level)\n        \"\n      >\n        <i [ngClass]=\"item.icon\"></i>\n        <span [class.submenu-title]=\"level > 0\">{{ item.label }}</span>\n        <span\n          *ngIf=\"item.badge\"\n          [ngStyle]=\"getBadgeStyles(item.badge)\"\n          class=\"badge\"\n        >\n          {{ item.badge.count }}\n        </span>\n        <i [ngClass]=\"getChevronClass(item)\" class=\"chevron\"></i>\n      </a>\n\n      <div\n        class=\"submenu-wrapper\"\n        [class.expanded]=\"item.isExpanded\"\n        *ngIf=\"hasChildren(item)\"\n      >\n        <ul\n          class=\"submenu-list\"\n          [ngClass]=\"{\n            'submenu-list-root': level === 0,\n            'submenu-list-nested': level > 0,\n          }\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              recursiveMenu;\n              context: { $implicit: item.children, level: level + 1 }\n            \"\n          ></ng-container>\n        </ul>\n      </div>\n    </li>\n  </ng-container>\n</ng-template>\n", styles: [".pt-side-bar-menu .badge{background-color:#38bdf8;border-radius:5px;color:#fff;font-size:12px;margin-left:auto;padding:2px 8px}.pt-side-bar-menu .chevron{color:#8c8c8c;cursor:pointer;margin-left:auto}.pt-side-bar-menu .menu-item{position:relative}.pt-side-bar-menu .menu-link{align-items:center;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;margin-bottom:6px;padding:10px 15px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .menu-link:hover{background-color:#f1f1f1;color:#111}.pt-side-bar-menu .menu-link i{margin-right:10px}.pt-side-bar-menu .menu-list{list-style-type:none;padding:0;margin:0}.pt-side-bar-menu pt-card{transition:transform .3s ease-in-out,opacity .3s ease-in-out;display:block}.pt-side-bar-menu .sidebar-hidden{transform:translate(-100%);opacity:0}.pt-side-bar-menu .sidebar-menu{margin:0;padding:0;transition:transform .3s ease-in-out;width:250px}.pt-side-bar-menu .submenu-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;min-height:0}.pt-side-bar-menu .submenu-wrapper.expanded{grid-template-rows:1fr}.pt-side-bar-menu .submenu-wrapper:not(.expanded){margin:0!important;padding:0!important}.pt-side-bar-menu .submenu-list{overflow:hidden;min-height:0;list-style-type:none;margin-top:5px;margin-bottom:0;position:relative}.pt-side-bar-menu .submenu-wrapper:not(.expanded) .submenu-list{margin:0!important;padding-top:0!important;padding-bottom:0!important;border-left:none!important}.pt-side-bar-menu .submenu-list-root{border-left:1px solid #e5e7eb;margin-left:23px;padding-left:25px;padding-top:5px;padding-bottom:5px}.pt-side-bar-menu .submenu-list-root:after{background-color:#e5e7eb;bottom:0;content:\"\";left:-1px;position:absolute;top:0;width:1px}.pt-side-bar-menu .submenu-list-nested{border-left:1px solid #2f3b46;margin-left:18px;padding-left:20px;padding-top:4px;padding-bottom:4px}.pt-side-bar-menu .submenu-item,.pt-side-bar-menu .submenu-level-item{padding:5px 0;position:relative}.pt-side-bar-menu .submenu-level-item:before{background-color:#e5e7eb;content:\"\";height:1px;left:-25px;position:absolute;top:22px;transform:translateY(-50%);width:25px}.pt-side-bar-menu .submenu-link{align-items:center;border-radius:5px;color:#666;display:flex;font-size:14px;padding:5px 10px;text-decoration:none;transition:background-color .2s,color .2s}.pt-side-bar-menu .submenu-link:hover{background-color:#f1f1f1;color:#000}.pt-side-bar-menu .submenu-title{margin-left:5px}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { menuConfig: [{
                 type: Input
             }] } });