@corp-products/ui-components 0.0.1 → 1.0.1

package/esm2022/lib/form-components/components/switcher/switch.component.mjs

@@ -0,0 +1,34 @@
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { ToggleSwitchModule } from 'primeng/toggleswitch';
+import { FormsModule } from "@angular/forms";
+import * as i0 from "@angular/core";
+import * as i1 from "primeng/toggleswitch";
+import * as i2 from "@angular/forms";
+export class SwitchComponent {
+    constructor() {
+        this.checked = false;
+        this.onChange = new EventEmitter();
+    }
+    // checked: boolean = false;
+    sendUpdatedValue(value) {
+        if (value) {
+            this.onChange.emit(value.checked);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: SwitchComponent, isStandalone: true, selector: "stc-switch", inputs: { label: "label", key: "key", checked: "checked" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"flex items-center mr-2\">\r\n    <p-toggleswitch [(ngModel)]=\"checked\" [inputId]=\"key\" (onChange)=\"sendUpdatedValue($event)\" class=\"flex\">\r\n    </p-toggleswitch>\r\n    <label [for]=\"key\" class=\"text-[12px] mx-2\">{{label}}</label>\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i1.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "stc-switch", standalone: true, imports: [CommonModule, ToggleSwitchModule, FormsModule], template: "<div class=\"flex items-center mr-2\">\r\n    <p-toggleswitch [(ngModel)]=\"checked\" [inputId]=\"key\" (onChange)=\"sendUpdatedValue($event)\" class=\"flex\">\r\n    </p-toggleswitch>\r\n    <label [for]=\"key\" class=\"text-[12px] mx-2\">{{label}}</label>\r\n</div>" }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], key: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL2Zvcm0tY29tcG9uZW50cy9jb21wb25lbnRzL3N3aXRjaGVyL3N3aXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9mb3JtLWNvbXBvbmVudHMvY29tcG9uZW50cy9zd2l0Y2hlci9zd2l0Y2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBUzdDLE1BQU0sT0FBTyxlQUFlO0lBUDVCO1FBVVcsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN4QixhQUFRLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7S0FRdkU7SUFQQyw0QkFBNEI7SUFFNUIsZ0JBQWdCLENBQUMsS0FBVTtRQUN6QixJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3BDLENBQUM7SUFDSCxDQUFDOzhHQVhVLGVBQWU7a0dBQWYsZUFBZSxxS0NaNUIsNlFBSU0seURESU0sWUFBWSw4QkFBRSxrQkFBa0IsK1RBQUUsV0FBVzs7MkZBSTVDLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxrQkFBa0IsRUFBRSxXQUFXLENBQUM7OEJBSy9DLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcclxuaW1wb3J0IHsgVG9nZ2xlU3dpdGNoTW9kdWxlIH0gZnJvbSAncHJpbWVuZy90b2dnbGVzd2l0Y2gnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwic3RjLXN3aXRjaFwiLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVG9nZ2xlU3dpdGNoTW9kdWxlLCBGb3Jtc01vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9zd2l0Y2guY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybDogXCIuL3N3aXRjaC5jb21wb25lbnQuc2Nzc1wiXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTd2l0Y2hDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XHJcbiAgQElucHV0KCkga2V5OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoKSBvbkNoYW5nZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICAvLyBjaGVja2VkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIHNlbmRVcGRhdGVkVmFsdWUodmFsdWU6IGFueSkge1xyXG4gICAgaWYgKHZhbHVlKSB7XHJcbiAgICAgIHRoaXMub25DaGFuZ2UuZW1pdCh2YWx1ZS5jaGVja2VkKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIG1yLTJcIj5cclxuICAgIDxwLXRvZ2dsZXN3aXRjaCBbKG5nTW9kZWwpXT1cImNoZWNrZWRcIiBbaW5wdXRJZF09XCJrZXlcIiAob25DaGFuZ2UpPVwic2VuZFVwZGF0ZWRWYWx1ZSgkZXZlbnQpXCIgY2xhc3M9XCJmbGV4XCI+XHJcbiAgICA8L3AtdG9nZ2xlc3dpdGNoPlxyXG4gICAgPGxhYmVsIFtmb3JdPVwia2V5XCIgY2xhc3M9XCJ0ZXh0LVsxMnB4XSBteC0yXCI+e3tsYWJlbH19PC9sYWJlbD5cclxuPC9kaXY+Il19

package/esm2022/lib/form-components/index.mjs

@@ -0,0 +1,10 @@
+export * from "./components/input/input.component";
+export * from "./components/select/select.component";
+export * from "./components/date-picker/date-picker.component";
+export * from "./components/auto-complete/auto-complete.component";
+export * from "./components/select-button/select-button.component";
+export * from "./components/switcher/switch.component";
+export * from "./@utils/form-utils";
+export * from "./@utils/validations";
+export * from "./interfaces";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9mb3JtLWNvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyxvREFBb0QsQ0FBQztBQUNuRSxjQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9pbnB1dC9pbnB1dC5jb21wb25lbnRcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudFwiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyLmNvbXBvbmVudFwiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2F1dG8tY29tcGxldGUvYXV0by1jb21wbGV0ZS5jb21wb25lbnRcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9zZWxlY3QtYnV0dG9uL3NlbGVjdC1idXR0b24uY29tcG9uZW50XCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvc3dpdGNoZXIvc3dpdGNoLmNvbXBvbmVudFwiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9AdXRpbHMvZm9ybS11dGlsc1wiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9AdXRpbHMvdmFsaWRhdGlvbnNcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vaW50ZXJmYWNlc1wiO1xyXG4iXX0=

package/esm2022/lib/form-components/interfaces/index.mjs

@@ -0,0 +1,2 @@
+export * from "./label-value";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9mb3JtLWNvbXBvbmVudHMvaW50ZXJmYWNlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gXCIuL2xhYmVsLXZhbHVlXCI7XHJcbiJdfQ==

package/esm2022/lib/form-components/interfaces/label-value.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwtdmFsdWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9mb3JtLWNvbXBvbmVudHMvaW50ZXJmYWNlcy9sYWJlbC12YWx1ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBMYWJlbFZhbHVlPFQ+IHtcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIHZhbHVlOiBUIHwgYW55O1xyXG59XHJcbiJdfQ==

package/esm2022/lib/ico-moon-icon/ico-moon-icon.component.mjs

@@ -0,0 +1,41 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class IcoMoonIconComponent {
+    constructor() {
+        this.iconPathCount = 0;
+    }
+    get getPathCount() {
+        return Array.from({ length: this.iconPathCount }, (_, i) => i + 1);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: IcoMoonIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: IcoMoonIconComponent, isStandalone: true, selector: "app-ico-moon-card", inputs: { iconName: "iconName", iconClass: "iconClass", iconPathCount: "iconPathCount" }, ngImport: i0, template: `
+    <i [class]="iconName + ' ' + iconClass">
+      @for (path of getPathCount; track $index) {
+        <i [class]="iconName + ' path'+path"></i>
+      }
+    </i>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: IcoMoonIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-ico-moon-card',
+                    standalone: true,
+                    template: `
+    <i [class]="iconName + ' ' + iconClass">
+      @for (path of getPathCount; track $index) {
+        <i [class]="iconName + ' path'+path"></i>
+      }
+    </i>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { iconName: [{
+                type: Input,
+                args: [{ required: true }]
+            }], iconClass: [{
+                type: Input
+            }], iconPathCount: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvLW1vb24taWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9pY28tbW9vbi1pY29uL2ljby1tb29uLWljb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQWMxRSxNQUFNLE9BQU8sb0JBQW9CO0lBWmpDO1FBZVcsa0JBQWEsR0FBRyxDQUFDLENBQUM7S0FLNUI7SUFIQyxJQUFJLFlBQVk7UUFDZCxPQUFPLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ3JFLENBQUM7OEdBUFUsb0JBQW9CO2tHQUFwQixvQkFBb0IsdUtBVHRCOzs7Ozs7R0FNUjs7MkZBR1Usb0JBQW9CO2tCQVpoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUM7Ozs7OztHQU1SO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDs4QkFFNEIsUUFBUTtzQkFBbEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ2hCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1pY28tbW9vbi1jYXJkJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIHRlbXBsYXRlOmBcclxuICAgIDxpIFtjbGFzc109XCJpY29uTmFtZSArICcgJyArIGljb25DbGFzc1wiPlxyXG4gICAgICBAZm9yIChwYXRoIG9mIGdldFBhdGhDb3VudDsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgICAgPGkgW2NsYXNzXT1cImljb25OYW1lICsgJyBwYXRoJytwYXRoXCI+PC9pPlxyXG4gICAgICB9XHJcbiAgICA8L2k+XHJcbiAgYCxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgSWNvTW9vbkljb25Db21wb25lbnQge1xyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGljb25OYW1lITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGljb25DbGFzcyE6IHN0cmluZztcclxuICBASW5wdXQoKSBpY29uUGF0aENvdW50ID0gMDtcclxuXHJcbiAgZ2V0IGdldFBhdGhDb3VudCgpIHtcclxuICAgIHJldHVybiBBcnJheS5mcm9tKHsgbGVuZ3RoOiB0aGlzLmljb25QYXRoQ291bnQgfSwgKF8sIGkpID0+IGkgKyAxKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2022/lib/read-more/read-more.component.mjs

@@ -0,0 +1,30 @@
+import { Component, Input } from "@angular/core";
+import { SlicePipe } from "@angular/common";
+import { TranslateModule } from "@ngx-translate/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+export class ReadMoreComponent {
+    constructor() {
+        this.text = "";
+        this.styleClass = "";
+        this.maxCharacters = 100;
+        this.isExpanded = false;
+    }
+    toggleReadMore() {
+        this.isExpanded = !this.isExpanded;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ReadMoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ReadMoreComponent, isStandalone: true, selector: "app-read-more", inputs: { text: "text", styleClass: "styleClass", maxCharacters: "maxCharacters" }, ngImport: i0, template: "<p [class]=\"styleClass\">\r\n  {{ isExpanded ? text : (text | slice : 0 : maxCharacters) }}\r\n  @if (text.length > maxCharacters && !isExpanded) {\r\n    <span>...</span>\r\n  }\r\n  @if (isExpanded) {\r\n    <span>\r\n    {{ text | slice : maxCharacters + 1 : text.length }}\r\n  </span>\r\n  }\r\n  <br>\r\n  @if (text.length > maxCharacters) {\r\n    <span class=\"text-primary_light cursor-pointer\" (click)=\"toggleReadMore()\">\r\n     {{ isExpanded ? ('less' | translate) : ('more' | translate) }}\r\n    </span>\r\n  }\r\n</p>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: SlicePipe, name: "slice" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ReadMoreComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-read-more", standalone: true, imports: [TranslateModule, SlicePipe], template: "<p [class]=\"styleClass\">\r\n  {{ isExpanded ? text : (text | slice : 0 : maxCharacters) }}\r\n  @if (text.length > maxCharacters && !isExpanded) {\r\n    <span>...</span>\r\n  }\r\n  @if (isExpanded) {\r\n    <span>\r\n    {{ text | slice : maxCharacters + 1 : text.length }}\r\n  </span>\r\n  }\r\n  <br>\r\n  @if (text.length > maxCharacters) {\r\n    <span class=\"text-primary_light cursor-pointer\" (click)=\"toggleReadMore()\">\r\n     {{ isExpanded ? ('less' | translate) : ('more' | translate) }}\r\n    </span>\r\n  }\r\n</p>\r\n" }]
+        }], propDecorators: { text: [{
+                type: Input,
+                args: [{ required: true }]
+            }], styleClass: [{
+                type: Input
+            }], maxCharacters: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhZC1tb3JlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3JlYWQtbW9yZS9yZWFkLW1vcmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvcmVhZC1tb3JlL3JlYWQtbW9yZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7QUFTdEQsTUFBTSxPQUFPLGlCQUFpQjtJQVA5QjtRQVE2QixTQUFJLEdBQUcsRUFBRSxDQUFDO1FBQzVCLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFDaEIsa0JBQWEsR0FBRyxHQUFHLENBQUM7UUFDN0IsZUFBVSxHQUFHLEtBQUssQ0FBQztLQUtwQjtJQUhDLGNBQWM7UUFDWixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUNyQyxDQUFDOzhHQVJVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDZKQ1g5Qiw4aEJBaUJBLHlERFZZLGVBQWUsdUZBQUUsU0FBUzs7MkZBSXpCLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQzs4QkFLVixJQUFJO3NCQUE5QixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDaEIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7U2xpY2VQaXBlfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJhcHAtcmVhZC1tb3JlXCIsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbVHJhbnNsYXRlTW9kdWxlLCBTbGljZVBpcGVdLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vcmVhZC1tb3JlLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmw6IFwiLi9yZWFkLW1vcmUuY29tcG9uZW50LnNjc3NcIlxyXG59KVxyXG5leHBvcnQgY2xhc3MgUmVhZE1vcmVDb21wb25lbnQge1xyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHRleHQgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIHN0eWxlQ2xhc3MgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIG1heENoYXJhY3RlcnMgPSAxMDA7XHJcbiAgaXNFeHBhbmRlZCA9IGZhbHNlO1xyXG5cclxuICB0b2dnbGVSZWFkTW9yZSgpIHtcclxuICAgIHRoaXMuaXNFeHBhbmRlZCA9ICF0aGlzLmlzRXhwYW5kZWQ7XHJcbiAgfVxyXG59XHJcbiIsIjxwIFtjbGFzc109XCJzdHlsZUNsYXNzXCI+XHJcbiAge3sgaXNFeHBhbmRlZCA/IHRleHQgOiAodGV4dCB8IHNsaWNlIDogMCA6IG1heENoYXJhY3RlcnMpIH19XHJcbiAgQGlmICh0ZXh0Lmxlbmd0aCA+IG1heENoYXJhY3RlcnMgJiYgIWlzRXhwYW5kZWQpIHtcclxuICAgIDxzcGFuPi4uLjwvc3Bhbj5cclxuICB9XHJcbiAgQGlmIChpc0V4cGFuZGVkKSB7XHJcbiAgICA8c3Bhbj5cclxuICAgIHt7IHRleHQgfCBzbGljZSA6IG1heENoYXJhY3RlcnMgKyAxIDogdGV4dC5sZW5ndGggfX1cclxuICA8L3NwYW4+XHJcbiAgfVxyXG4gIDxicj5cclxuICBAaWYgKHRleHQubGVuZ3RoID4gbWF4Q2hhcmFjdGVycykge1xyXG4gICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXByaW1hcnlfbGlnaHQgY3Vyc29yLXBvaW50ZXJcIiAoY2xpY2spPVwidG9nZ2xlUmVhZE1vcmUoKVwiPlxyXG4gICAgIHt7IGlzRXhwYW5kZWQgPyAoJ2xlc3MnIHwgdHJhbnNsYXRlKSA6ICgnbW9yZScgfCB0cmFuc2xhdGUpIH19XHJcbiAgICA8L3NwYW4+XHJcbiAgfVxyXG48L3A+XHJcbiJdfQ==

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

@@ -0,0 +1,51 @@
+import { NgClass, NgTemplateOutlet } from "@angular/common";
+import { Component, EventEmitter, Input, Output, TemplateRef, ViewEncapsulation } from "@angular/core";
+import { PrimeTemplate } from "primeng/api";
+import { Drawer } from "primeng/drawer";
+import * as i0 from "@angular/core";
+export class SideBarComponent {
+    constructor() {
+        this.show = false;
+        this.closable = false;
+        this.dismissible = false;
+        this.closeOnEscape = false;
+        this.sidebarSize = "sm";
+        this.styleClass = "";
+        this.hide = new EventEmitter();
+        // eslint-disable-next-line @angular-eslint/no-output-on-prefix
+        this.onShow = new EventEmitter();
+    }
+    hideSidebar() {
+        this.show = false;
+        this.hide.emit(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SideBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: SideBarComponent, isStandalone: true, selector: "app-side-bar", inputs: { show: "show", title: "title", closable: "closable", dismissible: "dismissible", closeOnEscape: "closeOnEscape", sidebarSize: "sidebarSize", styleClass: "styleClass", contentTemplate: "contentTemplate", footerTemplate: "footerTemplate" }, outputs: { hide: "hide", onShow: "onShow" }, ngImport: i0, template: "<!-- TODO refactor position sidebar based on html dir-->\r\n<p-drawer\r\n  (onHide)=\"hideSidebar()\"\r\n  (onShow)=\"onShow.emit($event)\"\r\n  [(visible)]=\"show\"\r\n  [closable]=\"closable\"\r\n  [closeOnEscape]=\"closeOnEscape\"\r\n  [dismissible]=\"dismissible\"\r\n  [ngClass]=\"{ show: show }\"\r\n  [position]=\"'left'\"\r\n  appendTo=\"body\"\r\n  styleClass=\"p-drawer-{{ sidebarSize }} custom-content bg-white {{ styleClass }}\">\r\n  <ng-template pTemplate=\"header\">{{ title }}</ng-template>\r\n  @if (contentTemplate) {\r\n    <ng-template pTemplate=\"content\">\r\n      <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"footer\">\r\n      <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n    </ng-template>\r\n  }\r\n  <ng-template pTemplate=\"content\">\r\n    <ng-content id=\"side-content\"></ng-content>\r\n  </ng-template>\r\n</p-drawer>\r\n", styles: [".sidebar.show{min-width:550px}\n"], dependencies: [{ kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: Drawer, selector: "p-drawer", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SideBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-side-bar", standalone: true, imports: [PrimeTemplate, Drawer, NgClass, NgTemplateOutlet], encapsulation: ViewEncapsulation.None, template: "<!-- TODO refactor position sidebar based on html dir-->\r\n<p-drawer\r\n  (onHide)=\"hideSidebar()\"\r\n  (onShow)=\"onShow.emit($event)\"\r\n  [(visible)]=\"show\"\r\n  [closable]=\"closable\"\r\n  [closeOnEscape]=\"closeOnEscape\"\r\n  [dismissible]=\"dismissible\"\r\n  [ngClass]=\"{ show: show }\"\r\n  [position]=\"'left'\"\r\n  appendTo=\"body\"\r\n  styleClass=\"p-drawer-{{ sidebarSize }} custom-content bg-white {{ styleClass }}\">\r\n  <ng-template pTemplate=\"header\">{{ title }}</ng-template>\r\n  @if (contentTemplate) {\r\n    <ng-template pTemplate=\"content\">\r\n      <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"footer\">\r\n      <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n    </ng-template>\r\n  }\r\n  <ng-template pTemplate=\"content\">\r\n    <ng-content id=\"side-content\"></ng-content>\r\n  </ng-template>\r\n</p-drawer>\r\n", styles: [".sidebar.show{min-width:550px}\n"] }]
+        }], propDecorators: { show: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], dismissible: [{
+                type: Input
+            }], closeOnEscape: [{
+                type: Input
+            }], sidebarSize: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], hide: [{
+                type: Output
+            }], onShow: [{
+                type: Output
+            }], contentTemplate: [{
+                type: Input
+            }], footerTemplate: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXIvc2lkZS1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXIvc2lkZS1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQVV4QyxNQUFNLE9BQU8sZ0JBQWdCO0lBUjdCO1FBU1csU0FBSSxHQUFHLEtBQUssQ0FBQztRQUViLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFDdEIsZ0JBQVcsR0FBOEIsSUFBSSxDQUFDO1FBQzlDLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFDZixTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUM3QywrREFBK0Q7UUFDckQsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FRaEQ7SUFKQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFDbEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEIsQ0FBQzs4R0FqQlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IsNldDYjdCLCs3QkF5QkEsMEZEakJZLGFBQWEsdUZBQUUsTUFBTSwwWEFBRSxPQUFPLG9GQUFFLGdCQUFnQjs7MkZBSy9DLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLENBQUMsaUJBRzVDLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLElBQUk7c0JBQWIsTUFBTTtnQkFFRyxNQUFNO3NCQUFmLE1BQU07Z0JBQ0UsZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcywgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFByaW1lVGVtcGxhdGUgfSBmcm9tIFwicHJpbWVuZy9hcGlcIjtcclxuaW1wb3J0IHsgRHJhd2VyIH0gZnJvbSBcInByaW1lbmcvZHJhd2VyXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJhcHAtc2lkZS1iYXJcIixcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtQcmltZVRlbXBsYXRlLCBEcmF3ZXIsIE5nQ2xhc3MsIE5nVGVtcGxhdGVPdXRsZXRdLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2lkZS1iYXIuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybDogXCIuL3NpZGUtYmFyLmNvbXBvbmVudC5zY3NzXCIsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZUJhckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgc2hvdyA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2xvc2FibGUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBkaXNtaXNzaWJsZSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGNsb3NlT25Fc2NhcGUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzaWRlYmFyU2l6ZTogXCJzbVwiIHwgXCJtZFwiIHwgXCJsZ1wiIHwgXCJ4bFwiID0gXCJzbVwiO1xyXG4gIEBJbnB1dCgpIHN0eWxlQ2xhc3MgPSBcIlwiO1xyXG4gIEBPdXRwdXQoKSBoaWRlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW9uLXByZWZpeFxyXG4gIEBPdXRwdXQoKSBvblNob3cgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcbiAgQElucHV0KCkgY29udGVudFRlbXBsYXRlITogVGVtcGxhdGVSZWY8dW5rbm93bj47XHJcbiAgQElucHV0KCkgZm9vdGVyVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcclxuXHJcbiAgaGlkZVNpZGViYXIoKSB7XHJcbiAgICB0aGlzLnNob3cgPSBmYWxzZTtcclxuICAgIHRoaXMuaGlkZS5lbWl0KGZhbHNlKTtcclxuICB9XHJcbn1cclxuIiwiPCEtLSBUT0RPIHJlZmFjdG9yIHBvc2l0aW9uIHNpZGViYXIgYmFzZWQgb24gaHRtbCBkaXItLT5cclxuPHAtZHJhd2VyXHJcbiAgKG9uSGlkZSk9XCJoaWRlU2lkZWJhcigpXCJcclxuICAob25TaG93KT1cIm9uU2hvdy5lbWl0KCRldmVudClcIlxyXG4gIFsodmlzaWJsZSldPVwic2hvd1wiXHJcbiAgW2Nsb3NhYmxlXT1cImNsb3NhYmxlXCJcclxuICBbY2xvc2VPbkVzY2FwZV09XCJjbG9zZU9uRXNjYXBlXCJcclxuICBbZGlzbWlzc2libGVdPVwiZGlzbWlzc2libGVcIlxyXG4gIFtuZ0NsYXNzXT1cInsgc2hvdzogc2hvdyB9XCJcclxuICBbcG9zaXRpb25dPVwiJ2xlZnQnXCJcclxuICBhcHBlbmRUbz1cImJvZHlcIlxyXG4gIHN0eWxlQ2xhc3M9XCJwLWRyYXdlci17eyBzaWRlYmFyU2l6ZSB9fSBjdXN0b20tY29udGVudCBiZy13aGl0ZSB7eyBzdHlsZUNsYXNzIH19XCI+XHJcbiAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPnt7IHRpdGxlIH19PC9uZy10ZW1wbGF0ZT5cclxuICBAaWYgKGNvbnRlbnRUZW1wbGF0ZSkge1xyXG4gICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImNvbnRlbnRcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJmb290ZXJcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImZvb3RlclRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG4gIH1cclxuICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiY29udGVudFwiPlxyXG4gICAgPG5nLWNvbnRlbnQgaWQ9XCJzaWRlLWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuPC9wLWRyYXdlcj5cclxuIl19

package/esm2022/lib/user-autocomplete-card/user-autocomplete-card.component.mjs

@@ -0,0 +1,32 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
+import { AppButtonComponent } from "../app-button";
+import * as i0 from "@angular/core";
+export class UserAutocompleteCardComponent {
+    constructor() {
+        this.select = new EventEmitter();
+        this.delete = new EventEmitter();
+        this.explicitRole = "";
+        this.showDeleteAction = true;
+    }
+    onDelete() {
+        this.delete.emit(this.userData);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: UserAutocompleteCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: UserAutocompleteCardComponent, isStandalone: true, selector: "app-user-autocomplete-card", inputs: { userData: "userData", explicitRole: "explicitRole", showDeleteAction: "showDeleteAction" }, outputs: { select: "select", delete: "delete" }, ngImport: i0, template: "<div class=\"flex gap-2 items-center justify-between p-4 rounded mb-4 border border-dotted border-gray-300 bg-gray-100\">\r\n  <div class=\"flex gap-4 items-center\">\r\n    <img [alt]=\"userData.name\" [src]=\"userData.profileImage\" class=\"rounded-full object-cover w-[48px] h-[48px]\" />\r\n    <div class=\"flex flex-col justify-end\">\r\n      <h4 class=\"font-bold text-[12px] text-gray-800 truncate max-w-[135px] dir-ltr\">\r\n        {{ userData.name }}\r\n      </h4>\r\n      <p class=\"text-[12px] text-gray-700\">{{ explicitRole ? explicitRole : userData.position.name }}</p>\r\n    </div>\r\n  </div>\r\n  <div class=\"flex-1 flex flex-col items-end\">\r\n    <p class=\"text-[12px] text-purple-700 truncate max-w-[90px] dir-ltr\">{{ userData.email }}</p>\r\n    <p class=\"text-[12px] text-gray-600 dir-ltr\">{{ userData.contact.mobile }}</p>\r\n  </div>\r\n  @if (showDeleteAction){\r\n    <div class=\"flex gap-1 flex-nowrap\">\r\n      <app-button (clickEmitter)=\"onDelete()\" [rounded]=\"true\" [size]=\"'large'\" [text]=\"true\" icon=\"font-icon-trash\"/>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: AppButtonComponent, selector: "app-button", inputs: ["title", "class", "icon", "size", "style", "iconPos", "variant", "disabled", "text", "rounded"], outputs: ["clickEmitter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: UserAutocompleteCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-user-autocomplete-card", standalone: true, imports: [AppButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex gap-2 items-center justify-between p-4 rounded mb-4 border border-dotted border-gray-300 bg-gray-100\">\r\n  <div class=\"flex gap-4 items-center\">\r\n    <img [alt]=\"userData.name\" [src]=\"userData.profileImage\" class=\"rounded-full object-cover w-[48px] h-[48px]\" />\r\n    <div class=\"flex flex-col justify-end\">\r\n      <h4 class=\"font-bold text-[12px] text-gray-800 truncate max-w-[135px] dir-ltr\">\r\n        {{ userData.name }}\r\n      </h4>\r\n      <p class=\"text-[12px] text-gray-700\">{{ explicitRole ? explicitRole : userData.position.name }}</p>\r\n    </div>\r\n  </div>\r\n  <div class=\"flex-1 flex flex-col items-end\">\r\n    <p class=\"text-[12px] text-purple-700 truncate max-w-[90px] dir-ltr\">{{ userData.email }}</p>\r\n    <p class=\"text-[12px] text-gray-600 dir-ltr\">{{ userData.contact.mobile }}</p>\r\n  </div>\r\n  @if (showDeleteAction){\r\n    <div class=\"flex gap-1 flex-nowrap\">\r\n      <app-button (clickEmitter)=\"onDelete()\" [rounded]=\"true\" [size]=\"'large'\" [text]=\"true\" icon=\"font-icon-trash\"/>\r\n    </div>\r\n  }\r\n</div>\r\n" }]
+        }], propDecorators: { select: [{
+                type: Output
+            }], delete: [{
+                type: Output
+            }], userData: [{
+                type: Input,
+                args: [{ required: true }]
+            }], explicitRole: [{
+                type: Input
+            }], showDeleteAction: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1hdXRvY29tcGxldGUtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi91c2VyLWF1dG9jb21wbGV0ZS1jYXJkL3VzZXItYXV0b2NvbXBsZXRlLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvdXNlci1hdXRvY29tcGxldGUtY2FyZC91c2VyLWF1dG9jb21wbGV0ZS1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVVuRCxNQUFNLE9BQU8sNkJBQTZCO0lBUjFDO1FBU1ksV0FBTSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDakMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFFbEMsaUJBQVksR0FBRyxFQUFFLENBQUM7UUFDbEIscUJBQWdCLEdBQUcsSUFBSSxDQUFDO0tBSWxDO0lBSEMsUUFBUTtRQUNOLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNsQyxDQUFDOzhHQVJVLDZCQUE2QjtrR0FBN0IsNkJBQTZCLDZPQ1gxQyx5bENBb0JBLDBERGRZLGtCQUFrQjs7MkZBS2pCLDZCQUE2QjtrQkFSekMsU0FBUzsrQkFDRSw0QkFBNEIsY0FDMUIsSUFBSSxXQUNQLENBQUMsa0JBQWtCLENBQUMsbUJBR1osdUJBQXVCLENBQUMsTUFBTTs4QkFHckMsTUFBTTtzQkFBZixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFDb0IsUUFBUTtzQkFBbEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ2hCLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQXBwQnV0dG9uQ29tcG9uZW50IH0gZnJvbSBcIi4uL2FwcC1idXR0b25cIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcImFwcC11c2VyLWF1dG9jb21wbGV0ZS1jYXJkXCIsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQXBwQnV0dG9uQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogXCIuL3VzZXItYXV0b2NvbXBsZXRlLWNhcmQuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybDogXCIuL3VzZXItYXV0b2NvbXBsZXRlLWNhcmQuY29tcG9uZW50LnNjc3NcIixcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVXNlckF1dG9jb21wbGV0ZUNhcmRDb21wb25lbnQge1xyXG4gIEBPdXRwdXQoKSBzZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBAT3V0cHV0KCkgZGVsZXRlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgdXNlckRhdGE6IGFueTtcclxuICBASW5wdXQoKSBleHBsaWNpdFJvbGUgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIHNob3dEZWxldGVBY3Rpb24gPSB0cnVlO1xyXG4gIG9uRGVsZXRlKCkge1xyXG4gICAgdGhpcy5kZWxldGUuZW1pdCh0aGlzLnVzZXJEYXRhKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZsZXggZ2FwLTIgaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlbiBwLTQgcm91bmRlZCBtYi00IGJvcmRlciBib3JkZXItZG90dGVkIGJvcmRlci1ncmF5LTMwMCBiZy1ncmF5LTEwMFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC00IGl0ZW1zLWNlbnRlclwiPlxyXG4gICAgPGltZyBbYWx0XT1cInVzZXJEYXRhLm5hbWVcIiBbc3JjXT1cInVzZXJEYXRhLnByb2ZpbGVJbWFnZVwiIGNsYXNzPVwicm91bmRlZC1mdWxsIG9iamVjdC1jb3ZlciB3LVs0OHB4XSBoLVs0OHB4XVwiIC8+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbCBqdXN0aWZ5LWVuZFwiPlxyXG4gICAgICA8aDQgY2xhc3M9XCJmb250LWJvbGQgdGV4dC1bMTJweF0gdGV4dC1ncmF5LTgwMCB0cnVuY2F0ZSBtYXgtdy1bMTM1cHhdIGRpci1sdHJcIj5cclxuICAgICAgICB7eyB1c2VyRGF0YS5uYW1lIH19XHJcbiAgICAgIDwvaDQ+XHJcbiAgICAgIDxwIGNsYXNzPVwidGV4dC1bMTJweF0gdGV4dC1ncmF5LTcwMFwiPnt7IGV4cGxpY2l0Um9sZSA/IGV4cGxpY2l0Um9sZSA6IHVzZXJEYXRhLnBvc2l0aW9uLm5hbWUgfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiZmxleC0xIGZsZXggZmxleC1jb2wgaXRlbXMtZW5kXCI+XHJcbiAgICA8cCBjbGFzcz1cInRleHQtWzEycHhdIHRleHQtcHVycGxlLTcwMCB0cnVuY2F0ZSBtYXgtdy1bOTBweF0gZGlyLWx0clwiPnt7IHVzZXJEYXRhLmVtYWlsIH19PC9wPlxyXG4gICAgPHAgY2xhc3M9XCJ0ZXh0LVsxMnB4XSB0ZXh0LWdyYXktNjAwIGRpci1sdHJcIj57eyB1c2VyRGF0YS5jb250YWN0Lm1vYmlsZSB9fTwvcD5cclxuICA8L2Rpdj5cclxuICBAaWYgKHNob3dEZWxldGVBY3Rpb24pe1xyXG4gICAgPGRpdiBjbGFzcz1cImZsZXggZ2FwLTEgZmxleC1ub3dyYXBcIj5cclxuICAgICAgPGFwcC1idXR0b24gKGNsaWNrRW1pdHRlcik9XCJvbkRlbGV0ZSgpXCIgW3JvdW5kZWRdPVwidHJ1ZVwiIFtzaXplXT1cIidsYXJnZSdcIiBbdGV4dF09XCJ0cnVlXCIgaWNvbj1cImZvbnQtaWNvbi10cmFzaFwiLz5cclxuICAgIDwvZGl2PlxyXG4gIH1cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/user-info/user-info.component.mjs

@@ -0,0 +1,15 @@
+import { Component, Input } from "@angular/core";
+import * as i0 from "@angular/core";
+export class UserInfoComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: UserInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: UserInfoComponent, isStandalone: true, selector: "user-info", inputs: { profileImage: "profileImage", name: "name" }, ngImport: i0, template: "<div class=\"flex items-center gap-2\">\r\n  <img\r\n    [alt]=\"name\"\r\n    [src]=\"profileImage\"\r\n    class=\"rounded-full object-cover w-[24px] h-[24px]\"\r\n    height=\"24\"\r\n    width=\"24\"\r\n  />\r\n  <p class=\"text-[14px]\">{{ name }}</p>\r\n</div>\r\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: UserInfoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "user-info", standalone: true, template: "<div class=\"flex items-center gap-2\">\r\n  <img\r\n    [alt]=\"name\"\r\n    [src]=\"profileImage\"\r\n    class=\"rounded-full object-cover w-[24px] h-[24px]\"\r\n    height=\"24\"\r\n    width=\"24\"\r\n  />\r\n  <p class=\"text-[14px]\">{{ name }}</p>\r\n</div>\r\n" }]
+        }], propDecorators: { profileImage: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1pbmZvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3VzZXItaW5mby91c2VyLWluZm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvdXNlci1pbmZvL3VzZXItaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPakQsTUFBTSxPQUFPLGlCQUFpQjs4R0FBakIsaUJBQWlCO2tHQUFqQixpQkFBaUIsNkhDUDlCLGdSQVVBOzsyRkRIYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVyxjQUVULElBQUk7OEJBR1AsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInVzZXItaW5mb1wiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vdXNlci1pbmZvLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVXNlckluZm9Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHByb2ZpbGVJbWFnZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTJcIj5cclxuICA8aW1nXHJcbiAgICBbYWx0XT1cIm5hbWVcIlxyXG4gICAgW3NyY109XCJwcm9maWxlSW1hZ2VcIlxyXG4gICAgY2xhc3M9XCJyb3VuZGVkLWZ1bGwgb2JqZWN0LWNvdmVyIHctWzI0cHhdIGgtWzI0cHhdXCJcclxuICAgIGhlaWdodD1cIjI0XCJcclxuICAgIHdpZHRoPVwiMjRcIlxyXG4gIC8+XHJcbiAgPHAgY2xhc3M9XCJ0ZXh0LVsxNHB4XVwiPnt7IG5hbWUgfX08L3A+XHJcbjwvZGl2PlxyXG4iXX0=