2024-09-29 13:56:38 +02:00
|
|
|
# Project Readme Hints
|
|
|
|
|
|
2025-12-01 20:03:34 +00:00
|
|
|
## 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:
|
|
|
|
|
```typescript
|
|
|
|
|
// 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)
|
