mstate-angular 0.4.6 → 0.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/esm2022/lib/action-form/action-form.component.mjs +5 -4
  2. package/esm2022/lib/components/action-card/action-card.component.mjs +3 -3
  3. package/esm2022/lib/components/button/button.component.mjs +3 -3
  4. package/esm2022/lib/components/error-card/error-card.component.mjs +3 -3
  5. package/esm2022/lib/components/loader/loader.component.mjs +3 -3
  6. package/esm2022/lib/components/workflow-end-card/workflow-end-card.component.mjs +2 -2
  7. package/esm2022/lib/mstate-angular/mstate-angular.component.mjs +3 -3
  8. package/esm2022/lib/mstate-angular.helper.mjs +4 -1
  9. package/fesm2022/mstate-angular.mjs +19 -15
  10. package/fesm2022/mstate-angular.mjs.map +1 -1
  11. package/package.json +1 -1
package/esm2022/lib/mstate-angular.helper.mjs CHANGED
@@ -38,6 +38,9 @@ export class MstateAngularHelper {
38
38
  }
39
39
  }
40
40
  checkInputError(form, key) {
41
+ if (!form || !form.controls) {
42
+ return { isError: false, message: '' };
43
+ }
41
44
  const formData = form.controls[key] ?? {};
42
45
  switch ((formData.status === 'INVALID' && formData.touched) ||
43
46
  (formData.status === 'INVALID' && formData.dirty)) {
@@ -62,4 +65,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
62
65
  providedIn: 'root',
63
66
  }]
64
67
  }] });
65
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXN0YXRlLWFuZ3VsYXIuaGVscGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbXN0YXRlLWFuZ3VsYXIvc3JjL2xpYi9tc3RhdGUtYW5ndWxhci5oZWxwZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFFMUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFNMUMsTUFBTSxPQUFPLG1CQUFtQjtJQUM5QixZQUFZLENBQUMsTUFBcUIsRUFBRSxJQUFjO1FBQ2hELEtBQUssTUFBTSxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7WUFDdkIsSUFBSSxNQUFNLENBQUMsR0FBRyxDQUFDLElBQUksTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLFlBQVksS0FBSyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsYUFBYTtnQkFDdkUsT0FBTyxJQUFJLENBQUM7UUFDaEIsQ0FBQztRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVELFlBQVksQ0FBQyxNQUFjLEVBQUU7UUFDM0IsT0FBTyxHQUFHLENBQUMsV0FBVyxFQUFFLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBRUQsY0FBYyxDQUFJLEdBQVEsRUFBRSxNQUFjO1FBQ3hDLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBRTdDLElBQUksR0FBRyxHQUFRLEdBQUcsQ0FBQztRQUNuQixLQUFLLE1BQU0sR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ3ZCLEdBQUcsR0FBRyxHQUFHLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNuQixDQUFDO1FBRUQsT0FBTyxHQUFvQixDQUFDO0lBQzlCLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBc0I7UUFDaEMsT0FBUSxJQUFhLEVBQUUsTUFBTSxLQUFLLFNBQVMsQ0FBQztJQUM5QyxDQUFDO0lBRUQsa0JBQWtCLENBQUMsTUFBaUI7UUFDbEMsUUFBUSxNQUFNLEVBQUUsQ0FBQztZQUNmLEtBQUssU0FBUyxDQUFDLFFBQVEsQ0FBQztZQUN4QixLQUFLLFNBQVMsQ0FBQyxTQUFTLENBQUM7WUFDekIsS0FBSyxTQUFTLENBQUMsV0FBVyxDQUFDO1lBQzNCLEtBQUssU0FBUyxDQUFDLFNBQVMsQ0FBQztZQUN6QixLQUFLLFNBQVMsQ0FBQyxVQUFVLENBQUM7WUFDMUIsS0FBSyxTQUFTLENBQUMsV0FBVyxDQUFDO1lBQzNCLEtBQUssU0FBUyxDQUFDLFdBQVc7Z0JBQ3hCLE9BQU8sSUFBSSxDQUFDO1lBRWQ7Z0JBQ0UsT0FBTyxLQUFLLENBQUM7UUFDakIsQ0FBQztJQUNILENBQUM7SUFFRCxlQUFlLENBQUMsSUFBZSxFQUFFLEdBQVc7UUFDMUMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUFFLENBQUM7UUFFMUMsUUFDRSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEtBQUssU0FBUyxJQUFJLFFBQVEsQ0FBQyxPQUFPLENBQUM7WUFDbkQsQ0FBQyxRQUFRLENBQUMsTUFBTSxLQUFLLFNBQVMsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLEVBQ2pELENBQUM7WUFDRCxLQUFLLElBQUk7Z0JBQ1AsT0FBTztvQkFDTCxPQUFPLEVBQUUsSUFBSTtvQkFDYixPQUFPLEVBQUUsR0FBRyxHQUFHLGNBQWM7aUJBQzlCLENBQUM7WUFDSjtnQkFDRSxPQUFPO29CQUNMLE9BQU8sRUFBRSxLQUFLO29CQUNkLE9BQU8sRUFBRSxFQUFFO2lCQUNaLENBQUM7UUFDTixDQUFDO0lBQ0gsQ0FBQzsrR0EvRFUsbUJBQW1CO21IQUFuQixtQkFBbUIsY0FGbEIsTUFBTTs7NEZBRVAsbUJBQW1CO2tCQUgvQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN0ZXAsIFVzZXJJbnB1dCB9IGZyb20gJy4vaW50ZXJmYWNlcy9pbnRlcmZhY2UnO1xuaW1wb3J0IHsgRmllbGRUeXBlIH0gZnJvbSAnLi9jb21tb24vZW51bSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBNc3RhdGVBbmd1bGFySGVscGVyIHtcbiAgZGV0ZWN0Q2hhbmdlKGNoYW5nZTogU2ltcGxlQ2hhbmdlcywga2V5czogc3RyaW5nW10pIHtcbiAgICBmb3IgKGNvbnN0IGtleSBvZiBrZXlzKSB7XG4gICAgICBpZiAoY2hhbmdlW2tleV0gJiYgY2hhbmdlW2tleV0uY3VycmVudFZhbHVlICE9PSBjaGFuZ2Vba2V5XS5wcmV2aW91c1ZhbHVlKVxuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG5cbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cblxuICBmb3JtYXRTdHJpbmcoc3RyOiBzdHJpbmcgPSAnJykge1xuICAgIHJldHVybiBzdHIudG9VcHBlckNhc2UoKS5yZXBsYWNlKC9fL2dpLCAnICcpO1xuICB9XG5cbiAgZ2V0T2JqZWN0VmFsdWU8VD4ob2JqOiBhbnksIHRhcmdldDogc3RyaW5nKSB7XG4gICAgY29uc3Qga2V5cyA9IHRhcmdldCA/IHRhcmdldC5zcGxpdCgnLicpIDogW107XG5cbiAgICBsZXQgY3VyOiBhbnkgPSBvYmo7XG4gICAgZm9yIChjb25zdCBrZXkgb2Yga2V5cykge1xuICAgICAgY3VyID0gY3VyPy5ba2V5XTtcbiAgICB9XG5cbiAgICByZXR1cm4gY3VyIGFzIFQgfCB1bmRlZmluZWQ7XG4gIH1cblxuICBjaGVja0lzU3RlcChzdGVwOiBTdGVwIHwgVXNlcklucHV0KTogc3RlcCBpcyBTdGVwIHtcbiAgICByZXR1cm4gKHN0ZXAgYXMgU3RlcCk/LmNvbmZpZyAhPT0gdW5kZWZpbmVkO1xuICB9XG5cbiAgY2hlY2tJc0hhbmRsZWRTdGVwKG1vZHVsZTogRmllbGRUeXBlKSB7XG4gICAgc3dpdGNoIChtb2R1bGUpIHtcbiAgICAgIGNhc2UgRmllbGRUeXBlLkNIRUNLQk9YOlxuICAgICAgY2FzZSBGaWVsZFR5cGUuRFJPUF9ET1dOOlxuICAgICAgY2FzZSBGaWVsZFR5cGUuSU5QVVRfRklFTEQ6XG4gICAgICBjYXNlIEZpZWxkVHlwZS5URVhUX0FSRUE6XG4gICAgICBjYXNlIEZpZWxkVHlwZS5SQURJT19MSVNUOlxuICAgICAgY2FzZSBGaWVsZFR5cGUuREFURV9QSUNLRVI6XG4gICAgICBjYXNlIEZpZWxkVHlwZS5USU1FX1BJQ0tFUjpcbiAgICAgICAgcmV0dXJuIHRydWU7XG5cbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBjaGVja0lucHV0RXJyb3IoZm9ybTogRm9ybUdyb3VwLCBrZXk6IHN0cmluZykge1xuICAgIGNvbnN0IGZvcm1EYXRhID0gZm9ybS5jb250cm9sc1trZXldID8/IHt9O1xuXG4gICAgc3dpdGNoIChcbiAgICAgIChmb3JtRGF0YS5zdGF0dXMgPT09ICdJTlZBTElEJyAmJiBmb3JtRGF0YS50b3VjaGVkKSB8fFxuICAgICAgKGZvcm1EYXRhLnN0YXR1cyA9PT0gJ0lOVkFMSUQnICYmIGZvcm1EYXRhLmRpcnR5KVxuICAgICkge1xuICAgICAgY2FzZSB0cnVlOlxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIGlzRXJyb3I6IHRydWUsXG4gICAgICAgICAgbWVzc2FnZTogYCR7a2V5fSBpcyByZXF1aXJlZGAsXG4gICAgICAgIH07XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIGlzRXJyb3I6IGZhbHNlLFxuICAgICAgICAgIG1lc3NhZ2U6ICcnLFxuICAgICAgICB9O1xuICAgIH1cbiAgfVxufVxuIl19
68
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXN0YXRlLWFuZ3VsYXIuaGVscGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbXN0YXRlLWFuZ3VsYXIvc3JjL2xpYi9tc3RhdGUtYW5ndWxhci5oZWxwZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFFMUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFNMUMsTUFBTSxPQUFPLG1CQUFtQjtJQUM5QixZQUFZLENBQUMsTUFBcUIsRUFBRSxJQUFjO1FBQ2hELEtBQUssTUFBTSxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7WUFDdkIsSUFBSSxNQUFNLENBQUMsR0FBRyxDQUFDLElBQUksTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLFlBQVksS0FBSyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsYUFBYTtnQkFDdkUsT0FBTyxJQUFJLENBQUM7UUFDaEIsQ0FBQztRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVELFlBQVksQ0FBQyxNQUFjLEVBQUU7UUFDM0IsT0FBTyxHQUFHLENBQUMsV0FBVyxFQUFFLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBRUQsY0FBYyxDQUFJLEdBQVEsRUFBRSxNQUFjO1FBQ3hDLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBRTdDLElBQUksR0FBRyxHQUFRLEdBQUcsQ0FBQztRQUNuQixLQUFLLE1BQU0sR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ3ZCLEdBQUcsR0FBRyxHQUFHLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNuQixDQUFDO1FBRUQsT0FBTyxHQUFvQixDQUFDO0lBQzlCLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBc0I7UUFDaEMsT0FBUSxJQUFhLEVBQUUsTUFBTSxLQUFLLFNBQVMsQ0FBQztJQUM5QyxDQUFDO0lBRUQsa0JBQWtCLENBQUMsTUFBaUI7UUFDbEMsUUFBUSxNQUFNLEVBQUUsQ0FBQztZQUNmLEtBQUssU0FBUyxDQUFDLFFBQVEsQ0FBQztZQUN4QixLQUFLLFNBQVMsQ0FBQyxTQUFTLENBQUM7WUFDekIsS0FBSyxTQUFTLENBQUMsV0FBVyxDQUFDO1lBQzNCLEtBQUssU0FBUyxDQUFDLFNBQVMsQ0FBQztZQUN6QixLQUFLLFNBQVMsQ0FBQyxVQUFVLENBQUM7WUFDMUIsS0FBSyxTQUFTLENBQUMsV0FBVyxDQUFDO1lBQzNCLEtBQUssU0FBUyxDQUFDLFdBQVc7Z0JBQ3hCLE9BQU8sSUFBSSxDQUFDO1lBRWQ7Z0JBQ0UsT0FBTyxLQUFLLENBQUM7UUFDakIsQ0FBQztJQUNILENBQUM7SUFFRCxlQUFlLENBQUMsSUFBZSxFQUFFLEdBQVc7UUFDMUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUM1QixPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUM7UUFDekMsQ0FBQztRQUVELE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksRUFBRSxDQUFDO1FBRTFDLFFBQ0UsQ0FBQyxRQUFRLENBQUMsTUFBTSxLQUFLLFNBQVMsSUFBSSxRQUFRLENBQUMsT0FBTyxDQUFDO1lBQ25ELENBQUMsUUFBUSxDQUFDLE1BQU0sS0FBSyxTQUFTLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxFQUNqRCxDQUFDO1lBQ0QsS0FBSyxJQUFJO2dCQUNQLE9BQU87b0JBQ0wsT0FBTyxFQUFFLElBQUk7b0JBQ2IsT0FBTyxFQUFFLEdBQUcsR0FBRyxjQUFjO2lCQUM5QixDQUFDO1lBQ0o7Z0JBQ0UsT0FBTztvQkFDTCxPQUFPLEVBQUUsS0FBSztvQkFDZCxPQUFPLEVBQUUsRUFBRTtpQkFDWixDQUFDO1FBQ04sQ0FBQztJQUNILENBQUM7K0dBbkVVLG1CQUFtQjttSEFBbkIsbUJBQW1CLGNBRmxCLE1BQU07OzRGQUVQLG1CQUFtQjtrQkFIL0IsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdGVwLCBVc2VySW5wdXQgfSBmcm9tICcuL2ludGVyZmFjZXMvaW50ZXJmYWNlJztcbmltcG9ydCB7IEZpZWxkVHlwZSB9IGZyb20gJy4vY29tbW9uL2VudW0nO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgTXN0YXRlQW5ndWxhckhlbHBlciB7XG4gIGRldGVjdENoYW5nZShjaGFuZ2U6IFNpbXBsZUNoYW5nZXMsIGtleXM6IHN0cmluZ1tdKSB7XG4gICAgZm9yIChjb25zdCBrZXkgb2Yga2V5cykge1xuICAgICAgaWYgKGNoYW5nZVtrZXldICYmIGNoYW5nZVtrZXldLmN1cnJlbnRWYWx1ZSAhPT0gY2hhbmdlW2tleV0ucHJldmlvdXNWYWx1ZSlcbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuXG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgZm9ybWF0U3RyaW5nKHN0cjogc3RyaW5nID0gJycpIHtcbiAgICByZXR1cm4gc3RyLnRvVXBwZXJDYXNlKCkucmVwbGFjZSgvXy9naSwgJyAnKTtcbiAgfVxuXG4gIGdldE9iamVjdFZhbHVlPFQ+KG9iajogYW55LCB0YXJnZXQ6IHN0cmluZykge1xuICAgIGNvbnN0IGtleXMgPSB0YXJnZXQgPyB0YXJnZXQuc3BsaXQoJy4nKSA6IFtdO1xuXG4gICAgbGV0IGN1cjogYW55ID0gb2JqO1xuICAgIGZvciAoY29uc3Qga2V5IG9mIGtleXMpIHtcbiAgICAgIGN1ciA9IGN1cj8uW2tleV07XG4gICAgfVxuXG4gICAgcmV0dXJuIGN1ciBhcyBUIHwgdW5kZWZpbmVkO1xuICB9XG5cbiAgY2hlY2tJc1N0ZXAoc3RlcDogU3RlcCB8IFVzZXJJbnB1dCk6IHN0ZXAgaXMgU3RlcCB7XG4gICAgcmV0dXJuIChzdGVwIGFzIFN0ZXApPy5jb25maWcgIT09IHVuZGVmaW5lZDtcbiAgfVxuXG4gIGNoZWNrSXNIYW5kbGVkU3RlcChtb2R1bGU6IEZpZWxkVHlwZSkge1xuICAgIHN3aXRjaCAobW9kdWxlKSB7XG4gICAgICBjYXNlIEZpZWxkVHlwZS5DSEVDS0JPWDpcbiAgICAgIGNhc2UgRmllbGRUeXBlLkRST1BfRE9XTjpcbiAgICAgIGNhc2UgRmllbGRUeXBlLklOUFVUX0ZJRUxEOlxuICAgICAgY2FzZSBGaWVsZFR5cGUuVEVYVF9BUkVBOlxuICAgICAgY2FzZSBGaWVsZFR5cGUuUkFESU9fTElTVDpcbiAgICAgIGNhc2UgRmllbGRUeXBlLkRBVEVfUElDS0VSOlxuICAgICAgY2FzZSBGaWVsZFR5cGUuVElNRV9QSUNLRVI6XG4gICAgICAgIHJldHVybiB0cnVlO1xuXG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgY2hlY2tJbnB1dEVycm9yKGZvcm06IEZvcm1Hcm91cCwga2V5OiBzdHJpbmcpIHtcbiAgICBpZiAoIWZvcm0gfHwgIWZvcm0uY29udHJvbHMpIHtcbiAgICAgIHJldHVybiB7IGlzRXJyb3I6IGZhbHNlLCBtZXNzYWdlOiAnJyB9O1xuICAgIH1cblxuICAgIGNvbnN0IGZvcm1EYXRhID0gZm9ybS5jb250cm9sc1trZXldID8/IHt9O1xuXG4gICAgc3dpdGNoIChcbiAgICAgIChmb3JtRGF0YS5zdGF0dXMgPT09ICdJTlZBTElEJyAmJiBmb3JtRGF0YS50b3VjaGVkKSB8fFxuICAgICAgKGZvcm1EYXRhLnN0YXR1cyA9PT0gJ0lOVkFMSUQnICYmIGZvcm1EYXRhLmRpcnR5KVxuICAgICkge1xuICAgICAgY2FzZSB0cnVlOlxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIGlzRXJyb3I6IHRydWUsXG4gICAgICAgICAgbWVzc2FnZTogYCR7a2V5fSBpcyByZXF1aXJlZGAsXG4gICAgICAgIH07XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIGlzRXJyb3I6IGZhbHNlLFxuICAgICAgICAgIG1lc3NhZ2U6ICcnLFxuICAgICAgICB9O1xuICAgIH1cbiAgfVxufVxuIl19
package/fesm2022/mstate-angular.mjs CHANGED
@@ -101,6 +101,9 @@ class MstateAngularHelper {
101
101
  }
102
102
  }
103
103
  checkInputError(form, key) {
104
+ if (!form || !form.controls) {
105
+ return { isError: false, message: '' };
106
+ }
104
107
  const formData = form.controls[key] ?? {};
105
108
  switch ((formData.status === 'INVALID' && formData.touched) ||
106
109
  (formData.status === 'INVALID' && formData.dirty)) {
@@ -336,11 +339,11 @@ class ButtonComponent {
336
339
  this.onClick = () => { };
337
340
  }
338
341
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
339
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ButtonComponent, isStandalone: true, selector: "mobi-office-button", inputs: { type: "type", onClick: "onClick" }, ngImport: i0, template: "<button [type]=\"type\" (click)=\"onClick()\" class=\"btn\">\n <ng-content></ng-content>\n</button>\n", styles: [".btn{width:100%;display:flex;align-items:center;justify-content:center;background-color:#007bff;color:#fff;border:1px solid #007bff;padding:10px 20px;font-size:16px;border-radius:4px;text-align:center;cursor:pointer;transition:all .3s ease}.btn:hover{background-color:#0056b3;border-color:#0056b3}.btn:focus{outline:none;box-shadow:0 0 0 .2rem #007bff40}.btn:active{background-color:#004085;border-color:#036}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
342
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ButtonComponent, isStandalone: true, selector: "mobi-office-button", inputs: { type: "type", onClick: "onClick" }, ngImport: i0, template: "<button [type]=\"type\" (click)=\"onClick()\" class=\"btn\">\n <ng-content></ng-content>\n</button>\n", styles: ["@charset \"UTF-8\";.btn{position:relative;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#4f6ef7,#3a58e0);color:#fff;border:none;padding:13px 28px;font-size:.9375rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;box-shadow:0 4px 16px #4f6ef761,inset 0 1px #ffffff26;transition:background .25s ease,box-shadow .25s ease,transform .18s cubic-bezier(.34,1.56,.64,1)}.btn:before{content:\"\";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.14) 50%,transparent 80%);background-size:200% 100%;background-position:-200% 0;transition:background-position 0s;pointer-events:none;border-radius:inherit}.btn:hover:before{background-position:200% 0;transition:background-position .55s ease}.btn:hover{background:linear-gradient(135deg,#5b7aff,#4166f5);box-shadow:0 7px 22px #4f6ef785,inset 0 1px #ffffff2e;transform:translateY(-2px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #4f6ef759,0 4px 16px #4f6ef761}.btn:active{background:linear-gradient(135deg,#3a58e0,#2d48c8);box-shadow:0 2px 8px #4f6ef74d;transform:translateY(0) scale(.985)}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important;pointer-events:none}.btn-spinner{display:inline-block;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;animation:btn-spin .7s linear infinite;flex-shrink:0}@keyframes btn-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
340
343
  }
341
344
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, decorators: [{
342
345
  type: Component,
343
- args: [{ selector: 'mobi-office-button', standalone: true, imports: [CommonModule], template: "<button [type]=\"type\" (click)=\"onClick()\" class=\"btn\">\n <ng-content></ng-content>\n</button>\n", styles: [".btn{width:100%;display:flex;align-items:center;justify-content:center;background-color:#007bff;color:#fff;border:1px solid #007bff;padding:10px 20px;font-size:16px;border-radius:4px;text-align:center;cursor:pointer;transition:all .3s ease}.btn:hover{background-color:#0056b3;border-color:#0056b3}.btn:focus{outline:none;box-shadow:0 0 0 .2rem #007bff40}.btn:active{background-color:#004085;border-color:#036}\n"] }]
346
+ args: [{ selector: 'mobi-office-button', standalone: true, imports: [CommonModule], template: "<button [type]=\"type\" (click)=\"onClick()\" class=\"btn\">\n <ng-content></ng-content>\n</button>\n", styles: ["@charset \"UTF-8\";.btn{position:relative;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#4f6ef7,#3a58e0);color:#fff;border:none;padding:13px 28px;font-size:.9375rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;box-shadow:0 4px 16px #4f6ef761,inset 0 1px #ffffff26;transition:background .25s ease,box-shadow .25s ease,transform .18s cubic-bezier(.34,1.56,.64,1)}.btn:before{content:\"\";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.14) 50%,transparent 80%);background-size:200% 100%;background-position:-200% 0;transition:background-position 0s;pointer-events:none;border-radius:inherit}.btn:hover:before{background-position:200% 0;transition:background-position .55s ease}.btn:hover{background:linear-gradient(135deg,#5b7aff,#4166f5);box-shadow:0 7px 22px #4f6ef785,inset 0 1px #ffffff2e;transform:translateY(-2px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #4f6ef759,0 4px 16px #4f6ef761}.btn:active{background:linear-gradient(135deg,#3a58e0,#2d48c8);box-shadow:0 2px 8px #4f6ef74d;transform:translateY(0) scale(.985)}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important;pointer-events:none}.btn-spinner{display:inline-block;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;animation:btn-spin .7s linear infinite;flex-shrink:0}@keyframes btn-spin{to{transform:rotate(360deg)}}\n"] }]
344
347
  }], propDecorators: { type: [{
345
348
  type: Input
346
349
  }], onClick: [{
@@ -349,11 +352,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
349
352
 
350
353
  class LoaderComponent {
351
354
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
352
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoaderComponent, isStandalone: true, selector: "mobi-office-loader", ngImport: i0, template: "<img\n class=\"loader\"\n src=\"https://cdn.dribbble.com/users/10743/screenshots/2098959/ezgif.com-crop.gif\"\n alt=\"loading\"\n/>\n", styles: [".loader{width:100%;max-width:300px;aspect-ratio:1/1;border-radius:50%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
355
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoaderComponent, isStandalone: true, selector: "mobi-office-loader", ngImport: i0, template: "<div class=\"ms-loader-wrap\">\n <div class=\"ms-ring\">\n <div class=\"ms-ring__arc ms-ring__arc--1\"></div>\n <div class=\"ms-ring__arc ms-ring__arc--2\"></div>\n <div class=\"ms-ring__arc ms-ring__arc--3\"></div>\n </div>\n <p class=\"ms-loader-text\">Loading<span class=\"ms-dots\"><span>.</span><span>.</span><span>.</span></span></p>\n</div>\n", styles: [".ms-loader-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:100%;padding:48px 24px}.ms-ring{position:relative;width:72px;height:72px}.ms-ring__arc{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;animation:ms-spin linear infinite}.ms-ring__arc--1{border-top-color:#4f6ef7;animation-duration:1.4s;box-shadow:0 0 12px #4f6ef773}.ms-ring__arc--2{inset:10px;border-right-color:#7c9bff;animation-duration:1s;animation-direction:reverse}.ms-ring__arc--3{inset:20px;border-bottom-color:#4f6ef780;animation-duration:.7s}@keyframes ms-spin{to{transform:rotate(360deg)}}.ms-loader-text{margin:0;font-size:.875rem;font-weight:500;color:#6a8aff;letter-spacing:.08em;text-transform:uppercase}.ms-dots{display:inline-flex;gap:1px}.ms-dots span{display:inline-block;opacity:0;animation:ms-dot-blink 1.4s infinite}.ms-dots span:nth-child(1){animation-delay:0s}.ms-dots span:nth-child(2){animation-delay:.2s}.ms-dots span:nth-child(3){animation-delay:.4s}@keyframes ms-dot-blink{0%,80%,to{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
353
356
  }
354
357
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderComponent, decorators: [{
355
358
  type: Component,
356
- args: [{ selector: 'mobi-office-loader', standalone: true, imports: [CommonModule], template: "<img\n class=\"loader\"\n src=\"https://cdn.dribbble.com/users/10743/screenshots/2098959/ezgif.com-crop.gif\"\n alt=\"loading\"\n/>\n", styles: [".loader{width:100%;max-width:300px;aspect-ratio:1/1;border-radius:50%}\n"] }]
359
+ args: [{ selector: 'mobi-office-loader', standalone: true, imports: [CommonModule], template: "<div class=\"ms-loader-wrap\">\n <div class=\"ms-ring\">\n <div class=\"ms-ring__arc ms-ring__arc--1\"></div>\n <div class=\"ms-ring__arc ms-ring__arc--2\"></div>\n <div class=\"ms-ring__arc ms-ring__arc--3\"></div>\n </div>\n <p class=\"ms-loader-text\">Loading<span class=\"ms-dots\"><span>.</span><span>.</span><span>.</span></span></p>\n</div>\n", styles: [".ms-loader-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:100%;padding:48px 24px}.ms-ring{position:relative;width:72px;height:72px}.ms-ring__arc{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;animation:ms-spin linear infinite}.ms-ring__arc--1{border-top-color:#4f6ef7;animation-duration:1.4s;box-shadow:0 0 12px #4f6ef773}.ms-ring__arc--2{inset:10px;border-right-color:#7c9bff;animation-duration:1s;animation-direction:reverse}.ms-ring__arc--3{inset:20px;border-bottom-color:#4f6ef780;animation-duration:.7s}@keyframes ms-spin{to{transform:rotate(360deg)}}.ms-loader-text{margin:0;font-size:.875rem;font-weight:500;color:#6a8aff;letter-spacing:.08em;text-transform:uppercase}.ms-dots{display:inline-flex;gap:1px}.ms-dots span{display:inline-block;opacity:0;animation:ms-dot-blink 1.4s infinite}.ms-dots span:nth-child(1){animation-delay:0s}.ms-dots span:nth-child(2){animation-delay:.2s}.ms-dots span:nth-child(3){animation-delay:.4s}@keyframes ms-dot-blink{0%,80%,to{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}\n"] }]
357
360
  }] });
358
361
 
359
362
  class ActionFormComponent {
@@ -394,6 +397,7 @@ class ActionFormComponent {
394
397
  }
395
398
  });
396
399
  };
400
+ this.form = this.fb.group({});
397
401
  }
398
402
  ngOnChanges(changes) {
399
403
  if (changes['config']) {
@@ -411,7 +415,7 @@ class ActionFormComponent {
411
415
  }
412
416
  //#region handlers
413
417
  handleExecuteAction(skipValidation = false) {
414
- if (skipValidation || this?.form || this.form.status === 'VALID') {
418
+ if (skipValidation || (this?.form && this.form.status === 'VALID')) {
415
419
  this.isLoading = true;
416
420
  let customConfig = {};
417
421
  if (this.updateCustomFieldValue) {
@@ -483,7 +487,7 @@ class ActionFormComponent {
483
487
  this.form = this.fb.group(validators);
484
488
  }
485
489
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionFormComponent, deps: [{ token: i2.FormBuilder }, { token: MstateAngularService }, { token: MstateAngularHelper }], target: i0.ɵɵFactoryTarget.Component }); }
486
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ActionFormComponent, isStandalone: true, selector: "lib-action-form", inputs: { token: "token", workflow: "workflow", config: "config", updateCustomFieldValue: "updateCustomFieldValue", authHeader: "authHeader", instanceID: "instanceID" }, outputs: { onExecuteAction: "onExecuteAction", onSuccess: "onSuccess" }, providers: [MstateAngularService, MstateAngularHelper], usesOnChanges: true, ngImport: i0, template: "<div>\n <p style=\"font-size: 2rem; text-align: center\">\n {{ config.meta?.title ?? config.name }}\n </p>\n\n <form [formGroup]=\"form\" (ngSubmit)=\"handleExecuteAction()\">\n @for (step of config.steps; track $index) {\n <mobi-office-input-selector [step]=\"step\" [mstateModel]=\"form\" />\n }\n\n <div style=\"margin-top: 10px\">\n <mobi-office-button type=\"submit\">\n @if (isLoading) {\n <div style=\"width: 25px\">\n <mobi-office-loader></mobi-office-loader>\n </div>\n } @else {\n Submit\n }\n </mobi-office-button>\n </div>\n </form>\n</div>\n", styles: ["form{display:flex;flex-direction:column}label{margin-bottom:5px}\n"], dependencies: [{ kind: "component", type: InputSelectorComponent, selector: "mobi-office-input-selector", inputs: ["step", "mstateModel"] }, { kind: "component", type: ButtonComponent, selector: "mobi-office-button", inputs: ["type", "onClick"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: LoaderComponent, selector: "mobi-office-loader" }] }); }
490
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ActionFormComponent, isStandalone: true, selector: "lib-action-form", inputs: { token: "token", workflow: "workflow", config: "config", updateCustomFieldValue: "updateCustomFieldValue", authHeader: "authHeader", instanceID: "instanceID" }, outputs: { onExecuteAction: "onExecuteAction", onSuccess: "onSuccess" }, providers: [MstateAngularService, MstateAngularHelper], usesOnChanges: true, ngImport: i0, template: "<div class=\"ms-form-card\">\n <p class=\"ms-form-title\">{{ config.meta?.title ?? config.name }}</p>\n\n <form [formGroup]=\"form\" (ngSubmit)=\"handleExecuteAction()\">\n <div class=\"ms-fields\">\n @for (step of config.steps; track $index) {\n <mobi-office-input-selector [step]=\"step\" [mstateModel]=\"form\" />\n }\n </div>\n\n <div class=\"ms-form-footer\">\n <mobi-office-button type=\"submit\" [class.is-loading]=\"isLoading\">\n @if (isLoading) {\n <span class=\"btn-spinner\"></span>\n <span>Submitting\u2026</span>\n } @else {\n <span class=\"btn-icon\">\u2713</span>\n <span>Submit</span>\n }\n </mobi-office-button>\n </div>\n </form>\n</div>\n", styles: [".ms-form-card{background:linear-gradient(160deg,#1a1a1a,#141414);border:1px solid #252525;border-radius:16px;padding:28px 28px 24px;box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff0a;animation:ms-fade-in .35s ease}@keyframes ms-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ms-form-title{margin:0 0 24px;font-size:1.25rem;font-weight:700;color:#f0f0f0;letter-spacing:-.02em;text-align:center;padding-bottom:18px;border-bottom:1px solid #252525;position:relative}.ms-form-title:after{content:\"\";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:48px;height:2px;border-radius:2px;background:linear-gradient(90deg,#4f6ef7,#7c9bff)}.ms-fields{display:flex;flex-direction:column;gap:2px}.ms-form-footer{margin-top:24px;padding-top:18px;border-top:1px solid #252525}form{display:flex;flex-direction:column}label{margin-bottom:5px;font-size:.8125rem;font-weight:500;color:#a0a0a0;letter-spacing:.03em;text-transform:uppercase}:host ::ng-deep .btn-icon{font-size:1rem;line-height:1}\n"], dependencies: [{ kind: "component", type: InputSelectorComponent, selector: "mobi-office-input-selector", inputs: ["step", "mstateModel"] }, { kind: "component", type: ButtonComponent, selector: "mobi-office-button", inputs: ["type", "onClick"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] }); }
487
491
  }
488
492
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionFormComponent, decorators: [{
489
493
  type: Component,
@@ -492,7 +496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
492
496
  ButtonComponent,
493
497
  ReactiveFormsModule,
494
498
  LoaderComponent,
495
- ], providers: [MstateAngularService, MstateAngularHelper], template: "<div>\n <p style=\"font-size: 2rem; text-align: center\">\n {{ config.meta?.title ?? config.name }}\n </p>\n\n <form [formGroup]=\"form\" (ngSubmit)=\"handleExecuteAction()\">\n @for (step of config.steps; track $index) {\n <mobi-office-input-selector [step]=\"step\" [mstateModel]=\"form\" />\n }\n\n <div style=\"margin-top: 10px\">\n <mobi-office-button type=\"submit\">\n @if (isLoading) {\n <div style=\"width: 25px\">\n <mobi-office-loader></mobi-office-loader>\n </div>\n } @else {\n Submit\n }\n </mobi-office-button>\n </div>\n </form>\n</div>\n", styles: ["form{display:flex;flex-direction:column}label{margin-bottom:5px}\n"] }]
499
+ ], providers: [MstateAngularService, MstateAngularHelper], template: "<div class=\"ms-form-card\">\n <p class=\"ms-form-title\">{{ config.meta?.title ?? config.name }}</p>\n\n <form [formGroup]=\"form\" (ngSubmit)=\"handleExecuteAction()\">\n <div class=\"ms-fields\">\n @for (step of config.steps; track $index) {\n <mobi-office-input-selector [step]=\"step\" [mstateModel]=\"form\" />\n }\n </div>\n\n <div class=\"ms-form-footer\">\n <mobi-office-button type=\"submit\" [class.is-loading]=\"isLoading\">\n @if (isLoading) {\n <span class=\"btn-spinner\"></span>\n <span>Submitting\u2026</span>\n } @else {\n <span class=\"btn-icon\">\u2713</span>\n <span>Submit</span>\n }\n </mobi-office-button>\n </div>\n </form>\n</div>\n", styles: [".ms-form-card{background:linear-gradient(160deg,#1a1a1a,#141414);border:1px solid #252525;border-radius:16px;padding:28px 28px 24px;box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff0a;animation:ms-fade-in .35s ease}@keyframes ms-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ms-form-title{margin:0 0 24px;font-size:1.25rem;font-weight:700;color:#f0f0f0;letter-spacing:-.02em;text-align:center;padding-bottom:18px;border-bottom:1px solid #252525;position:relative}.ms-form-title:after{content:\"\";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:48px;height:2px;border-radius:2px;background:linear-gradient(90deg,#4f6ef7,#7c9bff)}.ms-fields{display:flex;flex-direction:column;gap:2px}.ms-form-footer{margin-top:24px;padding-top:18px;border-top:1px solid #252525}form{display:flex;flex-direction:column}label{margin-bottom:5px;font-size:.8125rem;font-weight:500;color:#a0a0a0;letter-spacing:.03em;text-transform:uppercase}:host ::ng-deep .btn-icon{font-size:1rem;line-height:1}\n"] }]
496
500
  }], ctorParameters: () => [{ type: i2.FormBuilder }, { type: MstateAngularService }, { type: MstateAngularHelper }], propDecorators: { token: [{
497
501
  type: Input,
498
502
  args: [{ required: true }]
@@ -522,11 +526,11 @@ class ActionCardComponent {
522
526
  this.executeAction.emit(this.config);
523
527
  }
524
528
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
525
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionCardComponent, isStandalone: true, selector: "mobi-office-action-card", inputs: { config: "config" }, outputs: { executeAction: "executeAction" }, ngImport: i0, template: "<div class=\"card\" (click)=\"triggerExecuteAction()\">\n <img\n [src]=\"\n config?.meta?.icon ??\n 'https://firebasestorage.googleapis.com/v0/b/mobioffice-dev.appspot.com/o/companies_logo%2FMobiOffice%20Logo.png?alt=media&token=575b9568-0b4c-468f-ba99-4b613bd4e40b'\n \"\n alt=\"Card Image\"\n class=\"card-image\"\n />\n <div class=\"card-content\">\n <h3 class=\"card-title\" style=\"text-align: center\">\n {{ config?.meta?.displayName ?? config?.meta?.title ?? config?.name }}\n </h3>\n <p class=\"card-description\">\n {{ config?.meta?.desc }}\n </p>\n </div>\n</div>\n", styles: [".card{width:240px;height:254px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.card-image{width:200px;margin:5px;height:150px;display:block;margin-inline:auto;border-radius:10px;object-fit:scale-down}.card-content{padding:15px}.card-title{margin:0 0 10px;font-size:18px;font-weight:700;color:#333}.card-description{margin:0;font-size:14px;color:#666;line-height:1.5}.card-footer{padding:10px 15px;background-color:#f9f9f9;text-align:right}.card-button{background-color:#007bff;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .2s}.card-button:hover{background-color:#0056b3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
529
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionCardComponent, isStandalone: true, selector: "mobi-office-action-card", inputs: { config: "config" }, outputs: { executeAction: "executeAction" }, ngImport: i0, template: "<div class=\"card\" (click)=\"triggerExecuteAction()\">\n <img\n [src]=\"\n config?.meta?.icon ??\n 'https://firebasestorage.googleapis.com/v0/b/mobioffice-dev.appspot.com/o/companies_logo%2FMobiOffice%20Logo.png?alt=media&token=575b9568-0b4c-468f-ba99-4b613bd4e40b'\n \"\n alt=\"Card Image\"\n class=\"card-image\"\n />\n <div class=\"card-content\">\n <h3 class=\"card-title\" style=\"text-align: center\">\n {{ config?.meta?.displayName ?? config?.meta?.title ?? config?.name }}\n </h3>\n <p class=\"card-description\">\n {{ config?.meta?.desc }}\n </p>\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";.card{width:240px;min-height:240px;background:linear-gradient(160deg,#1e1e1e,#181818);border:1px solid #2a2a2a;border-radius:14px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0a;overflow:hidden;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .22s ease}.card:hover{transform:translateY(-6px) scale(1.01);border-color:#4f6ef773;box-shadow:0 12px 32px #0000008c,0 0 0 1px #4f6ef733,inset 0 1px #ffffff0f}.card-image{width:200px;margin:12px auto 5px;height:130px;display:block;border-radius:8px;object-fit:scale-down;filter:brightness(.92) contrast(1.05);transition:filter .22s ease}.card:hover .card-image{filter:brightness(1) contrast(1.08)}.card-content{padding:12px 16px 16px}.card-title{margin:0 0 6px;font-size:1rem;font-weight:600;color:#f0f0f0;text-align:center;letter-spacing:-.01em}.card-description{margin:0;font-size:.8125rem;color:#888;line-height:1.55;text-align:center}.card-footer{padding:10px 16px;background:#ffffff06;border-top:1px solid #252525;text-align:right}.card-button{background:linear-gradient(135deg,#4f6ef7,#3a58e0);color:#fff;border:none;padding:7px 14px;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:500;transition:background .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #4f6ef74d}.card-button:hover{background:linear-gradient(135deg,#5b7aff,#4166f5);box-shadow:0 4px 14px #4f6ef773}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
526
530
  }
527
531
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionCardComponent, decorators: [{
528
532
  type: Component,
529
- args: [{ selector: 'mobi-office-action-card', standalone: true, imports: [CommonModule, ButtonComponent], template: "<div class=\"card\" (click)=\"triggerExecuteAction()\">\n <img\n [src]=\"\n config?.meta?.icon ??\n 'https://firebasestorage.googleapis.com/v0/b/mobioffice-dev.appspot.com/o/companies_logo%2FMobiOffice%20Logo.png?alt=media&token=575b9568-0b4c-468f-ba99-4b613bd4e40b'\n \"\n alt=\"Card Image\"\n class=\"card-image\"\n />\n <div class=\"card-content\">\n <h3 class=\"card-title\" style=\"text-align: center\">\n {{ config?.meta?.displayName ?? config?.meta?.title ?? config?.name }}\n </h3>\n <p class=\"card-description\">\n {{ config?.meta?.desc }}\n </p>\n </div>\n</div>\n", styles: [".card{width:240px;height:254px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.card-image{width:200px;margin:5px;height:150px;display:block;margin-inline:auto;border-radius:10px;object-fit:scale-down}.card-content{padding:15px}.card-title{margin:0 0 10px;font-size:18px;font-weight:700;color:#333}.card-description{margin:0;font-size:14px;color:#666;line-height:1.5}.card-footer{padding:10px 15px;background-color:#f9f9f9;text-align:right}.card-button{background-color:#007bff;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .2s}.card-button:hover{background-color:#0056b3}\n"] }]
533
+ args: [{ selector: 'mobi-office-action-card', standalone: true, imports: [CommonModule, ButtonComponent], template: "<div class=\"card\" (click)=\"triggerExecuteAction()\">\n <img\n [src]=\"\n config?.meta?.icon ??\n 'https://firebasestorage.googleapis.com/v0/b/mobioffice-dev.appspot.com/o/companies_logo%2FMobiOffice%20Logo.png?alt=media&token=575b9568-0b4c-468f-ba99-4b613bd4e40b'\n \"\n alt=\"Card Image\"\n class=\"card-image\"\n />\n <div class=\"card-content\">\n <h3 class=\"card-title\" style=\"text-align: center\">\n {{ config?.meta?.displayName ?? config?.meta?.title ?? config?.name }}\n </h3>\n <p class=\"card-description\">\n {{ config?.meta?.desc }}\n </p>\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";.card{width:240px;min-height:240px;background:linear-gradient(160deg,#1e1e1e,#181818);border:1px solid #2a2a2a;border-radius:14px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0a;overflow:hidden;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .22s ease}.card:hover{transform:translateY(-6px) scale(1.01);border-color:#4f6ef773;box-shadow:0 12px 32px #0000008c,0 0 0 1px #4f6ef733,inset 0 1px #ffffff0f}.card-image{width:200px;margin:12px auto 5px;height:130px;display:block;border-radius:8px;object-fit:scale-down;filter:brightness(.92) contrast(1.05);transition:filter .22s ease}.card:hover .card-image{filter:brightness(1) contrast(1.08)}.card-content{padding:12px 16px 16px}.card-title{margin:0 0 6px;font-size:1rem;font-weight:600;color:#f0f0f0;text-align:center;letter-spacing:-.01em}.card-description{margin:0;font-size:.8125rem;color:#888;line-height:1.55;text-align:center}.card-footer{padding:10px 16px;background:#ffffff06;border-top:1px solid #252525;text-align:right}.card-button{background:linear-gradient(135deg,#4f6ef7,#3a58e0);color:#fff;border:none;padding:7px 14px;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:500;transition:background .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #4f6ef74d}.card-button:hover{background:linear-gradient(135deg,#5b7aff,#4166f5);box-shadow:0 4px 14px #4f6ef773}\n"] }]
530
534
  }], propDecorators: { config: [{
531
535
  type: Input,
532
536
  args: [{ required: true }]
@@ -542,11 +546,11 @@ class ErrorCardComponent {
542
546
  this.retry.emit();
543
547
  }
544
548
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
545
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ErrorCardComponent, isStandalone: true, selector: "lib-error-card", inputs: { errors: "errors" }, outputs: { retry: "retry" }, ngImport: i0, template: "<div class=\"error\">\n <p style=\"font-size: 2rem; text-align: center\">Error</p>\n\n @for (message of errors; track message) {\n <p style=\"color: red; font-size: 1rem; text-align: center\">\n {{ message }}\n </p>\n }\n <mobi-office-button (click)=\"handleRetryError()\">Retry</mobi-office-button>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "mobi-office-button", inputs: ["type", "onClick"] }] }); }
549
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ErrorCardComponent, isStandalone: true, selector: "lib-error-card", inputs: { errors: "errors" }, outputs: { retry: "retry" }, ngImport: i0, template: "<div class=\"error\">\n <p style=\"font-size: 2rem; text-align: center\">Error</p>\n\n @for (message of errors; track message) {\n <p style=\"color: red; font-size: 1rem; text-align: center\">\n {{ message }}\n </p>\n }\n <mobi-office-button (click)=\"handleRetryError()\">Retry</mobi-office-button>\n</div>\n", styles: [".error{background:linear-gradient(160deg,#1e1212,#180c0c);border:1px solid rgba(242,92,92,.2);border-radius:16px;padding:32px 28px 28px;text-align:center;box-shadow:0 8px 32px #00000073;animation:err-fade-in .35s ease}.error p[style*=\"font-size: 2rem\"]{font-size:1.3rem!important;font-weight:700;color:#f25c5c;margin:0 0 16px}.error p[style*=\"color: red\"]{color:#ff8080!important;font-size:.9rem!important;margin:6px 0;line-height:1.55}.error mobi-office-button{display:block;margin-top:24px;max-width:220px;margin-inline:auto}@keyframes err-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "mobi-office-button", inputs: ["type", "onClick"] }] }); }
546
550
  }
547
551
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorCardComponent, decorators: [{
548
552
  type: Component,
549
- args: [{ selector: 'lib-error-card', standalone: true, imports: [ButtonComponent], template: "<div class=\"error\">\n <p style=\"font-size: 2rem; text-align: center\">Error</p>\n\n @for (message of errors; track message) {\n <p style=\"color: red; font-size: 1rem; text-align: center\">\n {{ message }}\n </p>\n }\n <mobi-office-button (click)=\"handleRetryError()\">Retry</mobi-office-button>\n</div>\n" }]
553
+ args: [{ selector: 'lib-error-card', standalone: true, imports: [ButtonComponent], template: "<div class=\"error\">\n <p style=\"font-size: 2rem; text-align: center\">Error</p>\n\n @for (message of errors; track message) {\n <p style=\"color: red; font-size: 1rem; text-align: center\">\n {{ message }}\n </p>\n }\n <mobi-office-button (click)=\"handleRetryError()\">Retry</mobi-office-button>\n</div>\n", styles: [".error{background:linear-gradient(160deg,#1e1212,#180c0c);border:1px solid rgba(242,92,92,.2);border-radius:16px;padding:32px 28px 28px;text-align:center;box-shadow:0 8px 32px #00000073;animation:err-fade-in .35s ease}.error p[style*=\"font-size: 2rem\"]{font-size:1.3rem!important;font-weight:700;color:#f25c5c;margin:0 0 16px}.error p[style*=\"color: red\"]{color:#ff8080!important;font-size:.9rem!important;margin:6px 0;line-height:1.55}.error mobi-office-button{display:block;margin-top:24px;max-width:220px;margin-inline:auto}@keyframes err-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}\n"] }]
550
554
  }], propDecorators: { errors: [{
551
555
  type: Input,
552
556
  args: [{ required: true }]
@@ -556,11 +560,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
556
560
 
557
561
  class WorkflowEndCardComponent {
558
562
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WorkflowEndCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
559
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: WorkflowEndCardComponent, isStandalone: true, selector: "lib-workflow-end-card", ngImport: i0, template: "<p>Workflow Ended</p>\n", styles: [""] }); }
563
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: WorkflowEndCardComponent, isStandalone: true, selector: "lib-workflow-end-card", ngImport: i0, template: "<p>Workflow Ended</p>\n", styles: [":host{display:flex;align-items:center;justify-content:center;padding:48px 24px}p{font-size:1.1rem;font-weight:500;color:#6a8aff;letter-spacing:.04em;text-align:center;animation:wf-pulse 2.5s ease-in-out infinite}@keyframes wf-pulse{0%,to{opacity:.7}50%{opacity:1}}\n"] }); }
560
564
  }
561
565
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WorkflowEndCardComponent, decorators: [{
562
566
  type: Component,
563
- args: [{ selector: 'lib-workflow-end-card', standalone: true, imports: [], template: "<p>Workflow Ended</p>\n" }]
567
+ args: [{ selector: 'lib-workflow-end-card', standalone: true, imports: [], template: "<p>Workflow Ended</p>\n", styles: [":host{display:flex;align-items:center;justify-content:center;padding:48px 24px}p{font-size:1.1rem;font-weight:500;color:#6a8aff;letter-spacing:.04em;text-align:center;animation:wf-pulse 2.5s ease-in-out infinite}@keyframes wf-pulse{0%,to{opacity:.7}50%{opacity:1}}\n"] }]
564
568
  }] });
565
569
 
566
570
  class MstateAngularComponent {
@@ -693,7 +697,7 @@ class MstateAngularComponent {
693
697
  }
694
698
  }
695
699
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MstateAngularComponent, deps: [{ token: MstateAngularHelper }, { token: MstateAngularService }], target: i0.ɵɵFactoryTarget.Component }); }
696
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MstateAngularComponent, isStandalone: true, selector: "mstate-angular", inputs: { token: "token", workflow: "workflow", instanceID: "instanceID", start: "start", who: "who", handleCustomField: "handleCustomField", authHeader: "authHeader" }, outputs: { onInstanceChange: "onInstanceChange", onSuccess: "onSuccess", onError: "onError" }, providers: [MstateAngularHelper, MstateAngularService], usesOnChanges: true, ngImport: i0, template: "<div class=\"mstate-angular\">\n <!-- <img\n src=\"https://firebasestorage.googleapis.com/v0/b/mobioffice-dev.appspot.com/o/companies_logo%2Flogo.png?alt=media&token=e5f238f0-c373-4c76-9168-37fbe7da1de0\"\n alt=\"logo\"\n width=\"100%\"\n class=\"logo\"\n /> -->\n\n @if (isLoading) {\n <mobi-office-loader class=\"flex-container\" />\n } @else if (errorMessages.length) {\n <lib-error-card [errors]=\"errorMessages\" (retry)=\"handleRetryAction()\" />\n } @else {\n @switch (allowedActions.length) {\n @case (0) {\n <lib-workflow-end-card />\n }\n @case (1) {\n <lib-action-form\n [workflow]=\"workflow\"\n [token]=\"token\"\n [authHeader]=\"authHeader\"\n [instanceID]=\"instanceID\"\n [config]=\"allowedActions[0]\"\n (onExecuteAction)=\"handleExecuteAction($event)\"\n [updateCustomFieldValue]=\"handleCustomField\"\n (onSuccess)=\"onSuccess.emit($event)\"\n ></lib-action-form>\n }\n @default {\n <div class=\"flex-container\">\n @for (item of allowedActions; track $index) {\n <mobi-office-action-card\n [config]=\"item\"\n (executeAction)=\"handleActionExecution($event)\"\n />\n }\n </div>\n }\n }\n }\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";::ng-deep .mstate-angular *{font-family:Poppins,serif}::ng-deep .mstate-angular{background:var(--mstate-bg-primary)!important}::ng-deep .mstate-angular .ng-dropdown-panel-items{background:var(--mstate-bg-secondary)!important}::ng-deep .mstate-angular .ng-value,::ng-deep .mstate-angular .ng-placeholder{z-index:1!important}::ng-deep .mstate-angular input[type=date]::-webkit-calendar-picker-indicator,::ng-deep .mstate-angular input[type=time]::-webkit-calendar-picker-indicator{background:var(--mstate-text-color);-webkit-mask:url(\"data:image/svg+xml;utf8,<svg fill='black' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 10h5v5H7zM14 10h5v5h-5z'/></svg>\") no-repeat center;mask:url(\"data:image/svg+xml;utf8,<svg fill='black' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 10h5v5H7zM14 10h5v5h-5z'/></svg>\") no-repeat center;background-size:16px 16px;cursor:pointer;opacity:1}::ng-deep .mstate-angular button{background-color:var(--btn-mstate-bg-color)!important;color:var(--btn-mstate-text-color)!important}::ng-deep .mstate-angular ng-value,::ng-deep .mstate-angular p,::ng-deep .mstate-angular label,::ng-deep .mstate-angular input,::ng-deep .mstate-angular textarea,::ng-deep .mstate-angular .ng-select-container,::ng-deep .mstate-angular .ng-option-label{border-color:var(--mstate-text-color)!important;color:var(--mstate-text-color)!important}::ng-deep .mstate-angular input,::ng-deep .mstate-angular textarea,::ng-deep .mstate-angular .ng-select-container{background-color:var(--mstate-bg-input)!important}::ng-deep .mstate-angular small{color:var(--mstate-text-error-color, red)!important}::ng-deep .mstate-angular input::placeholder{color:var(--mstate-text-light-color)!important}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-select-container:after{background-image:linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);background-size:4px 1px;background-repeat:repeat-x}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{color:#00000061}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder{color:#00000061}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,.mstate-angular .ng-select.ng-select-disabled .ng-clear-wrapper{color:#00000061}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container:after{border-color:#3f51b5;border-width:2px}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,.mstate-angular .ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after{border-color:#3f51b5;border-width:2px}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder{display:none}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow{color:#3f51b5}.mstate-angular ::ng-deep .ng-select .ng-has-value .ng-placeholder,.mstate-angular .ng-select.ng-select-filtered .ng-select-container .ng-placeholder{display:initial}.mstate-angular ::ng-deep .ng-select .ng-has-value .ng-placeholder,.mstate-angular .ng-select.ng-select-opened .ng-placeholder{display:none}.mstate-angular ::ng-deep .ng-select .ng-select-container{color:#000000de;align-items:center;min-height:49px;padding-bottom:3px;padding-inline:.5rem}.mstate-angular ::ng-deep .ng-select .ng-select-container:after{content:\"\";bottom:0;left:0;right:0;position:absolute;transition:border-color .3s cubic-bezier(.55,0,.55,.2)}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline{padding:0 .5em;min-height:60px}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline:after{border:solid 1px rgba(0,0,0,.12);border-radius:5px;height:calc(100% - .5em);pointer-events:none;transition:border-color .3s cubic-bezier(.25,.8,.25,1)}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline:hover:after{border-color:#000000de;border-width:2px}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline .ng-placeholder{padding:0 .25em;background-color:#fff;z-index:1}.mstate-angular ::ng-deep .ng-select-container{border:1px solid #ced4da;border-radius:5px;padding-left:5px}.mstate-angular ::ng-deep .ng-input input{height:100%;font-size:14px;padding-left:10px}.mstate-angular ::ng-deep .ng-input{padding-left:10px}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline .ng-value{padding-left:.25em}.mstate-angular ::ng-deep .ng-select .ng-select-container .ng-value-container{align-items:stretch;padding:.4375em 0}.mstate-angular ::ng-deep [dir=rtl] .ng-select .ng-select-container .ng-value-container .ng-placeholder{transform-origin:right 0}.mstate-angular ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input{bottom:.65em}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{bottom:17px}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper{bottom:14px}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper{align-self:flex-end;bottom:9px}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container .ng-clear-wrapper{align-self:flex-end;bottom:7px}.mstate-angular ::ng-deep .ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value{background-color:#0000001f;color:#00000042}.mstate-angular ::ng-deep .ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,.mstate-angular .ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after{background-image:none;border:dotted 1px rgba(0,0,0,.12)}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,.mstate-angular .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper{border-top:none}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{top:0}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper{top:4px}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background-color:#3f51b5;border-radius:2px;color:#fff;padding:2px .75em;margin:.4375em .4375em 5px}.mstate-angular ::ng-deep [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin:0 0 .4375em .4375em}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#0000001f;color:#00000042}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{font-size:14px;font-weight:500}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{color:#ffffff8a;padding-right:5px}.mstate-angular ::ng-deep [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{padding-left:5px;padding-right:0}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{color:#ffffffde}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{line-height:1.375em}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-has-value{align-items:center}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container{padding-bottom:0;padding-top:.1875em}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,.mstate-angular .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper{border-top:.84375em solid rgba(0,0,0,0)}.mstate-angular ::ng-deep .ng-select .ng-clear-wrapper{color:#0000008a}.mstate-angular ::ng-deep .ng-select .ng-clear-wrapper:hover{color:#000000de}.mstate-angular ::ng-deep .ng-select .ng-clear-wrapper:focus{color:#000000de;outline:none}.mstate-angular ::ng-deep .ng-select .ng-arrow-wrapper{bottom:2px}.mstate-angular ::ng-deep .ng-select .ng-arrow-wrapper .ng-arrow{border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid;margin:0 4px;color:#0000008a}.mstate-angular ::ng-deep .ng-select .ng-spinner-zone{top:3px}.mstate-angular ::ng-deep .ng-dropdown-panel{background:#fff;left:0}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-top{bottom:calc(100% - .84375em);box-shadow:0 -5px 5px -3px #0003,0 -8px 10px 1px #00000024,0 -3px 14px 2px #0000001f}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-right{left:100%;top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px #0003,0 -8px 10px 1px #00000024,0 -3px 14px 2px #0000001f;margin-left:4px}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-bottom{top:100%;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-left{left:calc(-100% - 4px);top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px #0003,0 -8px 10px 1px #00000024,0 -3px 14px 2px #0000001f}.mstate-angular ::ng-deep .ng-dropdown-panel.multiple .ng-option.selected{background:#fff}.mstate-angular ::ng-deep .ng-dropdown-panel.multiple .ng-option.marked{background:#0000000a}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-header{padding:0 16px;line-height:3em;min-height:3em}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid rgba(0,0,0,.12);padding:0 16px;line-height:3em;min-height:3em}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;cursor:pointer;line-height:3em;height:3em;padding:0 16px;color:#0000008a;font-weight:500}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background:#0000000a}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background:#0000001f;color:#3f51b5}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{line-height:3em;min-height:3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 16px;text-decoration:none;position:relative;color:#000000de;text-align:left}.mstate-angular ::ng-deep [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{text-align:right}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#0000000a;color:#000000de}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:#0000001f;color:#3f51b5}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#00000061}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:32px}.mstate-angular ::ng-deep [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:32px;padding-left:0}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-right:5px;font-size:80%;font-weight:400;color:#00000061}.mstate-angular ::ng-deep [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}.mstate-angular .logo{width:70%;margin:auto;max-width:300px;margin-block:12px;display:flex}.mstate-angular .flex-container{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.mstate-angular ::ng-deep .form-control{display:block;min-height:35px;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;outline:none;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.mstate-angular ::ng-deep .form-group{padding-block:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ActionFormComponent, selector: "lib-action-form", inputs: ["token", "workflow", "config", "updateCustomFieldValue", "authHeader", "instanceID"], outputs: ["onExecuteAction", "onSuccess"] }, { kind: "component", type: ActionCardComponent, selector: "mobi-office-action-card", inputs: ["config"], outputs: ["executeAction"] }, { kind: "component", type: LoaderComponent, selector: "mobi-office-loader" }, { kind: "component", type: ErrorCardComponent, selector: "lib-error-card", inputs: ["errors"], outputs: ["retry"] }, { kind: "component", type: WorkflowEndCardComponent, selector: "lib-workflow-end-card" }] }); }
700
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MstateAngularComponent, isStandalone: true, selector: "mstate-angular", inputs: { token: "token", workflow: "workflow", instanceID: "instanceID", start: "start", who: "who", handleCustomField: "handleCustomField", authHeader: "authHeader" }, outputs: { onInstanceChange: "onInstanceChange", onSuccess: "onSuccess", onError: "onError" }, providers: [MstateAngularHelper, MstateAngularService], usesOnChanges: true, ngImport: i0, template: "<div class=\"mstate-angular\">\n <!-- <img\n src=\"https://firebasestorage.googleapis.com/v0/b/mobioffice-dev.appspot.com/o/companies_logo%2Flogo.png?alt=media&token=e5f238f0-c373-4c76-9168-37fbe7da1de0\"\n alt=\"logo\"\n width=\"100%\"\n class=\"logo\"\n /> -->\n\n @if (isLoading) {\n <mobi-office-loader class=\"flex-container\" />\n } @else if (errorMessages.length) {\n <lib-error-card [errors]=\"errorMessages\" (retry)=\"handleRetryAction()\" />\n } @else {\n @switch (allowedActions.length) {\n @case (0) {\n <lib-workflow-end-card />\n }\n @case (1) {\n <lib-action-form\n [workflow]=\"workflow\"\n [token]=\"token\"\n [authHeader]=\"authHeader\"\n [instanceID]=\"instanceID\"\n [config]=\"allowedActions[0]\"\n (onExecuteAction)=\"handleExecuteAction($event)\"\n [updateCustomFieldValue]=\"handleCustomField\"\n (onSuccess)=\"onSuccess.emit($event)\"\n ></lib-action-form>\n }\n @default {\n <div class=\"flex-container\">\n @for (item of allowedActions; track $index) {\n <mobi-office-action-card\n [config]=\"item\"\n (executeAction)=\"handleActionExecution($event)\"\n />\n }\n </div>\n }\n }\n }\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap\";::ng-deep .mstate-angular *{font-family:Inter,sans-serif;box-sizing:border-box}::ng-deep .mstate-angular{background:var(--mstate-bg-primary, #0d0d0d)!important;color:var(--mstate-text-color, #f0f0f0)}::ng-deep .mstate-angular .ng-dropdown-panel-items{background:var(--mstate-bg-secondary, #1e1e1e)!important;border:1px solid #2e2e2e!important;border-radius:8px!important;box-shadow:0 8px 24px #00000080!important}::ng-deep .mstate-angular .ng-option{background:transparent!important;color:#f0f0f0!important;padding:8px 12px!important;transition:background .15s ease}::ng-deep .mstate-angular .ng-option:hover,::ng-deep .mstate-angular .ng-option.ng-option-marked{background:#4f6ef726!important}::ng-deep .mstate-angular .ng-option.ng-option-selected{background:#4f6ef740!important;font-weight:500}::ng-deep .mstate-angular .ng-value,::ng-deep .mstate-angular .ng-placeholder{z-index:1!important}::ng-deep .mstate-angular .ng-value{background-color:#4f6ef733!important;border-radius:4px!important;color:#f0f0f0!important;padding:2px 6px!important}::ng-deep .mstate-angular input[type=date]::-webkit-calendar-picker-indicator,::ng-deep .mstate-angular input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(.7);cursor:pointer;opacity:.7;transition:opacity .2s}::ng-deep .mstate-angular input[type=date]::-webkit-calendar-picker-indicator:hover,::ng-deep .mstate-angular input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}::ng-deep .mstate-angular button{background-color:var(--btn-mstate-bg-color, #4f6ef7)!important;color:var(--btn-mstate-text-color, #ffffff)!important}::ng-deep .mstate-angular ng-value,::ng-deep .mstate-angular p,::ng-deep .mstate-angular label,::ng-deep .mstate-angular input,::ng-deep .mstate-angular textarea,::ng-deep .mstate-angular .ng-select-container,::ng-deep .mstate-angular .ng-option-label{border-color:var(--mstate-text-color, #2e2e2e)!important;color:var(--mstate-text-color, #f0f0f0)!important}::ng-deep .mstate-angular input,::ng-deep .mstate-angular textarea,::ng-deep .mstate-angular .ng-select-container{background-color:var(--mstate-bg-input, #141414)!important}::ng-deep .mstate-angular small{color:var(--mstate-text-error-color, #f25c5c)!important}::ng-deep .mstate-angular input::placeholder,::ng-deep .mstate-angular textarea::placeholder{color:var(--mstate-text-light-color, #555)!important}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-select-container:after{background-image:linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);background-size:4px 1px;background-repeat:repeat-x}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{color:#00000061}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder{color:#00000061}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,.mstate-angular .ng-select.ng-select-disabled .ng-clear-wrapper{color:#00000061}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container:after{border-color:#3f51b5;border-width:2px}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,.mstate-angular .ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after{border-color:#3f51b5;border-width:2px}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder{display:none}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow{color:#3f51b5}.mstate-angular ::ng-deep .ng-select .ng-has-value .ng-placeholder,.mstate-angular .ng-select.ng-select-filtered .ng-select-container .ng-placeholder{display:initial}.mstate-angular ::ng-deep .ng-select .ng-has-value .ng-placeholder,.mstate-angular .ng-select.ng-select-opened .ng-placeholder{display:none}.mstate-angular ::ng-deep .ng-select .ng-select-container{color:#000000de;align-items:center;min-height:49px;padding-bottom:3px;padding-inline:.5rem}.mstate-angular ::ng-deep .ng-select .ng-select-container:after{content:\"\";bottom:0;left:0;right:0;position:absolute;transition:border-color .3s cubic-bezier(.55,0,.55,.2)}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline{padding:0 .5em;min-height:60px}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline:after{border:solid 1px rgba(0,0,0,.12);border-radius:5px;height:calc(100% - .5em);pointer-events:none;transition:border-color .3s cubic-bezier(.25,.8,.25,1)}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline:hover:after{border-color:#000000de;border-width:2px}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline .ng-placeholder{padding:0 .25em;background-color:#fff;z-index:1}.mstate-angular ::ng-deep .ng-select-container{border:1px solid #ced4da;border-radius:5px;padding-left:5px}.mstate-angular ::ng-deep .ng-input input{height:100%;font-size:14px;padding-left:10px}.mstate-angular ::ng-deep .ng-input{padding-left:10px}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline .ng-value{padding-left:.25em}.mstate-angular ::ng-deep .ng-select .ng-select-container .ng-value-container{align-items:stretch;padding:.4375em 0}.mstate-angular ::ng-deep [dir=rtl] .ng-select .ng-select-container .ng-value-container .ng-placeholder{transform-origin:right 0}.mstate-angular ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input{bottom:.65em}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{bottom:17px}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper{bottom:14px}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper{align-self:flex-end;bottom:9px}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container .ng-clear-wrapper{align-self:flex-end;bottom:7px}.mstate-angular ::ng-deep .ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value{background-color:#0000001f;color:#00000042}.mstate-angular ::ng-deep .ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,.mstate-angular .ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after{background-image:none;border:dotted 1px rgba(0,0,0,.12)}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,.mstate-angular .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper{border-top:none}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{top:0}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper{top:4px}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background-color:#3f51b5;border-radius:2px;color:#fff;padding:2px .75em;margin:.4375em .4375em 5px}.mstate-angular ::ng-deep [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin:0 0 .4375em .4375em}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#0000001f;color:#00000042}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{font-size:14px;font-weight:500}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{color:#ffffff8a;padding-right:5px}.mstate-angular ::ng-deep [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{padding-left:5px;padding-right:0}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{color:#ffffffde}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{line-height:1.375em}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-has-value{align-items:center}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container{padding-bottom:0;padding-top:.1875em}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,.mstate-angular .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper{border-top:.84375em solid rgba(0,0,0,0)}.mstate-angular ::ng-deep .ng-select .ng-clear-wrapper{color:#0000008a}.mstate-angular ::ng-deep .ng-select .ng-clear-wrapper:hover{color:#000000de}.mstate-angular ::ng-deep .ng-select .ng-clear-wrapper:focus{color:#000000de;outline:none}.mstate-angular ::ng-deep .ng-select .ng-arrow-wrapper{bottom:2px}.mstate-angular ::ng-deep .ng-select .ng-arrow-wrapper .ng-arrow{border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid;margin:0 4px;color:#0000008a}.mstate-angular ::ng-deep .ng-select .ng-spinner-zone{top:3px}.mstate-angular ::ng-deep .ng-dropdown-panel{background:#fff;left:0}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-top{bottom:calc(100% - .84375em);box-shadow:0 -5px 5px -3px #0003,0 -8px 10px 1px #00000024,0 -3px 14px 2px #0000001f}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-right{left:100%;top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px #0003,0 -8px 10px 1px #00000024,0 -3px 14px 2px #0000001f;margin-left:4px}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-bottom{top:100%;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-left{left:calc(-100% - 4px);top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px #0003,0 -8px 10px 1px #00000024,0 -3px 14px 2px #0000001f}.mstate-angular ::ng-deep .ng-dropdown-panel.multiple .ng-option.selected{background:#fff}.mstate-angular ::ng-deep .ng-dropdown-panel.multiple .ng-option.marked{background:#0000000a}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-header{padding:0 16px;line-height:3em;min-height:3em}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid rgba(0,0,0,.12);padding:0 16px;line-height:3em;min-height:3em}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;cursor:pointer;line-height:3em;height:3em;padding:0 16px;color:#0000008a;font-weight:500}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background:#0000000a}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background:#0000001f;color:#3f51b5}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{line-height:3em;min-height:3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 16px;text-decoration:none;position:relative;color:#000000de;text-align:left}.mstate-angular ::ng-deep [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{text-align:right}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#0000000a;color:#000000de}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:#0000001f;color:#3f51b5}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#00000061}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:32px}.mstate-angular ::ng-deep [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:32px;padding-left:0}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-right:5px;font-size:80%;font-weight:400;color:#00000061}.mstate-angular ::ng-deep [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}.mstate-angular{background:#0d0d0d;min-height:100%;padding:16px}.mstate-angular .logo{width:70%;margin:auto;max-width:300px;margin-block:12px;display:flex}.mstate-angular .flex-container{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;padding:8px 0}.mstate-angular ::ng-deep .form-control{display:block;width:100%;min-height:40px;padding:.5rem .875rem;font-size:.9375rem;font-weight:400;line-height:1.5;color:#f0f0f0;background-color:#141414;background-clip:padding-box;border:1px solid #2e2e2e;border-radius:8px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;-webkit-appearance:none}.mstate-angular ::ng-deep .form-control::placeholder{color:#555}.mstate-angular ::ng-deep .form-control:hover{border-color:#484848}.mstate-angular ::ng-deep .form-control:focus{border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef72e;background-color:#1c1c1c}.mstate-angular ::ng-deep .form-control.ng-invalid.ng-touched,.mstate-angular ::ng-deep .form-control.ng-invalid.ng-dirty{border-color:#f25c5c;box-shadow:0 0 0 3px #f25c5c26}.mstate-angular ::ng-deep .form-group{padding-block:10px}.mstate-angular ::ng-deep .form-group label{display:block;margin-bottom:6px;font-size:.8125rem;font-weight:500;color:#a0a0a0;letter-spacing:.02em;text-transform:uppercase}.mstate-angular ::ng-deep .form-group small{display:block;margin-top:5px;font-size:.78rem;color:#f25c5c}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ActionFormComponent, selector: "lib-action-form", inputs: ["token", "workflow", "config", "updateCustomFieldValue", "authHeader", "instanceID"], outputs: ["onExecuteAction", "onSuccess"] }, { kind: "component", type: ActionCardComponent, selector: "mobi-office-action-card", inputs: ["config"], outputs: ["executeAction"] }, { kind: "component", type: LoaderComponent, selector: "mobi-office-loader" }, { kind: "component", type: ErrorCardComponent, selector: "lib-error-card", inputs: ["errors"], outputs: ["retry"] }, { kind: "component", type: WorkflowEndCardComponent, selector: "lib-workflow-end-card" }] }); }
697
701
  }
698
702
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MstateAngularComponent, decorators: [{
699
703
  type: Component,
@@ -704,7 +708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
704
708
  LoaderComponent,
705
709
  ErrorCardComponent,
706
710
  WorkflowEndCardComponent,
707
- ], providers: [MstateAngularHelper, MstateAngularService], template: "<div class=\"mstate-angular\">\n <!-- <img\n src=\"https://firebasestorage.googleapis.com/v0/b/mobioffice-dev.appspot.com/o/companies_logo%2Flogo.png?alt=media&token=e5f238f0-c373-4c76-9168-37fbe7da1de0\"\n alt=\"logo\"\n width=\"100%\"\n class=\"logo\"\n /> -->\n\n @if (isLoading) {\n <mobi-office-loader class=\"flex-container\" />\n } @else if (errorMessages.length) {\n <lib-error-card [errors]=\"errorMessages\" (retry)=\"handleRetryAction()\" />\n } @else {\n @switch (allowedActions.length) {\n @case (0) {\n <lib-workflow-end-card />\n }\n @case (1) {\n <lib-action-form\n [workflow]=\"workflow\"\n [token]=\"token\"\n [authHeader]=\"authHeader\"\n [instanceID]=\"instanceID\"\n [config]=\"allowedActions[0]\"\n (onExecuteAction)=\"handleExecuteAction($event)\"\n [updateCustomFieldValue]=\"handleCustomField\"\n (onSuccess)=\"onSuccess.emit($event)\"\n ></lib-action-form>\n }\n @default {\n <div class=\"flex-container\">\n @for (item of allowedActions; track $index) {\n <mobi-office-action-card\n [config]=\"item\"\n (executeAction)=\"handleActionExecution($event)\"\n />\n }\n </div>\n }\n }\n }\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";::ng-deep .mstate-angular *{font-family:Poppins,serif}::ng-deep .mstate-angular{background:var(--mstate-bg-primary)!important}::ng-deep .mstate-angular .ng-dropdown-panel-items{background:var(--mstate-bg-secondary)!important}::ng-deep .mstate-angular .ng-value,::ng-deep .mstate-angular .ng-placeholder{z-index:1!important}::ng-deep .mstate-angular input[type=date]::-webkit-calendar-picker-indicator,::ng-deep .mstate-angular input[type=time]::-webkit-calendar-picker-indicator{background:var(--mstate-text-color);-webkit-mask:url(\"data:image/svg+xml;utf8,<svg fill='black' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 10h5v5H7zM14 10h5v5h-5z'/></svg>\") no-repeat center;mask:url(\"data:image/svg+xml;utf8,<svg fill='black' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 10h5v5H7zM14 10h5v5h-5z'/></svg>\") no-repeat center;background-size:16px 16px;cursor:pointer;opacity:1}::ng-deep .mstate-angular button{background-color:var(--btn-mstate-bg-color)!important;color:var(--btn-mstate-text-color)!important}::ng-deep .mstate-angular ng-value,::ng-deep .mstate-angular p,::ng-deep .mstate-angular label,::ng-deep .mstate-angular input,::ng-deep .mstate-angular textarea,::ng-deep .mstate-angular .ng-select-container,::ng-deep .mstate-angular .ng-option-label{border-color:var(--mstate-text-color)!important;color:var(--mstate-text-color)!important}::ng-deep .mstate-angular input,::ng-deep .mstate-angular textarea,::ng-deep .mstate-angular .ng-select-container{background-color:var(--mstate-bg-input)!important}::ng-deep .mstate-angular small{color:var(--mstate-text-error-color, red)!important}::ng-deep .mstate-angular input::placeholder{color:var(--mstate-text-light-color)!important}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-select-container:after{background-image:linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);background-size:4px 1px;background-repeat:repeat-x}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{color:#00000061}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder{color:#00000061}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,.mstate-angular .ng-select.ng-select-disabled .ng-clear-wrapper{color:#00000061}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container:after{border-color:#3f51b5;border-width:2px}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,.mstate-angular .ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after{border-color:#3f51b5;border-width:2px}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder{display:none}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow{color:#3f51b5}.mstate-angular ::ng-deep .ng-select .ng-has-value .ng-placeholder,.mstate-angular .ng-select.ng-select-filtered .ng-select-container .ng-placeholder{display:initial}.mstate-angular ::ng-deep .ng-select .ng-has-value .ng-placeholder,.mstate-angular .ng-select.ng-select-opened .ng-placeholder{display:none}.mstate-angular ::ng-deep .ng-select .ng-select-container{color:#000000de;align-items:center;min-height:49px;padding-bottom:3px;padding-inline:.5rem}.mstate-angular ::ng-deep .ng-select .ng-select-container:after{content:\"\";bottom:0;left:0;right:0;position:absolute;transition:border-color .3s cubic-bezier(.55,0,.55,.2)}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline{padding:0 .5em;min-height:60px}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline:after{border:solid 1px rgba(0,0,0,.12);border-radius:5px;height:calc(100% - .5em);pointer-events:none;transition:border-color .3s cubic-bezier(.25,.8,.25,1)}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline:hover:after{border-color:#000000de;border-width:2px}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline .ng-placeholder{padding:0 .25em;background-color:#fff;z-index:1}.mstate-angular ::ng-deep .ng-select-container{border:1px solid #ced4da;border-radius:5px;padding-left:5px}.mstate-angular ::ng-deep .ng-input input{height:100%;font-size:14px;padding-left:10px}.mstate-angular ::ng-deep .ng-input{padding-left:10px}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline .ng-value{padding-left:.25em}.mstate-angular ::ng-deep .ng-select .ng-select-container .ng-value-container{align-items:stretch;padding:.4375em 0}.mstate-angular ::ng-deep [dir=rtl] .ng-select .ng-select-container .ng-value-container .ng-placeholder{transform-origin:right 0}.mstate-angular ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input{bottom:.65em}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{bottom:17px}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper{bottom:14px}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper{align-self:flex-end;bottom:9px}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container .ng-clear-wrapper{align-self:flex-end;bottom:7px}.mstate-angular ::ng-deep .ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value{background-color:#0000001f;color:#00000042}.mstate-angular ::ng-deep .ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,.mstate-angular .ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after{background-image:none;border:dotted 1px rgba(0,0,0,.12)}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,.mstate-angular .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper{border-top:none}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{top:0}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper{top:4px}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background-color:#3f51b5;border-radius:2px;color:#fff;padding:2px .75em;margin:.4375em .4375em 5px}.mstate-angular ::ng-deep [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin:0 0 .4375em .4375em}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#0000001f;color:#00000042}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{font-size:14px;font-weight:500}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{color:#ffffff8a;padding-right:5px}.mstate-angular ::ng-deep [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{padding-left:5px;padding-right:0}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{color:#ffffffde}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{line-height:1.375em}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-has-value{align-items:center}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container{padding-bottom:0;padding-top:.1875em}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,.mstate-angular .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper{border-top:.84375em solid rgba(0,0,0,0)}.mstate-angular ::ng-deep .ng-select .ng-clear-wrapper{color:#0000008a}.mstate-angular ::ng-deep .ng-select .ng-clear-wrapper:hover{color:#000000de}.mstate-angular ::ng-deep .ng-select .ng-clear-wrapper:focus{color:#000000de;outline:none}.mstate-angular ::ng-deep .ng-select .ng-arrow-wrapper{bottom:2px}.mstate-angular ::ng-deep .ng-select .ng-arrow-wrapper .ng-arrow{border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid;margin:0 4px;color:#0000008a}.mstate-angular ::ng-deep .ng-select .ng-spinner-zone{top:3px}.mstate-angular ::ng-deep .ng-dropdown-panel{background:#fff;left:0}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-top{bottom:calc(100% - .84375em);box-shadow:0 -5px 5px -3px #0003,0 -8px 10px 1px #00000024,0 -3px 14px 2px #0000001f}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-right{left:100%;top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px #0003,0 -8px 10px 1px #00000024,0 -3px 14px 2px #0000001f;margin-left:4px}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-bottom{top:100%;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-left{left:calc(-100% - 4px);top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px #0003,0 -8px 10px 1px #00000024,0 -3px 14px 2px #0000001f}.mstate-angular ::ng-deep .ng-dropdown-panel.multiple .ng-option.selected{background:#fff}.mstate-angular ::ng-deep .ng-dropdown-panel.multiple .ng-option.marked{background:#0000000a}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-header{padding:0 16px;line-height:3em;min-height:3em}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid rgba(0,0,0,.12);padding:0 16px;line-height:3em;min-height:3em}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;cursor:pointer;line-height:3em;height:3em;padding:0 16px;color:#0000008a;font-weight:500}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background:#0000000a}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background:#0000001f;color:#3f51b5}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{line-height:3em;min-height:3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 16px;text-decoration:none;position:relative;color:#000000de;text-align:left}.mstate-angular ::ng-deep [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{text-align:right}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#0000000a;color:#000000de}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:#0000001f;color:#3f51b5}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#00000061}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:32px}.mstate-angular ::ng-deep [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:32px;padding-left:0}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-right:5px;font-size:80%;font-weight:400;color:#00000061}.mstate-angular ::ng-deep [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}.mstate-angular .logo{width:70%;margin:auto;max-width:300px;margin-block:12px;display:flex}.mstate-angular .flex-container{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.mstate-angular ::ng-deep .form-control{display:block;min-height:35px;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;outline:none;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.mstate-angular ::ng-deep .form-group{padding-block:8px}\n"] }]
711
+ ], providers: [MstateAngularHelper, MstateAngularService], template: "<div class=\"mstate-angular\">\n <!-- <img\n src=\"https://firebasestorage.googleapis.com/v0/b/mobioffice-dev.appspot.com/o/companies_logo%2Flogo.png?alt=media&token=e5f238f0-c373-4c76-9168-37fbe7da1de0\"\n alt=\"logo\"\n width=\"100%\"\n class=\"logo\"\n /> -->\n\n @if (isLoading) {\n <mobi-office-loader class=\"flex-container\" />\n } @else if (errorMessages.length) {\n <lib-error-card [errors]=\"errorMessages\" (retry)=\"handleRetryAction()\" />\n } @else {\n @switch (allowedActions.length) {\n @case (0) {\n <lib-workflow-end-card />\n }\n @case (1) {\n <lib-action-form\n [workflow]=\"workflow\"\n [token]=\"token\"\n [authHeader]=\"authHeader\"\n [instanceID]=\"instanceID\"\n [config]=\"allowedActions[0]\"\n (onExecuteAction)=\"handleExecuteAction($event)\"\n [updateCustomFieldValue]=\"handleCustomField\"\n (onSuccess)=\"onSuccess.emit($event)\"\n ></lib-action-form>\n }\n @default {\n <div class=\"flex-container\">\n @for (item of allowedActions; track $index) {\n <mobi-office-action-card\n [config]=\"item\"\n (executeAction)=\"handleActionExecution($event)\"\n />\n }\n </div>\n }\n }\n }\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap\";::ng-deep .mstate-angular *{font-family:Inter,sans-serif;box-sizing:border-box}::ng-deep .mstate-angular{background:var(--mstate-bg-primary, #0d0d0d)!important;color:var(--mstate-text-color, #f0f0f0)}::ng-deep .mstate-angular .ng-dropdown-panel-items{background:var(--mstate-bg-secondary, #1e1e1e)!important;border:1px solid #2e2e2e!important;border-radius:8px!important;box-shadow:0 8px 24px #00000080!important}::ng-deep .mstate-angular .ng-option{background:transparent!important;color:#f0f0f0!important;padding:8px 12px!important;transition:background .15s ease}::ng-deep .mstate-angular .ng-option:hover,::ng-deep .mstate-angular .ng-option.ng-option-marked{background:#4f6ef726!important}::ng-deep .mstate-angular .ng-option.ng-option-selected{background:#4f6ef740!important;font-weight:500}::ng-deep .mstate-angular .ng-value,::ng-deep .mstate-angular .ng-placeholder{z-index:1!important}::ng-deep .mstate-angular .ng-value{background-color:#4f6ef733!important;border-radius:4px!important;color:#f0f0f0!important;padding:2px 6px!important}::ng-deep .mstate-angular input[type=date]::-webkit-calendar-picker-indicator,::ng-deep .mstate-angular input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(.7);cursor:pointer;opacity:.7;transition:opacity .2s}::ng-deep .mstate-angular input[type=date]::-webkit-calendar-picker-indicator:hover,::ng-deep .mstate-angular input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}::ng-deep .mstate-angular button{background-color:var(--btn-mstate-bg-color, #4f6ef7)!important;color:var(--btn-mstate-text-color, #ffffff)!important}::ng-deep .mstate-angular ng-value,::ng-deep .mstate-angular p,::ng-deep .mstate-angular label,::ng-deep .mstate-angular input,::ng-deep .mstate-angular textarea,::ng-deep .mstate-angular .ng-select-container,::ng-deep .mstate-angular .ng-option-label{border-color:var(--mstate-text-color, #2e2e2e)!important;color:var(--mstate-text-color, #f0f0f0)!important}::ng-deep .mstate-angular input,::ng-deep .mstate-angular textarea,::ng-deep .mstate-angular .ng-select-container{background-color:var(--mstate-bg-input, #141414)!important}::ng-deep .mstate-angular small{color:var(--mstate-text-error-color, #f25c5c)!important}::ng-deep .mstate-angular input::placeholder,::ng-deep .mstate-angular textarea::placeholder{color:var(--mstate-text-light-color, #555)!important}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-select-container:after{background-image:linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);background-size:4px 1px;background-repeat:repeat-x}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{color:#00000061}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder{color:#00000061}.mstate-angular ::ng-deep .ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,.mstate-angular .ng-select.ng-select-disabled .ng-clear-wrapper{color:#00000061}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container:after{border-color:#3f51b5;border-width:2px}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,.mstate-angular .ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after{border-color:#3f51b5;border-width:2px}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder{display:none}.mstate-angular ::ng-deep .ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow{color:#3f51b5}.mstate-angular ::ng-deep .ng-select .ng-has-value .ng-placeholder,.mstate-angular .ng-select.ng-select-filtered .ng-select-container .ng-placeholder{display:initial}.mstate-angular ::ng-deep .ng-select .ng-has-value .ng-placeholder,.mstate-angular .ng-select.ng-select-opened .ng-placeholder{display:none}.mstate-angular ::ng-deep .ng-select .ng-select-container{color:#000000de;align-items:center;min-height:49px;padding-bottom:3px;padding-inline:.5rem}.mstate-angular ::ng-deep .ng-select .ng-select-container:after{content:\"\";bottom:0;left:0;right:0;position:absolute;transition:border-color .3s cubic-bezier(.55,0,.55,.2)}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline{padding:0 .5em;min-height:60px}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline:after{border:solid 1px rgba(0,0,0,.12);border-radius:5px;height:calc(100% - .5em);pointer-events:none;transition:border-color .3s cubic-bezier(.25,.8,.25,1)}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline:hover:after{border-color:#000000de;border-width:2px}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline .ng-placeholder{padding:0 .25em;background-color:#fff;z-index:1}.mstate-angular ::ng-deep .ng-select-container{border:1px solid #ced4da;border-radius:5px;padding-left:5px}.mstate-angular ::ng-deep .ng-input input{height:100%;font-size:14px;padding-left:10px}.mstate-angular ::ng-deep .ng-input{padding-left:10px}.mstate-angular ::ng-deep .ng-select .ng-select-container.ng-appearance-outline .ng-value{padding-left:.25em}.mstate-angular ::ng-deep .ng-select .ng-select-container .ng-value-container{align-items:stretch;padding:.4375em 0}.mstate-angular ::ng-deep [dir=rtl] .ng-select .ng-select-container .ng-value-container .ng-placeholder{transform-origin:right 0}.mstate-angular ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input{bottom:.65em}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{bottom:17px}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper{bottom:14px}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper{align-self:flex-end;bottom:9px}.mstate-angular ::ng-deep .ng-select.ng-select-single .ng-select-container .ng-clear-wrapper{align-self:flex-end;bottom:7px}.mstate-angular ::ng-deep .ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value{background-color:#0000001f;color:#00000042}.mstate-angular ::ng-deep .ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,.mstate-angular .ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after{background-image:none;border:dotted 1px rgba(0,0,0,.12)}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,.mstate-angular .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper{border-top:none}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{top:0}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper{top:4px}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background-color:#3f51b5;border-radius:2px;color:#fff;padding:2px .75em;margin:.4375em .4375em 5px}.mstate-angular ::ng-deep [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin:0 0 .4375em .4375em}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#0000001f;color:#00000042}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{font-size:14px;font-weight:500}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{color:#ffffff8a;padding-right:5px}.mstate-angular ::ng-deep [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{padding-left:5px;padding-right:0}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{color:#ffffffde}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{line-height:1.375em}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-has-value{align-items:center}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container{padding-bottom:0;padding-top:.1875em}.mstate-angular ::ng-deep .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,.mstate-angular .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper{border-top:.84375em solid rgba(0,0,0,0)}.mstate-angular ::ng-deep .ng-select .ng-clear-wrapper{color:#0000008a}.mstate-angular ::ng-deep .ng-select .ng-clear-wrapper:hover{color:#000000de}.mstate-angular ::ng-deep .ng-select .ng-clear-wrapper:focus{color:#000000de;outline:none}.mstate-angular ::ng-deep .ng-select .ng-arrow-wrapper{bottom:2px}.mstate-angular ::ng-deep .ng-select .ng-arrow-wrapper .ng-arrow{border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid;margin:0 4px;color:#0000008a}.mstate-angular ::ng-deep .ng-select .ng-spinner-zone{top:3px}.mstate-angular ::ng-deep .ng-dropdown-panel{background:#fff;left:0}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-top{bottom:calc(100% - .84375em);box-shadow:0 -5px 5px -3px #0003,0 -8px 10px 1px #00000024,0 -3px 14px 2px #0000001f}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-right{left:100%;top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px #0003,0 -8px 10px 1px #00000024,0 -3px 14px 2px #0000001f;margin-left:4px}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-bottom{top:100%;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mstate-angular ::ng-deep .ng-dropdown-panel.ng-select-left{left:calc(-100% - 4px);top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px #0003,0 -8px 10px 1px #00000024,0 -3px 14px 2px #0000001f}.mstate-angular ::ng-deep .ng-dropdown-panel.multiple .ng-option.selected{background:#fff}.mstate-angular ::ng-deep .ng-dropdown-panel.multiple .ng-option.marked{background:#0000000a}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-header{padding:0 16px;line-height:3em;min-height:3em}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid rgba(0,0,0,.12);padding:0 16px;line-height:3em;min-height:3em}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;cursor:pointer;line-height:3em;height:3em;padding:0 16px;color:#0000008a;font-weight:500}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background:#0000000a}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background:#0000001f;color:#3f51b5}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{line-height:3em;min-height:3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 16px;text-decoration:none;position:relative;color:#000000de;text-align:left}.mstate-angular ::ng-deep [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{text-align:right}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#0000000a;color:#000000de}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:#0000001f;color:#3f51b5}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#00000061}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:32px}.mstate-angular ::ng-deep [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:32px;padding-left:0}.mstate-angular ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-right:5px;font-size:80%;font-weight:400;color:#00000061}.mstate-angular ::ng-deep [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}.mstate-angular{background:#0d0d0d;min-height:100%;padding:16px}.mstate-angular .logo{width:70%;margin:auto;max-width:300px;margin-block:12px;display:flex}.mstate-angular .flex-container{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;padding:8px 0}.mstate-angular ::ng-deep .form-control{display:block;width:100%;min-height:40px;padding:.5rem .875rem;font-size:.9375rem;font-weight:400;line-height:1.5;color:#f0f0f0;background-color:#141414;background-clip:padding-box;border:1px solid #2e2e2e;border-radius:8px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;-webkit-appearance:none}.mstate-angular ::ng-deep .form-control::placeholder{color:#555}.mstate-angular ::ng-deep .form-control:hover{border-color:#484848}.mstate-angular ::ng-deep .form-control:focus{border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef72e;background-color:#1c1c1c}.mstate-angular ::ng-deep .form-control.ng-invalid.ng-touched,.mstate-angular ::ng-deep .form-control.ng-invalid.ng-dirty{border-color:#f25c5c;box-shadow:0 0 0 3px #f25c5c26}.mstate-angular ::ng-deep .form-group{padding-block:10px}.mstate-angular ::ng-deep .form-group label{display:block;margin-bottom:6px;font-size:.8125rem;font-weight:500;color:#a0a0a0;letter-spacing:.02em;text-transform:uppercase}.mstate-angular ::ng-deep .form-group small{display:block;margin-top:5px;font-size:.78rem;color:#f25c5c}\n"] }]
708
712
  }], ctorParameters: () => [{ type: MstateAngularHelper }, { type: MstateAngularService }], propDecorators: { token: [{
709
713
  type: Input,
710
714
  args: [{ required: true }]