@gloww/gloww 20.0.0-beta.41 → 20.0.0-beta.44

package/fesm2022/gloww-gloww.mjs

@@ -10,17 +10,25 @@ import { MAT_DIALOG_DATA, MatDialogTitle, MatDialogContent, MatDialogActions, Ma
 import { CdkScrollable } from '@angular/cdk/scrolling';
 import * as i2 from '@angular/router';
 import { NavigationEnd, RouterLink, RouterModule } from '@angular/router';
+import * as i4$1 from '@angular/material/button';
 import { MatButton, MatButtonModule } from '@angular/material/button';
 import * as i1$1 from '@angular/platform-browser';
 import * as i5 from '@kolkov/angular-editor';
 import { AngularEditorModule } from '@kolkov/angular-editor';
-import { switchMap, map, tap, filter, catchError, take, mergeMap, retryWhen, scan, delay, first, distinctUntilChanged, debounceTime } from 'rxjs/operators';
+import { switchMap, map, tap, filter, catchError, take, mergeMap, retryWhen, scan, delay, first, distinctUntilChanged, debounceTime, finalize } from 'rxjs/operators';
+import * as i9$1 from '@angular/material/sort';
 import { MatSort, MatSortModule } from '@angular/material/sort';
+import * as i7$1 from '@angular/material/paginator';
 import { MatPaginator, MatPaginatorIntl, MatPaginatorModule } from '@angular/material/paginator';
+import * as i10 from '@angular/material/table';
 import { MatColumnDef, MatTableDataSource, MatTable, MatHeaderCellDef, MatHeaderCell, MatCellDef, MatCell, MatHeaderRowDef, MatHeaderRow, MatRowDef, MatRow, MatTableModule } from '@angular/material/table';
+import * as i8$1 from '@angular/material/progress-spinner';
 import { MatProgressSpinner, MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i5$2 from '@angular/material/card';
 import { MatCard, MatCardContent, MatCardActions, MatCardHeader, MatCardTitle, MatCardModule } from '@angular/material/card';
+import * as i7 from '@angular/material/icon';
 import { MatIcon, MatIconModule } from '@angular/material/icon';
+import * as i6 from '@angular/material/input';
 import { MatError, MatFormField, MatInput, MatLabel, MatInputModule, MatSuffix } from '@angular/material/input';
 import * as i4 from '@ctrl/ngx-codemirror';
 import { CodemirrorModule, CodemirrorComponent } from '@ctrl/ngx-codemirror';
@@ -32,6 +40,7 @@ import { NgxMatDatetimePickerModule, NgxMatTimepickerComponent, NgxMatNativeDate
 import moment from 'moment';
 import * as i1$4 from '@ngx-translate/core';
 import { TranslateDefaultParser } from '@ngx-translate/core';
+import * as i9 from '@angular/material/select';
 import { MatSelect, MatOption, MatSelectModule } from '@angular/material/select';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { MatListItem, MatListItemIcon, MatListItemTitle } from '@angular/material/list';
@@ -48,6 +57,10 @@ import JSZip from 'jszip';
 import { MatAutocompleteTrigger, MatAutocomplete, MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MAT_DATE_LOCALE } from '@angular/material/core';
 import { AngularResizeEventModule } from 'angular-resize-event';
+import * as i5$1 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i8 from '@angular/material/radio';
+import { MatRadioModule } from '@angular/material/radio';
 
 const API_SERVER_URL = new InjectionToken('ApiServerUrl.config');
 const GLOWW_APPLI = new InjectionToken('GlowwAppli.config');
@@ -4164,6 +4177,518 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: GlowwI18nService }] });
 
+class AssignedUserTaskResponseDialogComponent {
+    constructor(formBuilder, dialogRef, data, sanitizer) {
+        this.formBuilder = formBuilder;
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.sanitizer = sanitizer;
+        this.externalWindowRef = null;
+        this.choiceFieldNames = [];
+        this.form = this.formBuilder.group({});
+    }
+    ngOnInit() {
+        this.initializeForm();
+        this.initializeExternalContent();
+    }
+    onCancel() {
+        this.externalWindowRef?.close();
+        this.dialogRef.close();
+    }
+    onSubmit() {
+        if (this.form.invalid) {
+            this.form.markAllAsTouched();
+            return;
+        }
+        this.dialogRef.close({ payload: this.buildPayload() });
+    }
+    reopenExternalWindow() {
+        if (!this.data.externalUrl) {
+            return;
+        }
+        this.externalWindowRef = window.open(this.data.externalUrl, '_blank', 'noopener,noreferrer');
+    }
+    control(name) {
+        return this.form.get(name);
+    }
+    choiceControlName(choice) {
+        return this.choiceFieldName(choice);
+    }
+    initializeForm() {
+        switch (this.data.mode) {
+            case 'single-choice':
+                this.form.addControl('choice', new UntypedFormControl(null, Validators.required));
+                break;
+            case 'multi-choice':
+                (this.data.choices ?? []).forEach(choice => {
+                    const fieldName = this.choiceFieldName(choice);
+                    this.choiceFieldNames.push(fieldName);
+                    this.form.addControl(fieldName, new UntypedFormControl(false));
+                });
+                break;
+            case 'adhoc':
+            case 'external':
+                (this.data.fields ?? []).forEach(field => {
+                    this.form.addControl(field.name, new UntypedFormControl(this.resolveDefaultValue(field), field.required ? Validators.required : null));
+                });
+                break;
+        }
+    }
+    initializeExternalContent() {
+        if (this.data.mode !== 'external' || !this.data.externalUrl) {
+            return;
+        }
+        if (this.data.externalOpenMode === 'window') {
+            this.reopenExternalWindow();
+            return;
+        }
+        this.externalSafeUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.data.externalUrl);
+    }
+    resolveDefaultValue(field) {
+        if (field.defaultValue !== undefined) {
+            return field.defaultValue;
+        }
+        const currentValue = this.data.currentVariables?.[field.name];
+        if (currentValue !== undefined) {
+            return currentValue;
+        }
+        return field.type === 'boolean' ? false : null;
+    }
+    buildPayload() {
+        const payload = {};
+        switch (this.data.mode) {
+            case 'single-choice': {
+                const selectedValue = this.form.getRawValue().choice;
+                const selectedChoice = (this.data.choices ?? []).find(choice => choice.value === selectedValue);
+                payload.response = selectedValue;
+                payload.choice = selectedValue;
+                payload.responseLabel = selectedChoice?.label ?? selectedValue;
+                if (selectedChoice?.fieldName) {
+                    payload[selectedChoice.fieldName] = true;
+                }
+                break;
+            }
+            case 'multi-choice': {
+                const selectedChoices = (this.data.choices ?? []).filter(choice => {
+                    const fieldName = this.choiceFieldName(choice);
+                    return !!this.form.getRawValue()[fieldName];
+                });
+                payload.responses = selectedChoices.map(choice => choice.value);
+                payload.choices = [...payload.responses];
+                payload.responseLabels = selectedChoices.map(choice => choice.label);
+                selectedChoices.forEach(choice => {
+                    payload[choice.fieldName ?? choice.value] = true;
+                });
+                break;
+            }
+            case 'adhoc':
+            case 'external':
+                Object.assign(payload, this.form.getRawValue());
+                break;
+        }
+        return payload;
+    }
+    choiceFieldName(choice) {
+        return choice.fieldName ?? `choice_${choice.value.replace(/[^a-zA-Z0-9_]/g, '_')}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AssignedUserTaskResponseDialogComponent, deps: [{ token: i1$3.UntypedFormBuilder }, { token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: AssignedUserTaskResponseDialogComponent, isStandalone: true, selector: "glw-assigned-user-task-response-dialog", ngImport: i0, template: "<h2 mat-dialog-title>{{ data.title }}</h2>\n\n<mat-dialog-content cdkScrollable>\n  @if (data.message) {\n    <div class=\"assigned-user-task-response-message\">{{ data.message }}</div>\n  }\n\n  <form [formGroup]=\"form\" class=\"assigned-user-task-response-form\">\n    @if (data.mode === 'single-choice') {\n      <mat-radio-group formControlName=\"choice\" class=\"assigned-user-task-response-choices\">\n        @for (choice of data.choices ?? []; track choice.value) {\n          <mat-radio-button [value]=\"choice.value\">{{ choice.label }}</mat-radio-button>\n        }\n      </mat-radio-group>\n    }\n\n    @if (data.mode === 'multi-choice') {\n      <div class=\"assigned-user-task-response-choices\">\n        @for (choice of data.choices ?? []; track choice.value) {\n          <mat-checkbox [formControlName]=\"choiceControlName(choice)\">\n            {{ choice.label }}\n          </mat-checkbox>\n        }\n      </div>\n    }\n\n    @if (data.mode === 'adhoc' || data.mode === 'external') {\n      <div class=\"assigned-user-task-response-fields\">\n        @for (field of data.fields ?? []; track field.name) {\n          <div class=\"assigned-user-task-response-field\">\n            @if (field.type === 'boolean') {\n              <mat-checkbox [formControlName]=\"field.name\">{{ field.label }}</mat-checkbox>\n            }\n\n            @if (field.type === 'text' || field.type === 'number' || field.type === 'textarea') {\n              <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                <mat-label>{{ field.label }}</mat-label>\n                @if (field.type === 'textarea') {\n                  <textarea\n                    matInput\n                    [formControlName]=\"field.name\"\n                    [rows]=\"field.rows ?? 4\"\n                    [placeholder]=\"field.placeholder ?? ''\"></textarea>\n                } @else {\n                  <input\n                    matInput\n                    [type]=\"field.type === 'number' ? 'number' : 'text'\"\n                    [formControlName]=\"field.name\"\n                    [placeholder]=\"field.placeholder ?? ''\" />\n                }\n              </mat-form-field>\n            }\n\n            @if (field.type === 'select') {\n              <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                <mat-label>{{ field.label }}</mat-label>\n                <mat-select [formControlName]=\"field.name\">\n                  @for (option of field.options ?? []; track option.value) {\n                    <mat-option [value]=\"option.value\">{{ option.label }}</mat-option>\n                  }\n                </mat-select>\n              </mat-form-field>\n            }\n\n            @if (field.type === 'date' || field.type === 'datetime') {\n              <label class=\"assigned-user-task-response-datetime-label\">{{ field.label }}</label>\n              <gloww-datetime\n                [mode]=\"field.type === 'date' ? 'date' : 'datetime'\"\n                [showSeconds]=\"field.type === 'datetime'\"\n                [formControlName]=\"field.name\"></gloww-datetime>\n            }\n          </div>\n        }\n      </div>\n    }\n\n    @if (data.mode === 'external' && data.externalOpenMode !== 'window' && externalSafeUrl) {\n      <div class=\"assigned-user-task-response-iframe-wrapper\">\n        <iframe class=\"assigned-user-task-response-iframe\" [src]=\"externalSafeUrl\" title=\"User task external response\"></iframe>\n      </div>\n    }\n\n    @if (data.mode === 'external' && data.externalOpenMode === 'window') {\n      <div class=\"assigned-user-task-response-window-message\">\n        {{ data.externalWindowMessage }}\n      </div>\n      <button mat-stroked-button type=\"button\" (click)=\"reopenExternalWindow()\">\n        <mat-icon>open_in_new</mat-icon>\n        {{ data.reopenExternalLabel }}\n      </button>\n    }\n  </form>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\">\n  <button mat-button type=\"button\" (click)=\"onCancel()\">{{ data.cancelLabel }}</button>\n  <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"onSubmit()\">\n    {{ data.mode === 'external' ? data.completeExternalLabel : data.submitLabel }}\n  </button>\n</mat-dialog-actions>\n", styles: [":host{display:block}.assigned-user-task-response-message{margin-bottom:16px;white-space:pre-wrap}.assigned-user-task-response-form{display:flex;flex-direction:column;gap:16px;min-width:min(640px,100vw - 64px)}.assigned-user-task-response-choices,.assigned-user-task-response-fields{display:flex;flex-direction:column;gap:12px}.assigned-user-task-response-field{display:flex;flex-direction:column;gap:8px}.assigned-user-task-response-datetime-label{font-weight:600}.assigned-user-task-response-iframe-wrapper{border:1px solid rgba(0,0,0,.12);border-radius:8px;overflow:hidden;min-height:60vh}.assigned-user-task-response-iframe{border:0;display:block;height:60vh;width:100%}.assigned-user-task-response-window-message{color:#000000b3}mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i8.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i8.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i9.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i9.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: DatetimeComponent, selector: "gloww-datetime", inputs: ["value", "display", "placeHolder", "mode", "showSeconds"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AssignedUserTaskResponseDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'glw-assigned-user-task-response-dialog', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        CdkScrollable,
+                        MatDialogTitle,
+                        MatDialogContent,
+                        MatDialogActions,
+                        MatButtonModule,
+                        MatCheckboxModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatRadioModule,
+                        MatSelectModule,
+                        DatetimeComponent
+                    ], template: "<h2 mat-dialog-title>{{ data.title }}</h2>\n\n<mat-dialog-content cdkScrollable>\n  @if (data.message) {\n    <div class=\"assigned-user-task-response-message\">{{ data.message }}</div>\n  }\n\n  <form [formGroup]=\"form\" class=\"assigned-user-task-response-form\">\n    @if (data.mode === 'single-choice') {\n      <mat-radio-group formControlName=\"choice\" class=\"assigned-user-task-response-choices\">\n        @for (choice of data.choices ?? []; track choice.value) {\n          <mat-radio-button [value]=\"choice.value\">{{ choice.label }}</mat-radio-button>\n        }\n      </mat-radio-group>\n    }\n\n    @if (data.mode === 'multi-choice') {\n      <div class=\"assigned-user-task-response-choices\">\n        @for (choice of data.choices ?? []; track choice.value) {\n          <mat-checkbox [formControlName]=\"choiceControlName(choice)\">\n            {{ choice.label }}\n          </mat-checkbox>\n        }\n      </div>\n    }\n\n    @if (data.mode === 'adhoc' || data.mode === 'external') {\n      <div class=\"assigned-user-task-response-fields\">\n        @for (field of data.fields ?? []; track field.name) {\n          <div class=\"assigned-user-task-response-field\">\n            @if (field.type === 'boolean') {\n              <mat-checkbox [formControlName]=\"field.name\">{{ field.label }}</mat-checkbox>\n            }\n\n            @if (field.type === 'text' || field.type === 'number' || field.type === 'textarea') {\n              <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                <mat-label>{{ field.label }}</mat-label>\n                @if (field.type === 'textarea') {\n                  <textarea\n                    matInput\n                    [formControlName]=\"field.name\"\n                    [rows]=\"field.rows ?? 4\"\n                    [placeholder]=\"field.placeholder ?? ''\"></textarea>\n                } @else {\n                  <input\n                    matInput\n                    [type]=\"field.type === 'number' ? 'number' : 'text'\"\n                    [formControlName]=\"field.name\"\n                    [placeholder]=\"field.placeholder ?? ''\" />\n                }\n              </mat-form-field>\n            }\n\n            @if (field.type === 'select') {\n              <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                <mat-label>{{ field.label }}</mat-label>\n                <mat-select [formControlName]=\"field.name\">\n                  @for (option of field.options ?? []; track option.value) {\n                    <mat-option [value]=\"option.value\">{{ option.label }}</mat-option>\n                  }\n                </mat-select>\n              </mat-form-field>\n            }\n\n            @if (field.type === 'date' || field.type === 'datetime') {\n              <label class=\"assigned-user-task-response-datetime-label\">{{ field.label }}</label>\n              <gloww-datetime\n                [mode]=\"field.type === 'date' ? 'date' : 'datetime'\"\n                [showSeconds]=\"field.type === 'datetime'\"\n                [formControlName]=\"field.name\"></gloww-datetime>\n            }\n          </div>\n        }\n      </div>\n    }\n\n    @if (data.mode === 'external' && data.externalOpenMode !== 'window' && externalSafeUrl) {\n      <div class=\"assigned-user-task-response-iframe-wrapper\">\n        <iframe class=\"assigned-user-task-response-iframe\" [src]=\"externalSafeUrl\" title=\"User task external response\"></iframe>\n      </div>\n    }\n\n    @if (data.mode === 'external' && data.externalOpenMode === 'window') {\n      <div class=\"assigned-user-task-response-window-message\">\n        {{ data.externalWindowMessage }}\n      </div>\n      <button mat-stroked-button type=\"button\" (click)=\"reopenExternalWindow()\">\n        <mat-icon>open_in_new</mat-icon>\n        {{ data.reopenExternalLabel }}\n      </button>\n    }\n  </form>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\">\n  <button mat-button type=\"button\" (click)=\"onCancel()\">{{ data.cancelLabel }}</button>\n  <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"onSubmit()\">\n    {{ data.mode === 'external' ? data.completeExternalLabel : data.submitLabel }}\n  </button>\n</mat-dialog-actions>\n", styles: [":host{display:block}.assigned-user-task-response-message{margin-bottom:16px;white-space:pre-wrap}.assigned-user-task-response-form{display:flex;flex-direction:column;gap:16px;min-width:min(640px,100vw - 64px)}.assigned-user-task-response-choices,.assigned-user-task-response-fields{display:flex;flex-direction:column;gap:12px}.assigned-user-task-response-field{display:flex;flex-direction:column;gap:8px}.assigned-user-task-response-datetime-label{font-weight:600}.assigned-user-task-response-iframe-wrapper{border:1px solid rgba(0,0,0,.12);border-radius:8px;overflow:hidden;min-height:60vh}.assigned-user-task-response-iframe{border:0;display:block;height:60vh;width:100%}.assigned-user-task-response-window-message{color:#000000b3}mat-form-field{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }, { type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1$1.DomSanitizer }] });
+
+class AssignedUserTasksComponent {
+    constructor(glowwService, authenticationService, i18n, dialog) {
+        this.glowwService = glowwService;
+        this.authenticationService = authenticationService;
+        this.i18n = i18n;
+        this.dialog = dialog;
+        this.displayedColumns = ['action', 'task', 'definition', 'status', 'message', 'assignment'];
+        this.dataSource = new MatTableDataSource([]);
+        this.loading = false;
+        this.errorMessage = '';
+    }
+    ngOnInit() {
+        this.dataSource.sortingDataAccessor = (item, property) => this.getSortValue(item, property);
+        this.dataSource.sort = this.sort;
+        this.loadAssignments();
+    }
+    ngAfterViewInit() {
+        this.dataSource.paginator = this.paginator;
+    }
+    t(key, fallback) {
+        return this.i18n.instant(key, fallback);
+    }
+    loadAssignments() {
+        const query = this.buildQuery();
+        this.loading = true;
+        this.errorMessage = '';
+        this.glowwService.searchBPMN2_UserTask_Assignment(query).pipe(catchError(error => {
+            this.errorMessage = error?.error?.message || error?.message || `${error}`;
+            return of([]);
+        }), finalize(() => {
+            this.loading = false;
+        })).subscribe((items) => {
+            this.dataSource.data = items ?? [];
+            if (this.paginator) {
+                this.dataSource.paginator = this.paginator;
+            }
+        });
+    }
+    async respondToTask(taskAssignment) {
+        const userTaskId = taskAssignment.UserTaskId ?? taskAssignment.IsCandidate?.USERTASKID;
+        if (!userTaskId) {
+            return;
+        }
+        this.respondingTaskId = userTaskId;
+        try {
+            const task = await firstValueFrom(this.glowwService.getBPMN2_UserTask(userTaskId));
+            const dialogData = this.buildDialogData(task);
+            const dialogRef = this.dialog.open(AssignedUserTaskResponseDialogComponent, {
+                width: 'min(960px, calc(100vw - 24px))',
+                maxWidth: 'calc(100vw - 24px)',
+                maxHeight: 'calc(100vh - 24px)',
+                disableClose: true,
+                autoFocus: false,
+                data: dialogData
+            });
+            const result = await firstValueFrom(dialogRef.afterClosed());
+            if (!result?.payload) {
+                return;
+            }
+            const currentUser = this.authenticationService.currentUserValue;
+            const payload = {
+                ...this.parseVariables(task.VARIABLES),
+                ...result.payload,
+                __Username: currentUser?.username ?? '',
+                __UserTaskId: userTaskId
+            };
+            const updatedTask = {
+                ...task,
+                Statut: 'RESPONDED',
+                RepliedBY: currentUser?.username ?? '',
+                VARIABLES: JSON.stringify(payload)
+            };
+            await firstValueFrom(this.glowwService.putBPMN2_UserTask(userTaskId, updatedTask));
+            this.loadAssignments();
+        }
+        catch (error) {
+            this.errorMessage = error?.error?.message || error?.message || `${error}`;
+        }
+        finally {
+            this.respondingTaskId = undefined;
+        }
+    }
+    getTaskLabel(taskAssignment) {
+        return taskAssignment.IsCandidate?.Title
+            || taskAssignment.IsCandidate?.DialogTitle
+            || `${this.t('GLOWW.USER_TASK', 'User task')} #${taskAssignment.UserTaskId ?? taskAssignment.AssignmentID}`;
+    }
+    getDefinitionLabel(taskAssignment) {
+        const execution = taskAssignment.IsCandidate?.HasAsExecutionStep?.HasAsExecution;
+        if (!execution?.DefinitionID) {
+            return '';
+        }
+        return execution.ProcessID
+            ? `${execution.DefinitionID} (${execution.ProcessID})`
+            : execution.DefinitionID;
+    }
+    getStatusLabel(taskAssignment) {
+        return taskAssignment.IsCandidate?.Statut
+            || taskAssignment.STATUT
+            || '';
+    }
+    getAssignmentLabel(taskAssignment) {
+        const type = taskAssignment.Responsible
+            ? this.t('GLOWW.RESPONSIBLE', 'Responsible')
+            : this.t('GLOWW.CANDIDATE', 'Candidate');
+        return `${taskAssignment.Domain ? `${taskAssignment.Domain}\\` : ''}${taskAssignment.Username ?? ''} (${type})`;
+    }
+    canRespond(taskAssignment) {
+        const status = this.getStatusLabel(taskAssignment).toUpperCase();
+        return !!(taskAssignment.UserTaskId ?? taskAssignment.IsCandidate?.USERTASKID)
+            && (status === '' || status === 'RUNNING');
+    }
+    buildQuery() {
+        const currentUser = this.authenticationService.currentUserValue;
+        const query = {};
+        if (currentUser?.username) {
+            query.Username = currentUser.username;
+        }
+        if (currentUser?.domain) {
+            query.Domain = currentUser.domain;
+        }
+        return query;
+    }
+    getSortValue(item, property) {
+        switch (property) {
+            case 'task':
+                return this.getTaskLabel(item).toLowerCase();
+            case 'definition':
+                return this.getDefinitionLabel(item).toLowerCase();
+            case 'status':
+                return this.getStatusLabel(item).toLowerCase();
+            case 'message':
+                return (item.IsCandidate?.MESSAGE ?? '').toLowerCase();
+            case 'assignment':
+                return this.getAssignmentLabel(item).toLowerCase();
+            default:
+                return item.AssignmentID ?? 0;
+        }
+    }
+    buildDialogData(task) {
+        const jsInfo = this.parseMaybeJson(task.JSINFO);
+        const formInfo = this.parseMaybeJson(task.Form);
+        const currentVariables = this.parseVariables(task.VARIABLES);
+        const fields = this.normalizeFields(jsInfo, formInfo, currentVariables);
+        const externalConfig = this.resolveExternalConfig(task, jsInfo, formInfo);
+        if (externalConfig) {
+            return {
+                mode: 'external',
+                title: task.DialogTitle || task.Title || this.t('GLOWW.RESPOND_TO_TASK', 'Respond to task'),
+                message: task.MESSAGE,
+                fields,
+                currentVariables,
+                externalUrl: externalConfig.url,
+                externalOpenMode: externalConfig.openMode,
+                submitLabel: this.t('COMMON.SAVE', 'Save'),
+                cancelLabel: this.t('COMMON.CANCEL', 'Cancel'),
+                reopenExternalLabel: this.t('GLOWW.REOPEN_EXTERNAL_FORM', 'Reopen external form'),
+                completeExternalLabel: this.t('GLOWW.COMPLETE_TASK', 'Complete task'),
+                externalWindowMessage: this.t('GLOWW.COMPLETE_EXTERNAL_FORM_THEN_VALIDATE', 'Complete the external form, then validate the task here.')
+            };
+        }
+        if ((task.FormType || '1') === '2') {
+            return {
+                mode: 'multi-choice',
+                title: task.DialogTitle || task.Title || this.t('GLOWW.RESPOND_TO_TASK', 'Respond to task'),
+                message: task.MESSAGE,
+                choices: this.parseChoices(task.CHOICES),
+                submitLabel: this.t('GLOWW.SUBMIT_RESPONSE', 'Submit response'),
+                cancelLabel: this.t('COMMON.CANCEL', 'Cancel'),
+                reopenExternalLabel: '',
+                completeExternalLabel: '',
+                externalWindowMessage: ''
+            };
+        }
+        if ((task.FormType || '1') === '1' && (task.CHOICES || '').trim()) {
+            return {
+                mode: 'single-choice',
+                title: task.DialogTitle || task.Title || this.t('GLOWW.RESPOND_TO_TASK', 'Respond to task'),
+                message: task.MESSAGE,
+                choices: this.parseChoices(task.CHOICES),
+                submitLabel: this.t('GLOWW.SUBMIT_RESPONSE', 'Submit response'),
+                cancelLabel: this.t('COMMON.CANCEL', 'Cancel'),
+                reopenExternalLabel: '',
+                completeExternalLabel: '',
+                externalWindowMessage: ''
+            };
+        }
+        return {
+            mode: 'adhoc',
+            title: task.DialogTitle || task.Title || this.t('GLOWW.RESPOND_TO_TASK', 'Respond to task'),
+            message: task.MESSAGE,
+            fields: fields.length > 0 ? fields : [{
+                    name: 'response',
+                    label: this.t('GLOWW.RESPONSE', 'Response'),
+                    type: 'textarea',
+                    rows: 6
+                }],
+            currentVariables,
+            submitLabel: this.t('GLOWW.SUBMIT_RESPONSE', 'Submit response'),
+            cancelLabel: this.t('COMMON.CANCEL', 'Cancel'),
+            reopenExternalLabel: '',
+            completeExternalLabel: '',
+            externalWindowMessage: ''
+        };
+    }
+    parseChoices(rawChoices) {
+        if (!rawChoices?.trim()) {
+            return [];
+        }
+        const parsedJson = this.parseMaybeJson(rawChoices);
+        if (Array.isArray(parsedJson)) {
+            return parsedJson
+                .map(choice => this.normalizeChoice(choice))
+                .filter((choice) => !!choice);
+        }
+        return rawChoices
+            .split(/\r?\n/)
+            .map(line => line.trim())
+            .filter(line => !!line)
+            .map(line => this.normalizeChoice(line))
+            .filter((choice) => !!choice);
+    }
+    normalizeChoice(choice) {
+        if (!choice && choice !== 0) {
+            return null;
+        }
+        if (typeof choice === 'object') {
+            const value = `${choice.value ?? choice.key ?? choice.id ?? choice.name ?? choice.label ?? choice}`;
+            const label = `${choice.label ?? choice.name ?? value}`;
+            return {
+                value,
+                label,
+                fieldName: choice.fieldName ?? choice.name
+            };
+        }
+        const text = `${choice}`.trim();
+        const match = text.match(/^([^|=;:]+)\s*[|=;:]\s*(.+)$/);
+        if (!match) {
+            return { value: text, label: text };
+        }
+        const value = match[1].trim();
+        const label = match[2].trim();
+        return {
+            value,
+            label,
+            fieldName: value.replace(/[^a-zA-Z0-9_]/g, '_')
+        };
+    }
+    parseMaybeJson(rawValue) {
+        if (!rawValue?.trim()) {
+            return null;
+        }
+        try {
+            return JSON.parse(rawValue);
+        }
+        catch {
+            return null;
+        }
+    }
+    parseVariables(rawValue) {
+        const parsed = this.parseMaybeJson(rawValue);
+        return parsed && typeof parsed === 'object' && !Array.isArray(parsed)
+            ? parsed
+            : {};
+    }
+    normalizeFields(jsInfo, formInfo, currentVariables) {
+        const rawFields = Array.isArray(jsInfo)
+            ? jsInfo
+            : Array.isArray(jsInfo?.fields)
+                ? jsInfo.fields
+                : Array.isArray(formInfo)
+                    ? formInfo
+                    : Array.isArray(formInfo?.fields)
+                        ? formInfo.fields
+                        : [];
+        return rawFields
+            .map((field) => this.normalizeField(field, currentVariables))
+            .filter((field) => !!field);
+    }
+    normalizeField(field, currentVariables) {
+        if (!field) {
+            return null;
+        }
+        if (typeof field === 'string') {
+            return {
+                name: field,
+                label: field,
+                type: 'text',
+                defaultValue: currentVariables[field]
+            };
+        }
+        const typeMap = {
+            string: 'text',
+            text: 'text',
+            textarea: 'textarea',
+            memo: 'textarea',
+            number: 'number',
+            integer: 'number',
+            bool: 'boolean',
+            boolean: 'boolean',
+            select: 'select',
+            choice: 'select',
+            date: 'date',
+            datetime: 'datetime'
+        };
+        const name = field.name ?? field.key ?? field.id;
+        if (!name) {
+            return null;
+        }
+        return {
+            name,
+            label: field.label ?? field.title ?? name,
+            type: typeMap[(field.type ?? 'text').toString().toLowerCase()] ?? 'text',
+            required: !!field.required,
+            rows: field.rows,
+            placeholder: field.placeholder,
+            defaultValue: currentVariables[name] ?? field.defaultValue ?? field.value,
+            options: Array.isArray(field.options)
+                ? field.options.map((option) => ({
+                    value: option?.value ?? option?.key ?? option,
+                    label: option?.label ?? option?.name ?? option?.value ?? option
+                }))
+                : undefined
+        };
+    }
+    resolveExternalConfig(task, jsInfo, formInfo) {
+        const configCandidate = [jsInfo, formInfo].find(candidate => candidate && typeof candidate === 'object' && !Array.isArray(candidate));
+        const directUrl = `${configCandidate?.url ?? configCandidate?.href ?? configCandidate?.externalUrl ?? task.Form ?? task.JSINFO ?? ''}`.trim();
+        if (!this.looksLikeUrl(directUrl)) {
+            return null;
+        }
+        const openModeValue = `${configCandidate?.openMode ?? configCandidate?.openIn ?? configCandidate?.target ?? ''}`.toLowerCase();
+        const openMode = configCandidate?.newWindow === true
+            || openModeValue === 'window'
+            || openModeValue === 'new-window'
+            || openModeValue === '_blank'
+            ? 'window'
+            : 'iframe';
+        return {
+            url: directUrl,
+            openMode
+        };
+    }
+    looksLikeUrl(value) {
+        return !!value && /^(https?:\/\/|\/)/i.test(value.trim());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AssignedUserTasksComponent, deps: [{ token: 'glowwService' }, { token: AuthenticationService }, { token: GlowwI18nService }, { token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: AssignedUserTasksComponent, isStandalone: true, selector: "glw-assigned-user-tasks", viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<mat-card class=\"assigned-user-tasks-card\" appearance=\"outlined\">\n  <mat-card-header class=\"assigned-user-tasks-header\">\n    <mat-card-title>{{ t('GLOWW.MY_ASSIGNED_TASKS', 'My assigned tasks') }}</mat-card-title>\n    <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"loadAssignments()\">\n      <mat-icon>refresh</mat-icon>\n      {{ t('COMMON.REFRESH', 'Refresh') }}\n    </button>\n  </mat-card-header>\n\n  <mat-card-content>\n    @if (errorMessage) {\n      <div class=\"assigned-user-tasks-error\">\n        {{ t('GLOWW.UNABLE_TO_QUERY', 'Unable to query') }}: {{ errorMessage }}\n      </div>\n    }\n\n    @if (loading) {\n      <div class=\"assigned-user-tasks-loading\">\n        <mat-spinner diameter=\"36\"></mat-spinner>\n      </div>\n    }\n\n    @if (!loading) {\n      <div class=\"assigned-user-tasks-table-wrapper\">\n        <table mat-table [dataSource]=\"dataSource\" matSort>\n          <ng-container matColumnDef=\"action\">\n            <th mat-header-cell *matHeaderCellDef></th>\n            <td mat-cell *matCellDef=\"let obj\">\n              <button\n                mat-stroked-button\n                color=\"primary\"\n                type=\"button\"\n                (click)=\"respondToTask(obj)\"\n                [disabled]=\"!canRespond(obj) || respondingTaskId === (obj.UserTaskId ?? obj.IsCandidate?.USERTASKID)\">\n                <i class=\"fal fa-reply\"></i>\n                {{ t('GLOWW.RESPOND', 'Respond') }}\n              </button>\n            </td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"task\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header=\"task\">{{ t('LISTS.TASK', 'Task') }}</th>\n            <td mat-cell *matCellDef=\"let obj\">{{ getTaskLabel(obj) }}</td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"definition\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header=\"definition\">{{ t('LISTS.DEFINITION_ID', 'Definition ID') }}</th>\n            <td mat-cell *matCellDef=\"let obj\">{{ getDefinitionLabel(obj) }}</td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"status\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header=\"status\">{{ t('LISTS.STATUS', 'Status') }}</th>\n            <td mat-cell *matCellDef=\"let obj\">{{ getStatusLabel(obj) }}</td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"message\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header=\"message\">{{ t('LISTS.MESSAGE', 'Message') }}</th>\n            <td mat-cell *matCellDef=\"let obj\">{{ obj.IsCandidate?.MESSAGE }}</td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"assignment\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header=\"assignment\">{{ t('LISTS.ASSIGNED_TO', 'Assigned to') }}</th>\n            <td mat-cell *matCellDef=\"let obj\">{{ getAssignmentLabel(obj) }}</td>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n          <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n        </table>\n      </div>\n\n      @if (!dataSource.data.length) {\n        <div class=\"assigned-user-tasks-empty\">\n          {{ t('GLOWW.NO_ASSIGNED_TASKS', 'No task is currently assigned to you.') }}\n        </div>\n      }\n    }\n  </mat-card-content>\n\n  <mat-card-actions>\n    <mat-paginator [pageSize]=\"10\" [pageSizeOptions]=\"[10, 20, 50, 100]\" [showFirstLastButtons]=\"true\"></mat-paginator>\n  </mat-card-actions>\n</mat-card>\n", styles: [":host{display:block}.assigned-user-tasks-card{margin:16px}.assigned-user-tasks-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px}.assigned-user-tasks-loading,.assigned-user-tasks-empty,.assigned-user-tasks-error{padding:16px 0}.assigned-user-tasks-table-wrapper{overflow:auto}table{width:100%}th:first-child,td:first-child{width:140px;white-space:nowrap}button[mat-stroked-button]{min-width:110px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i5$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$2.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i5$2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5$2.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5$2.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i7$1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i9$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i9$1.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i10.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i10.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i10.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i10.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i10.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i10.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i10.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i10.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i10.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i10.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AssignedUserTasksComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'glw-assigned-user-tasks', imports: [
+                        MatButtonModule,
+                        MatCardModule,
+                        MatIconModule,
+                        MatDialogModule,
+                        MatPaginatorModule,
+                        MatProgressSpinnerModule,
+                        MatSortModule,
+                        MatTableModule
+                    ], template: "<mat-card class=\"assigned-user-tasks-card\" appearance=\"outlined\">\n  <mat-card-header class=\"assigned-user-tasks-header\">\n    <mat-card-title>{{ t('GLOWW.MY_ASSIGNED_TASKS', 'My assigned tasks') }}</mat-card-title>\n    <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"loadAssignments()\">\n      <mat-icon>refresh</mat-icon>\n      {{ t('COMMON.REFRESH', 'Refresh') }}\n    </button>\n  </mat-card-header>\n\n  <mat-card-content>\n    @if (errorMessage) {\n      <div class=\"assigned-user-tasks-error\">\n        {{ t('GLOWW.UNABLE_TO_QUERY', 'Unable to query') }}: {{ errorMessage }}\n      </div>\n    }\n\n    @if (loading) {\n      <div class=\"assigned-user-tasks-loading\">\n        <mat-spinner diameter=\"36\"></mat-spinner>\n      </div>\n    }\n\n    @if (!loading) {\n      <div class=\"assigned-user-tasks-table-wrapper\">\n        <table mat-table [dataSource]=\"dataSource\" matSort>\n          <ng-container matColumnDef=\"action\">\n            <th mat-header-cell *matHeaderCellDef></th>\n            <td mat-cell *matCellDef=\"let obj\">\n              <button\n                mat-stroked-button\n                color=\"primary\"\n                type=\"button\"\n                (click)=\"respondToTask(obj)\"\n                [disabled]=\"!canRespond(obj) || respondingTaskId === (obj.UserTaskId ?? obj.IsCandidate?.USERTASKID)\">\n                <i class=\"fal fa-reply\"></i>\n                {{ t('GLOWW.RESPOND', 'Respond') }}\n              </button>\n            </td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"task\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header=\"task\">{{ t('LISTS.TASK', 'Task') }}</th>\n            <td mat-cell *matCellDef=\"let obj\">{{ getTaskLabel(obj) }}</td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"definition\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header=\"definition\">{{ t('LISTS.DEFINITION_ID', 'Definition ID') }}</th>\n            <td mat-cell *matCellDef=\"let obj\">{{ getDefinitionLabel(obj) }}</td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"status\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header=\"status\">{{ t('LISTS.STATUS', 'Status') }}</th>\n            <td mat-cell *matCellDef=\"let obj\">{{ getStatusLabel(obj) }}</td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"message\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header=\"message\">{{ t('LISTS.MESSAGE', 'Message') }}</th>\n            <td mat-cell *matCellDef=\"let obj\">{{ obj.IsCandidate?.MESSAGE }}</td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"assignment\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header=\"assignment\">{{ t('LISTS.ASSIGNED_TO', 'Assigned to') }}</th>\n            <td mat-cell *matCellDef=\"let obj\">{{ getAssignmentLabel(obj) }}</td>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n          <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n        </table>\n      </div>\n\n      @if (!dataSource.data.length) {\n        <div class=\"assigned-user-tasks-empty\">\n          {{ t('GLOWW.NO_ASSIGNED_TASKS', 'No task is currently assigned to you.') }}\n        </div>\n      }\n    }\n  </mat-card-content>\n\n  <mat-card-actions>\n    <mat-paginator [pageSize]=\"10\" [pageSizeOptions]=\"[10, 20, 50, 100]\" [showFirstLastButtons]=\"true\"></mat-paginator>\n  </mat-card-actions>\n</mat-card>\n", styles: [":host{display:block}.assigned-user-tasks-card{margin:16px}.assigned-user-tasks-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px}.assigned-user-tasks-loading,.assigned-user-tasks-empty,.assigned-user-tasks-error{padding:16px 0}.assigned-user-tasks-table-wrapper{overflow:auto}table{width:100%}th:first-child,td:first-child{width:140px;white-space:nowrap}button[mat-stroked-button]{min-width:110px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['glowwService']
+                }] }, { type: AuthenticationService }, { type: GlowwI18nService }, { type: i1$2.MatDialog }], propDecorators: { sort: [{
+                type: ViewChild,
+                args: [MatSort, { static: true }]
+            }], paginator: [{
+                type: ViewChild,
+                args: [MatPaginator]
+            }] } });
+
 class BaseCollectionComponent {
     constructor(_formBuilder) {
         this._formBuilder = _formBuilder;
@@ -4230,6 +4755,7 @@ const GLOWW_STANDALONE_DECLARATIONS = [
     SelectComponent,
     AutoCompleteComponent,
     DatetimeComponent,
+    AssignedUserTasksComponent,
     RouteDirective,
     CallbackDirective,
     FilterFormComponent
@@ -4314,6 +4840,7 @@ class GlowwModule {
             SelectComponent,
             AutoCompleteComponent,
             DatetimeComponent,
+            AssignedUserTasksComponent,
             RouteDirective,
             CallbackDirective,
             FilterFormComponent], exports: [UploadDocComponent,
@@ -4340,6 +4867,7 @@ class GlowwModule {
             SelectComponent,
             AutoCompleteComponent,
             DatetimeComponent,
+            AssignedUserTasksComponent,
             RouteDirective,
             CallbackDirective,
             FilterFormComponent, MatDatepickerModule,
@@ -4385,6 +4913,7 @@ class GlowwModule {
             SelectComponent,
             AutoCompleteComponent,
             DatetimeComponent,
+            AssignedUserTasksComponent,
             FilterFormComponent, MatDatepickerModule,
             NgxMatDatetimePickerModule,
             NgxMatNativeDateModule] }); }
@@ -4562,5 +5091,5 @@ class GlowwValidators {
  * Generated bundle index. Do not edit.
  */
 
-export { API_SERVER_URL, AdministratorGuard, AuthGuard, AuthenticationService, AuthenticationServiceConfig, AutoCompleteComponent, BaseCollectionComponent, CallbackDirective, ChangePasswordDlgComponent, CodeEditorComponent, ConfirmationComponent, ConfirmationModel, DatetimeComponent, DialogService, DisplayObjectsComponent, DownloadProgressComponent, DummyComponent, ErrorInterceptor, FileEditComponent, FileSinkDirective, FilterFormComponent, FolderService, FolderServiceConfig, FoldersComponent, GLOWW_APPLI, GLOWW_MODULE_EXPORTS, GLOWW_SECURITY_STANDALONE_DECLARATIONS, GLOWW_STANDALONE_DECLARATIONS, GlowwModule, GlowwSecurityModule, GlowwSecurityService, GlowwService, GlowwValidators, HasUnsavedDataGuard, HeaderComponent, HtmlEditorComponent, HtmlFormatPipe, JwtInterceptor, LoginComponent, MenuListItemComponent, NavService, PromptComponent, PromptModel, ResultTableComponent, RouteDirective, SafeHtmlPipe, SearchFormComponent, SecureAComponent, SecureImgComponent, SecurePipe, SelectComponent, SocialNetworkComponent, SocialNetworkDlgComponent, StagingInterceptor, UploadDocComponent, UploadFileComponent, UserMenuComponent, VersionCheckService, VoiceRecognitionService, provideGloww, provideGlowwSecurity };
+export { API_SERVER_URL, AdministratorGuard, AssignedUserTasksComponent, AuthGuard, AuthenticationService, AuthenticationServiceConfig, AutoCompleteComponent, BaseCollectionComponent, CallbackDirective, ChangePasswordDlgComponent, CodeEditorComponent, ConfirmationComponent, ConfirmationModel, DatetimeComponent, DialogService, DisplayObjectsComponent, DownloadProgressComponent, DummyComponent, ErrorInterceptor, FileEditComponent, FileSinkDirective, FilterFormComponent, FolderService, FolderServiceConfig, FoldersComponent, GLOWW_APPLI, GLOWW_MODULE_EXPORTS, GLOWW_SECURITY_STANDALONE_DECLARATIONS, GLOWW_STANDALONE_DECLARATIONS, GlowwModule, GlowwSecurityModule, GlowwSecurityService, GlowwService, GlowwValidators, HasUnsavedDataGuard, HeaderComponent, HtmlEditorComponent, HtmlFormatPipe, JwtInterceptor, LoginComponent, MenuListItemComponent, NavService, PromptComponent, PromptModel, ResultTableComponent, RouteDirective, SafeHtmlPipe, SearchFormComponent, SecureAComponent, SecureImgComponent, SecurePipe, SelectComponent, SocialNetworkComponent, SocialNetworkDlgComponent, StagingInterceptor, UploadDocComponent, UploadFileComponent, UserMenuComponent, VersionCheckService, VoiceRecognitionService, provideGloww, provideGlowwSecurity };
 //# sourceMappingURL=gloww-gloww.mjs.map