app/readme.hints.md

Project Readme Hints

UI Components

Always check dees-catalog for available elements before implementing custom solutions:

• Documentation: https://code.foss.global/design.estate/dees-catalog
• Key components: dees-modal, dees-button, dees-input-*, dees-form, etc.

dees-input-* Event Pattern

All dees-input components use RxJS Subjects for value changes, NOT DOM events:

// Subscribe to value changes in firstUpdated():
const inputElement = this.shadowRoot.querySelector('dees-input-text');
inputElement.changeSubject.subscribe((element) => {
  const value = element.value;
  // handle value change
});

• Do NOT use @changeValue or similar DOM events - they don't exist
• The Subject emits the element itself, access value via element.value

Project Structure

• ts_web/elements/account/ - Account dashboard components
• ts_web/states/ - State management (accountstate, idp.state)