v3.29.2

changelog.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 2026-01-03 - 3.29.2 - fix(dees-appui)
+set min-height: 0 on .maingrid > dees-appui-maincontent to prevent layout overflow in flex container
+
+- Added min-height: 0 to .maingrid > dees-appui-maincontent in ts_web/elements/00group-appui/dees-appui/dees-appui.ts to prevent unwanted growth/overflow when used inside a flex container.
+- Pure CSS/layout fix — no API or behavior changes to components.
+
+## 2026-01-03 - 3.29.1 - fix(dees-appui)
+prevent main grid overflow by adding overflow:hidden; and add Playwright scroll containment screenshots
+
+- Add overflow: hidden to .maingrid in ts_web/elements/00group-appui/dees-appui/dees-appui.ts to prevent content from escaping during grid-template-columns transitions.
+- Add Playwright artifacts: .playwright-mcp/after-scroll.png and .playwright-mcp/scroll-containment-check.png (screenshots for scroll containment testing).
+
 ## 2026-01-03 - 3.29.0 - feat(docs)
 add documentation for new input components, activity log features, theming, and expand DeesAppui docs
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "3.29.0",
+  "version": "3.29.2",
   "private": false,
   "description": "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.",
   "main": "dist_ts_web/index.js",

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '3.29.0',
+  version: '3.29.2',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }

ts_web/elements/00group-appui/dees-appui/dees-appui.ts

@@ -185,6 +185,7 @@ export class DeesAppui extends DeesElement {
         /* grid-template-columns set dynamically in template */
         grid-template-rows: 1fr;
         transition: grid-template-columns 0.3s ease;
+        overflow: hidden;
       }
 
       /* Z-index layering for proper stacking */
@@ -201,6 +202,7 @@ export class DeesAppui extends DeesElement {
       .maingrid > dees-appui-maincontent {
         position: relative;
         z-index: 1;
+        min-height: 0;
       }
 
       .maingrid > dees-appui-activitylog {

ts_web/elements/dees-icon/dees-icon.ts

@@ -257,12 +257,13 @@ export class DeesIcon extends DeesElement {
    * @returns Object with type and name properties
    */
   private parseIconString(iconStr: string): { type: 'fa' | 'lucide', name: string } {
-    if (iconStr.startsWith('fa:')) {
+    const lowerStr = iconStr.toLowerCase();
+    if (lowerStr.startsWith('fa:')) {
       return {
         type: 'fa',
         name: iconStr.substring(3) // Remove 'fa:' prefix
       };
-    } else if (iconStr.startsWith('lucide:')) {
+    } else if (lowerStr.startsWith('lucide:')) {
       return {
         type: 'lucide',
         name: iconStr.substring(7) // Remove 'lucide:' prefix