fix(dependencies): Bump dependency versions and update demo code references

ts_web/00_commitinfo_data.ts

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

ts_web/elements/dees-icon.demo.ts

@@ -42,12 +42,13 @@ export const demoFunc = () => {
   // Define the functions in TS scope instead of script tags
   const searchIcons = (event: InputEvent) => {
     const searchTerm = (event.target as HTMLInputElement).value.toLowerCase().trim();
-    const containers = document.querySelectorAll('.iconContainer');
+    // Get the demo container first, then search within it
+    const demoContainer = (event.target as HTMLElement).closest('.demoContainer');
+    const containers = demoContainer.querySelectorAll('.iconContainer');
     
     containers.forEach(container => {
       const iconName = container.getAttribute('data-name');
       
-      // If search term is empty, show all icons
       if (searchTerm === '') {
         container.classList.remove('hidden');
       } else if (iconName && iconName.includes(searchTerm)) {
@@ -57,8 +58,8 @@ export const demoFunc = () => {
       }
     });
     
-    // Update counts
-    document.querySelectorAll('.section-container').forEach(section => {
+    // Update counts - search within demoContainer
+    demoContainer.querySelectorAll('.section-container').forEach(section => {
       const visibleIcons = section.querySelectorAll('.iconContainer:not(.hidden)').length;
       const countElement = section.querySelector('.icon-count');
       if (countElement) {
@@ -132,11 +133,6 @@ export const demoFunc = () => {
       transition: all 0.2s ease;
       color: #ffffff;
     }
-    
-    dees-icon:hover {
-      color: #e4002b;
-      transform: scale(1.1);
-    }
 
     .iconContainer {
       display: flex;
@@ -230,6 +226,10 @@ export const demoFunc = () => {
     .iconContainer:hover .copy-tooltip {
       opacity: 1;
     }
+
+    .iconContainer:hover dees-icon {
+      transform: scale(1.1);
+    }
     
     .hidden {
       display: none !important;
@@ -289,4 +289,4 @@ export const demoFunc = () => {
     </div>
   </div>
   `;
-};
+};

ts_web/elements/dees-table.ts

@@ -12,7 +12,7 @@ import {
   unsafeCSS,
   type CSSResult,
   state,
-  resolveExec,
+  directives,
 } from '@design.estate/dees-element';
 
 import { DeesContextmenu } from './dees-contextmenu.js';
@@ -415,7 +415,7 @@ export class DeesTable<T> extends DeesElement {
             <div class="heading heading2">${this.heading2}</div>
           </div>
           <div class="headerActions">
-            ${resolveExec(async () => {
+            ${directives.resolveExec(async () => {
               const resultArray: TemplateResult[] = [];
               for (const action of this.dataActions) {
                 if (!action.type.includes('header')) continue;
@@ -634,7 +634,7 @@ export class DeesTable<T> extends DeesElement {
             selected
           </div>
           <div class="footerActions">
-            ${resolveExec(async () => {
+            ${directives.resolveExec(async () => {
               const resultArray: TemplateResult[] = [];
               for (const action of this.dataActions) {
                 if (!action.type.includes('footer')) continue;