@privateaim/client-vue 0.8.36 → 0.8.38

package/README.md

@@ -0,0 +1,20 @@
+# @privateaim/client-vue 🎨
+
+[![npm version][npm-src]][npm-href]
+
+Reusable Vue 3 component library for building PrivateAIM client applications — forms, lists, and detail views for all domain entities.
+
+## Installation
+
+```bash
+npm install @privateaim/client-vue
+```
+
+## License
+
+Made with 💚
+
+Published under [Apache 2.0](../../LICENSE).
+
+[npm-src]: https://img.shields.io/npm/v/@privateaim/client-vue
+[npm-href]: https://npmjs.com/package/@privateaim/client-vue

package/dist/index.mjs

@@ -1109,7 +1109,7 @@ const FAnalysisCommand = defineComponent({
 		},
 		elementType: {
 			type: String,
-			default: ActionCommandElementType.BUTTON
+			default: "button"
 		},
 		withIcon: {
 			type: Boolean,
@@ -1872,7 +1872,7 @@ var FMasterImageCommand_default = defineComponent({
 		},
 		elementType: {
 			type: String,
-			default: ActionCommandElementType.BUTTON
+			default: "button"
 		},
 		withIcon: {
 			type: Boolean,
@@ -2767,16 +2767,6 @@ var FProjectNodeAssignAction_default = defineComponent({
 });
 //#endregion
 //#region src/components/project-node/FProjectNode.ts
-var Direction$3 = /* @__PURE__ */ function(Direction) {
-	Direction["IN"] = "in";
-	Direction["OUT"] = "out";
-	return Direction;
-}(Direction$3 || {});
-var Target$1 = /* @__PURE__ */ function(Target) {
-	Target["PROJECT"] = "project";
-	Target["NODE"] = "node";
-	return Target;
-}(Target$1 || {});
 var FProjectNode_default = defineComponent({
 	props: {
 		entity: { type: Object },
@@ -2791,8 +2781,8 @@ var FProjectNode_default = defineComponent({
 		const manager = createEntityManager({
 			realmId: (entity) => {
 				if (!entity) return;
-				if (props.target === Target$1.PROJECT) return entity.project_realm_id;
-				if (props.target === Target$1.NODE) return entity.node_realm_id;
+				if (props.target === "project") return entity.project_realm_id;
+				if (props.target === "node") return entity.node_realm_id;
 			},
 			type: `${DomainType.PROJECT_NODE}`,
 			setup,
@@ -2800,25 +2790,25 @@ var FProjectNode_default = defineComponent({
 			socket: {
 				processEvent(event, realmId) {
 					if (!realmId) return true;
-					if (props.target === Target$1.PROJECT) return realmId === event.data.node_realm_id;
-					if (props.target === Target$1.NODE) return realmId === event.data.project_realm_id;
+					if (props.target === "project") return realmId === event.data.node_realm_id;
+					if (props.target === "node") return realmId === event.data.project_realm_id;
 					return false;
 				},
 				buildChannelName(id) {
-					if (props.direction === Direction$3.IN) return buildDomainChannelName(DomainSubType.PROJECT_NODE_IN, id);
-					if (props.direction === Direction$3.OUT) return buildDomainChannelName(DomainSubType.PROJECT_NODE_OUT, id);
+					if (props.direction === "in") return buildDomainChannelName(DomainSubType.PROJECT_NODE_IN, id);
+					if (props.direction === "out") return buildDomainChannelName(DomainSubType.PROJECT_NODE_OUT, id);
 					return buildDomainChannelName(DomainType.PROJECT_NODE, id);
 				}
 			}
 		});
 		await manager.resolve();
-		if (manager.data.value && props.target && !manager.data.value[props.target]) if (props.target === Target$1.PROJECT) manager.data.value[props.target] = await apiClient.project.getOne(manager.data.value.project_id);
+		if (manager.data.value && props.target && !manager.data.value[props.target]) if (props.target === "project") manager.data.value[props.target] = await apiClient.project.getOne(manager.data.value.project_id);
 		else manager.data.value[props.target] = await apiClient.node.getOne(manager.data.value.node_id);
 		return () => {
 			const fallback = () => {
 				if (props.target && manager.data.value && manager.data.value[props.target]) {
-					if (props.target === Target$1.PROJECT) return h("div", [manager.data.value?.project.name]);
-					if (props.target === Target$1.NODE) return h("div", [manager.data.value?.node.name]);
+					if (props.target === "project") return h("div", [manager.data.value?.project.name]);
+					if (props.target === "node") return h("div", [manager.data.value?.node.name]);
 				}
 				return [manager.data?.value?.id];
 			};
@@ -2828,11 +2818,6 @@ var FProjectNode_default = defineComponent({
 });
 //#endregion
 //#region src/components/project-node/FProjectNodes.ts
-var Direction$2 = /* @__PURE__ */ function(Direction) {
-	Direction["IN"] = "in";
-	Direction["OUT"] = "out";
-	return Direction;
-}(Direction$2 || {});
 var FProjectNodes_default = defineComponent({
 	props: {
 		...defineListProps(),
@@ -2847,7 +2832,7 @@ var FProjectNodes_default = defineComponent({
 		},
 		direction: {
 			type: String,
-			default: `${Direction$2.OUT}`
+			default: `out`
 		},
 		includeNode: {
 			type: Boolean,
@@ -2864,8 +2849,8 @@ var FProjectNodes_default = defineComponent({
 		const source = computed(() => props.target === DomainType.NODE ? DomainType.PROJECT : DomainType.NODE);
 		const isSameSocketRoom = (room) => {
 			if (props.realmId) switch (props.direction) {
-				case Direction$2.IN: return room === buildDomainChannelName(DomainSubType.PROJECT_NODE_IN);
-				case Direction$2.OUT: return room === buildDomainChannelName(DomainSubType.PROJECT_NODE_OUT);
+				case "in": return room === buildDomainChannelName(DomainSubType.PROJECT_NODE_IN);
+				case "out": return room === buildDomainChannelName(DomainSubType.PROJECT_NODE_OUT);
 			}
 			else return room === buildDomainChannelName(DomainType.PROJECT_NODE);
 			return false;
@@ -2891,14 +2876,14 @@ var FProjectNodes_default = defineComponent({
 				},
 				buildSubscribeEventName() {
 					if (props.realmId) {
-						if (props.direction === Direction$2.IN) return buildDomainEventFullName(DomainSubType.PROJECT_NODE_IN, DomainEventSubscriptionName.SUBSCRIBE);
+						if (props.direction === "in") return buildDomainEventFullName(DomainSubType.PROJECT_NODE_IN, DomainEventSubscriptionName.SUBSCRIBE);
 						return buildDomainEventFullName(DomainSubType.PROJECT_NODE_OUT, DomainEventSubscriptionName.SUBSCRIBE);
 					}
 					return buildDomainEventFullName(DomainType.PROJECT_NODE, DomainEventSubscriptionName.SUBSCRIBE);
 				},
 				buildUnsubscribeEventName() {
 					if (props.realmId) {
-						if (props.direction === Direction$2.IN) return buildDomainEventFullName(DomainSubType.PROJECT_NODE_IN, DomainEventSubscriptionName.UNSUBSCRIBE);
+						if (props.direction === "in") return buildDomainEventFullName(DomainSubType.PROJECT_NODE_IN, DomainEventSubscriptionName.UNSUBSCRIBE);
 						return buildDomainEventFullName(DomainSubType.PROJECT_NODE_OUT, DomainEventSubscriptionName.UNSUBSCRIBE);
 					}
 					return buildDomainEventFullName(DomainType.PROJECT_NODE, DomainEventSubscriptionName.UNSUBSCRIBE);
@@ -2910,7 +2895,7 @@ var FProjectNodes_default = defineComponent({
 					else filters["project.name"] = filters.name;
 					delete filters.name;
 				}
-				if (props.realmId) if (props.direction === Direction$2.IN) filters.node_realm_id = props.realmId;
+				if (props.realmId) if (props.direction === "in") filters.node_realm_id = props.realmId;
 				else filters.project_realm_id = props.realmId;
 			},
 			query: () => {
@@ -3363,7 +3348,7 @@ var FEntityDelete_default = defineComponent({
 		},
 		elementType: {
 			type: String,
-			default: `${ElementType.BUTTON}`
+			default: `button`
 		},
 		entityId: {
 			type: String,
@@ -3423,10 +3408,10 @@ var FEntityDelete_default = defineComponent({
 			let tag = "button";
 			const data = {};
 			switch (props.elementType) {
-				case ElementType.LINK:
+				case "link":
 					tag = "a";
 					break;
-				case ElementType.DROP_DOWN_ITEM:
+				case "dropDownItem":
 					if (instance && typeof instance.appContext.app.component("BDropdownItem") !== "undefined") tag = resolveDynamicComponent("BDropdownItem");
 					break;
 			}
@@ -4015,15 +4000,17 @@ var FAnalysisProgressBar_vue_vue_type_script_lang_default = defineComponent({
 		});
 		const buildProgress = computed(() => {
 			if (entity.value.build_status === ProcessStatus.EXECUTED) return 100;
-			if (entity.value.build_status === ProcessStatus.STARTED) return 20;
-			if (entity.value.build_status === ProcessStatus.STARTING) return 10;
-			return 0;
+			if (entity.value.build_status === ProcessStatus.STARTED) return 10;
+			if (entity.value.build_status === ProcessStatus.STARTING) return 5;
+			if (!entity.value.build_status) return 0;
+			return Math.max(10, entity.value.build_progress ?? 0);
 		});
 		const runProgress = computed(() => {
 			if (entity.value.execution_status === ProcessStatus.EXECUTED) return 100;
-			if (entity.value.execution_status === ProcessStatus.STARTED) return 20;
-			if (entity.value.execution_status === ProcessStatus.STARTING) return 10;
-			return 0;
+			if (entity.value.execution_status === ProcessStatus.STARTED) return 10;
+			if (entity.value.execution_status === ProcessStatus.STARTING) return 5;
+			if (!entity.value.execution_status) return 0;
+			return Math.max(10, entity.value.execution_progress ?? 0);
 		});
 		const progress = computed(() => {
 			const total = configurationProgress.value + buildProgress.value + runProgress.value;
@@ -4697,7 +4684,7 @@ const FAnalysisBucketDownload = defineComponent({
 		},
 		elementType: {
 			type: String,
-			default: ActionCommandElementType.BUTTON
+			default: "button"
 		},
 		withIcon: {
 			type: Boolean,
@@ -5278,16 +5265,6 @@ var FAnalysisNodeAssignAction_default = defineComponent({
 });
 //#endregion
 //#region src/components/analysis-node/FAnalysisNode.ts
-var Direction$1 = /* @__PURE__ */ function(Direction) {
-	Direction["IN"] = "in";
-	Direction["OUT"] = "out";
-	return Direction;
-}(Direction$1 || {});
-var Target = /* @__PURE__ */ function(Target) {
-	Target["ANALYSIS"] = "analysis";
-	Target["NODE"] = "node";
-	return Target;
-}(Target || {});
 var FAnalysisNode_default = defineComponent({
 	props: {
 		entity: { type: Object },
@@ -5302,8 +5279,8 @@ var FAnalysisNode_default = defineComponent({
 		const manager = createEntityManager({
 			realmId: (entity) => {
 				if (!entity) return;
-				if (props.target === Target.ANALYSIS) return entity.analysis_realm_id;
-				if (props.target === Target.NODE) return entity.node_realm_id;
+				if (props.target === "analysis") return entity.analysis_realm_id;
+				if (props.target === "node") return entity.node_realm_id;
 			},
 			type: `${DomainType.ANALYSIS_NODE}`,
 			setup,
@@ -5311,25 +5288,25 @@ var FAnalysisNode_default = defineComponent({
 			socket: {
 				processEvent(event, realmId) {
 					if (!realmId) return true;
-					if (props.target === Target.ANALYSIS) return realmId === event.data.analysis_realm_id;
-					if (props.target === Target.NODE) return realmId === event.data.node_realm_id;
+					if (props.target === "analysis") return realmId === event.data.analysis_realm_id;
+					if (props.target === "node") return realmId === event.data.node_realm_id;
 					return false;
 				},
 				buildChannelName(id) {
-					if (props.direction === Direction$1.IN) return buildDomainChannelName(DomainSubType.ANALYSIS_NODE_IN, id);
-					if (props.direction === Direction$1.OUT) return buildDomainChannelName(DomainSubType.ANALYSIS_NODE_OUT, id);
+					if (props.direction === "in") return buildDomainChannelName(DomainSubType.ANALYSIS_NODE_IN, id);
+					if (props.direction === "out") return buildDomainChannelName(DomainSubType.ANALYSIS_NODE_OUT, id);
 					return buildDomainChannelName(DomainType.ANALYSIS_NODE, id);
 				}
 			}
 		});
 		await manager.resolve();
-		if (manager.data.value && props.target && !manager.data.value[props.target]) if (props.target === Target.ANALYSIS) manager.data.value[props.target] = await apiClient.analysis.getOne(manager.data.value.analysis_id);
+		if (manager.data.value && props.target && !manager.data.value[props.target]) if (props.target === "analysis") manager.data.value[props.target] = await apiClient.analysis.getOne(manager.data.value.analysis_id);
 		else manager.data.value[props.target] = await apiClient.node.getOne(manager.data.value.node_id);
 		return () => {
 			const fallback = () => {
 				if (props.target && manager.data.value && manager.data.value[props.target]) {
-					if (props.target === Target.ANALYSIS) return h("div", [manager.data.value?.analysis.name]);
-					if (props.target === Target.NODE) return h("div", [manager.data.value?.node.name]);
+					if (props.target === "analysis") return h("div", [manager.data.value?.analysis.name]);
+					if (props.target === "node") return h("div", [manager.data.value?.node.name]);
 				}
 				return [manager.data?.value?.id];
 			};
@@ -5339,11 +5316,6 @@ var FAnalysisNode_default = defineComponent({
 });
 //#endregion
 //#region src/components/analysis-node/FAnalysisNodes.ts
-var Direction = /* @__PURE__ */ function(Direction) {
-	Direction["IN"] = "in";
-	Direction["OUT"] = "out";
-	return Direction;
-}(Direction || {});
 var FAnalysisNodes_default = defineComponent({
 	props: {
 		...defineListProps(),
@@ -5358,7 +5330,7 @@ var FAnalysisNodes_default = defineComponent({
 		},
 		direction: {
 			type: String,
-			default: `${Direction.OUT}`
+			default: `out`
 		}
 	},
 	emits: defineListEvents(),
@@ -5367,8 +5339,8 @@ var FAnalysisNodes_default = defineComponent({
 		const source = computed(() => props.target === DomainType.NODE ? DomainType.ANALYSIS : DomainType.NODE);
 		const isSameSocketRoom = (room) => {
 			if (props.realmId) switch (props.direction) {
-				case Direction.IN: return room === buildDomainChannelName(DomainSubType.ANALYSIS_NODE_IN);
-				case Direction.OUT: return room === buildDomainChannelName(DomainSubType.ANALYSIS_NODE_OUT);
+				case "in": return room === buildDomainChannelName(DomainSubType.ANALYSIS_NODE_IN);
+				case "out": return room === buildDomainChannelName(DomainSubType.ANALYSIS_NODE_OUT);
 			}
 			else return room === buildDomainChannelName(DomainType.ANALYSIS_NODE);
 			return false;
@@ -5393,14 +5365,14 @@ var FAnalysisNodes_default = defineComponent({
 				},
 				buildSubscribeEventName() {
 					if (props.realmId) {
-						if (props.direction === Direction.IN) return buildDomainEventFullName(DomainSubType.ANALYSIS_NODE_IN, DomainEventSubscriptionName.SUBSCRIBE);
+						if (props.direction === "in") return buildDomainEventFullName(DomainSubType.ANALYSIS_NODE_IN, DomainEventSubscriptionName.SUBSCRIBE);
 						return buildDomainEventFullName(DomainSubType.ANALYSIS_NODE_OUT, DomainEventSubscriptionName.SUBSCRIBE);
 					}
 					return buildDomainEventFullName(DomainType.ANALYSIS_NODE, DomainEventSubscriptionName.SUBSCRIBE);
 				},
 				buildUnsubscribeEventName() {
 					if (props.realmId) {
-						if (props.direction === Direction.IN) return buildDomainEventFullName(DomainSubType.ANALYSIS_NODE_IN, DomainEventSubscriptionName.UNSUBSCRIBE);
+						if (props.direction === "in") return buildDomainEventFullName(DomainSubType.ANALYSIS_NODE_IN, DomainEventSubscriptionName.UNSUBSCRIBE);
 						return buildDomainEventFullName(DomainSubType.ANALYSIS_NODE_OUT, DomainEventSubscriptionName.UNSUBSCRIBE);
 					}
 					return buildDomainEventFullName(DomainType.ANALYSIS_NODE, DomainEventSubscriptionName.UNSUBSCRIBE);
@@ -5412,7 +5384,7 @@ var FAnalysisNodes_default = defineComponent({
 					else filters["analysis.name"] = filters.name;
 					delete filters.name;
 				}
-				if (props.realmId) if (props.direction === Direction.IN) filters.node_realm_id = props.realmId;
+				if (props.realmId) if (props.direction === "in") filters.node_realm_id = props.realmId;
 				else filters.analysis_realm_id = props.realmId;
 			},
 			query: () => {
@@ -6175,7 +6147,7 @@ var FBucketFile_vue_vue_type_script_lang_default = defineComponent({
 				},
 				elementType: {
 					type: String,
-					default: ActionCommandElementType.BUTTON
+					default: "button"
 				},
 				withIcon: {
 					type: Boolean,