fix(ts_web): resolve TypeScript nullability and event typing issues across web components

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

@@ -73,9 +73,9 @@ export const demoFunc = () => html`
       const inputs = elementArg.querySelectorAll('dees-input-text');
       
       inputs.forEach((input: DeesInputText) => {
-        input.addEventListener('changeSubject', (event: CustomEvent) => {
+        input.addEventListener('changeSubject', ((event: CustomEvent) => {
           console.log(`Input "${input.label}" changed to:`, input.getValue());
-        });
+        }) as EventListener);
         
         input.addEventListener('blur', () => {
           console.log(`Input "${input.label}" lost focus`);
@@ -271,7 +271,8 @@ export const demoFunc = () => html`
       // Track password visibility toggles
       const passwordInputs = elementArg.querySelectorAll('dees-input-text[isPasswordBool]');
       
-      passwordInputs.forEach((input: DeesInputText) => {
+      passwordInputs.forEach((_input) => {
+        const input = _input as DeesInputText;
         // Monitor for toggle button clicks within shadow DOM
         const checkToggle = () => {
           const inputEl = input.shadowRoot?.querySelector('input');
@@ -316,10 +317,10 @@ export const demoFunc = () => html`
       
       if (dynamicInput && output) {
         // Update output on every change
-        dynamicInput.addEventListener('changeSubject', (event: CustomEvent) => {
+        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', () => {