verben-workflow-ui 0.5.38 → 0.5.40

package/src/lib/components/tasks/tasks.component.d.ts

@@ -9,7 +9,7 @@ export declare class TasksComponent extends BaseDataViewComponent<Task> {
     private cdr;
     private taskFacade;
     config: DataViewConfig<Task>;
-    popup: import("@angular/core").Signal<VerbenPopUpComponent | undefined>;
+    popups: import("@angular/core").Signal<readonly VerbenPopUpComponent[]>;
     selectedTaskCode: string | null;
     activeActionType: ActionType | null;
     comment: string;
@@ -28,6 +28,7 @@ export declare class TasksComponent extends BaseDataViewComponent<Task> {
     constructor(cdr: ChangeDetectorRef, taskFacade: TaskFacade);
     loadInitialData(): void;
     handlePopupClose(event: boolean): void;
+    onPopupToggled(isOpen: boolean, currentPopup: VerbenPopUpComponent): void;
     handleAction(task: Task, popup: VerbenPopUpComponent): void;
     onStateChange(event: {
         key: string;

package/src/lib/components/tasks/tasks.module.d.ts

@@ -7,8 +7,9 @@ import * as i5 from "verben-workflow-ui/src/lib/components/task-form";
 import * as i6 from "verben-workflow-ui/src/lib/components/form-control";
 import * as i7 from "verben-workflow-ui/src/lib/components/form-timer";
 import * as i8 from "@angular/router";
+import * as i9 from "verben-ng-ui";
 export declare class TasksModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TasksModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TasksModule, [typeof i1.TasksComponent, typeof i2.TasksFormComponent], [typeof i3.CommonModule, typeof i4.SharedModule, typeof i5.TaskFormModule, typeof i6.FormControlerModule, typeof i7.FormTimerModule, typeof i8.RouterLink], [typeof i1.TasksComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TasksModule, [typeof i1.TasksComponent, typeof i2.TasksFormComponent], [typeof i3.CommonModule, typeof i4.SharedModule, typeof i5.TaskFormModule, typeof i6.FormControlerModule, typeof i7.FormTimerModule, typeof i8.RouterLink, typeof i9.TooltipModule], [typeof i1.TasksComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TasksModule>;
 }

package/styles/styles.css

@@ -532,6 +532,9 @@ video {
     max-width: 1536px;
   }
 }
+.pointer-events-none {
+  pointer-events: none;
+}
 .visible {
   visibility: visible;
 }
@@ -574,6 +577,9 @@ video {
 .right-0 {
   right: 0px;
 }
+.z-10 {
+  z-index: 10;
+}
 .z-\[10000\] {
   z-index: 10000;
 }
@@ -684,6 +690,9 @@ video {
 .flex {
   display: flex;
 }
+.inline-flex {
+  display: inline-flex;
+}
 .grid {
   display: grid;
 }
@@ -708,6 +717,9 @@ video {
 .h-\[100px\] {
   height: 100px;
 }
+.h-\[30px\] {
+  height: 30px;
+}
 .h-\[31px\] {
   height: 31px;
 }
@@ -769,9 +781,15 @@ video {
 .w-\[150px\] {
   width: 150px;
 }
+.w-\[30px\] {
+  width: 30px;
+}
 .w-\[326px\] {
   width: 326px;
 }
+.w-\[350px\] {
+  width: 350px;
+}
 .w-\[400px\] {
   width: 400px;
 }
@@ -800,6 +818,10 @@ video {
 .min-w-\[250px\] {
   min-width: 250px;
 }
+.max-w-fit {
+  max-width: -moz-fit-content;
+  max-width: fit-content;
+}
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -810,9 +832,18 @@ video {
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
 .cursor-pointer {
   cursor: pointer;
 }
+.list-inside {
+  list-style-position: inside;
+}
+.list-disc {
+  list-style-type: disc;
+}
 .grid-cols-12 {
   grid-template-columns: repeat(12, minmax(0, 1fr));
 }
@@ -957,6 +988,9 @@ video {
 .border-b {
   border-bottom-width: 1px;
 }
+.border-b-2 {
+  border-bottom-width: 2px;
+}
 .border-b-4 {
   border-bottom-width: 4px;
 }
@@ -1114,10 +1148,6 @@ video {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.px-2\.5 {
-  padding-left: 0.625rem;
-  padding-right: 0.625rem;
-}
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -1150,6 +1180,9 @@ video {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
+.pb-1 {
+  padding-bottom: 0.25rem;
+}
 .pb-3 {
   padding-bottom: 0.75rem;
 }
@@ -1239,6 +1272,9 @@ video {
 .font-semibold {
   font-weight: 600;
 }
+.capitalize {
+  text-transform: capitalize;
+}
 .leading-\[12\.1px\] {
   line-height: 12.1px;
 }
@@ -1303,6 +1339,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(205 98 0 / var(--tw-text-opacity, 1));
 }
+.text-\[\#fff\] {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
 .text-muted {
   color: rgba(0, 0, 0, 0.6);
 }
@@ -1313,6 +1353,9 @@ video {
 .underline {
   text-decoration-line: underline;
 }
+.opacity-50 {
+  opacity: 0.5;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);