From dd048d42a8a3271d3840f8dd1d5f31a880d331b8 Mon Sep 17 00:00:00 2001 From: Juergen Kunz Date: Fri, 19 Sep 2025 13:24:46 +0000 Subject: [PATCH] feat(wcc-properties): Add advanced property editors, recursive element detection, demo wrapper, UI refresh and test fixtures --- changelog.md | 11 +++++++++++ ts_web/00_commitinfo_data.ts | 2 +- 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/changelog.md b/changelog.md index 477a801..fbbb7df 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,16 @@ # Changelog +## 2025-09-19 - 1.2.0 - feat(wcc-properties) +Add advanced property editors, recursive element detection, demo wrapper, UI refresh and test fixtures + +- Advanced JSON property editor: multiple side-by-side editors with save/cancel, syntax validation and inline error display; editors affect frame layout (frame bottom increases when editors open). +- Improved properties panel element detection: recursive search through nested children and shadow DOM, initial delay and retry mechanism to handle async Lit rendering. +- Add dees-demowrapper component in ts_demotools to run post-render callbacks and support async demo setup and DOM access for demos. +- UI refresh with shadcn-like styles: CSS variables for theming, redesigned properties panel and sidebar, improved form controls, theme and viewport selectors. +- Viewport and frame improvements: responsive padding based on viewport type, theme-aware background rendering, and scroll position tracking with URL/state restoration for frame and sidebar. +- Add test fixtures and demo elements/pages under test/ to exercise properties, complex types, nested elements and scroll restoration; include node test for resolveTemplateFactory. +- Expose setupWccTools entry point and plugin wiring (wcctools.plugins exports for dees-domtools and smartdelay) for easier integration. + ## 2025-06-27 - 1.1.0 - feat(wcctools) Enhance component tools with an advanced property editor, improved element detection and modernized UI styling for a more responsive dashboard experience. diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index f83c73b..d758f30 100644 --- a/ts_web/00_commitinfo_data.ts +++ b/ts_web/00_commitinfo_data.ts @@ -3,6 +3,6 @@ */ export const commitinfo = { name: '@design.estate/dees-wcctools', - version: '1.1.0', + version: '1.2.0', description: 'A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.' }