fix(modal,tile,input-text): move scroll handling from tile content to modal and update input text demo to use changeSubject subscriptions

ts_web/elements/00group-input/dees-input-text/dees-input-text.demo.ts

@@ -284,40 +284,21 @@ export const demoFunc = () => html`
     </dees-demowrapper>
     
     <dees-demowrapper .runAfterRender=${async (elementArg: HTMLElement) => {
-      // Set up interactive example
-      const dynamicInput = elementArg.querySelector('dees-input-text');
+      const dynamicInput = elementArg.querySelector('dees-input-text') as DeesInputText;
       const output = elementArg.querySelector('#text-input-output');
-      
+
       if (dynamicInput && output) {
-        // Update output on every change
-        dynamicInput.addEventListener('changeSubject', ((event: CustomEvent) => {
-          const value = (event.detail as DeesInputText).getValue();
-          output.textContent = `Current value: "${value}"`;
-        }) as EventListener);
-        
-        // Also track focus/blur events
-        dynamicInput.addEventListener('focus', () => {
-          console.log('Input focused');
-        });
-        
-        dynamicInput.addEventListener('blur', () => {
-          console.log('Input blurred');
-        });
-        
-        // Track keypress events
-        let keypressCount = 0;
-        dynamicInput.addEventListener('keydown', () => {
-          keypressCount++;
-          console.log(`Keypress count: ${keypressCount}`);
+        dynamicInput.changeSubject.subscribe(() => {
+          output.textContent = `Current value: "${dynamicInput.getValue()}"`;
         });
       }
     }}>
-      <dees-panel .title=${'Interactive Example'} .subtitle=${'Try typing in the inputs to see real-time value changes'}>
-        <dees-input-text 
-          .label=${'Dynamic Input'} 
+      <dees-panel .title=${'Interactive Example'} .subtitle=${'Try typing in the input to see real-time value changes'}>
+        <dees-input-text
+          .label=${'Dynamic Input'}
           .placeholder=${'Type something here...'}
         ></dees-input-text>
-        
+
         <div class="interactive-section">
           <div id="text-input-output" class="output-text">Current value: ""</div>
         </div>