From ecede2f119a6716429a8f3171a9f8e1aeee49879 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Wed, 21 May 2025 18:32:28 +0200
Subject: [PATCH] Fix unstylable

---
 .../core/src/style_manager/model/Property.ts   |  3 ++-
 .../test/specs/style_manager/model/Sectors.ts  | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/packages/core/src/style_manager/model/Property.ts b/packages/core/src/style_manager/model/Property.ts
index 31d932838..e13cc5b6a 100644
--- a/packages/core/src/style_manager/model/Property.ts
+++ b/packages/core/src/style_manager/model/Property.ts
@@ -567,7 +567,8 @@ export default class Property<T extends PropertyPropsCustom = PropertyPropsCusto
 
     const id = this.getId();
     const property = this.getName();
-    const { requires, requiresParent, toRequire, unstylable, isVisible } = this.attributes;
+    const { requires, requiresParent, toRequire, isVisible } = this.attributes;
+    const unstylable = trg.get('unstylable');
     const stylableReq = trg.get('stylable-require');
     let stylable = trg.get('stylable');
 
diff --git a/packages/core/test/specs/style_manager/model/Sectors.ts b/packages/core/test/specs/style_manager/model/Sectors.ts
index f0d7e9063..f8e865044 100644
--- a/packages/core/test/specs/style_manager/model/Sectors.ts
+++ b/packages/core/test/specs/style_manager/model/Sectors.ts
@@ -86,5 +86,23 @@ describe('Sectors', () => {
         expect(prop.isVisible()).toBe(isVisible);
       });
     });
+
+    test('Property with isVisible', () => {
+      const cmp = domc.addComponent({ tagName: 'span' });
+      em.setSelected(cmp);
+
+      s2.getProperty('color')?.set({
+        isVisible: ({ component }) => component?.tagName !== 'span',
+      });
+
+      sm.__upSel();
+
+      [s1, s2].forEach((sector) => expect(sector.isVisible()).toBe(true));
+
+      s2.getProperties().forEach((prop) => {
+        const isVisible = prop.getName() !== 'color';
+        expect(prop.isVisible()).toBe(isVisible);
+      });
+    });
   });
 });