fix(workflowengine): minimally adapt check operator FileMimeType to use web component

Signed-off-by: Arthur Schiwon <blizzz@arthur-schiwon.de>

1 files changed, 3 insertions, 19 deletions

diff --git a/apps/workflowengine/src/components/Checks/file.js b/apps/workflowengine/src/components/Checks/file.js
index 5a5b5d22b41..568efc81cd3 100644
--- a/apps/workflowengine/src/components/Checks/file.js
+++ b/apps/workflowengine/src/components/Checks/file.js
@@ -4,6 +4,7 @@
  */
 
 import { stringValidator, validateIPv4, validateIPv6 } from '../../helpers/validators.js'
+import { registerCustomElement } from '../../helpers/window.js'
 import FileMimeType from './FileMimeType.vue'
 import FileSystemTag from './FileSystemTag.vue'
 
@@ -34,7 +35,7 @@ const FileChecks = [
 		class: 'OCA\\WorkflowEngine\\Check\\FileMimeType',
 		name: t('workflowengine', 'File MIME type'),
 		operators: stringOrRegexOperators,
-		component: FileMimeType,
+		element: registerCustomElement(FileMimeType, 'oca-workflowengine-checks-file_mime_type'),
 	},
 
 	{
@@ -80,25 +81,8 @@ const FileChecks = [
 			{ operator: 'is', name: t('workflowengine', 'is tagged with') },
 			{ operator: '!is', name: t('workflowengine', 'is not tagged with') },
 		],
-		webComponent: registerWebComponent(FileSystemTag, 'oca-workflowengine-file_system_tag'),
+		element: registerCustomElement(FileSystemTag, 'oca-workflowengine-file_system_tag'),
 	},
 ]
 
-/**
- *
- * @param VueComponent
- * @param webComponentId
- */
-function registerWebComponent(VueComponent, webComponentId) {
-	const WrappedComponent = wrap(Vue, VueComponent)
-	window.customElements.define(webComponentId, WrappedComponent)
-
-	// In Vue 2, wrap doesn't support disabling shadow :(
-	// Disable with a hack
-	Object.defineProperty(WrappedComponent.prototype, 'attachShadow', { value() { return this } })
-	Object.defineProperty(WrappedComponent.prototype, 'shadowRoot', { get() { return this } })
-
-	return webComponentId
-}
-
 export default FileChecks