From ec7920b374fc03c756d896b1a82aa41b4c3f6a12 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Sat, 27 Apr 2024 10:40:27 +0400
Subject: [PATCH] Update head

---
 src/dom_components/model/Component.ts     | 4 ++++
 src/dom_components/model/ComponentHead.ts | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/dom_components/model/Component.ts b/src/dom_components/model/Component.ts
index ca9861334..3f54433ba 100644
--- a/src/dom_components/model/Component.ts
+++ b/src/dom_components/model/Component.ts
@@ -164,6 +164,10 @@ export default class Component extends StyleableModel<ComponentProperties> {
     };
   }
 
+  get tagName() {
+    return this.get('tagName')!;
+  }
+
   get classes() {
     return this.get('classes')!;
   }
diff --git a/src/dom_components/model/ComponentHead.ts b/src/dom_components/model/ComponentHead.ts
index 83d066e30..29e96c833 100644
--- a/src/dom_components/model/ComponentHead.ts
+++ b/src/dom_components/model/ComponentHead.ts
@@ -1,7 +1,9 @@
 import Component from './Component';
 import { toLowerCase } from '../../utils/mixins';
+import { DraggableDroppableFn } from './types';
 
 export const type = 'head';
+const droppable = ['title', 'style', 'base', 'link', 'meta', 'script', 'noscript'];
 
 export default class ComponentHead extends Component {
   get defaults() {
@@ -11,7 +13,7 @@ export default class ComponentHead extends Component {
       type,
       tagName: type,
       draggable: false,
-      droppable: ['title', 'style', 'base', 'link', 'meta', 'script', 'noscript'],
+      droppable: (({ tagName }) => !tagName || droppable.includes(toLowerCase(tagName))) as DraggableDroppableFn,
     };
   }