[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-angular-db":3,"mdc--qeuadj-key":33,"related-repo-tanstack-angular-db":5552,"related-org-tanstack-angular-db":5637},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":22,"repoUrl":23,"updatedAt":24,"license":25,"forks":26,"topics":27,"repo":28,"sourceUrl":31,"mdContent":32},"angular-db","integrate TanStack DB with Angular","Angular bindings for TanStack DB. injectLiveQuery inject function with Angular signals (Signal\u003CT>) for all return values. Reactive params pattern ({ params: () => T, query: ({ params, q }) => QueryBuilder }) for dynamic queries. Must be called in injection context. Angular 17+ control flow (@if, @for) and signal inputs supported. Import from @tanstack\u002Fangular-db (re-exports all of @tanstack\u002Fdb).\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},"tanstack","TanStack","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ftanstack.png",[12,16,19],{"name":13,"slug":14,"type":15},"Angular","angular","tag",{"name":17,"slug":18,"type":15},"TypeScript","typescript",{"name":20,"slug":21,"type":15},"Database","database",3811,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Fdb","2026-07-16T06:01:16.345046",null,245,[],{"repoUrl":23,"stars":22,"forks":26,"topics":29,"description":30},[],"The reactive client store for your API.","https:\u002F\u002Fgithub.com\u002FTanStack\u002Fdb\u002Ftree\u002FHEAD\u002Fpackages\u002Fangular-db\u002Fskills\u002Fangular-db","---\nname: angular-db\ndescription: >\n Angular bindings for TanStack DB. injectLiveQuery inject function with\n Angular signals (Signal\u003CT>) for all return values. Reactive params pattern\n ({ params: () => T, query: ({ params, q }) => QueryBuilder }) for dynamic\n queries. Must be called in injection context. Angular 17+ control flow\n (@if, @for) and signal inputs supported. Import from\n @tanstack\u002Fangular-db (re-exports all of @tanstack\u002Fdb).\ntype: framework\nlibrary: db\nframework: angular\nlibrary_version: '0.6.0'\nrequires:\n - db-core\nsources:\n - 'TanStack\u002Fdb:docs\u002Fframework\u002Fangular\u002Foverview.md'\n - 'TanStack\u002Fdb:packages\u002Fangular-db\u002Fsrc\u002Findex.ts'\n---\n\nThis skill builds on db-core. Read it first for collection setup, query builder, and mutation patterns.\n\n# TanStack DB — Angular\n\n## Setup\n\n```typescript\nimport { Component } from '@angular\u002Fcore'\nimport { injectLiveQuery, eq, not } from '@tanstack\u002Fangular-db'\n\n@Component({\n selector: 'app-todo-list',\n standalone: true,\n template: `\n @if (query.isLoading()) {\n \u003Cdiv>Loading...\u003C\u002Fdiv>\n } @else {\n \u003Cul>\n @for (todo of query.data(); track todo.id) {\n \u003Cli>{{ todo.text }}\u003C\u002Fli>\n }\n \u003C\u002Ful>\n }\n `,\n})\nexport class TodoListComponent {\n query = injectLiveQuery((q) =>\n q\n .from({ todos: todosCollection })\n .where(({ todos }) => not(todos.completed))\n .orderBy(({ todos }) => todos.created_at, 'asc'),\n )\n}\n```\n\n`@tanstack\u002Fangular-db` re-exports everything from `@tanstack\u002Fdb`.\n\n## Inject Function\n\n### injectLiveQuery\n\nReturns an object with Angular `Signal\u003CT>` properties — call with `()` in templates:\n\n```typescript\n\u002F\u002F Static query — no reactive dependencies\nconst query = injectLiveQuery((q) => q.from({ todo: todoCollection }))\n\u002F\u002F query.data() → Array\u003CT>\n\u002F\u002F query.status() → CollectionStatus | 'disabled'\n\u002F\u002F query.isLoading(), query.isReady(), query.isError()\n\u002F\u002F query.isIdle(), query.isCleanedUp() (seldom used)\n\u002F\u002F query.state() → Map\u003CTKey, T>\n\u002F\u002F query.collection() → Collection | null\n\n\u002F\u002F Reactive params — re-runs when params change\nconst query = injectLiveQuery({\n params: () => ({ minPriority: this.minPriority() }),\n query: ({ params, q }) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => gt(todo.priority, params.minPriority)),\n})\n\n\u002F\u002F Config object\nconst query = injectLiveQuery({\n query: (q) => q.from({ todo: todoCollection }),\n gcTime: 60000,\n})\n\n\u002F\u002F Pre-created collection\nconst query = injectLiveQuery(preloadedCollection)\n\n\u002F\u002F Conditional query — return undefined\u002Fnull to disable\nconst query = injectLiveQuery({\n params: () => ({ userId: this.userId() }),\n query: ({ params, q }) => {\n if (!params.userId) return undefined\n return q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, params.userId))\n },\n})\n```\n\n## Angular-Specific Patterns\n\n### Reactive params with signals\n\n```typescript\n@Component({\n selector: 'app-filtered-todos',\n standalone: true,\n template: `\u003Cdiv>{{ query.data().length }} todos\u003C\u002Fdiv>`,\n})\nexport class FilteredTodosComponent {\n minPriority = signal(5)\n\n query = injectLiveQuery({\n params: () => ({ minPriority: this.minPriority() }),\n query: ({ params, q }) =>\n q\n .from({ todos: todosCollection })\n .where(({ todos }) => gt(todos.priority, params.minPriority)),\n })\n}\n```\n\nWhen `params()` return value changes, the previous collection is disposed and a new query is created.\n\n### Signal inputs (Angular 17+)\n\n```typescript\n@Component({\n selector: 'app-user-todos',\n standalone: true,\n template: `\u003Cdiv>{{ query.data().length }} todos\u003C\u002Fdiv>`,\n})\nexport class UserTodosComponent {\n userId = input.required\u003Cnumber>()\n\n query = injectLiveQuery({\n params: () => ({ userId: this.userId() }),\n query: ({ params, q }) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, params.userId)),\n })\n}\n```\n\n### Legacy @Input (Angular 16)\n\n```typescript\nexport class UserTodosComponent {\n @Input({ required: true }) userId!: number\n\n query = injectLiveQuery({\n params: () => ({ userId: this.userId }),\n query: ({ params, q }) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, params.userId)),\n })\n}\n```\n\n### Template syntax\n\nAngular 17+ control flow:\n\n```html\n@if (query.isLoading()) {\n\u003Cdiv>Loading...\u003C\u002Fdiv>\n} @else { @for (todo of query.data(); track todo.id) {\n\u003Cli>{{ todo.text }}\u003C\u002Fli>\n} }\n```\n\nAngular 16 structural directives:\n\n```html\n\u003Cdiv *ngIf=\"query.isLoading()\">Loading...\u003C\u002Fdiv>\n\u003Cli *ngFor=\"let todo of query.data(); trackBy: trackById\">{{ todo.text }}\u003C\u002Fli>\n```\n\n## Includes (Hierarchical Data)\n\nWhen a query uses includes (subqueries in `select`), each child field is a live `Collection` by default. Subscribe to it with `injectLiveQuery` in a child component:\n\n```typescript\n@Component({\n selector: 'app-project-list',\n standalone: true,\n imports: [IssueListComponent],\n template: `\n @for (project of query.data(); track project.id) {\n \u003Cdiv>\n {{ project.name }}\n \u003Capp-issue-list [issuesCollection]=\"project.issues\" \u002F>\n \u003C\u002Fdiv>\n }\n `,\n})\nexport class ProjectListComponent {\n query = injectLiveQuery((q) =>\n q.from({ p: projectsCollection }).select(({ p }) => ({\n id: p.id,\n name: p.name,\n issues: q\n .from({ i: issuesCollection })\n .where(({ i }) => eq(i.projectId, p.id))\n .select(({ i }) => ({ id: i.id, title: i.title })),\n })),\n )\n}\n\n\u002F\u002F Child component subscribes to the child Collection\n@Component({\n selector: 'app-issue-list',\n standalone: true,\n template: `\n @for (issue of query.data(); track issue.id) {\n \u003Cli>{{ issue.title }}\u003C\u002Fli>\n }\n `,\n})\nexport class IssueListComponent {\n issuesCollection = input.required\u003CCollection>()\n\n query = injectLiveQuery(this.issuesCollection())\n}\n```\n\nWith `toArray()`, child results are plain arrays and the parent re-emits on child changes:\n\n```typescript\nimport { toArray, eq } from '@tanstack\u002Fangular-db'\n\nquery = injectLiveQuery((q) =>\n q.from({ p: projectsCollection }).select(({ p }) => ({\n id: p.id,\n name: p.name,\n issues: toArray(\n q\n .from({ i: issuesCollection })\n .where(({ i }) => eq(i.projectId, p.id))\n .select(({ i }) => ({ id: i.id, title: i.title })),\n ),\n })),\n)\n\u002F\u002F project.issues is a plain array — no child component subscription needed\n```\n\nSee db-core\u002Flive-queries\u002FSKILL.md for full includes rules (correlation conditions, nested includes, aggregates).\n\n## Common Mistakes\n\n### CRITICAL Using injectLiveQuery outside injection context\n\nWrong:\n\n```typescript\nexport class TodoComponent {\n ngOnInit() {\n this.query = injectLiveQuery((q) => q.from({ todo: todoCollection }))\n }\n}\n```\n\nCorrect:\n\n```typescript\nexport class TodoComponent {\n query = injectLiveQuery((q) => q.from({ todo: todoCollection }))\n}\n```\n\n`injectLiveQuery` calls `assertInInjectionContext` internally — it must be called during construction (field initializer or constructor), not in lifecycle hooks.\n\nSource: packages\u002Fangular-db\u002Fsrc\u002Findex.ts\n\n### HIGH Using query function for reactive values instead of params\n\nWrong:\n\n```typescript\nexport class FilteredComponent {\n status = signal('active')\n\n query = injectLiveQuery((q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.status, this.status())),\n )\n}\n```\n\nCorrect:\n\n```typescript\nexport class FilteredComponent {\n status = signal('active')\n\n query = injectLiveQuery({\n params: () => ({ status: this.status() }),\n query: ({ params, q }) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.status, params.status)),\n })\n}\n```\n\nThe plain query function overload does not track Angular signal reads. Use the `params` pattern to make reactive values trigger query re-creation.\n\nSource: packages\u002Fangular-db\u002Fsrc\u002Findex.ts\n\n### MEDIUM Forgetting to call signals in templates\n\nWrong:\n\n```html\n\u003Cdiv>{{ query.data.length }}\u003C\u002Fdiv>\n```\n\nCorrect:\n\n```html\n\u003Cdiv>{{ query.data().length }}\u003C\u002Fdiv>\n```\n\nAll return values are Angular signals. Without `()`, you get the signal object, not the value.\n\nSee also: db-core\u002Flive-queries\u002FSKILL.md — for query builder API.\n\nSee also: db-core\u002Fmutations-optimistic\u002FSKILL.md — for mutation patterns.\n",{"data":34,"body":43},{"name":4,"description":6,"type":35,"library":36,"framework":14,"library_version":37,"requires":38,"sources":40},"framework","db","0.6.0",[39],"db-core",[41,42],"TanStack\u002Fdb:docs\u002Fframework\u002Fangular\u002Foverview.md","TanStack\u002Fdb:packages\u002Fangular-db\u002Fsrc\u002Findex.ts",{"type":44,"children":45},"root",[46,54,61,68,670,687,693,700,721,1671,1677,1683,2107,2120,2126,2559,2565,2899,2905,2910,3011,3016,3130,3136,3164,4042,4055,4552,4557,4563,4569,4574,4713,4718,4826,4844,4849,4855,4859,5094,5098,5416,5428,5432,5438,5442,5481,5485,5524,5536,5541,5546],{"type":47,"tag":48,"props":49,"children":50},"element","p",{},[51],{"type":52,"value":53},"text","This skill builds on db-core. Read it first for collection setup, query builder, and mutation patterns.",{"type":47,"tag":55,"props":56,"children":58},"h1",{"id":57},"tanstack-db-angular",[59],{"type":52,"value":60},"TanStack DB — Angular",{"type":47,"tag":62,"props":63,"children":65},"h2",{"id":64},"setup",[66],{"type":52,"value":67},"Setup",{"type":47,"tag":69,"props":70,"children":74},"pre",{"className":71,"code":72,"language":18,"meta":73,"style":73},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { Component } from '@angular\u002Fcore'\nimport { injectLiveQuery, eq, not } from '@tanstack\u002Fangular-db'\n\n@Component({\n selector: 'app-todo-list',\n standalone: true,\n template: `\n @if (query.isLoading()) {\n \u003Cdiv>Loading...\u003C\u002Fdiv>\n } @else {\n \u003Cul>\n @for (todo of query.data(); track todo.id) {\n \u003Cli>{{ todo.text }}\u003C\u002Fli>\n }\n \u003C\u002Ful>\n }\n `,\n})\nexport class TodoListComponent {\n query = injectLiveQuery((q) =>\n q\n .from({ todos: todosCollection })\n .where(({ todos }) => not(todos.completed))\n .orderBy(({ todos }) => todos.created_at, 'asc'),\n )\n}\n","",[75],{"type":47,"tag":76,"props":77,"children":78},"code",{"__ignoreMap":73},[79,129,186,196,221,255,278,296,305,314,323,332,341,350,359,368,377,390,404,430,472,481,526,581,652,661],{"type":47,"tag":80,"props":81,"children":84},"span",{"class":82,"line":83},"line",1,[85,91,97,103,108,113,118,124],{"type":47,"tag":80,"props":86,"children":88},{"style":87},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[89],{"type":52,"value":90},"import",{"type":47,"tag":80,"props":92,"children":94},{"style":93},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[95],{"type":52,"value":96}," {",{"type":47,"tag":80,"props":98,"children":100},{"style":99},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[101],{"type":52,"value":102}," Component",{"type":47,"tag":80,"props":104,"children":105},{"style":93},[106],{"type":52,"value":107}," }",{"type":47,"tag":80,"props":109,"children":110},{"style":87},[111],{"type":52,"value":112}," from",{"type":47,"tag":80,"props":114,"children":115},{"style":93},[116],{"type":52,"value":117}," '",{"type":47,"tag":80,"props":119,"children":121},{"style":120},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[122],{"type":52,"value":123},"@angular\u002Fcore",{"type":47,"tag":80,"props":125,"children":126},{"style":93},[127],{"type":52,"value":128},"'\n",{"type":47,"tag":80,"props":130,"children":132},{"class":82,"line":131},2,[133,137,141,146,151,156,160,165,169,173,177,182],{"type":47,"tag":80,"props":134,"children":135},{"style":87},[136],{"type":52,"value":90},{"type":47,"tag":80,"props":138,"children":139},{"style":93},[140],{"type":52,"value":96},{"type":47,"tag":80,"props":142,"children":143},{"style":99},[144],{"type":52,"value":145}," injectLiveQuery",{"type":47,"tag":80,"props":147,"children":148},{"style":93},[149],{"type":52,"value":150},",",{"type":47,"tag":80,"props":152,"children":153},{"style":99},[154],{"type":52,"value":155}," eq",{"type":47,"tag":80,"props":157,"children":158},{"style":93},[159],{"type":52,"value":150},{"type":47,"tag":80,"props":161,"children":162},{"style":99},[163],{"type":52,"value":164}," not",{"type":47,"tag":80,"props":166,"children":167},{"style":93},[168],{"type":52,"value":107},{"type":47,"tag":80,"props":170,"children":171},{"style":87},[172],{"type":52,"value":112},{"type":47,"tag":80,"props":174,"children":175},{"style":93},[176],{"type":52,"value":117},{"type":47,"tag":80,"props":178,"children":179},{"style":120},[180],{"type":52,"value":181},"@tanstack\u002Fangular-db",{"type":47,"tag":80,"props":183,"children":184},{"style":93},[185],{"type":52,"value":128},{"type":47,"tag":80,"props":187,"children":189},{"class":82,"line":188},3,[190],{"type":47,"tag":80,"props":191,"children":193},{"emptyLinePlaceholder":192},true,[194],{"type":52,"value":195},"\n",{"type":47,"tag":80,"props":197,"children":199},{"class":82,"line":198},4,[200,205,211,216],{"type":47,"tag":80,"props":201,"children":202},{"style":93},[203],{"type":52,"value":204},"@",{"type":47,"tag":80,"props":206,"children":208},{"style":207},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[209],{"type":52,"value":210},"Component",{"type":47,"tag":80,"props":212,"children":213},{"style":99},[214],{"type":52,"value":215},"(",{"type":47,"tag":80,"props":217,"children":218},{"style":93},[219],{"type":52,"value":220},"{\n",{"type":47,"tag":80,"props":222,"children":224},{"class":82,"line":223},5,[225,231,236,240,245,250],{"type":47,"tag":80,"props":226,"children":228},{"style":227},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[229],{"type":52,"value":230}," selector",{"type":47,"tag":80,"props":232,"children":233},{"style":93},[234],{"type":52,"value":235},":",{"type":47,"tag":80,"props":237,"children":238},{"style":93},[239],{"type":52,"value":117},{"type":47,"tag":80,"props":241,"children":242},{"style":120},[243],{"type":52,"value":244},"app-todo-list",{"type":47,"tag":80,"props":246,"children":247},{"style":93},[248],{"type":52,"value":249},"'",{"type":47,"tag":80,"props":251,"children":252},{"style":93},[253],{"type":52,"value":254},",\n",{"type":47,"tag":80,"props":256,"children":258},{"class":82,"line":257},6,[259,264,268,274],{"type":47,"tag":80,"props":260,"children":261},{"style":227},[262],{"type":52,"value":263}," standalone",{"type":47,"tag":80,"props":265,"children":266},{"style":93},[267],{"type":52,"value":235},{"type":47,"tag":80,"props":269,"children":271},{"style":270},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[272],{"type":52,"value":273}," true",{"type":47,"tag":80,"props":275,"children":276},{"style":93},[277],{"type":52,"value":254},{"type":47,"tag":80,"props":279,"children":281},{"class":82,"line":280},7,[282,287,291],{"type":47,"tag":80,"props":283,"children":284},{"style":227},[285],{"type":52,"value":286}," template",{"type":47,"tag":80,"props":288,"children":289},{"style":93},[290],{"type":52,"value":235},{"type":47,"tag":80,"props":292,"children":293},{"style":93},[294],{"type":52,"value":295}," `\n",{"type":47,"tag":80,"props":297,"children":299},{"class":82,"line":298},8,[300],{"type":47,"tag":80,"props":301,"children":302},{"style":120},[303],{"type":52,"value":304}," @if (query.isLoading()) {\n",{"type":47,"tag":80,"props":306,"children":308},{"class":82,"line":307},9,[309],{"type":47,"tag":80,"props":310,"children":311},{"style":120},[312],{"type":52,"value":313}," \u003Cdiv>Loading...\u003C\u002Fdiv>\n",{"type":47,"tag":80,"props":315,"children":317},{"class":82,"line":316},10,[318],{"type":47,"tag":80,"props":319,"children":320},{"style":120},[321],{"type":52,"value":322}," } @else {\n",{"type":47,"tag":80,"props":324,"children":326},{"class":82,"line":325},11,[327],{"type":47,"tag":80,"props":328,"children":329},{"style":120},[330],{"type":52,"value":331}," \u003Cul>\n",{"type":47,"tag":80,"props":333,"children":335},{"class":82,"line":334},12,[336],{"type":47,"tag":80,"props":337,"children":338},{"style":120},[339],{"type":52,"value":340}," @for (todo of query.data(); track todo.id) {\n",{"type":47,"tag":80,"props":342,"children":344},{"class":82,"line":343},13,[345],{"type":47,"tag":80,"props":346,"children":347},{"style":120},[348],{"type":52,"value":349}," \u003Cli>{{ todo.text }}\u003C\u002Fli>\n",{"type":47,"tag":80,"props":351,"children":353},{"class":82,"line":352},14,[354],{"type":47,"tag":80,"props":355,"children":356},{"style":120},[357],{"type":52,"value":358}," }\n",{"type":47,"tag":80,"props":360,"children":362},{"class":82,"line":361},15,[363],{"type":47,"tag":80,"props":364,"children":365},{"style":120},[366],{"type":52,"value":367}," \u003C\u002Ful>\n",{"type":47,"tag":80,"props":369,"children":371},{"class":82,"line":370},16,[372],{"type":47,"tag":80,"props":373,"children":374},{"style":120},[375],{"type":52,"value":376}," }\n",{"type":47,"tag":80,"props":378,"children":380},{"class":82,"line":379},17,[381,386],{"type":47,"tag":80,"props":382,"children":383},{"style":93},[384],{"type":52,"value":385}," `",{"type":47,"tag":80,"props":387,"children":388},{"style":93},[389],{"type":52,"value":254},{"type":47,"tag":80,"props":391,"children":393},{"class":82,"line":392},18,[394,399],{"type":47,"tag":80,"props":395,"children":396},{"style":93},[397],{"type":52,"value":398},"}",{"type":47,"tag":80,"props":400,"children":401},{"style":99},[402],{"type":52,"value":403},")\n",{"type":47,"tag":80,"props":405,"children":407},{"class":82,"line":406},19,[408,413,419,425],{"type":47,"tag":80,"props":409,"children":410},{"style":87},[411],{"type":52,"value":412},"export",{"type":47,"tag":80,"props":414,"children":416},{"style":415},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[417],{"type":52,"value":418}," class",{"type":47,"tag":80,"props":420,"children":422},{"style":421},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[423],{"type":52,"value":424}," TodoListComponent",{"type":47,"tag":80,"props":426,"children":427},{"style":93},[428],{"type":52,"value":429}," {\n",{"type":47,"tag":80,"props":431,"children":433},{"class":82,"line":432},20,[434,439,444,448,452,456,462,467],{"type":47,"tag":80,"props":435,"children":436},{"style":227},[437],{"type":52,"value":438}," query",{"type":47,"tag":80,"props":440,"children":441},{"style":93},[442],{"type":52,"value":443}," =",{"type":47,"tag":80,"props":445,"children":446},{"style":227},[447],{"type":52,"value":145},{"type":47,"tag":80,"props":449,"children":450},{"style":99},[451],{"type":52,"value":215},{"type":47,"tag":80,"props":453,"children":454},{"style":93},[455],{"type":52,"value":215},{"type":47,"tag":80,"props":457,"children":459},{"style":458},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[460],{"type":52,"value":461},"q",{"type":47,"tag":80,"props":463,"children":464},{"style":93},[465],{"type":52,"value":466},")",{"type":47,"tag":80,"props":468,"children":469},{"style":415},[470],{"type":52,"value":471}," =>\n",{"type":47,"tag":80,"props":473,"children":475},{"class":82,"line":474},21,[476],{"type":47,"tag":80,"props":477,"children":478},{"style":99},[479],{"type":52,"value":480}," q\n",{"type":47,"tag":80,"props":482,"children":484},{"class":82,"line":483},22,[485,490,495,499,504,509,513,518,522],{"type":47,"tag":80,"props":486,"children":487},{"style":93},[488],{"type":52,"value":489}," .",{"type":47,"tag":80,"props":491,"children":492},{"style":227},[493],{"type":52,"value":494},"from",{"type":47,"tag":80,"props":496,"children":497},{"style":99},[498],{"type":52,"value":215},{"type":47,"tag":80,"props":500,"children":501},{"style":93},[502],{"type":52,"value":503},"{",{"type":47,"tag":80,"props":505,"children":506},{"style":227},[507],{"type":52,"value":508}," todos",{"type":47,"tag":80,"props":510,"children":511},{"style":93},[512],{"type":52,"value":235},{"type":47,"tag":80,"props":514,"children":515},{"style":99},[516],{"type":52,"value":517}," todosCollection ",{"type":47,"tag":80,"props":519,"children":520},{"style":93},[521],{"type":52,"value":398},{"type":47,"tag":80,"props":523,"children":524},{"style":99},[525],{"type":52,"value":403},{"type":47,"tag":80,"props":527,"children":529},{"class":82,"line":528},23,[530,534,539,543,548,552,557,562,566,571,576],{"type":47,"tag":80,"props":531,"children":532},{"style":93},[533],{"type":52,"value":489},{"type":47,"tag":80,"props":535,"children":536},{"style":227},[537],{"type":52,"value":538},"where",{"type":47,"tag":80,"props":540,"children":541},{"style":99},[542],{"type":52,"value":215},{"type":47,"tag":80,"props":544,"children":545},{"style":93},[546],{"type":52,"value":547},"({",{"type":47,"tag":80,"props":549,"children":550},{"style":458},[551],{"type":52,"value":508},{"type":47,"tag":80,"props":553,"children":554},{"style":93},[555],{"type":52,"value":556}," })",{"type":47,"tag":80,"props":558,"children":559},{"style":415},[560],{"type":52,"value":561}," =>",{"type":47,"tag":80,"props":563,"children":564},{"style":227},[565],{"type":52,"value":164},{"type":47,"tag":80,"props":567,"children":568},{"style":99},[569],{"type":52,"value":570},"(todos",{"type":47,"tag":80,"props":572,"children":573},{"style":93},[574],{"type":52,"value":575},".",{"type":47,"tag":80,"props":577,"children":578},{"style":99},[579],{"type":52,"value":580},"completed))\n",{"type":47,"tag":80,"props":582,"children":584},{"class":82,"line":583},24,[585,589,594,598,602,606,610,614,618,622,627,631,635,640,644,648],{"type":47,"tag":80,"props":586,"children":587},{"style":93},[588],{"type":52,"value":489},{"type":47,"tag":80,"props":590,"children":591},{"style":227},[592],{"type":52,"value":593},"orderBy",{"type":47,"tag":80,"props":595,"children":596},{"style":99},[597],{"type":52,"value":215},{"type":47,"tag":80,"props":599,"children":600},{"style":93},[601],{"type":52,"value":547},{"type":47,"tag":80,"props":603,"children":604},{"style":458},[605],{"type":52,"value":508},{"type":47,"tag":80,"props":607,"children":608},{"style":93},[609],{"type":52,"value":556},{"type":47,"tag":80,"props":611,"children":612},{"style":415},[613],{"type":52,"value":561},{"type":47,"tag":80,"props":615,"children":616},{"style":99},[617],{"type":52,"value":508},{"type":47,"tag":80,"props":619,"children":620},{"style":93},[621],{"type":52,"value":575},{"type":47,"tag":80,"props":623,"children":624},{"style":99},[625],{"type":52,"value":626},"created_at",{"type":47,"tag":80,"props":628,"children":629},{"style":93},[630],{"type":52,"value":150},{"type":47,"tag":80,"props":632,"children":633},{"style":93},[634],{"type":52,"value":117},{"type":47,"tag":80,"props":636,"children":637},{"style":120},[638],{"type":52,"value":639},"asc",{"type":47,"tag":80,"props":641,"children":642},{"style":93},[643],{"type":52,"value":249},{"type":47,"tag":80,"props":645,"children":646},{"style":99},[647],{"type":52,"value":466},{"type":47,"tag":80,"props":649,"children":650},{"style":93},[651],{"type":52,"value":254},{"type":47,"tag":80,"props":653,"children":655},{"class":82,"line":654},25,[656],{"type":47,"tag":80,"props":657,"children":658},{"style":99},[659],{"type":52,"value":660}," )\n",{"type":47,"tag":80,"props":662,"children":664},{"class":82,"line":663},26,[665],{"type":47,"tag":80,"props":666,"children":667},{"style":93},[668],{"type":52,"value":669},"}\n",{"type":47,"tag":48,"props":671,"children":672},{},[673,678,680,686],{"type":47,"tag":76,"props":674,"children":676},{"className":675},[],[677],{"type":52,"value":181},{"type":52,"value":679}," re-exports everything from ",{"type":47,"tag":76,"props":681,"children":683},{"className":682},[],[684],{"type":52,"value":685},"@tanstack\u002Fdb",{"type":52,"value":575},{"type":47,"tag":62,"props":688,"children":690},{"id":689},"inject-function",[691],{"type":52,"value":692},"Inject Function",{"type":47,"tag":694,"props":695,"children":697},"h3",{"id":696},"injectlivequery",[698],{"type":52,"value":699},"injectLiveQuery",{"type":47,"tag":48,"props":701,"children":702},{},[703,705,711,713,719],{"type":52,"value":704},"Returns an object with Angular ",{"type":47,"tag":76,"props":706,"children":708},{"className":707},[],[709],{"type":52,"value":710},"Signal\u003CT>",{"type":52,"value":712}," properties — call with ",{"type":47,"tag":76,"props":714,"children":716},{"className":715},[],[717],{"type":52,"value":718},"()",{"type":52,"value":720}," in templates:",{"type":47,"tag":69,"props":722,"children":724},{"className":71,"code":723,"language":18,"meta":73,"style":73},"\u002F\u002F Static query — no reactive dependencies\nconst query = injectLiveQuery((q) => q.from({ todo: todoCollection }))\n\u002F\u002F query.data() → Array\u003CT>\n\u002F\u002F query.status() → CollectionStatus | 'disabled'\n\u002F\u002F query.isLoading(), query.isReady(), query.isError()\n\u002F\u002F query.isIdle(), query.isCleanedUp() (seldom used)\n\u002F\u002F query.state() → Map\u003CTKey, T>\n\u002F\u002F query.collection() → Collection | null\n\n\u002F\u002F Reactive params — re-runs when params change\nconst query = injectLiveQuery({\n params: () => ({ minPriority: this.minPriority() }),\n query: ({ params, q }) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => gt(todo.priority, params.minPriority)),\n})\n\n\u002F\u002F Config object\nconst query = injectLiveQuery({\n query: (q) => q.from({ todo: todoCollection }),\n gcTime: 60000,\n})\n\n\u002F\u002F Pre-created collection\nconst query = injectLiveQuery(preloadedCollection)\n\n\u002F\u002F Conditional query — return undefined\u002Fnull to disable\nconst query = injectLiveQuery({\n params: () => ({ userId: this.userId() }),\n query: ({ params, q }) => {\n if (!params.userId) return undefined\n return q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, params.userId))\n },\n})\n",[725],{"type":47,"tag":76,"props":726,"children":727},{"__ignoreMap":73},[728,737,823,831,839,847,855,863,871,878,886,913,979,1016,1023,1062,1133,1144,1151,1159,1186,1257,1279,1290,1297,1305,1329,1337,1346,1374,1436,1476,1522,1536,1577,1650,1659],{"type":47,"tag":80,"props":729,"children":730},{"class":82,"line":83},[731],{"type":47,"tag":80,"props":732,"children":734},{"style":733},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[735],{"type":52,"value":736},"\u002F\u002F Static query — no reactive dependencies\n",{"type":47,"tag":80,"props":738,"children":739},{"class":82,"line":131},[740,745,750,755,759,763,767,771,775,779,784,788,792,796,800,805,809,814,818],{"type":47,"tag":80,"props":741,"children":742},{"style":415},[743],{"type":52,"value":744},"const",{"type":47,"tag":80,"props":746,"children":747},{"style":99},[748],{"type":52,"value":749}," query ",{"type":47,"tag":80,"props":751,"children":752},{"style":93},[753],{"type":52,"value":754},"=",{"type":47,"tag":80,"props":756,"children":757},{"style":207},[758],{"type":52,"value":145},{"type":47,"tag":80,"props":760,"children":761},{"style":99},[762],{"type":52,"value":215},{"type":47,"tag":80,"props":764,"children":765},{"style":93},[766],{"type":52,"value":215},{"type":47,"tag":80,"props":768,"children":769},{"style":458},[770],{"type":52,"value":461},{"type":47,"tag":80,"props":772,"children":773},{"style":93},[774],{"type":52,"value":466},{"type":47,"tag":80,"props":776,"children":777},{"style":415},[778],{"type":52,"value":561},{"type":47,"tag":80,"props":780,"children":781},{"style":99},[782],{"type":52,"value":783}," q",{"type":47,"tag":80,"props":785,"children":786},{"style":93},[787],{"type":52,"value":575},{"type":47,"tag":80,"props":789,"children":790},{"style":207},[791],{"type":52,"value":494},{"type":47,"tag":80,"props":793,"children":794},{"style":99},[795],{"type":52,"value":215},{"type":47,"tag":80,"props":797,"children":798},{"style":93},[799],{"type":52,"value":503},{"type":47,"tag":80,"props":801,"children":802},{"style":227},[803],{"type":52,"value":804}," todo",{"type":47,"tag":80,"props":806,"children":807},{"style":93},[808],{"type":52,"value":235},{"type":47,"tag":80,"props":810,"children":811},{"style":99},[812],{"type":52,"value":813}," todoCollection ",{"type":47,"tag":80,"props":815,"children":816},{"style":93},[817],{"type":52,"value":398},{"type":47,"tag":80,"props":819,"children":820},{"style":99},[821],{"type":52,"value":822},"))\n",{"type":47,"tag":80,"props":824,"children":825},{"class":82,"line":188},[826],{"type":47,"tag":80,"props":827,"children":828},{"style":733},[829],{"type":52,"value":830},"\u002F\u002F query.data() → Array\u003CT>\n",{"type":47,"tag":80,"props":832,"children":833},{"class":82,"line":198},[834],{"type":47,"tag":80,"props":835,"children":836},{"style":733},[837],{"type":52,"value":838},"\u002F\u002F query.status() → CollectionStatus | 'disabled'\n",{"type":47,"tag":80,"props":840,"children":841},{"class":82,"line":223},[842],{"type":47,"tag":80,"props":843,"children":844},{"style":733},[845],{"type":52,"value":846},"\u002F\u002F query.isLoading(), query.isReady(), query.isError()\n",{"type":47,"tag":80,"props":848,"children":849},{"class":82,"line":257},[850],{"type":47,"tag":80,"props":851,"children":852},{"style":733},[853],{"type":52,"value":854},"\u002F\u002F query.isIdle(), query.isCleanedUp() (seldom used)\n",{"type":47,"tag":80,"props":856,"children":857},{"class":82,"line":280},[858],{"type":47,"tag":80,"props":859,"children":860},{"style":733},[861],{"type":52,"value":862},"\u002F\u002F query.state() → Map\u003CTKey, T>\n",{"type":47,"tag":80,"props":864,"children":865},{"class":82,"line":298},[866],{"type":47,"tag":80,"props":867,"children":868},{"style":733},[869],{"type":52,"value":870},"\u002F\u002F query.collection() → Collection | null\n",{"type":47,"tag":80,"props":872,"children":873},{"class":82,"line":307},[874],{"type":47,"tag":80,"props":875,"children":876},{"emptyLinePlaceholder":192},[877],{"type":52,"value":195},{"type":47,"tag":80,"props":879,"children":880},{"class":82,"line":316},[881],{"type":47,"tag":80,"props":882,"children":883},{"style":733},[884],{"type":52,"value":885},"\u002F\u002F Reactive params — re-runs when params change\n",{"type":47,"tag":80,"props":887,"children":888},{"class":82,"line":325},[889,893,897,901,905,909],{"type":47,"tag":80,"props":890,"children":891},{"style":415},[892],{"type":52,"value":744},{"type":47,"tag":80,"props":894,"children":895},{"style":99},[896],{"type":52,"value":749},{"type":47,"tag":80,"props":898,"children":899},{"style":93},[900],{"type":52,"value":754},{"type":47,"tag":80,"props":902,"children":903},{"style":207},[904],{"type":52,"value":145},{"type":47,"tag":80,"props":906,"children":907},{"style":99},[908],{"type":52,"value":215},{"type":47,"tag":80,"props":910,"children":911},{"style":93},[912],{"type":52,"value":220},{"type":47,"tag":80,"props":914,"children":915},{"class":82,"line":334},[916,921,925,930,934,939,943,948,952,957,962,967,971,975],{"type":47,"tag":80,"props":917,"children":918},{"style":207},[919],{"type":52,"value":920}," params",{"type":47,"tag":80,"props":922,"children":923},{"style":93},[924],{"type":52,"value":235},{"type":47,"tag":80,"props":926,"children":927},{"style":93},[928],{"type":52,"value":929}," ()",{"type":47,"tag":80,"props":931,"children":932},{"style":415},[933],{"type":52,"value":561},{"type":47,"tag":80,"props":935,"children":936},{"style":99},[937],{"type":52,"value":938}," (",{"type":47,"tag":80,"props":940,"children":941},{"style":93},[942],{"type":52,"value":503},{"type":47,"tag":80,"props":944,"children":945},{"style":227},[946],{"type":52,"value":947}," minPriority",{"type":47,"tag":80,"props":949,"children":950},{"style":93},[951],{"type":52,"value":235},{"type":47,"tag":80,"props":953,"children":954},{"style":93},[955],{"type":52,"value":956}," this.",{"type":47,"tag":80,"props":958,"children":959},{"style":207},[960],{"type":52,"value":961},"minPriority",{"type":47,"tag":80,"props":963,"children":964},{"style":99},[965],{"type":52,"value":966},"() ",{"type":47,"tag":80,"props":968,"children":969},{"style":93},[970],{"type":52,"value":398},{"type":47,"tag":80,"props":972,"children":973},{"style":99},[974],{"type":52,"value":466},{"type":47,"tag":80,"props":976,"children":977},{"style":93},[978],{"type":52,"value":254},{"type":47,"tag":80,"props":980,"children":981},{"class":82,"line":343},[982,986,990,995,1000,1004,1008,1012],{"type":47,"tag":80,"props":983,"children":984},{"style":207},[985],{"type":52,"value":438},{"type":47,"tag":80,"props":987,"children":988},{"style":93},[989],{"type":52,"value":235},{"type":47,"tag":80,"props":991,"children":992},{"style":93},[993],{"type":52,"value":994}," ({",{"type":47,"tag":80,"props":996,"children":997},{"style":458},[998],{"type":52,"value":999}," params",{"type":47,"tag":80,"props":1001,"children":1002},{"style":93},[1003],{"type":52,"value":150},{"type":47,"tag":80,"props":1005,"children":1006},{"style":458},[1007],{"type":52,"value":783},{"type":47,"tag":80,"props":1009,"children":1010},{"style":93},[1011],{"type":52,"value":556},{"type":47,"tag":80,"props":1013,"children":1014},{"style":415},[1015],{"type":52,"value":471},{"type":47,"tag":80,"props":1017,"children":1018},{"class":82,"line":352},[1019],{"type":47,"tag":80,"props":1020,"children":1021},{"style":99},[1022],{"type":52,"value":480},{"type":47,"tag":80,"props":1024,"children":1025},{"class":82,"line":361},[1026,1030,1034,1038,1042,1046,1050,1054,1058],{"type":47,"tag":80,"props":1027,"children":1028},{"style":93},[1029],{"type":52,"value":489},{"type":47,"tag":80,"props":1031,"children":1032},{"style":207},[1033],{"type":52,"value":494},{"type":47,"tag":80,"props":1035,"children":1036},{"style":99},[1037],{"type":52,"value":215},{"type":47,"tag":80,"props":1039,"children":1040},{"style":93},[1041],{"type":52,"value":503},{"type":47,"tag":80,"props":1043,"children":1044},{"style":227},[1045],{"type":52,"value":804},{"type":47,"tag":80,"props":1047,"children":1048},{"style":93},[1049],{"type":52,"value":235},{"type":47,"tag":80,"props":1051,"children":1052},{"style":99},[1053],{"type":52,"value":813},{"type":47,"tag":80,"props":1055,"children":1056},{"style":93},[1057],{"type":52,"value":398},{"type":47,"tag":80,"props":1059,"children":1060},{"style":99},[1061],{"type":52,"value":403},{"type":47,"tag":80,"props":1063,"children":1064},{"class":82,"line":370},[1065,1069,1073,1077,1081,1085,1089,1093,1098,1103,1107,1112,1116,1120,1124,1129],{"type":47,"tag":80,"props":1066,"children":1067},{"style":93},[1068],{"type":52,"value":489},{"type":47,"tag":80,"props":1070,"children":1071},{"style":207},[1072],{"type":52,"value":538},{"type":47,"tag":80,"props":1074,"children":1075},{"style":99},[1076],{"type":52,"value":215},{"type":47,"tag":80,"props":1078,"children":1079},{"style":93},[1080],{"type":52,"value":547},{"type":47,"tag":80,"props":1082,"children":1083},{"style":458},[1084],{"type":52,"value":804},{"type":47,"tag":80,"props":1086,"children":1087},{"style":93},[1088],{"type":52,"value":556},{"type":47,"tag":80,"props":1090,"children":1091},{"style":415},[1092],{"type":52,"value":561},{"type":47,"tag":80,"props":1094,"children":1095},{"style":207},[1096],{"type":52,"value":1097}," gt",{"type":47,"tag":80,"props":1099,"children":1100},{"style":99},[1101],{"type":52,"value":1102},"(todo",{"type":47,"tag":80,"props":1104,"children":1105},{"style":93},[1106],{"type":52,"value":575},{"type":47,"tag":80,"props":1108,"children":1109},{"style":99},[1110],{"type":52,"value":1111},"priority",{"type":47,"tag":80,"props":1113,"children":1114},{"style":93},[1115],{"type":52,"value":150},{"type":47,"tag":80,"props":1117,"children":1118},{"style":99},[1119],{"type":52,"value":999},{"type":47,"tag":80,"props":1121,"children":1122},{"style":93},[1123],{"type":52,"value":575},{"type":47,"tag":80,"props":1125,"children":1126},{"style":99},[1127],{"type":52,"value":1128},"minPriority))",{"type":47,"tag":80,"props":1130,"children":1131},{"style":93},[1132],{"type":52,"value":254},{"type":47,"tag":80,"props":1134,"children":1135},{"class":82,"line":379},[1136,1140],{"type":47,"tag":80,"props":1137,"children":1138},{"style":93},[1139],{"type":52,"value":398},{"type":47,"tag":80,"props":1141,"children":1142},{"style":99},[1143],{"type":52,"value":403},{"type":47,"tag":80,"props":1145,"children":1146},{"class":82,"line":392},[1147],{"type":47,"tag":80,"props":1148,"children":1149},{"emptyLinePlaceholder":192},[1150],{"type":52,"value":195},{"type":47,"tag":80,"props":1152,"children":1153},{"class":82,"line":406},[1154],{"type":47,"tag":80,"props":1155,"children":1156},{"style":733},[1157],{"type":52,"value":1158},"\u002F\u002F Config object\n",{"type":47,"tag":80,"props":1160,"children":1161},{"class":82,"line":432},[1162,1166,1170,1174,1178,1182],{"type":47,"tag":80,"props":1163,"children":1164},{"style":415},[1165],{"type":52,"value":744},{"type":47,"tag":80,"props":1167,"children":1168},{"style":99},[1169],{"type":52,"value":749},{"type":47,"tag":80,"props":1171,"children":1172},{"style":93},[1173],{"type":52,"value":754},{"type":47,"tag":80,"props":1175,"children":1176},{"style":207},[1177],{"type":52,"value":145},{"type":47,"tag":80,"props":1179,"children":1180},{"style":99},[1181],{"type":52,"value":215},{"type":47,"tag":80,"props":1183,"children":1184},{"style":93},[1185],{"type":52,"value":220},{"type":47,"tag":80,"props":1187,"children":1188},{"class":82,"line":474},[1189,1193,1197,1201,1205,1209,1213,1217,1221,1225,1229,1233,1237,1241,1245,1249,1253],{"type":47,"tag":80,"props":1190,"children":1191},{"style":207},[1192],{"type":52,"value":438},{"type":47,"tag":80,"props":1194,"children":1195},{"style":93},[1196],{"type":52,"value":235},{"type":47,"tag":80,"props":1198,"children":1199},{"style":93},[1200],{"type":52,"value":938},{"type":47,"tag":80,"props":1202,"children":1203},{"style":458},[1204],{"type":52,"value":461},{"type":47,"tag":80,"props":1206,"children":1207},{"style":93},[1208],{"type":52,"value":466},{"type":47,"tag":80,"props":1210,"children":1211},{"style":415},[1212],{"type":52,"value":561},{"type":47,"tag":80,"props":1214,"children":1215},{"style":99},[1216],{"type":52,"value":783},{"type":47,"tag":80,"props":1218,"children":1219},{"style":93},[1220],{"type":52,"value":575},{"type":47,"tag":80,"props":1222,"children":1223},{"style":207},[1224],{"type":52,"value":494},{"type":47,"tag":80,"props":1226,"children":1227},{"style":99},[1228],{"type":52,"value":215},{"type":47,"tag":80,"props":1230,"children":1231},{"style":93},[1232],{"type":52,"value":503},{"type":47,"tag":80,"props":1234,"children":1235},{"style":227},[1236],{"type":52,"value":804},{"type":47,"tag":80,"props":1238,"children":1239},{"style":93},[1240],{"type":52,"value":235},{"type":47,"tag":80,"props":1242,"children":1243},{"style":99},[1244],{"type":52,"value":813},{"type":47,"tag":80,"props":1246,"children":1247},{"style":93},[1248],{"type":52,"value":398},{"type":47,"tag":80,"props":1250,"children":1251},{"style":99},[1252],{"type":52,"value":466},{"type":47,"tag":80,"props":1254,"children":1255},{"style":93},[1256],{"type":52,"value":254},{"type":47,"tag":80,"props":1258,"children":1259},{"class":82,"line":483},[1260,1265,1269,1275],{"type":47,"tag":80,"props":1261,"children":1262},{"style":227},[1263],{"type":52,"value":1264}," gcTime",{"type":47,"tag":80,"props":1266,"children":1267},{"style":93},[1268],{"type":52,"value":235},{"type":47,"tag":80,"props":1270,"children":1272},{"style":1271},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1273],{"type":52,"value":1274}," 60000",{"type":47,"tag":80,"props":1276,"children":1277},{"style":93},[1278],{"type":52,"value":254},{"type":47,"tag":80,"props":1280,"children":1281},{"class":82,"line":528},[1282,1286],{"type":47,"tag":80,"props":1283,"children":1284},{"style":93},[1285],{"type":52,"value":398},{"type":47,"tag":80,"props":1287,"children":1288},{"style":99},[1289],{"type":52,"value":403},{"type":47,"tag":80,"props":1291,"children":1292},{"class":82,"line":583},[1293],{"type":47,"tag":80,"props":1294,"children":1295},{"emptyLinePlaceholder":192},[1296],{"type":52,"value":195},{"type":47,"tag":80,"props":1298,"children":1299},{"class":82,"line":654},[1300],{"type":47,"tag":80,"props":1301,"children":1302},{"style":733},[1303],{"type":52,"value":1304},"\u002F\u002F Pre-created collection\n",{"type":47,"tag":80,"props":1306,"children":1307},{"class":82,"line":663},[1308,1312,1316,1320,1324],{"type":47,"tag":80,"props":1309,"children":1310},{"style":415},[1311],{"type":52,"value":744},{"type":47,"tag":80,"props":1313,"children":1314},{"style":99},[1315],{"type":52,"value":749},{"type":47,"tag":80,"props":1317,"children":1318},{"style":93},[1319],{"type":52,"value":754},{"type":47,"tag":80,"props":1321,"children":1322},{"style":207},[1323],{"type":52,"value":145},{"type":47,"tag":80,"props":1325,"children":1326},{"style":99},[1327],{"type":52,"value":1328},"(preloadedCollection)\n",{"type":47,"tag":80,"props":1330,"children":1332},{"class":82,"line":1331},27,[1333],{"type":47,"tag":80,"props":1334,"children":1335},{"emptyLinePlaceholder":192},[1336],{"type":52,"value":195},{"type":47,"tag":80,"props":1338,"children":1340},{"class":82,"line":1339},28,[1341],{"type":47,"tag":80,"props":1342,"children":1343},{"style":733},[1344],{"type":52,"value":1345},"\u002F\u002F Conditional query — return undefined\u002Fnull to disable\n",{"type":47,"tag":80,"props":1347,"children":1349},{"class":82,"line":1348},29,[1350,1354,1358,1362,1366,1370],{"type":47,"tag":80,"props":1351,"children":1352},{"style":415},[1353],{"type":52,"value":744},{"type":47,"tag":80,"props":1355,"children":1356},{"style":99},[1357],{"type":52,"value":749},{"type":47,"tag":80,"props":1359,"children":1360},{"style":93},[1361],{"type":52,"value":754},{"type":47,"tag":80,"props":1363,"children":1364},{"style":207},[1365],{"type":52,"value":145},{"type":47,"tag":80,"props":1367,"children":1368},{"style":99},[1369],{"type":52,"value":215},{"type":47,"tag":80,"props":1371,"children":1372},{"style":93},[1373],{"type":52,"value":220},{"type":47,"tag":80,"props":1375,"children":1377},{"class":82,"line":1376},30,[1378,1382,1386,1390,1394,1398,1402,1407,1411,1415,1420,1424,1428,1432],{"type":47,"tag":80,"props":1379,"children":1380},{"style":207},[1381],{"type":52,"value":920},{"type":47,"tag":80,"props":1383,"children":1384},{"style":93},[1385],{"type":52,"value":235},{"type":47,"tag":80,"props":1387,"children":1388},{"style":93},[1389],{"type":52,"value":929},{"type":47,"tag":80,"props":1391,"children":1392},{"style":415},[1393],{"type":52,"value":561},{"type":47,"tag":80,"props":1395,"children":1396},{"style":99},[1397],{"type":52,"value":938},{"type":47,"tag":80,"props":1399,"children":1400},{"style":93},[1401],{"type":52,"value":503},{"type":47,"tag":80,"props":1403,"children":1404},{"style":227},[1405],{"type":52,"value":1406}," userId",{"type":47,"tag":80,"props":1408,"children":1409},{"style":93},[1410],{"type":52,"value":235},{"type":47,"tag":80,"props":1412,"children":1413},{"style":93},[1414],{"type":52,"value":956},{"type":47,"tag":80,"props":1416,"children":1417},{"style":207},[1418],{"type":52,"value":1419},"userId",{"type":47,"tag":80,"props":1421,"children":1422},{"style":99},[1423],{"type":52,"value":966},{"type":47,"tag":80,"props":1425,"children":1426},{"style":93},[1427],{"type":52,"value":398},{"type":47,"tag":80,"props":1429,"children":1430},{"style":99},[1431],{"type":52,"value":466},{"type":47,"tag":80,"props":1433,"children":1434},{"style":93},[1435],{"type":52,"value":254},{"type":47,"tag":80,"props":1437,"children":1439},{"class":82,"line":1438},31,[1440,1444,1448,1452,1456,1460,1464,1468,1472],{"type":47,"tag":80,"props":1441,"children":1442},{"style":207},[1443],{"type":52,"value":438},{"type":47,"tag":80,"props":1445,"children":1446},{"style":93},[1447],{"type":52,"value":235},{"type":47,"tag":80,"props":1449,"children":1450},{"style":93},[1451],{"type":52,"value":994},{"type":47,"tag":80,"props":1453,"children":1454},{"style":458},[1455],{"type":52,"value":999},{"type":47,"tag":80,"props":1457,"children":1458},{"style":93},[1459],{"type":52,"value":150},{"type":47,"tag":80,"props":1461,"children":1462},{"style":458},[1463],{"type":52,"value":783},{"type":47,"tag":80,"props":1465,"children":1466},{"style":93},[1467],{"type":52,"value":556},{"type":47,"tag":80,"props":1469,"children":1470},{"style":415},[1471],{"type":52,"value":561},{"type":47,"tag":80,"props":1473,"children":1474},{"style":93},[1475],{"type":52,"value":429},{"type":47,"tag":80,"props":1477,"children":1479},{"class":82,"line":1478},32,[1480,1485,1489,1494,1499,1503,1507,1512,1517],{"type":47,"tag":80,"props":1481,"children":1482},{"style":87},[1483],{"type":52,"value":1484}," if",{"type":47,"tag":80,"props":1486,"children":1487},{"style":227},[1488],{"type":52,"value":938},{"type":47,"tag":80,"props":1490,"children":1491},{"style":93},[1492],{"type":52,"value":1493},"!",{"type":47,"tag":80,"props":1495,"children":1496},{"style":99},[1497],{"type":52,"value":1498},"params",{"type":47,"tag":80,"props":1500,"children":1501},{"style":93},[1502],{"type":52,"value":575},{"type":47,"tag":80,"props":1504,"children":1505},{"style":99},[1506],{"type":52,"value":1419},{"type":47,"tag":80,"props":1508,"children":1509},{"style":227},[1510],{"type":52,"value":1511},") ",{"type":47,"tag":80,"props":1513,"children":1514},{"style":87},[1515],{"type":52,"value":1516},"return",{"type":47,"tag":80,"props":1518,"children":1519},{"style":93},[1520],{"type":52,"value":1521}," undefined\n",{"type":47,"tag":80,"props":1523,"children":1525},{"class":82,"line":1524},33,[1526,1531],{"type":47,"tag":80,"props":1527,"children":1528},{"style":87},[1529],{"type":52,"value":1530}," return",{"type":47,"tag":80,"props":1532,"children":1533},{"style":99},[1534],{"type":52,"value":1535}," q\n",{"type":47,"tag":80,"props":1537,"children":1539},{"class":82,"line":1538},34,[1540,1544,1548,1552,1556,1560,1564,1569,1573],{"type":47,"tag":80,"props":1541,"children":1542},{"style":93},[1543],{"type":52,"value":489},{"type":47,"tag":80,"props":1545,"children":1546},{"style":207},[1547],{"type":52,"value":494},{"type":47,"tag":80,"props":1549,"children":1550},{"style":227},[1551],{"type":52,"value":215},{"type":47,"tag":80,"props":1553,"children":1554},{"style":93},[1555],{"type":52,"value":503},{"type":47,"tag":80,"props":1557,"children":1558},{"style":227},[1559],{"type":52,"value":804},{"type":47,"tag":80,"props":1561,"children":1562},{"style":93},[1563],{"type":52,"value":235},{"type":47,"tag":80,"props":1565,"children":1566},{"style":99},[1567],{"type":52,"value":1568}," todoCollection",{"type":47,"tag":80,"props":1570,"children":1571},{"style":93},[1572],{"type":52,"value":107},{"type":47,"tag":80,"props":1574,"children":1575},{"style":227},[1576],{"type":52,"value":403},{"type":47,"tag":80,"props":1578,"children":1580},{"class":82,"line":1579},35,[1581,1585,1589,1593,1597,1601,1605,1609,1613,1617,1622,1626,1630,1634,1638,1642,1646],{"type":47,"tag":80,"props":1582,"children":1583},{"style":93},[1584],{"type":52,"value":489},{"type":47,"tag":80,"props":1586,"children":1587},{"style":207},[1588],{"type":52,"value":538},{"type":47,"tag":80,"props":1590,"children":1591},{"style":227},[1592],{"type":52,"value":215},{"type":47,"tag":80,"props":1594,"children":1595},{"style":93},[1596],{"type":52,"value":547},{"type":47,"tag":80,"props":1598,"children":1599},{"style":458},[1600],{"type":52,"value":804},{"type":47,"tag":80,"props":1602,"children":1603},{"style":93},[1604],{"type":52,"value":556},{"type":47,"tag":80,"props":1606,"children":1607},{"style":415},[1608],{"type":52,"value":561},{"type":47,"tag":80,"props":1610,"children":1611},{"style":207},[1612],{"type":52,"value":155},{"type":47,"tag":80,"props":1614,"children":1615},{"style":227},[1616],{"type":52,"value":215},{"type":47,"tag":80,"props":1618,"children":1619},{"style":99},[1620],{"type":52,"value":1621},"todo",{"type":47,"tag":80,"props":1623,"children":1624},{"style":93},[1625],{"type":52,"value":575},{"type":47,"tag":80,"props":1627,"children":1628},{"style":99},[1629],{"type":52,"value":1419},{"type":47,"tag":80,"props":1631,"children":1632},{"style":93},[1633],{"type":52,"value":150},{"type":47,"tag":80,"props":1635,"children":1636},{"style":99},[1637],{"type":52,"value":999},{"type":47,"tag":80,"props":1639,"children":1640},{"style":93},[1641],{"type":52,"value":575},{"type":47,"tag":80,"props":1643,"children":1644},{"style":99},[1645],{"type":52,"value":1419},{"type":47,"tag":80,"props":1647,"children":1648},{"style":227},[1649],{"type":52,"value":822},{"type":47,"tag":80,"props":1651,"children":1653},{"class":82,"line":1652},36,[1654],{"type":47,"tag":80,"props":1655,"children":1656},{"style":93},[1657],{"type":52,"value":1658}," },\n",{"type":47,"tag":80,"props":1660,"children":1662},{"class":82,"line":1661},37,[1663,1667],{"type":47,"tag":80,"props":1664,"children":1665},{"style":93},[1666],{"type":52,"value":398},{"type":47,"tag":80,"props":1668,"children":1669},{"style":99},[1670],{"type":52,"value":403},{"type":47,"tag":62,"props":1672,"children":1674},{"id":1673},"angular-specific-patterns",[1675],{"type":52,"value":1676},"Angular-Specific Patterns",{"type":47,"tag":694,"props":1678,"children":1680},{"id":1679},"reactive-params-with-signals",[1681],{"type":52,"value":1682},"Reactive params with signals",{"type":47,"tag":69,"props":1684,"children":1686},{"className":71,"code":1685,"language":18,"meta":73,"style":73},"@Component({\n selector: 'app-filtered-todos',\n standalone: true,\n template: `\u003Cdiv>{{ query.data().length }} todos\u003C\u002Fdiv>`,\n})\nexport class FilteredTodosComponent {\n minPriority = signal(5)\n\n query = injectLiveQuery({\n params: () => ({ minPriority: this.minPriority() }),\n query: ({ params, q }) =>\n q\n .from({ todos: todosCollection })\n .where(({ todos }) => gt(todos.priority, params.minPriority)),\n })\n}\n",[1687],{"type":47,"tag":76,"props":1688,"children":1689},{"__ignoreMap":73},[1690,1709,1737,1756,1786,1797,1817,1847,1854,1877,1937,1973,1981,2021,2088,2100],{"type":47,"tag":80,"props":1691,"children":1692},{"class":82,"line":83},[1693,1697,1701,1705],{"type":47,"tag":80,"props":1694,"children":1695},{"style":93},[1696],{"type":52,"value":204},{"type":47,"tag":80,"props":1698,"children":1699},{"style":207},[1700],{"type":52,"value":210},{"type":47,"tag":80,"props":1702,"children":1703},{"style":99},[1704],{"type":52,"value":215},{"type":47,"tag":80,"props":1706,"children":1707},{"style":93},[1708],{"type":52,"value":220},{"type":47,"tag":80,"props":1710,"children":1711},{"class":82,"line":131},[1712,1716,1720,1724,1729,1733],{"type":47,"tag":80,"props":1713,"children":1714},{"style":227},[1715],{"type":52,"value":230},{"type":47,"tag":80,"props":1717,"children":1718},{"style":93},[1719],{"type":52,"value":235},{"type":47,"tag":80,"props":1721,"children":1722},{"style":93},[1723],{"type":52,"value":117},{"type":47,"tag":80,"props":1725,"children":1726},{"style":120},[1727],{"type":52,"value":1728},"app-filtered-todos",{"type":47,"tag":80,"props":1730,"children":1731},{"style":93},[1732],{"type":52,"value":249},{"type":47,"tag":80,"props":1734,"children":1735},{"style":93},[1736],{"type":52,"value":254},{"type":47,"tag":80,"props":1738,"children":1739},{"class":82,"line":188},[1740,1744,1748,1752],{"type":47,"tag":80,"props":1741,"children":1742},{"style":227},[1743],{"type":52,"value":263},{"type":47,"tag":80,"props":1745,"children":1746},{"style":93},[1747],{"type":52,"value":235},{"type":47,"tag":80,"props":1749,"children":1750},{"style":270},[1751],{"type":52,"value":273},{"type":47,"tag":80,"props":1753,"children":1754},{"style":93},[1755],{"type":52,"value":254},{"type":47,"tag":80,"props":1757,"children":1758},{"class":82,"line":198},[1759,1763,1767,1772,1777,1782],{"type":47,"tag":80,"props":1760,"children":1761},{"style":227},[1762],{"type":52,"value":286},{"type":47,"tag":80,"props":1764,"children":1765},{"style":93},[1766],{"type":52,"value":235},{"type":47,"tag":80,"props":1768,"children":1769},{"style":93},[1770],{"type":52,"value":1771}," `",{"type":47,"tag":80,"props":1773,"children":1774},{"style":120},[1775],{"type":52,"value":1776},"\u003Cdiv>{{ query.data().length }} todos\u003C\u002Fdiv>",{"type":47,"tag":80,"props":1778,"children":1779},{"style":93},[1780],{"type":52,"value":1781},"`",{"type":47,"tag":80,"props":1783,"children":1784},{"style":93},[1785],{"type":52,"value":254},{"type":47,"tag":80,"props":1787,"children":1788},{"class":82,"line":223},[1789,1793],{"type":47,"tag":80,"props":1790,"children":1791},{"style":93},[1792],{"type":52,"value":398},{"type":47,"tag":80,"props":1794,"children":1795},{"style":99},[1796],{"type":52,"value":403},{"type":47,"tag":80,"props":1798,"children":1799},{"class":82,"line":257},[1800,1804,1808,1813],{"type":47,"tag":80,"props":1801,"children":1802},{"style":87},[1803],{"type":52,"value":412},{"type":47,"tag":80,"props":1805,"children":1806},{"style":415},[1807],{"type":52,"value":418},{"type":47,"tag":80,"props":1809,"children":1810},{"style":421},[1811],{"type":52,"value":1812}," FilteredTodosComponent",{"type":47,"tag":80,"props":1814,"children":1815},{"style":93},[1816],{"type":52,"value":429},{"type":47,"tag":80,"props":1818,"children":1819},{"class":82,"line":280},[1820,1825,1829,1834,1838,1843],{"type":47,"tag":80,"props":1821,"children":1822},{"style":227},[1823],{"type":52,"value":1824}," minPriority",{"type":47,"tag":80,"props":1826,"children":1827},{"style":93},[1828],{"type":52,"value":443},{"type":47,"tag":80,"props":1830,"children":1831},{"style":227},[1832],{"type":52,"value":1833}," signal",{"type":47,"tag":80,"props":1835,"children":1836},{"style":99},[1837],{"type":52,"value":215},{"type":47,"tag":80,"props":1839,"children":1840},{"style":1271},[1841],{"type":52,"value":1842},"5",{"type":47,"tag":80,"props":1844,"children":1845},{"style":99},[1846],{"type":52,"value":403},{"type":47,"tag":80,"props":1848,"children":1849},{"class":82,"line":298},[1850],{"type":47,"tag":80,"props":1851,"children":1852},{"emptyLinePlaceholder":192},[1853],{"type":52,"value":195},{"type":47,"tag":80,"props":1855,"children":1856},{"class":82,"line":307},[1857,1861,1865,1869,1873],{"type":47,"tag":80,"props":1858,"children":1859},{"style":227},[1860],{"type":52,"value":438},{"type":47,"tag":80,"props":1862,"children":1863},{"style":93},[1864],{"type":52,"value":443},{"type":47,"tag":80,"props":1866,"children":1867},{"style":227},[1868],{"type":52,"value":145},{"type":47,"tag":80,"props":1870,"children":1871},{"style":99},[1872],{"type":52,"value":215},{"type":47,"tag":80,"props":1874,"children":1875},{"style":93},[1876],{"type":52,"value":220},{"type":47,"tag":80,"props":1878,"children":1879},{"class":82,"line":316},[1880,1885,1889,1893,1897,1901,1905,1909,1913,1917,1921,1925,1929,1933],{"type":47,"tag":80,"props":1881,"children":1882},{"style":227},[1883],{"type":52,"value":1884}," params",{"type":47,"tag":80,"props":1886,"children":1887},{"style":93},[1888],{"type":52,"value":235},{"type":47,"tag":80,"props":1890,"children":1891},{"style":93},[1892],{"type":52,"value":929},{"type":47,"tag":80,"props":1894,"children":1895},{"style":415},[1896],{"type":52,"value":561},{"type":47,"tag":80,"props":1898,"children":1899},{"style":99},[1900],{"type":52,"value":938},{"type":47,"tag":80,"props":1902,"children":1903},{"style":93},[1904],{"type":52,"value":503},{"type":47,"tag":80,"props":1906,"children":1907},{"style":227},[1908],{"type":52,"value":947},{"type":47,"tag":80,"props":1910,"children":1911},{"style":93},[1912],{"type":52,"value":235},{"type":47,"tag":80,"props":1914,"children":1915},{"style":93},[1916],{"type":52,"value":956},{"type":47,"tag":80,"props":1918,"children":1919},{"style":227},[1920],{"type":52,"value":961},{"type":47,"tag":80,"props":1922,"children":1923},{"style":99},[1924],{"type":52,"value":966},{"type":47,"tag":80,"props":1926,"children":1927},{"style":93},[1928],{"type":52,"value":398},{"type":47,"tag":80,"props":1930,"children":1931},{"style":99},[1932],{"type":52,"value":466},{"type":47,"tag":80,"props":1934,"children":1935},{"style":93},[1936],{"type":52,"value":254},{"type":47,"tag":80,"props":1938,"children":1939},{"class":82,"line":325},[1940,1945,1949,1953,1957,1961,1965,1969],{"type":47,"tag":80,"props":1941,"children":1942},{"style":227},[1943],{"type":52,"value":1944}," query",{"type":47,"tag":80,"props":1946,"children":1947},{"style":93},[1948],{"type":52,"value":235},{"type":47,"tag":80,"props":1950,"children":1951},{"style":93},[1952],{"type":52,"value":994},{"type":47,"tag":80,"props":1954,"children":1955},{"style":458},[1956],{"type":52,"value":999},{"type":47,"tag":80,"props":1958,"children":1959},{"style":93},[1960],{"type":52,"value":150},{"type":47,"tag":80,"props":1962,"children":1963},{"style":458},[1964],{"type":52,"value":783},{"type":47,"tag":80,"props":1966,"children":1967},{"style":93},[1968],{"type":52,"value":556},{"type":47,"tag":80,"props":1970,"children":1971},{"style":415},[1972],{"type":52,"value":471},{"type":47,"tag":80,"props":1974,"children":1975},{"class":82,"line":334},[1976],{"type":47,"tag":80,"props":1977,"children":1978},{"style":99},[1979],{"type":52,"value":1980}," q\n",{"type":47,"tag":80,"props":1982,"children":1983},{"class":82,"line":343},[1984,1989,1993,1997,2001,2005,2009,2013,2017],{"type":47,"tag":80,"props":1985,"children":1986},{"style":93},[1987],{"type":52,"value":1988}," .",{"type":47,"tag":80,"props":1990,"children":1991},{"style":227},[1992],{"type":52,"value":494},{"type":47,"tag":80,"props":1994,"children":1995},{"style":99},[1996],{"type":52,"value":215},{"type":47,"tag":80,"props":1998,"children":1999},{"style":93},[2000],{"type":52,"value":503},{"type":47,"tag":80,"props":2002,"children":2003},{"style":227},[2004],{"type":52,"value":508},{"type":47,"tag":80,"props":2006,"children":2007},{"style":93},[2008],{"type":52,"value":235},{"type":47,"tag":80,"props":2010,"children":2011},{"style":99},[2012],{"type":52,"value":517},{"type":47,"tag":80,"props":2014,"children":2015},{"style":93},[2016],{"type":52,"value":398},{"type":47,"tag":80,"props":2018,"children":2019},{"style":99},[2020],{"type":52,"value":403},{"type":47,"tag":80,"props":2022,"children":2023},{"class":82,"line":352},[2024,2028,2032,2036,2040,2044,2048,2052,2056,2060,2064,2068,2072,2076,2080,2084],{"type":47,"tag":80,"props":2025,"children":2026},{"style":93},[2027],{"type":52,"value":1988},{"type":47,"tag":80,"props":2029,"children":2030},{"style":227},[2031],{"type":52,"value":538},{"type":47,"tag":80,"props":2033,"children":2034},{"style":99},[2035],{"type":52,"value":215},{"type":47,"tag":80,"props":2037,"children":2038},{"style":93},[2039],{"type":52,"value":547},{"type":47,"tag":80,"props":2041,"children":2042},{"style":458},[2043],{"type":52,"value":508},{"type":47,"tag":80,"props":2045,"children":2046},{"style":93},[2047],{"type":52,"value":556},{"type":47,"tag":80,"props":2049,"children":2050},{"style":415},[2051],{"type":52,"value":561},{"type":47,"tag":80,"props":2053,"children":2054},{"style":227},[2055],{"type":52,"value":1097},{"type":47,"tag":80,"props":2057,"children":2058},{"style":99},[2059],{"type":52,"value":570},{"type":47,"tag":80,"props":2061,"children":2062},{"style":93},[2063],{"type":52,"value":575},{"type":47,"tag":80,"props":2065,"children":2066},{"style":99},[2067],{"type":52,"value":1111},{"type":47,"tag":80,"props":2069,"children":2070},{"style":93},[2071],{"type":52,"value":150},{"type":47,"tag":80,"props":2073,"children":2074},{"style":99},[2075],{"type":52,"value":999},{"type":47,"tag":80,"props":2077,"children":2078},{"style":93},[2079],{"type":52,"value":575},{"type":47,"tag":80,"props":2081,"children":2082},{"style":99},[2083],{"type":52,"value":1128},{"type":47,"tag":80,"props":2085,"children":2086},{"style":93},[2087],{"type":52,"value":254},{"type":47,"tag":80,"props":2089,"children":2090},{"class":82,"line":361},[2091,2096],{"type":47,"tag":80,"props":2092,"children":2093},{"style":93},[2094],{"type":52,"value":2095}," }",{"type":47,"tag":80,"props":2097,"children":2098},{"style":99},[2099],{"type":52,"value":403},{"type":47,"tag":80,"props":2101,"children":2102},{"class":82,"line":370},[2103],{"type":47,"tag":80,"props":2104,"children":2105},{"style":93},[2106],{"type":52,"value":669},{"type":47,"tag":48,"props":2108,"children":2109},{},[2110,2112,2118],{"type":52,"value":2111},"When ",{"type":47,"tag":76,"props":2113,"children":2115},{"className":2114},[],[2116],{"type":52,"value":2117},"params()",{"type":52,"value":2119}," return value changes, the previous collection is disposed and a new query is created.",{"type":47,"tag":694,"props":2121,"children":2123},{"id":2122},"signal-inputs-angular-17",[2124],{"type":52,"value":2125},"Signal inputs (Angular 17+)",{"type":47,"tag":69,"props":2127,"children":2129},{"className":71,"code":2128,"language":18,"meta":73,"style":73},"@Component({\n selector: 'app-user-todos',\n standalone: true,\n template: `\u003Cdiv>{{ query.data().length }} todos\u003C\u002Fdiv>`,\n})\nexport class UserTodosComponent {\n userId = input.required\u003Cnumber>()\n\n query = injectLiveQuery({\n params: () => ({ userId: this.userId() }),\n query: ({ params, q }) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, params.userId)),\n })\n}\n",[2130],{"type":47,"tag":76,"props":2131,"children":2132},{"__ignoreMap":73},[2133,2152,2180,2199,2226,2237,2257,2303,2310,2333,2392,2427,2434,2473,2541,2552],{"type":47,"tag":80,"props":2134,"children":2135},{"class":82,"line":83},[2136,2140,2144,2148],{"type":47,"tag":80,"props":2137,"children":2138},{"style":93},[2139],{"type":52,"value":204},{"type":47,"tag":80,"props":2141,"children":2142},{"style":207},[2143],{"type":52,"value":210},{"type":47,"tag":80,"props":2145,"children":2146},{"style":99},[2147],{"type":52,"value":215},{"type":47,"tag":80,"props":2149,"children":2150},{"style":93},[2151],{"type":52,"value":220},{"type":47,"tag":80,"props":2153,"children":2154},{"class":82,"line":131},[2155,2159,2163,2167,2172,2176],{"type":47,"tag":80,"props":2156,"children":2157},{"style":227},[2158],{"type":52,"value":230},{"type":47,"tag":80,"props":2160,"children":2161},{"style":93},[2162],{"type":52,"value":235},{"type":47,"tag":80,"props":2164,"children":2165},{"style":93},[2166],{"type":52,"value":117},{"type":47,"tag":80,"props":2168,"children":2169},{"style":120},[2170],{"type":52,"value":2171},"app-user-todos",{"type":47,"tag":80,"props":2173,"children":2174},{"style":93},[2175],{"type":52,"value":249},{"type":47,"tag":80,"props":2177,"children":2178},{"style":93},[2179],{"type":52,"value":254},{"type":47,"tag":80,"props":2181,"children":2182},{"class":82,"line":188},[2183,2187,2191,2195],{"type":47,"tag":80,"props":2184,"children":2185},{"style":227},[2186],{"type":52,"value":263},{"type":47,"tag":80,"props":2188,"children":2189},{"style":93},[2190],{"type":52,"value":235},{"type":47,"tag":80,"props":2192,"children":2193},{"style":270},[2194],{"type":52,"value":273},{"type":47,"tag":80,"props":2196,"children":2197},{"style":93},[2198],{"type":52,"value":254},{"type":47,"tag":80,"props":2200,"children":2201},{"class":82,"line":198},[2202,2206,2210,2214,2218,2222],{"type":47,"tag":80,"props":2203,"children":2204},{"style":227},[2205],{"type":52,"value":286},{"type":47,"tag":80,"props":2207,"children":2208},{"style":93},[2209],{"type":52,"value":235},{"type":47,"tag":80,"props":2211,"children":2212},{"style":93},[2213],{"type":52,"value":1771},{"type":47,"tag":80,"props":2215,"children":2216},{"style":120},[2217],{"type":52,"value":1776},{"type":47,"tag":80,"props":2219,"children":2220},{"style":93},[2221],{"type":52,"value":1781},{"type":47,"tag":80,"props":2223,"children":2224},{"style":93},[2225],{"type":52,"value":254},{"type":47,"tag":80,"props":2227,"children":2228},{"class":82,"line":223},[2229,2233],{"type":47,"tag":80,"props":2230,"children":2231},{"style":93},[2232],{"type":52,"value":398},{"type":47,"tag":80,"props":2234,"children":2235},{"style":99},[2236],{"type":52,"value":403},{"type":47,"tag":80,"props":2238,"children":2239},{"class":82,"line":257},[2240,2244,2248,2253],{"type":47,"tag":80,"props":2241,"children":2242},{"style":87},[2243],{"type":52,"value":412},{"type":47,"tag":80,"props":2245,"children":2246},{"style":415},[2247],{"type":52,"value":418},{"type":47,"tag":80,"props":2249,"children":2250},{"style":421},[2251],{"type":52,"value":2252}," UserTodosComponent",{"type":47,"tag":80,"props":2254,"children":2255},{"style":93},[2256],{"type":52,"value":429},{"type":47,"tag":80,"props":2258,"children":2259},{"class":82,"line":280},[2260,2265,2269,2274,2278,2283,2288,2293,2298],{"type":47,"tag":80,"props":2261,"children":2262},{"style":227},[2263],{"type":52,"value":2264}," userId",{"type":47,"tag":80,"props":2266,"children":2267},{"style":93},[2268],{"type":52,"value":443},{"type":47,"tag":80,"props":2270,"children":2271},{"style":99},[2272],{"type":52,"value":2273}," input",{"type":47,"tag":80,"props":2275,"children":2276},{"style":93},[2277],{"type":52,"value":575},{"type":47,"tag":80,"props":2279,"children":2280},{"style":227},[2281],{"type":52,"value":2282},"required",{"type":47,"tag":80,"props":2284,"children":2285},{"style":93},[2286],{"type":52,"value":2287},"\u003C",{"type":47,"tag":80,"props":2289,"children":2290},{"style":421},[2291],{"type":52,"value":2292},"number",{"type":47,"tag":80,"props":2294,"children":2295},{"style":93},[2296],{"type":52,"value":2297},">",{"type":47,"tag":80,"props":2299,"children":2300},{"style":99},[2301],{"type":52,"value":2302},"()\n",{"type":47,"tag":80,"props":2304,"children":2305},{"class":82,"line":298},[2306],{"type":47,"tag":80,"props":2307,"children":2308},{"emptyLinePlaceholder":192},[2309],{"type":52,"value":195},{"type":47,"tag":80,"props":2311,"children":2312},{"class":82,"line":307},[2313,2317,2321,2325,2329],{"type":47,"tag":80,"props":2314,"children":2315},{"style":227},[2316],{"type":52,"value":438},{"type":47,"tag":80,"props":2318,"children":2319},{"style":93},[2320],{"type":52,"value":443},{"type":47,"tag":80,"props":2322,"children":2323},{"style":227},[2324],{"type":52,"value":145},{"type":47,"tag":80,"props":2326,"children":2327},{"style":99},[2328],{"type":52,"value":215},{"type":47,"tag":80,"props":2330,"children":2331},{"style":93},[2332],{"type":52,"value":220},{"type":47,"tag":80,"props":2334,"children":2335},{"class":82,"line":316},[2336,2340,2344,2348,2352,2356,2360,2364,2368,2372,2376,2380,2384,2388],{"type":47,"tag":80,"props":2337,"children":2338},{"style":227},[2339],{"type":52,"value":1884},{"type":47,"tag":80,"props":2341,"children":2342},{"style":93},[2343],{"type":52,"value":235},{"type":47,"tag":80,"props":2345,"children":2346},{"style":93},[2347],{"type":52,"value":929},{"type":47,"tag":80,"props":2349,"children":2350},{"style":415},[2351],{"type":52,"value":561},{"type":47,"tag":80,"props":2353,"children":2354},{"style":99},[2355],{"type":52,"value":938},{"type":47,"tag":80,"props":2357,"children":2358},{"style":93},[2359],{"type":52,"value":503},{"type":47,"tag":80,"props":2361,"children":2362},{"style":227},[2363],{"type":52,"value":1406},{"type":47,"tag":80,"props":2365,"children":2366},{"style":93},[2367],{"type":52,"value":235},{"type":47,"tag":80,"props":2369,"children":2370},{"style":93},[2371],{"type":52,"value":956},{"type":47,"tag":80,"props":2373,"children":2374},{"style":227},[2375],{"type":52,"value":1419},{"type":47,"tag":80,"props":2377,"children":2378},{"style":99},[2379],{"type":52,"value":966},{"type":47,"tag":80,"props":2381,"children":2382},{"style":93},[2383],{"type":52,"value":398},{"type":47,"tag":80,"props":2385,"children":2386},{"style":99},[2387],{"type":52,"value":466},{"type":47,"tag":80,"props":2389,"children":2390},{"style":93},[2391],{"type":52,"value":254},{"type":47,"tag":80,"props":2393,"children":2394},{"class":82,"line":325},[2395,2399,2403,2407,2411,2415,2419,2423],{"type":47,"tag":80,"props":2396,"children":2397},{"style":227},[2398],{"type":52,"value":1944},{"type":47,"tag":80,"props":2400,"children":2401},{"style":93},[2402],{"type":52,"value":235},{"type":47,"tag":80,"props":2404,"children":2405},{"style":93},[2406],{"type":52,"value":994},{"type":47,"tag":80,"props":2408,"children":2409},{"style":458},[2410],{"type":52,"value":999},{"type":47,"tag":80,"props":2412,"children":2413},{"style":93},[2414],{"type":52,"value":150},{"type":47,"tag":80,"props":2416,"children":2417},{"style":458},[2418],{"type":52,"value":783},{"type":47,"tag":80,"props":2420,"children":2421},{"style":93},[2422],{"type":52,"value":556},{"type":47,"tag":80,"props":2424,"children":2425},{"style":415},[2426],{"type":52,"value":471},{"type":47,"tag":80,"props":2428,"children":2429},{"class":82,"line":334},[2430],{"type":47,"tag":80,"props":2431,"children":2432},{"style":99},[2433],{"type":52,"value":1980},{"type":47,"tag":80,"props":2435,"children":2436},{"class":82,"line":343},[2437,2441,2445,2449,2453,2457,2461,2465,2469],{"type":47,"tag":80,"props":2438,"children":2439},{"style":93},[2440],{"type":52,"value":1988},{"type":47,"tag":80,"props":2442,"children":2443},{"style":227},[2444],{"type":52,"value":494},{"type":47,"tag":80,"props":2446,"children":2447},{"style":99},[2448],{"type":52,"value":215},{"type":47,"tag":80,"props":2450,"children":2451},{"style":93},[2452],{"type":52,"value":503},{"type":47,"tag":80,"props":2454,"children":2455},{"style":227},[2456],{"type":52,"value":804},{"type":47,"tag":80,"props":2458,"children":2459},{"style":93},[2460],{"type":52,"value":235},{"type":47,"tag":80,"props":2462,"children":2463},{"style":99},[2464],{"type":52,"value":813},{"type":47,"tag":80,"props":2466,"children":2467},{"style":93},[2468],{"type":52,"value":398},{"type":47,"tag":80,"props":2470,"children":2471},{"style":99},[2472],{"type":52,"value":403},{"type":47,"tag":80,"props":2474,"children":2475},{"class":82,"line":352},[2476,2480,2484,2488,2492,2496,2500,2504,2508,2512,2516,2520,2524,2528,2532,2537],{"type":47,"tag":80,"props":2477,"children":2478},{"style":93},[2479],{"type":52,"value":1988},{"type":47,"tag":80,"props":2481,"children":2482},{"style":227},[2483],{"type":52,"value":538},{"type":47,"tag":80,"props":2485,"children":2486},{"style":99},[2487],{"type":52,"value":215},{"type":47,"tag":80,"props":2489,"children":2490},{"style":93},[2491],{"type":52,"value":547},{"type":47,"tag":80,"props":2493,"children":2494},{"style":458},[2495],{"type":52,"value":804},{"type":47,"tag":80,"props":2497,"children":2498},{"style":93},[2499],{"type":52,"value":556},{"type":47,"tag":80,"props":2501,"children":2502},{"style":415},[2503],{"type":52,"value":561},{"type":47,"tag":80,"props":2505,"children":2506},{"style":227},[2507],{"type":52,"value":155},{"type":47,"tag":80,"props":2509,"children":2510},{"style":99},[2511],{"type":52,"value":1102},{"type":47,"tag":80,"props":2513,"children":2514},{"style":93},[2515],{"type":52,"value":575},{"type":47,"tag":80,"props":2517,"children":2518},{"style":99},[2519],{"type":52,"value":1419},{"type":47,"tag":80,"props":2521,"children":2522},{"style":93},[2523],{"type":52,"value":150},{"type":47,"tag":80,"props":2525,"children":2526},{"style":99},[2527],{"type":52,"value":999},{"type":47,"tag":80,"props":2529,"children":2530},{"style":93},[2531],{"type":52,"value":575},{"type":47,"tag":80,"props":2533,"children":2534},{"style":99},[2535],{"type":52,"value":2536},"userId))",{"type":47,"tag":80,"props":2538,"children":2539},{"style":93},[2540],{"type":52,"value":254},{"type":47,"tag":80,"props":2542,"children":2543},{"class":82,"line":361},[2544,2548],{"type":47,"tag":80,"props":2545,"children":2546},{"style":93},[2547],{"type":52,"value":2095},{"type":47,"tag":80,"props":2549,"children":2550},{"style":99},[2551],{"type":52,"value":403},{"type":47,"tag":80,"props":2553,"children":2554},{"class":82,"line":370},[2555],{"type":47,"tag":80,"props":2556,"children":2557},{"style":93},[2558],{"type":52,"value":669},{"type":47,"tag":694,"props":2560,"children":2562},{"id":2561},"legacy-input-angular-16",[2563],{"type":52,"value":2564},"Legacy @Input (Angular 16)",{"type":47,"tag":69,"props":2566,"children":2568},{"className":71,"code":2567,"language":18,"meta":73,"style":73},"export class UserTodosComponent {\n @Input({ required: true }) userId!: number\n\n query = injectLiveQuery({\n params: () => ({ userId: this.userId }),\n query: ({ params, q }) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, params.userId)),\n })\n}\n",[2569],{"type":47,"tag":76,"props":2570,"children":2571},{"__ignoreMap":73},[2572,2591,2647,2654,2677,2733,2768,2775,2814,2881,2892],{"type":47,"tag":80,"props":2573,"children":2574},{"class":82,"line":83},[2575,2579,2583,2587],{"type":47,"tag":80,"props":2576,"children":2577},{"style":87},[2578],{"type":52,"value":412},{"type":47,"tag":80,"props":2580,"children":2581},{"style":415},[2582],{"type":52,"value":418},{"type":47,"tag":80,"props":2584,"children":2585},{"style":421},[2586],{"type":52,"value":2252},{"type":47,"tag":80,"props":2588,"children":2589},{"style":93},[2590],{"type":52,"value":429},{"type":47,"tag":80,"props":2592,"children":2593},{"class":82,"line":131},[2594,2599,2604,2608,2612,2617,2621,2625,2629,2633,2637,2642],{"type":47,"tag":80,"props":2595,"children":2596},{"style":93},[2597],{"type":52,"value":2598}," @",{"type":47,"tag":80,"props":2600,"children":2601},{"style":207},[2602],{"type":52,"value":2603},"Input",{"type":47,"tag":80,"props":2605,"children":2606},{"style":99},[2607],{"type":52,"value":215},{"type":47,"tag":80,"props":2609,"children":2610},{"style":93},[2611],{"type":52,"value":503},{"type":47,"tag":80,"props":2613,"children":2614},{"style":227},[2615],{"type":52,"value":2616}," required",{"type":47,"tag":80,"props":2618,"children":2619},{"style":93},[2620],{"type":52,"value":235},{"type":47,"tag":80,"props":2622,"children":2623},{"style":270},[2624],{"type":52,"value":273},{"type":47,"tag":80,"props":2626,"children":2627},{"style":93},[2628],{"type":52,"value":107},{"type":47,"tag":80,"props":2630,"children":2631},{"style":99},[2632],{"type":52,"value":1511},{"type":47,"tag":80,"props":2634,"children":2635},{"style":227},[2636],{"type":52,"value":1419},{"type":47,"tag":80,"props":2638,"children":2639},{"style":93},[2640],{"type":52,"value":2641},"!:",{"type":47,"tag":80,"props":2643,"children":2644},{"style":421},[2645],{"type":52,"value":2646}," number\n",{"type":47,"tag":80,"props":2648,"children":2649},{"class":82,"line":188},[2650],{"type":47,"tag":80,"props":2651,"children":2652},{"emptyLinePlaceholder":192},[2653],{"type":52,"value":195},{"type":47,"tag":80,"props":2655,"children":2656},{"class":82,"line":198},[2657,2661,2665,2669,2673],{"type":47,"tag":80,"props":2658,"children":2659},{"style":227},[2660],{"type":52,"value":438},{"type":47,"tag":80,"props":2662,"children":2663},{"style":93},[2664],{"type":52,"value":443},{"type":47,"tag":80,"props":2666,"children":2667},{"style":227},[2668],{"type":52,"value":145},{"type":47,"tag":80,"props":2670,"children":2671},{"style":99},[2672],{"type":52,"value":215},{"type":47,"tag":80,"props":2674,"children":2675},{"style":93},[2676],{"type":52,"value":220},{"type":47,"tag":80,"props":2678,"children":2679},{"class":82,"line":223},[2680,2684,2688,2692,2696,2700,2704,2708,2712,2716,2721,2725,2729],{"type":47,"tag":80,"props":2681,"children":2682},{"style":227},[2683],{"type":52,"value":1884},{"type":47,"tag":80,"props":2685,"children":2686},{"style":93},[2687],{"type":52,"value":235},{"type":47,"tag":80,"props":2689,"children":2690},{"style":93},[2691],{"type":52,"value":929},{"type":47,"tag":80,"props":2693,"children":2694},{"style":415},[2695],{"type":52,"value":561},{"type":47,"tag":80,"props":2697,"children":2698},{"style":99},[2699],{"type":52,"value":938},{"type":47,"tag":80,"props":2701,"children":2702},{"style":93},[2703],{"type":52,"value":503},{"type":47,"tag":80,"props":2705,"children":2706},{"style":227},[2707],{"type":52,"value":1406},{"type":47,"tag":80,"props":2709,"children":2710},{"style":93},[2711],{"type":52,"value":235},{"type":47,"tag":80,"props":2713,"children":2714},{"style":93},[2715],{"type":52,"value":956},{"type":47,"tag":80,"props":2717,"children":2718},{"style":99},[2719],{"type":52,"value":2720},"userId ",{"type":47,"tag":80,"props":2722,"children":2723},{"style":93},[2724],{"type":52,"value":398},{"type":47,"tag":80,"props":2726,"children":2727},{"style":99},[2728],{"type":52,"value":466},{"type":47,"tag":80,"props":2730,"children":2731},{"style":93},[2732],{"type":52,"value":254},{"type":47,"tag":80,"props":2734,"children":2735},{"class":82,"line":257},[2736,2740,2744,2748,2752,2756,2760,2764],{"type":47,"tag":80,"props":2737,"children":2738},{"style":227},[2739],{"type":52,"value":1944},{"type":47,"tag":80,"props":2741,"children":2742},{"style":93},[2743],{"type":52,"value":235},{"type":47,"tag":80,"props":2745,"children":2746},{"style":93},[2747],{"type":52,"value":994},{"type":47,"tag":80,"props":2749,"children":2750},{"style":458},[2751],{"type":52,"value":999},{"type":47,"tag":80,"props":2753,"children":2754},{"style":93},[2755],{"type":52,"value":150},{"type":47,"tag":80,"props":2757,"children":2758},{"style":458},[2759],{"type":52,"value":783},{"type":47,"tag":80,"props":2761,"children":2762},{"style":93},[2763],{"type":52,"value":556},{"type":47,"tag":80,"props":2765,"children":2766},{"style":415},[2767],{"type":52,"value":471},{"type":47,"tag":80,"props":2769,"children":2770},{"class":82,"line":280},[2771],{"type":47,"tag":80,"props":2772,"children":2773},{"style":99},[2774],{"type":52,"value":1980},{"type":47,"tag":80,"props":2776,"children":2777},{"class":82,"line":298},[2778,2782,2786,2790,2794,2798,2802,2806,2810],{"type":47,"tag":80,"props":2779,"children":2780},{"style":93},[2781],{"type":52,"value":1988},{"type":47,"tag":80,"props":2783,"children":2784},{"style":227},[2785],{"type":52,"value":494},{"type":47,"tag":80,"props":2787,"children":2788},{"style":99},[2789],{"type":52,"value":215},{"type":47,"tag":80,"props":2791,"children":2792},{"style":93},[2793],{"type":52,"value":503},{"type":47,"tag":80,"props":2795,"children":2796},{"style":227},[2797],{"type":52,"value":804},{"type":47,"tag":80,"props":2799,"children":2800},{"style":93},[2801],{"type":52,"value":235},{"type":47,"tag":80,"props":2803,"children":2804},{"style":99},[2805],{"type":52,"value":813},{"type":47,"tag":80,"props":2807,"children":2808},{"style":93},[2809],{"type":52,"value":398},{"type":47,"tag":80,"props":2811,"children":2812},{"style":99},[2813],{"type":52,"value":403},{"type":47,"tag":80,"props":2815,"children":2816},{"class":82,"line":307},[2817,2821,2825,2829,2833,2837,2841,2845,2849,2853,2857,2861,2865,2869,2873,2877],{"type":47,"tag":80,"props":2818,"children":2819},{"style":93},[2820],{"type":52,"value":1988},{"type":47,"tag":80,"props":2822,"children":2823},{"style":227},[2824],{"type":52,"value":538},{"type":47,"tag":80,"props":2826,"children":2827},{"style":99},[2828],{"type":52,"value":215},{"type":47,"tag":80,"props":2830,"children":2831},{"style":93},[2832],{"type":52,"value":547},{"type":47,"tag":80,"props":2834,"children":2835},{"style":458},[2836],{"type":52,"value":804},{"type":47,"tag":80,"props":2838,"children":2839},{"style":93},[2840],{"type":52,"value":556},{"type":47,"tag":80,"props":2842,"children":2843},{"style":415},[2844],{"type":52,"value":561},{"type":47,"tag":80,"props":2846,"children":2847},{"style":227},[2848],{"type":52,"value":155},{"type":47,"tag":80,"props":2850,"children":2851},{"style":99},[2852],{"type":52,"value":1102},{"type":47,"tag":80,"props":2854,"children":2855},{"style":93},[2856],{"type":52,"value":575},{"type":47,"tag":80,"props":2858,"children":2859},{"style":99},[2860],{"type":52,"value":1419},{"type":47,"tag":80,"props":2862,"children":2863},{"style":93},[2864],{"type":52,"value":150},{"type":47,"tag":80,"props":2866,"children":2867},{"style":99},[2868],{"type":52,"value":999},{"type":47,"tag":80,"props":2870,"children":2871},{"style":93},[2872],{"type":52,"value":575},{"type":47,"tag":80,"props":2874,"children":2875},{"style":99},[2876],{"type":52,"value":2536},{"type":47,"tag":80,"props":2878,"children":2879},{"style":93},[2880],{"type":52,"value":254},{"type":47,"tag":80,"props":2882,"children":2883},{"class":82,"line":316},[2884,2888],{"type":47,"tag":80,"props":2885,"children":2886},{"style":93},[2887],{"type":52,"value":2095},{"type":47,"tag":80,"props":2889,"children":2890},{"style":99},[2891],{"type":52,"value":403},{"type":47,"tag":80,"props":2893,"children":2894},{"class":82,"line":325},[2895],{"type":47,"tag":80,"props":2896,"children":2897},{"style":93},[2898],{"type":52,"value":669},{"type":47,"tag":694,"props":2900,"children":2902},{"id":2901},"template-syntax",[2903],{"type":52,"value":2904},"Template syntax",{"type":47,"tag":48,"props":2906,"children":2907},{},[2908],{"type":52,"value":2909},"Angular 17+ control flow:",{"type":47,"tag":69,"props":2911,"children":2915},{"className":2912,"code":2913,"language":2914,"meta":73,"style":73},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@if (query.isLoading()) {\n\u003Cdiv>Loading...\u003C\u002Fdiv>\n} @else { @for (todo of query.data(); track todo.id) {\n\u003Cli>{{ todo.text }}\u003C\u002Fli>\n} }\n","html",[2916],{"type":47,"tag":76,"props":2917,"children":2918},{"__ignoreMap":73},[2919,2927,2962,2970,3003],{"type":47,"tag":80,"props":2920,"children":2921},{"class":82,"line":83},[2922],{"type":47,"tag":80,"props":2923,"children":2924},{"style":99},[2925],{"type":52,"value":2926},"@if (query.isLoading()) {\n",{"type":47,"tag":80,"props":2928,"children":2929},{"class":82,"line":131},[2930,2934,2939,2943,2948,2953,2957],{"type":47,"tag":80,"props":2931,"children":2932},{"style":93},[2933],{"type":52,"value":2287},{"type":47,"tag":80,"props":2935,"children":2936},{"style":227},[2937],{"type":52,"value":2938},"div",{"type":47,"tag":80,"props":2940,"children":2941},{"style":93},[2942],{"type":52,"value":2297},{"type":47,"tag":80,"props":2944,"children":2945},{"style":99},[2946],{"type":52,"value":2947},"Loading...",{"type":47,"tag":80,"props":2949,"children":2950},{"style":93},[2951],{"type":52,"value":2952},"\u003C\u002F",{"type":47,"tag":80,"props":2954,"children":2955},{"style":227},[2956],{"type":52,"value":2938},{"type":47,"tag":80,"props":2958,"children":2959},{"style":93},[2960],{"type":52,"value":2961},">\n",{"type":47,"tag":80,"props":2963,"children":2964},{"class":82,"line":188},[2965],{"type":47,"tag":80,"props":2966,"children":2967},{"style":99},[2968],{"type":52,"value":2969},"} @else { @for (todo of query.data(); track todo.id) {\n",{"type":47,"tag":80,"props":2971,"children":2972},{"class":82,"line":198},[2973,2977,2982,2986,2991,2995,2999],{"type":47,"tag":80,"props":2974,"children":2975},{"style":93},[2976],{"type":52,"value":2287},{"type":47,"tag":80,"props":2978,"children":2979},{"style":227},[2980],{"type":52,"value":2981},"li",{"type":47,"tag":80,"props":2983,"children":2984},{"style":93},[2985],{"type":52,"value":2297},{"type":47,"tag":80,"props":2987,"children":2988},{"style":99},[2989],{"type":52,"value":2990},"{{ todo.text }}",{"type":47,"tag":80,"props":2992,"children":2993},{"style":93},[2994],{"type":52,"value":2952},{"type":47,"tag":80,"props":2996,"children":2997},{"style":227},[2998],{"type":52,"value":2981},{"type":47,"tag":80,"props":3000,"children":3001},{"style":93},[3002],{"type":52,"value":2961},{"type":47,"tag":80,"props":3004,"children":3005},{"class":82,"line":223},[3006],{"type":47,"tag":80,"props":3007,"children":3008},{"style":99},[3009],{"type":52,"value":3010},"} }\n",{"type":47,"tag":48,"props":3012,"children":3013},{},[3014],{"type":52,"value":3015},"Angular 16 structural directives:",{"type":47,"tag":69,"props":3017,"children":3019},{"className":2912,"code":3018,"language":2914,"meta":73,"style":73},"\u003Cdiv *ngIf=\"query.isLoading()\">Loading...\u003C\u002Fdiv>\n\u003Cli *ngFor=\"let todo of query.data(); trackBy: trackById\">{{ todo.text }}\u003C\u002Fli>\n",[3020],{"type":47,"tag":76,"props":3021,"children":3022},{"__ignoreMap":73},[3023,3077],{"type":47,"tag":80,"props":3024,"children":3025},{"class":82,"line":83},[3026,3030,3034,3039,3043,3048,3053,3057,3061,3065,3069,3073],{"type":47,"tag":80,"props":3027,"children":3028},{"style":93},[3029],{"type":52,"value":2287},{"type":47,"tag":80,"props":3031,"children":3032},{"style":227},[3033],{"type":52,"value":2938},{"type":47,"tag":80,"props":3035,"children":3036},{"style":415},[3037],{"type":52,"value":3038}," *ngIf",{"type":47,"tag":80,"props":3040,"children":3041},{"style":93},[3042],{"type":52,"value":754},{"type":47,"tag":80,"props":3044,"children":3045},{"style":93},[3046],{"type":52,"value":3047},"\"",{"type":47,"tag":80,"props":3049,"children":3050},{"style":120},[3051],{"type":52,"value":3052},"query.isLoading()",{"type":47,"tag":80,"props":3054,"children":3055},{"style":93},[3056],{"type":52,"value":3047},{"type":47,"tag":80,"props":3058,"children":3059},{"style":93},[3060],{"type":52,"value":2297},{"type":47,"tag":80,"props":3062,"children":3063},{"style":99},[3064],{"type":52,"value":2947},{"type":47,"tag":80,"props":3066,"children":3067},{"style":93},[3068],{"type":52,"value":2952},{"type":47,"tag":80,"props":3070,"children":3071},{"style":227},[3072],{"type":52,"value":2938},{"type":47,"tag":80,"props":3074,"children":3075},{"style":93},[3076],{"type":52,"value":2961},{"type":47,"tag":80,"props":3078,"children":3079},{"class":82,"line":131},[3080,3084,3088,3093,3097,3101,3106,3110,3114,3118,3122,3126],{"type":47,"tag":80,"props":3081,"children":3082},{"style":93},[3083],{"type":52,"value":2287},{"type":47,"tag":80,"props":3085,"children":3086},{"style":227},[3087],{"type":52,"value":2981},{"type":47,"tag":80,"props":3089,"children":3090},{"style":415},[3091],{"type":52,"value":3092}," *ngFor",{"type":47,"tag":80,"props":3094,"children":3095},{"style":93},[3096],{"type":52,"value":754},{"type":47,"tag":80,"props":3098,"children":3099},{"style":93},[3100],{"type":52,"value":3047},{"type":47,"tag":80,"props":3102,"children":3103},{"style":120},[3104],{"type":52,"value":3105},"let todo of query.data(); trackBy: trackById",{"type":47,"tag":80,"props":3107,"children":3108},{"style":93},[3109],{"type":52,"value":3047},{"type":47,"tag":80,"props":3111,"children":3112},{"style":93},[3113],{"type":52,"value":2297},{"type":47,"tag":80,"props":3115,"children":3116},{"style":99},[3117],{"type":52,"value":2990},{"type":47,"tag":80,"props":3119,"children":3120},{"style":93},[3121],{"type":52,"value":2952},{"type":47,"tag":80,"props":3123,"children":3124},{"style":227},[3125],{"type":52,"value":2981},{"type":47,"tag":80,"props":3127,"children":3128},{"style":93},[3129],{"type":52,"value":2961},{"type":47,"tag":62,"props":3131,"children":3133},{"id":3132},"includes-hierarchical-data",[3134],{"type":52,"value":3135},"Includes (Hierarchical Data)",{"type":47,"tag":48,"props":3137,"children":3138},{},[3139,3141,3147,3149,3155,3157,3162],{"type":52,"value":3140},"When a query uses includes (subqueries in ",{"type":47,"tag":76,"props":3142,"children":3144},{"className":3143},[],[3145],{"type":52,"value":3146},"select",{"type":52,"value":3148},"), each child field is a live ",{"type":47,"tag":76,"props":3150,"children":3152},{"className":3151},[],[3153],{"type":52,"value":3154},"Collection",{"type":52,"value":3156}," by default. Subscribe to it with ",{"type":47,"tag":76,"props":3158,"children":3160},{"className":3159},[],[3161],{"type":52,"value":699},{"type":52,"value":3163}," in a child component:",{"type":47,"tag":69,"props":3165,"children":3167},{"className":71,"code":3166,"language":18,"meta":73,"style":73},"@Component({\n selector: 'app-project-list',\n standalone: true,\n imports: [IssueListComponent],\n template: `\n @for (project of query.data(); track project.id) {\n \u003Cdiv>\n {{ project.name }}\n \u003Capp-issue-list [issuesCollection]=\"project.issues\" \u002F>\n \u003C\u002Fdiv>\n }\n `,\n})\nexport class ProjectListComponent {\n query = injectLiveQuery((q) =>\n q.from({ p: projectsCollection }).select(({ p }) => ({\n id: p.id,\n name: p.name,\n issues: q\n .from({ i: issuesCollection })\n .where(({ i }) => eq(i.projectId, p.id))\n .select(({ i }) => ({ id: i.id, title: i.title })),\n })),\n )\n}\n\n\u002F\u002F Child component subscribes to the child Collection\n@Component({\n selector: 'app-issue-list',\n standalone: true,\n template: `\n @for (issue of query.data(); track issue.id) {\n \u003Cli>{{ issue.title }}\u003C\u002Fli>\n }\n `,\n})\nexport class IssueListComponent {\n issuesCollection = input.required\u003CCollection>()\n\n query = injectLiveQuery(this.issuesCollection())\n}\n",[3168],{"type":47,"tag":76,"props":3169,"children":3170},{"__ignoreMap":73},[3171,3190,3218,3237,3258,3273,3281,3289,3297,3305,3313,3320,3331,3342,3362,3397,3479,3508,3537,3553,3594,3660,3759,3775,3782,3789,3796,3804,3823,3851,3870,3885,3893,3901,3908,3919,3930,3950,3991,3999,4034],{"type":47,"tag":80,"props":3172,"children":3173},{"class":82,"line":83},[3174,3178,3182,3186],{"type":47,"tag":80,"props":3175,"children":3176},{"style":93},[3177],{"type":52,"value":204},{"type":47,"tag":80,"props":3179,"children":3180},{"style":207},[3181],{"type":52,"value":210},{"type":47,"tag":80,"props":3183,"children":3184},{"style":99},[3185],{"type":52,"value":215},{"type":47,"tag":80,"props":3187,"children":3188},{"style":93},[3189],{"type":52,"value":220},{"type":47,"tag":80,"props":3191,"children":3192},{"class":82,"line":131},[3193,3197,3201,3205,3210,3214],{"type":47,"tag":80,"props":3194,"children":3195},{"style":227},[3196],{"type":52,"value":230},{"type":47,"tag":80,"props":3198,"children":3199},{"style":93},[3200],{"type":52,"value":235},{"type":47,"tag":80,"props":3202,"children":3203},{"style":93},[3204],{"type":52,"value":117},{"type":47,"tag":80,"props":3206,"children":3207},{"style":120},[3208],{"type":52,"value":3209},"app-project-list",{"type":47,"tag":80,"props":3211,"children":3212},{"style":93},[3213],{"type":52,"value":249},{"type":47,"tag":80,"props":3215,"children":3216},{"style":93},[3217],{"type":52,"value":254},{"type":47,"tag":80,"props":3219,"children":3220},{"class":82,"line":188},[3221,3225,3229,3233],{"type":47,"tag":80,"props":3222,"children":3223},{"style":227},[3224],{"type":52,"value":263},{"type":47,"tag":80,"props":3226,"children":3227},{"style":93},[3228],{"type":52,"value":235},{"type":47,"tag":80,"props":3230,"children":3231},{"style":270},[3232],{"type":52,"value":273},{"type":47,"tag":80,"props":3234,"children":3235},{"style":93},[3236],{"type":52,"value":254},{"type":47,"tag":80,"props":3238,"children":3239},{"class":82,"line":198},[3240,3245,3249,3254],{"type":47,"tag":80,"props":3241,"children":3242},{"style":227},[3243],{"type":52,"value":3244}," imports",{"type":47,"tag":80,"props":3246,"children":3247},{"style":93},[3248],{"type":52,"value":235},{"type":47,"tag":80,"props":3250,"children":3251},{"style":99},[3252],{"type":52,"value":3253}," [IssueListComponent]",{"type":47,"tag":80,"props":3255,"children":3256},{"style":93},[3257],{"type":52,"value":254},{"type":47,"tag":80,"props":3259,"children":3260},{"class":82,"line":223},[3261,3265,3269],{"type":47,"tag":80,"props":3262,"children":3263},{"style":227},[3264],{"type":52,"value":286},{"type":47,"tag":80,"props":3266,"children":3267},{"style":93},[3268],{"type":52,"value":235},{"type":47,"tag":80,"props":3270,"children":3271},{"style":93},[3272],{"type":52,"value":295},{"type":47,"tag":80,"props":3274,"children":3275},{"class":82,"line":257},[3276],{"type":47,"tag":80,"props":3277,"children":3278},{"style":120},[3279],{"type":52,"value":3280}," @for (project of query.data(); track project.id) {\n",{"type":47,"tag":80,"props":3282,"children":3283},{"class":82,"line":280},[3284],{"type":47,"tag":80,"props":3285,"children":3286},{"style":120},[3287],{"type":52,"value":3288}," \u003Cdiv>\n",{"type":47,"tag":80,"props":3290,"children":3291},{"class":82,"line":298},[3292],{"type":47,"tag":80,"props":3293,"children":3294},{"style":120},[3295],{"type":52,"value":3296}," {{ project.name }}\n",{"type":47,"tag":80,"props":3298,"children":3299},{"class":82,"line":307},[3300],{"type":47,"tag":80,"props":3301,"children":3302},{"style":120},[3303],{"type":52,"value":3304}," \u003Capp-issue-list [issuesCollection]=\"project.issues\" \u002F>\n",{"type":47,"tag":80,"props":3306,"children":3307},{"class":82,"line":316},[3308],{"type":47,"tag":80,"props":3309,"children":3310},{"style":120},[3311],{"type":52,"value":3312}," \u003C\u002Fdiv>\n",{"type":47,"tag":80,"props":3314,"children":3315},{"class":82,"line":325},[3316],{"type":47,"tag":80,"props":3317,"children":3318},{"style":120},[3319],{"type":52,"value":376},{"type":47,"tag":80,"props":3321,"children":3322},{"class":82,"line":334},[3323,3327],{"type":47,"tag":80,"props":3324,"children":3325},{"style":93},[3326],{"type":52,"value":385},{"type":47,"tag":80,"props":3328,"children":3329},{"style":93},[3330],{"type":52,"value":254},{"type":47,"tag":80,"props":3332,"children":3333},{"class":82,"line":343},[3334,3338],{"type":47,"tag":80,"props":3335,"children":3336},{"style":93},[3337],{"type":52,"value":398},{"type":47,"tag":80,"props":3339,"children":3340},{"style":99},[3341],{"type":52,"value":403},{"type":47,"tag":80,"props":3343,"children":3344},{"class":82,"line":352},[3345,3349,3353,3358],{"type":47,"tag":80,"props":3346,"children":3347},{"style":87},[3348],{"type":52,"value":412},{"type":47,"tag":80,"props":3350,"children":3351},{"style":415},[3352],{"type":52,"value":418},{"type":47,"tag":80,"props":3354,"children":3355},{"style":421},[3356],{"type":52,"value":3357}," ProjectListComponent",{"type":47,"tag":80,"props":3359,"children":3360},{"style":93},[3361],{"type":52,"value":429},{"type":47,"tag":80,"props":3363,"children":3364},{"class":82,"line":361},[3365,3369,3373,3377,3381,3385,3389,3393],{"type":47,"tag":80,"props":3366,"children":3367},{"style":227},[3368],{"type":52,"value":438},{"type":47,"tag":80,"props":3370,"children":3371},{"style":93},[3372],{"type":52,"value":443},{"type":47,"tag":80,"props":3374,"children":3375},{"style":227},[3376],{"type":52,"value":145},{"type":47,"tag":80,"props":3378,"children":3379},{"style":99},[3380],{"type":52,"value":215},{"type":47,"tag":80,"props":3382,"children":3383},{"style":93},[3384],{"type":52,"value":215},{"type":47,"tag":80,"props":3386,"children":3387},{"style":458},[3388],{"type":52,"value":461},{"type":47,"tag":80,"props":3390,"children":3391},{"style":93},[3392],{"type":52,"value":466},{"type":47,"tag":80,"props":3394,"children":3395},{"style":415},[3396],{"type":52,"value":471},{"type":47,"tag":80,"props":3398,"children":3399},{"class":82,"line":370},[3400,3405,3409,3413,3417,3421,3426,3430,3435,3439,3443,3447,3451,3455,3459,3463,3467,3471,3475],{"type":47,"tag":80,"props":3401,"children":3402},{"style":99},[3403],{"type":52,"value":3404}," q",{"type":47,"tag":80,"props":3406,"children":3407},{"style":93},[3408],{"type":52,"value":575},{"type":47,"tag":80,"props":3410,"children":3411},{"style":227},[3412],{"type":52,"value":494},{"type":47,"tag":80,"props":3414,"children":3415},{"style":99},[3416],{"type":52,"value":215},{"type":47,"tag":80,"props":3418,"children":3419},{"style":93},[3420],{"type":52,"value":503},{"type":47,"tag":80,"props":3422,"children":3423},{"style":227},[3424],{"type":52,"value":3425}," p",{"type":47,"tag":80,"props":3427,"children":3428},{"style":93},[3429],{"type":52,"value":235},{"type":47,"tag":80,"props":3431,"children":3432},{"style":99},[3433],{"type":52,"value":3434}," projectsCollection ",{"type":47,"tag":80,"props":3436,"children":3437},{"style":93},[3438],{"type":52,"value":398},{"type":47,"tag":80,"props":3440,"children":3441},{"style":99},[3442],{"type":52,"value":466},{"type":47,"tag":80,"props":3444,"children":3445},{"style":93},[3446],{"type":52,"value":575},{"type":47,"tag":80,"props":3448,"children":3449},{"style":227},[3450],{"type":52,"value":3146},{"type":47,"tag":80,"props":3452,"children":3453},{"style":99},[3454],{"type":52,"value":215},{"type":47,"tag":80,"props":3456,"children":3457},{"style":93},[3458],{"type":52,"value":547},{"type":47,"tag":80,"props":3460,"children":3461},{"style":458},[3462],{"type":52,"value":3425},{"type":47,"tag":80,"props":3464,"children":3465},{"style":93},[3466],{"type":52,"value":556},{"type":47,"tag":80,"props":3468,"children":3469},{"style":415},[3470],{"type":52,"value":561},{"type":47,"tag":80,"props":3472,"children":3473},{"style":99},[3474],{"type":52,"value":938},{"type":47,"tag":80,"props":3476,"children":3477},{"style":93},[3478],{"type":52,"value":220},{"type":47,"tag":80,"props":3480,"children":3481},{"class":82,"line":379},[3482,3487,3491,3495,3499,3504],{"type":47,"tag":80,"props":3483,"children":3484},{"style":227},[3485],{"type":52,"value":3486}," id",{"type":47,"tag":80,"props":3488,"children":3489},{"style":93},[3490],{"type":52,"value":235},{"type":47,"tag":80,"props":3492,"children":3493},{"style":99},[3494],{"type":52,"value":3425},{"type":47,"tag":80,"props":3496,"children":3497},{"style":93},[3498],{"type":52,"value":575},{"type":47,"tag":80,"props":3500,"children":3501},{"style":99},[3502],{"type":52,"value":3503},"id",{"type":47,"tag":80,"props":3505,"children":3506},{"style":93},[3507],{"type":52,"value":254},{"type":47,"tag":80,"props":3509,"children":3510},{"class":82,"line":392},[3511,3516,3520,3524,3528,3533],{"type":47,"tag":80,"props":3512,"children":3513},{"style":227},[3514],{"type":52,"value":3515}," name",{"type":47,"tag":80,"props":3517,"children":3518},{"style":93},[3519],{"type":52,"value":235},{"type":47,"tag":80,"props":3521,"children":3522},{"style":99},[3523],{"type":52,"value":3425},{"type":47,"tag":80,"props":3525,"children":3526},{"style":93},[3527],{"type":52,"value":575},{"type":47,"tag":80,"props":3529,"children":3530},{"style":99},[3531],{"type":52,"value":3532},"name",{"type":47,"tag":80,"props":3534,"children":3535},{"style":93},[3536],{"type":52,"value":254},{"type":47,"tag":80,"props":3538,"children":3539},{"class":82,"line":406},[3540,3545,3549],{"type":47,"tag":80,"props":3541,"children":3542},{"style":227},[3543],{"type":52,"value":3544}," issues",{"type":47,"tag":80,"props":3546,"children":3547},{"style":93},[3548],{"type":52,"value":235},{"type":47,"tag":80,"props":3550,"children":3551},{"style":99},[3552],{"type":52,"value":1535},{"type":47,"tag":80,"props":3554,"children":3555},{"class":82,"line":432},[3556,3560,3564,3568,3572,3577,3581,3586,3590],{"type":47,"tag":80,"props":3557,"children":3558},{"style":93},[3559],{"type":52,"value":1988},{"type":47,"tag":80,"props":3561,"children":3562},{"style":227},[3563],{"type":52,"value":494},{"type":47,"tag":80,"props":3565,"children":3566},{"style":99},[3567],{"type":52,"value":215},{"type":47,"tag":80,"props":3569,"children":3570},{"style":93},[3571],{"type":52,"value":503},{"type":47,"tag":80,"props":3573,"children":3574},{"style":227},[3575],{"type":52,"value":3576}," i",{"type":47,"tag":80,"props":3578,"children":3579},{"style":93},[3580],{"type":52,"value":235},{"type":47,"tag":80,"props":3582,"children":3583},{"style":99},[3584],{"type":52,"value":3585}," issuesCollection ",{"type":47,"tag":80,"props":3587,"children":3588},{"style":93},[3589],{"type":52,"value":398},{"type":47,"tag":80,"props":3591,"children":3592},{"style":99},[3593],{"type":52,"value":403},{"type":47,"tag":80,"props":3595,"children":3596},{"class":82,"line":474},[3597,3601,3605,3609,3613,3617,3621,3625,3629,3634,3638,3643,3647,3651,3655],{"type":47,"tag":80,"props":3598,"children":3599},{"style":93},[3600],{"type":52,"value":1988},{"type":47,"tag":80,"props":3602,"children":3603},{"style":227},[3604],{"type":52,"value":538},{"type":47,"tag":80,"props":3606,"children":3607},{"style":99},[3608],{"type":52,"value":215},{"type":47,"tag":80,"props":3610,"children":3611},{"style":93},[3612],{"type":52,"value":547},{"type":47,"tag":80,"props":3614,"children":3615},{"style":458},[3616],{"type":52,"value":3576},{"type":47,"tag":80,"props":3618,"children":3619},{"style":93},[3620],{"type":52,"value":556},{"type":47,"tag":80,"props":3622,"children":3623},{"style":415},[3624],{"type":52,"value":561},{"type":47,"tag":80,"props":3626,"children":3627},{"style":227},[3628],{"type":52,"value":155},{"type":47,"tag":80,"props":3630,"children":3631},{"style":99},[3632],{"type":52,"value":3633},"(i",{"type":47,"tag":80,"props":3635,"children":3636},{"style":93},[3637],{"type":52,"value":575},{"type":47,"tag":80,"props":3639,"children":3640},{"style":99},[3641],{"type":52,"value":3642},"projectId",{"type":47,"tag":80,"props":3644,"children":3645},{"style":93},[3646],{"type":52,"value":150},{"type":47,"tag":80,"props":3648,"children":3649},{"style":99},[3650],{"type":52,"value":3425},{"type":47,"tag":80,"props":3652,"children":3653},{"style":93},[3654],{"type":52,"value":575},{"type":47,"tag":80,"props":3656,"children":3657},{"style":99},[3658],{"type":52,"value":3659},"id))\n",{"type":47,"tag":80,"props":3661,"children":3662},{"class":82,"line":483},[3663,3667,3671,3675,3679,3683,3687,3691,3695,3699,3704,3708,3712,3716,3720,3724,3729,3733,3737,3741,3746,3750,3755],{"type":47,"tag":80,"props":3664,"children":3665},{"style":93},[3666],{"type":52,"value":1988},{"type":47,"tag":80,"props":3668,"children":3669},{"style":227},[3670],{"type":52,"value":3146},{"type":47,"tag":80,"props":3672,"children":3673},{"style":99},[3674],{"type":52,"value":215},{"type":47,"tag":80,"props":3676,"children":3677},{"style":93},[3678],{"type":52,"value":547},{"type":47,"tag":80,"props":3680,"children":3681},{"style":458},[3682],{"type":52,"value":3576},{"type":47,"tag":80,"props":3684,"children":3685},{"style":93},[3686],{"type":52,"value":556},{"type":47,"tag":80,"props":3688,"children":3689},{"style":415},[3690],{"type":52,"value":561},{"type":47,"tag":80,"props":3692,"children":3693},{"style":99},[3694],{"type":52,"value":938},{"type":47,"tag":80,"props":3696,"children":3697},{"style":93},[3698],{"type":52,"value":503},{"type":47,"tag":80,"props":3700,"children":3701},{"style":227},[3702],{"type":52,"value":3703}," id",{"type":47,"tag":80,"props":3705,"children":3706},{"style":93},[3707],{"type":52,"value":235},{"type":47,"tag":80,"props":3709,"children":3710},{"style":99},[3711],{"type":52,"value":3576},{"type":47,"tag":80,"props":3713,"children":3714},{"style":93},[3715],{"type":52,"value":575},{"type":47,"tag":80,"props":3717,"children":3718},{"style":99},[3719],{"type":52,"value":3503},{"type":47,"tag":80,"props":3721,"children":3722},{"style":93},[3723],{"type":52,"value":150},{"type":47,"tag":80,"props":3725,"children":3726},{"style":227},[3727],{"type":52,"value":3728}," title",{"type":47,"tag":80,"props":3730,"children":3731},{"style":93},[3732],{"type":52,"value":235},{"type":47,"tag":80,"props":3734,"children":3735},{"style":99},[3736],{"type":52,"value":3576},{"type":47,"tag":80,"props":3738,"children":3739},{"style":93},[3740],{"type":52,"value":575},{"type":47,"tag":80,"props":3742,"children":3743},{"style":99},[3744],{"type":52,"value":3745},"title ",{"type":47,"tag":80,"props":3747,"children":3748},{"style":93},[3749],{"type":52,"value":398},{"type":47,"tag":80,"props":3751,"children":3752},{"style":99},[3753],{"type":52,"value":3754},"))",{"type":47,"tag":80,"props":3756,"children":3757},{"style":93},[3758],{"type":52,"value":254},{"type":47,"tag":80,"props":3760,"children":3761},{"class":82,"line":528},[3762,3767,3771],{"type":47,"tag":80,"props":3763,"children":3764},{"style":93},[3765],{"type":52,"value":3766}," }",{"type":47,"tag":80,"props":3768,"children":3769},{"style":99},[3770],{"type":52,"value":3754},{"type":47,"tag":80,"props":3772,"children":3773},{"style":93},[3774],{"type":52,"value":254},{"type":47,"tag":80,"props":3776,"children":3777},{"class":82,"line":583},[3778],{"type":47,"tag":80,"props":3779,"children":3780},{"style":99},[3781],{"type":52,"value":660},{"type":47,"tag":80,"props":3783,"children":3784},{"class":82,"line":654},[3785],{"type":47,"tag":80,"props":3786,"children":3787},{"style":93},[3788],{"type":52,"value":669},{"type":47,"tag":80,"props":3790,"children":3791},{"class":82,"line":663},[3792],{"type":47,"tag":80,"props":3793,"children":3794},{"emptyLinePlaceholder":192},[3795],{"type":52,"value":195},{"type":47,"tag":80,"props":3797,"children":3798},{"class":82,"line":1331},[3799],{"type":47,"tag":80,"props":3800,"children":3801},{"style":733},[3802],{"type":52,"value":3803},"\u002F\u002F Child component subscribes to the child Collection\n",{"type":47,"tag":80,"props":3805,"children":3806},{"class":82,"line":1339},[3807,3811,3815,3819],{"type":47,"tag":80,"props":3808,"children":3809},{"style":93},[3810],{"type":52,"value":204},{"type":47,"tag":80,"props":3812,"children":3813},{"style":207},[3814],{"type":52,"value":210},{"type":47,"tag":80,"props":3816,"children":3817},{"style":99},[3818],{"type":52,"value":215},{"type":47,"tag":80,"props":3820,"children":3821},{"style":93},[3822],{"type":52,"value":220},{"type":47,"tag":80,"props":3824,"children":3825},{"class":82,"line":1348},[3826,3830,3834,3838,3843,3847],{"type":47,"tag":80,"props":3827,"children":3828},{"style":227},[3829],{"type":52,"value":230},{"type":47,"tag":80,"props":3831,"children":3832},{"style":93},[3833],{"type":52,"value":235},{"type":47,"tag":80,"props":3835,"children":3836},{"style":93},[3837],{"type":52,"value":117},{"type":47,"tag":80,"props":3839,"children":3840},{"style":120},[3841],{"type":52,"value":3842},"app-issue-list",{"type":47,"tag":80,"props":3844,"children":3845},{"style":93},[3846],{"type":52,"value":249},{"type":47,"tag":80,"props":3848,"children":3849},{"style":93},[3850],{"type":52,"value":254},{"type":47,"tag":80,"props":3852,"children":3853},{"class":82,"line":1376},[3854,3858,3862,3866],{"type":47,"tag":80,"props":3855,"children":3856},{"style":227},[3857],{"type":52,"value":263},{"type":47,"tag":80,"props":3859,"children":3860},{"style":93},[3861],{"type":52,"value":235},{"type":47,"tag":80,"props":3863,"children":3864},{"style":270},[3865],{"type":52,"value":273},{"type":47,"tag":80,"props":3867,"children":3868},{"style":93},[3869],{"type":52,"value":254},{"type":47,"tag":80,"props":3871,"children":3872},{"class":82,"line":1438},[3873,3877,3881],{"type":47,"tag":80,"props":3874,"children":3875},{"style":227},[3876],{"type":52,"value":286},{"type":47,"tag":80,"props":3878,"children":3879},{"style":93},[3880],{"type":52,"value":235},{"type":47,"tag":80,"props":3882,"children":3883},{"style":93},[3884],{"type":52,"value":295},{"type":47,"tag":80,"props":3886,"children":3887},{"class":82,"line":1478},[3888],{"type":47,"tag":80,"props":3889,"children":3890},{"style":120},[3891],{"type":52,"value":3892}," @for (issue of query.data(); track issue.id) {\n",{"type":47,"tag":80,"props":3894,"children":3895},{"class":82,"line":1524},[3896],{"type":47,"tag":80,"props":3897,"children":3898},{"style":120},[3899],{"type":52,"value":3900}," \u003Cli>{{ issue.title }}\u003C\u002Fli>\n",{"type":47,"tag":80,"props":3902,"children":3903},{"class":82,"line":1538},[3904],{"type":47,"tag":80,"props":3905,"children":3906},{"style":120},[3907],{"type":52,"value":376},{"type":47,"tag":80,"props":3909,"children":3910},{"class":82,"line":1579},[3911,3915],{"type":47,"tag":80,"props":3912,"children":3913},{"style":93},[3914],{"type":52,"value":385},{"type":47,"tag":80,"props":3916,"children":3917},{"style":93},[3918],{"type":52,"value":254},{"type":47,"tag":80,"props":3920,"children":3921},{"class":82,"line":1652},[3922,3926],{"type":47,"tag":80,"props":3923,"children":3924},{"style":93},[3925],{"type":52,"value":398},{"type":47,"tag":80,"props":3927,"children":3928},{"style":99},[3929],{"type":52,"value":403},{"type":47,"tag":80,"props":3931,"children":3932},{"class":82,"line":1661},[3933,3937,3941,3946],{"type":47,"tag":80,"props":3934,"children":3935},{"style":87},[3936],{"type":52,"value":412},{"type":47,"tag":80,"props":3938,"children":3939},{"style":415},[3940],{"type":52,"value":418},{"type":47,"tag":80,"props":3942,"children":3943},{"style":421},[3944],{"type":52,"value":3945}," IssueListComponent",{"type":47,"tag":80,"props":3947,"children":3948},{"style":93},[3949],{"type":52,"value":429},{"type":47,"tag":80,"props":3951,"children":3953},{"class":82,"line":3952},38,[3954,3959,3963,3967,3971,3975,3979,3983,3987],{"type":47,"tag":80,"props":3955,"children":3956},{"style":227},[3957],{"type":52,"value":3958}," issuesCollection",{"type":47,"tag":80,"props":3960,"children":3961},{"style":93},[3962],{"type":52,"value":443},{"type":47,"tag":80,"props":3964,"children":3965},{"style":99},[3966],{"type":52,"value":2273},{"type":47,"tag":80,"props":3968,"children":3969},{"style":93},[3970],{"type":52,"value":575},{"type":47,"tag":80,"props":3972,"children":3973},{"style":227},[3974],{"type":52,"value":2282},{"type":47,"tag":80,"props":3976,"children":3977},{"style":93},[3978],{"type":52,"value":2287},{"type":47,"tag":80,"props":3980,"children":3981},{"style":421},[3982],{"type":52,"value":3154},{"type":47,"tag":80,"props":3984,"children":3985},{"style":93},[3986],{"type":52,"value":2297},{"type":47,"tag":80,"props":3988,"children":3989},{"style":99},[3990],{"type":52,"value":2302},{"type":47,"tag":80,"props":3992,"children":3994},{"class":82,"line":3993},39,[3995],{"type":47,"tag":80,"props":3996,"children":3997},{"emptyLinePlaceholder":192},[3998],{"type":52,"value":195},{"type":47,"tag":80,"props":4000,"children":4002},{"class":82,"line":4001},40,[4003,4007,4011,4015,4019,4024,4029],{"type":47,"tag":80,"props":4004,"children":4005},{"style":227},[4006],{"type":52,"value":438},{"type":47,"tag":80,"props":4008,"children":4009},{"style":93},[4010],{"type":52,"value":443},{"type":47,"tag":80,"props":4012,"children":4013},{"style":227},[4014],{"type":52,"value":145},{"type":47,"tag":80,"props":4016,"children":4017},{"style":99},[4018],{"type":52,"value":215},{"type":47,"tag":80,"props":4020,"children":4021},{"style":93},[4022],{"type":52,"value":4023},"this.",{"type":47,"tag":80,"props":4025,"children":4026},{"style":227},[4027],{"type":52,"value":4028},"issuesCollection",{"type":47,"tag":80,"props":4030,"children":4031},{"style":99},[4032],{"type":52,"value":4033},"())\n",{"type":47,"tag":80,"props":4035,"children":4037},{"class":82,"line":4036},41,[4038],{"type":47,"tag":80,"props":4039,"children":4040},{"style":93},[4041],{"type":52,"value":669},{"type":47,"tag":48,"props":4043,"children":4044},{},[4045,4047,4053],{"type":52,"value":4046},"With ",{"type":47,"tag":76,"props":4048,"children":4050},{"className":4049},[],[4051],{"type":52,"value":4052},"toArray()",{"type":52,"value":4054},", child results are plain arrays and the parent re-emits on child changes:",{"type":47,"tag":69,"props":4056,"children":4058},{"className":71,"code":4057,"language":18,"meta":73,"style":73},"import { toArray, eq } from '@tanstack\u002Fangular-db'\n\nquery = injectLiveQuery((q) =>\n q.from({ p: projectsCollection }).select(({ p }) => ({\n id: p.id,\n name: p.name,\n issues: toArray(\n q\n .from({ i: issuesCollection })\n .where(({ i }) => eq(i.projectId, p.id))\n .select(({ i }) => ({ id: i.id, title: i.title })),\n ),\n })),\n)\n\u002F\u002F project.issues is a plain array — no child component subscription needed\n",[4059],{"type":47,"tag":76,"props":4060,"children":4061},{"__ignoreMap":73},[4062,4106,4113,4149,4229,4257,4285,4306,4313,4352,4415,4510,4522,4537,4544],{"type":47,"tag":80,"props":4063,"children":4064},{"class":82,"line":83},[4065,4069,4073,4078,4082,4086,4090,4094,4098,4102],{"type":47,"tag":80,"props":4066,"children":4067},{"style":87},[4068],{"type":52,"value":90},{"type":47,"tag":80,"props":4070,"children":4071},{"style":93},[4072],{"type":52,"value":96},{"type":47,"tag":80,"props":4074,"children":4075},{"style":99},[4076],{"type":52,"value":4077}," toArray",{"type":47,"tag":80,"props":4079,"children":4080},{"style":93},[4081],{"type":52,"value":150},{"type":47,"tag":80,"props":4083,"children":4084},{"style":99},[4085],{"type":52,"value":155},{"type":47,"tag":80,"props":4087,"children":4088},{"style":93},[4089],{"type":52,"value":107},{"type":47,"tag":80,"props":4091,"children":4092},{"style":87},[4093],{"type":52,"value":112},{"type":47,"tag":80,"props":4095,"children":4096},{"style":93},[4097],{"type":52,"value":117},{"type":47,"tag":80,"props":4099,"children":4100},{"style":120},[4101],{"type":52,"value":181},{"type":47,"tag":80,"props":4103,"children":4104},{"style":93},[4105],{"type":52,"value":128},{"type":47,"tag":80,"props":4107,"children":4108},{"class":82,"line":131},[4109],{"type":47,"tag":80,"props":4110,"children":4111},{"emptyLinePlaceholder":192},[4112],{"type":52,"value":195},{"type":47,"tag":80,"props":4114,"children":4115},{"class":82,"line":188},[4116,4121,4125,4129,4133,4137,4141,4145],{"type":47,"tag":80,"props":4117,"children":4118},{"style":99},[4119],{"type":52,"value":4120},"query ",{"type":47,"tag":80,"props":4122,"children":4123},{"style":93},[4124],{"type":52,"value":754},{"type":47,"tag":80,"props":4126,"children":4127},{"style":207},[4128],{"type":52,"value":145},{"type":47,"tag":80,"props":4130,"children":4131},{"style":99},[4132],{"type":52,"value":215},{"type":47,"tag":80,"props":4134,"children":4135},{"style":93},[4136],{"type":52,"value":215},{"type":47,"tag":80,"props":4138,"children":4139},{"style":458},[4140],{"type":52,"value":461},{"type":47,"tag":80,"props":4142,"children":4143},{"style":93},[4144],{"type":52,"value":466},{"type":47,"tag":80,"props":4146,"children":4147},{"style":415},[4148],{"type":52,"value":471},{"type":47,"tag":80,"props":4150,"children":4151},{"class":82,"line":198},[4152,4157,4161,4165,4169,4173,4177,4181,4185,4189,4193,4197,4201,4205,4209,4213,4217,4221,4225],{"type":47,"tag":80,"props":4153,"children":4154},{"style":99},[4155],{"type":52,"value":4156}," q",{"type":47,"tag":80,"props":4158,"children":4159},{"style":93},[4160],{"type":52,"value":575},{"type":47,"tag":80,"props":4162,"children":4163},{"style":207},[4164],{"type":52,"value":494},{"type":47,"tag":80,"props":4166,"children":4167},{"style":99},[4168],{"type":52,"value":215},{"type":47,"tag":80,"props":4170,"children":4171},{"style":93},[4172],{"type":52,"value":503},{"type":47,"tag":80,"props":4174,"children":4175},{"style":227},[4176],{"type":52,"value":3425},{"type":47,"tag":80,"props":4178,"children":4179},{"style":93},[4180],{"type":52,"value":235},{"type":47,"tag":80,"props":4182,"children":4183},{"style":99},[4184],{"type":52,"value":3434},{"type":47,"tag":80,"props":4186,"children":4187},{"style":93},[4188],{"type":52,"value":398},{"type":47,"tag":80,"props":4190,"children":4191},{"style":99},[4192],{"type":52,"value":466},{"type":47,"tag":80,"props":4194,"children":4195},{"style":93},[4196],{"type":52,"value":575},{"type":47,"tag":80,"props":4198,"children":4199},{"style":207},[4200],{"type":52,"value":3146},{"type":47,"tag":80,"props":4202,"children":4203},{"style":99},[4204],{"type":52,"value":215},{"type":47,"tag":80,"props":4206,"children":4207},{"style":93},[4208],{"type":52,"value":547},{"type":47,"tag":80,"props":4210,"children":4211},{"style":458},[4212],{"type":52,"value":3425},{"type":47,"tag":80,"props":4214,"children":4215},{"style":93},[4216],{"type":52,"value":556},{"type":47,"tag":80,"props":4218,"children":4219},{"style":415},[4220],{"type":52,"value":561},{"type":47,"tag":80,"props":4222,"children":4223},{"style":99},[4224],{"type":52,"value":938},{"type":47,"tag":80,"props":4226,"children":4227},{"style":93},[4228],{"type":52,"value":220},{"type":47,"tag":80,"props":4230,"children":4231},{"class":82,"line":223},[4232,4237,4241,4245,4249,4253],{"type":47,"tag":80,"props":4233,"children":4234},{"style":227},[4235],{"type":52,"value":4236}," id",{"type":47,"tag":80,"props":4238,"children":4239},{"style":93},[4240],{"type":52,"value":235},{"type":47,"tag":80,"props":4242,"children":4243},{"style":99},[4244],{"type":52,"value":3425},{"type":47,"tag":80,"props":4246,"children":4247},{"style":93},[4248],{"type":52,"value":575},{"type":47,"tag":80,"props":4250,"children":4251},{"style":99},[4252],{"type":52,"value":3503},{"type":47,"tag":80,"props":4254,"children":4255},{"style":93},[4256],{"type":52,"value":254},{"type":47,"tag":80,"props":4258,"children":4259},{"class":82,"line":257},[4260,4265,4269,4273,4277,4281],{"type":47,"tag":80,"props":4261,"children":4262},{"style":227},[4263],{"type":52,"value":4264}," name",{"type":47,"tag":80,"props":4266,"children":4267},{"style":93},[4268],{"type":52,"value":235},{"type":47,"tag":80,"props":4270,"children":4271},{"style":99},[4272],{"type":52,"value":3425},{"type":47,"tag":80,"props":4274,"children":4275},{"style":93},[4276],{"type":52,"value":575},{"type":47,"tag":80,"props":4278,"children":4279},{"style":99},[4280],{"type":52,"value":3532},{"type":47,"tag":80,"props":4282,"children":4283},{"style":93},[4284],{"type":52,"value":254},{"type":47,"tag":80,"props":4286,"children":4287},{"class":82,"line":280},[4288,4293,4297,4301],{"type":47,"tag":80,"props":4289,"children":4290},{"style":227},[4291],{"type":52,"value":4292}," issues",{"type":47,"tag":80,"props":4294,"children":4295},{"style":93},[4296],{"type":52,"value":235},{"type":47,"tag":80,"props":4298,"children":4299},{"style":207},[4300],{"type":52,"value":4077},{"type":47,"tag":80,"props":4302,"children":4303},{"style":99},[4304],{"type":52,"value":4305},"(\n",{"type":47,"tag":80,"props":4307,"children":4308},{"class":82,"line":298},[4309],{"type":47,"tag":80,"props":4310,"children":4311},{"style":99},[4312],{"type":52,"value":1980},{"type":47,"tag":80,"props":4314,"children":4315},{"class":82,"line":307},[4316,4320,4324,4328,4332,4336,4340,4344,4348],{"type":47,"tag":80,"props":4317,"children":4318},{"style":93},[4319],{"type":52,"value":1988},{"type":47,"tag":80,"props":4321,"children":4322},{"style":207},[4323],{"type":52,"value":494},{"type":47,"tag":80,"props":4325,"children":4326},{"style":99},[4327],{"type":52,"value":215},{"type":47,"tag":80,"props":4329,"children":4330},{"style":93},[4331],{"type":52,"value":503},{"type":47,"tag":80,"props":4333,"children":4334},{"style":227},[4335],{"type":52,"value":3576},{"type":47,"tag":80,"props":4337,"children":4338},{"style":93},[4339],{"type":52,"value":235},{"type":47,"tag":80,"props":4341,"children":4342},{"style":99},[4343],{"type":52,"value":3585},{"type":47,"tag":80,"props":4345,"children":4346},{"style":93},[4347],{"type":52,"value":398},{"type":47,"tag":80,"props":4349,"children":4350},{"style":99},[4351],{"type":52,"value":403},{"type":47,"tag":80,"props":4353,"children":4354},{"class":82,"line":316},[4355,4359,4363,4367,4371,4375,4379,4383,4387,4391,4395,4399,4403,4407,4411],{"type":47,"tag":80,"props":4356,"children":4357},{"style":93},[4358],{"type":52,"value":1988},{"type":47,"tag":80,"props":4360,"children":4361},{"style":207},[4362],{"type":52,"value":538},{"type":47,"tag":80,"props":4364,"children":4365},{"style":99},[4366],{"type":52,"value":215},{"type":47,"tag":80,"props":4368,"children":4369},{"style":93},[4370],{"type":52,"value":547},{"type":47,"tag":80,"props":4372,"children":4373},{"style":458},[4374],{"type":52,"value":3576},{"type":47,"tag":80,"props":4376,"children":4377},{"style":93},[4378],{"type":52,"value":556},{"type":47,"tag":80,"props":4380,"children":4381},{"style":415},[4382],{"type":52,"value":561},{"type":47,"tag":80,"props":4384,"children":4385},{"style":207},[4386],{"type":52,"value":155},{"type":47,"tag":80,"props":4388,"children":4389},{"style":99},[4390],{"type":52,"value":3633},{"type":47,"tag":80,"props":4392,"children":4393},{"style":93},[4394],{"type":52,"value":575},{"type":47,"tag":80,"props":4396,"children":4397},{"style":99},[4398],{"type":52,"value":3642},{"type":47,"tag":80,"props":4400,"children":4401},{"style":93},[4402],{"type":52,"value":150},{"type":47,"tag":80,"props":4404,"children":4405},{"style":99},[4406],{"type":52,"value":3425},{"type":47,"tag":80,"props":4408,"children":4409},{"style":93},[4410],{"type":52,"value":575},{"type":47,"tag":80,"props":4412,"children":4413},{"style":99},[4414],{"type":52,"value":3659},{"type":47,"tag":80,"props":4416,"children":4417},{"class":82,"line":325},[4418,4422,4426,4430,4434,4438,4442,4446,4450,4454,4458,4462,4466,4470,4474,4478,4482,4486,4490,4494,4498,4502,4506],{"type":47,"tag":80,"props":4419,"children":4420},{"style":93},[4421],{"type":52,"value":1988},{"type":47,"tag":80,"props":4423,"children":4424},{"style":207},[4425],{"type":52,"value":3146},{"type":47,"tag":80,"props":4427,"children":4428},{"style":99},[4429],{"type":52,"value":215},{"type":47,"tag":80,"props":4431,"children":4432},{"style":93},[4433],{"type":52,"value":547},{"type":47,"tag":80,"props":4435,"children":4436},{"style":458},[4437],{"type":52,"value":3576},{"type":47,"tag":80,"props":4439,"children":4440},{"style":93},[4441],{"type":52,"value":556},{"type":47,"tag":80,"props":4443,"children":4444},{"style":415},[4445],{"type":52,"value":561},{"type":47,"tag":80,"props":4447,"children":4448},{"style":99},[4449],{"type":52,"value":938},{"type":47,"tag":80,"props":4451,"children":4452},{"style":93},[4453],{"type":52,"value":503},{"type":47,"tag":80,"props":4455,"children":4456},{"style":227},[4457],{"type":52,"value":3703},{"type":47,"tag":80,"props":4459,"children":4460},{"style":93},[4461],{"type":52,"value":235},{"type":47,"tag":80,"props":4463,"children":4464},{"style":99},[4465],{"type":52,"value":3576},{"type":47,"tag":80,"props":4467,"children":4468},{"style":93},[4469],{"type":52,"value":575},{"type":47,"tag":80,"props":4471,"children":4472},{"style":99},[4473],{"type":52,"value":3503},{"type":47,"tag":80,"props":4475,"children":4476},{"style":93},[4477],{"type":52,"value":150},{"type":47,"tag":80,"props":4479,"children":4480},{"style":227},[4481],{"type":52,"value":3728},{"type":47,"tag":80,"props":4483,"children":4484},{"style":93},[4485],{"type":52,"value":235},{"type":47,"tag":80,"props":4487,"children":4488},{"style":99},[4489],{"type":52,"value":3576},{"type":47,"tag":80,"props":4491,"children":4492},{"style":93},[4493],{"type":52,"value":575},{"type":47,"tag":80,"props":4495,"children":4496},{"style":99},[4497],{"type":52,"value":3745},{"type":47,"tag":80,"props":4499,"children":4500},{"style":93},[4501],{"type":52,"value":398},{"type":47,"tag":80,"props":4503,"children":4504},{"style":99},[4505],{"type":52,"value":3754},{"type":47,"tag":80,"props":4507,"children":4508},{"style":93},[4509],{"type":52,"value":254},{"type":47,"tag":80,"props":4511,"children":4512},{"class":82,"line":334},[4513,4518],{"type":47,"tag":80,"props":4514,"children":4515},{"style":99},[4516],{"type":52,"value":4517}," )",{"type":47,"tag":80,"props":4519,"children":4520},{"style":93},[4521],{"type":52,"value":254},{"type":47,"tag":80,"props":4523,"children":4524},{"class":82,"line":343},[4525,4529,4533],{"type":47,"tag":80,"props":4526,"children":4527},{"style":93},[4528],{"type":52,"value":2095},{"type":47,"tag":80,"props":4530,"children":4531},{"style":99},[4532],{"type":52,"value":3754},{"type":47,"tag":80,"props":4534,"children":4535},{"style":93},[4536],{"type":52,"value":254},{"type":47,"tag":80,"props":4538,"children":4539},{"class":82,"line":352},[4540],{"type":47,"tag":80,"props":4541,"children":4542},{"style":99},[4543],{"type":52,"value":403},{"type":47,"tag":80,"props":4545,"children":4546},{"class":82,"line":361},[4547],{"type":47,"tag":80,"props":4548,"children":4549},{"style":733},[4550],{"type":52,"value":4551},"\u002F\u002F project.issues is a plain array — no child component subscription needed\n",{"type":47,"tag":48,"props":4553,"children":4554},{},[4555],{"type":52,"value":4556},"See db-core\u002Flive-queries\u002FSKILL.md for full includes rules (correlation conditions, nested includes, aggregates).",{"type":47,"tag":62,"props":4558,"children":4560},{"id":4559},"common-mistakes",[4561],{"type":52,"value":4562},"Common Mistakes",{"type":47,"tag":694,"props":4564,"children":4566},{"id":4565},"critical-using-injectlivequery-outside-injection-context",[4567],{"type":52,"value":4568},"CRITICAL Using injectLiveQuery outside injection context",{"type":47,"tag":48,"props":4570,"children":4571},{},[4572],{"type":52,"value":4573},"Wrong:",{"type":47,"tag":69,"props":4575,"children":4577},{"className":71,"code":4576,"language":18,"meta":73,"style":73},"export class TodoComponent {\n ngOnInit() {\n this.query = injectLiveQuery((q) => q.from({ todo: todoCollection }))\n }\n}\n",[4578],{"type":47,"tag":76,"props":4579,"children":4580},{"__ignoreMap":73},[4581,4601,4617,4698,4706],{"type":47,"tag":80,"props":4582,"children":4583},{"class":82,"line":83},[4584,4588,4592,4597],{"type":47,"tag":80,"props":4585,"children":4586},{"style":87},[4587],{"type":52,"value":412},{"type":47,"tag":80,"props":4589,"children":4590},{"style":415},[4591],{"type":52,"value":418},{"type":47,"tag":80,"props":4593,"children":4594},{"style":421},[4595],{"type":52,"value":4596}," TodoComponent",{"type":47,"tag":80,"props":4598,"children":4599},{"style":93},[4600],{"type":52,"value":429},{"type":47,"tag":80,"props":4602,"children":4603},{"class":82,"line":131},[4604,4609,4613],{"type":47,"tag":80,"props":4605,"children":4606},{"style":227},[4607],{"type":52,"value":4608}," ngOnInit",{"type":47,"tag":80,"props":4610,"children":4611},{"style":93},[4612],{"type":52,"value":718},{"type":47,"tag":80,"props":4614,"children":4615},{"style":93},[4616],{"type":52,"value":429},{"type":47,"tag":80,"props":4618,"children":4619},{"class":82,"line":188},[4620,4625,4630,4634,4638,4642,4646,4650,4654,4658,4662,4666,4670,4674,4678,4682,4686,4690,4694],{"type":47,"tag":80,"props":4621,"children":4622},{"style":93},[4623],{"type":52,"value":4624}," this.",{"type":47,"tag":80,"props":4626,"children":4627},{"style":99},[4628],{"type":52,"value":4629},"query",{"type":47,"tag":80,"props":4631,"children":4632},{"style":93},[4633],{"type":52,"value":443},{"type":47,"tag":80,"props":4635,"children":4636},{"style":207},[4637],{"type":52,"value":145},{"type":47,"tag":80,"props":4639,"children":4640},{"style":227},[4641],{"type":52,"value":215},{"type":47,"tag":80,"props":4643,"children":4644},{"style":93},[4645],{"type":52,"value":215},{"type":47,"tag":80,"props":4647,"children":4648},{"style":458},[4649],{"type":52,"value":461},{"type":47,"tag":80,"props":4651,"children":4652},{"style":93},[4653],{"type":52,"value":466},{"type":47,"tag":80,"props":4655,"children":4656},{"style":415},[4657],{"type":52,"value":561},{"type":47,"tag":80,"props":4659,"children":4660},{"style":99},[4661],{"type":52,"value":783},{"type":47,"tag":80,"props":4663,"children":4664},{"style":93},[4665],{"type":52,"value":575},{"type":47,"tag":80,"props":4667,"children":4668},{"style":207},[4669],{"type":52,"value":494},{"type":47,"tag":80,"props":4671,"children":4672},{"style":227},[4673],{"type":52,"value":215},{"type":47,"tag":80,"props":4675,"children":4676},{"style":93},[4677],{"type":52,"value":503},{"type":47,"tag":80,"props":4679,"children":4680},{"style":227},[4681],{"type":52,"value":804},{"type":47,"tag":80,"props":4683,"children":4684},{"style":93},[4685],{"type":52,"value":235},{"type":47,"tag":80,"props":4687,"children":4688},{"style":99},[4689],{"type":52,"value":1568},{"type":47,"tag":80,"props":4691,"children":4692},{"style":93},[4693],{"type":52,"value":107},{"type":47,"tag":80,"props":4695,"children":4696},{"style":227},[4697],{"type":52,"value":822},{"type":47,"tag":80,"props":4699,"children":4700},{"class":82,"line":198},[4701],{"type":47,"tag":80,"props":4702,"children":4703},{"style":93},[4704],{"type":52,"value":4705}," }\n",{"type":47,"tag":80,"props":4707,"children":4708},{"class":82,"line":223},[4709],{"type":47,"tag":80,"props":4710,"children":4711},{"style":93},[4712],{"type":52,"value":669},{"type":47,"tag":48,"props":4714,"children":4715},{},[4716],{"type":52,"value":4717},"Correct:",{"type":47,"tag":69,"props":4719,"children":4721},{"className":71,"code":4720,"language":18,"meta":73,"style":73},"export class TodoComponent {\n query = injectLiveQuery((q) => q.from({ todo: todoCollection }))\n}\n",[4722],{"type":47,"tag":76,"props":4723,"children":4724},{"__ignoreMap":73},[4725,4744,4819],{"type":47,"tag":80,"props":4726,"children":4727},{"class":82,"line":83},[4728,4732,4736,4740],{"type":47,"tag":80,"props":4729,"children":4730},{"style":87},[4731],{"type":52,"value":412},{"type":47,"tag":80,"props":4733,"children":4734},{"style":415},[4735],{"type":52,"value":418},{"type":47,"tag":80,"props":4737,"children":4738},{"style":421},[4739],{"type":52,"value":4596},{"type":47,"tag":80,"props":4741,"children":4742},{"style":93},[4743],{"type":52,"value":429},{"type":47,"tag":80,"props":4745,"children":4746},{"class":82,"line":131},[4747,4751,4755,4759,4763,4767,4771,4775,4779,4783,4787,4791,4795,4799,4803,4807,4811,4815],{"type":47,"tag":80,"props":4748,"children":4749},{"style":227},[4750],{"type":52,"value":438},{"type":47,"tag":80,"props":4752,"children":4753},{"style":93},[4754],{"type":52,"value":443},{"type":47,"tag":80,"props":4756,"children":4757},{"style":227},[4758],{"type":52,"value":145},{"type":47,"tag":80,"props":4760,"children":4761},{"style":99},[4762],{"type":52,"value":215},{"type":47,"tag":80,"props":4764,"children":4765},{"style":93},[4766],{"type":52,"value":215},{"type":47,"tag":80,"props":4768,"children":4769},{"style":458},[4770],{"type":52,"value":461},{"type":47,"tag":80,"props":4772,"children":4773},{"style":93},[4774],{"type":52,"value":466},{"type":47,"tag":80,"props":4776,"children":4777},{"style":415},[4778],{"type":52,"value":561},{"type":47,"tag":80,"props":4780,"children":4781},{"style":99},[4782],{"type":52,"value":783},{"type":47,"tag":80,"props":4784,"children":4785},{"style":93},[4786],{"type":52,"value":575},{"type":47,"tag":80,"props":4788,"children":4789},{"style":227},[4790],{"type":52,"value":494},{"type":47,"tag":80,"props":4792,"children":4793},{"style":99},[4794],{"type":52,"value":215},{"type":47,"tag":80,"props":4796,"children":4797},{"style":93},[4798],{"type":52,"value":503},{"type":47,"tag":80,"props":4800,"children":4801},{"style":227},[4802],{"type":52,"value":804},{"type":47,"tag":80,"props":4804,"children":4805},{"style":93},[4806],{"type":52,"value":235},{"type":47,"tag":80,"props":4808,"children":4809},{"style":99},[4810],{"type":52,"value":813},{"type":47,"tag":80,"props":4812,"children":4813},{"style":93},[4814],{"type":52,"value":398},{"type":47,"tag":80,"props":4816,"children":4817},{"style":99},[4818],{"type":52,"value":822},{"type":47,"tag":80,"props":4820,"children":4821},{"class":82,"line":188},[4822],{"type":47,"tag":80,"props":4823,"children":4824},{"style":93},[4825],{"type":52,"value":669},{"type":47,"tag":48,"props":4827,"children":4828},{},[4829,4834,4836,4842],{"type":47,"tag":76,"props":4830,"children":4832},{"className":4831},[],[4833],{"type":52,"value":699},{"type":52,"value":4835}," calls ",{"type":47,"tag":76,"props":4837,"children":4839},{"className":4838},[],[4840],{"type":52,"value":4841},"assertInInjectionContext",{"type":52,"value":4843}," internally — it must be called during construction (field initializer or constructor), not in lifecycle hooks.",{"type":47,"tag":48,"props":4845,"children":4846},{},[4847],{"type":52,"value":4848},"Source: packages\u002Fangular-db\u002Fsrc\u002Findex.ts",{"type":47,"tag":694,"props":4850,"children":4852},{"id":4851},"high-using-query-function-for-reactive-values-instead-of-params",[4853],{"type":52,"value":4854},"HIGH Using query function for reactive values instead of params",{"type":47,"tag":48,"props":4856,"children":4857},{},[4858],{"type":52,"value":4573},{"type":47,"tag":69,"props":4860,"children":4862},{"className":71,"code":4861,"language":18,"meta":73,"style":73},"export class FilteredComponent {\n status = signal('active')\n\n query = injectLiveQuery((q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.status, this.status())),\n )\n}\n",[4863],{"type":47,"tag":76,"props":4864,"children":4865},{"__ignoreMap":73},[4866,4886,4923,4930,4965,4972,5011,5080,5087],{"type":47,"tag":80,"props":4867,"children":4868},{"class":82,"line":83},[4869,4873,4877,4882],{"type":47,"tag":80,"props":4870,"children":4871},{"style":87},[4872],{"type":52,"value":412},{"type":47,"tag":80,"props":4874,"children":4875},{"style":415},[4876],{"type":52,"value":418},{"type":47,"tag":80,"props":4878,"children":4879},{"style":421},[4880],{"type":52,"value":4881}," FilteredComponent",{"type":47,"tag":80,"props":4883,"children":4884},{"style":93},[4885],{"type":52,"value":429},{"type":47,"tag":80,"props":4887,"children":4888},{"class":82,"line":131},[4889,4894,4898,4902,4906,4910,4915,4919],{"type":47,"tag":80,"props":4890,"children":4891},{"style":227},[4892],{"type":52,"value":4893}," status",{"type":47,"tag":80,"props":4895,"children":4896},{"style":93},[4897],{"type":52,"value":443},{"type":47,"tag":80,"props":4899,"children":4900},{"style":227},[4901],{"type":52,"value":1833},{"type":47,"tag":80,"props":4903,"children":4904},{"style":99},[4905],{"type":52,"value":215},{"type":47,"tag":80,"props":4907,"children":4908},{"style":93},[4909],{"type":52,"value":249},{"type":47,"tag":80,"props":4911,"children":4912},{"style":120},[4913],{"type":52,"value":4914},"active",{"type":47,"tag":80,"props":4916,"children":4917},{"style":93},[4918],{"type":52,"value":249},{"type":47,"tag":80,"props":4920,"children":4921},{"style":99},[4922],{"type":52,"value":403},{"type":47,"tag":80,"props":4924,"children":4925},{"class":82,"line":188},[4926],{"type":47,"tag":80,"props":4927,"children":4928},{"emptyLinePlaceholder":192},[4929],{"type":52,"value":195},{"type":47,"tag":80,"props":4931,"children":4932},{"class":82,"line":198},[4933,4937,4941,4945,4949,4953,4957,4961],{"type":47,"tag":80,"props":4934,"children":4935},{"style":227},[4936],{"type":52,"value":438},{"type":47,"tag":80,"props":4938,"children":4939},{"style":93},[4940],{"type":52,"value":443},{"type":47,"tag":80,"props":4942,"children":4943},{"style":227},[4944],{"type":52,"value":145},{"type":47,"tag":80,"props":4946,"children":4947},{"style":99},[4948],{"type":52,"value":215},{"type":47,"tag":80,"props":4950,"children":4951},{"style":93},[4952],{"type":52,"value":215},{"type":47,"tag":80,"props":4954,"children":4955},{"style":458},[4956],{"type":52,"value":461},{"type":47,"tag":80,"props":4958,"children":4959},{"style":93},[4960],{"type":52,"value":466},{"type":47,"tag":80,"props":4962,"children":4963},{"style":415},[4964],{"type":52,"value":471},{"type":47,"tag":80,"props":4966,"children":4967},{"class":82,"line":223},[4968],{"type":47,"tag":80,"props":4969,"children":4970},{"style":99},[4971],{"type":52,"value":480},{"type":47,"tag":80,"props":4973,"children":4974},{"class":82,"line":257},[4975,4979,4983,4987,4991,4995,4999,5003,5007],{"type":47,"tag":80,"props":4976,"children":4977},{"style":93},[4978],{"type":52,"value":489},{"type":47,"tag":80,"props":4980,"children":4981},{"style":227},[4982],{"type":52,"value":494},{"type":47,"tag":80,"props":4984,"children":4985},{"style":99},[4986],{"type":52,"value":215},{"type":47,"tag":80,"props":4988,"children":4989},{"style":93},[4990],{"type":52,"value":503},{"type":47,"tag":80,"props":4992,"children":4993},{"style":227},[4994],{"type":52,"value":804},{"type":47,"tag":80,"props":4996,"children":4997},{"style":93},[4998],{"type":52,"value":235},{"type":47,"tag":80,"props":5000,"children":5001},{"style":99},[5002],{"type":52,"value":813},{"type":47,"tag":80,"props":5004,"children":5005},{"style":93},[5006],{"type":52,"value":398},{"type":47,"tag":80,"props":5008,"children":5009},{"style":99},[5010],{"type":52,"value":403},{"type":47,"tag":80,"props":5012,"children":5013},{"class":82,"line":280},[5014,5018,5022,5026,5030,5034,5038,5042,5046,5050,5054,5059,5063,5067,5071,5076],{"type":47,"tag":80,"props":5015,"children":5016},{"style":93},[5017],{"type":52,"value":489},{"type":47,"tag":80,"props":5019,"children":5020},{"style":227},[5021],{"type":52,"value":538},{"type":47,"tag":80,"props":5023,"children":5024},{"style":99},[5025],{"type":52,"value":215},{"type":47,"tag":80,"props":5027,"children":5028},{"style":93},[5029],{"type":52,"value":547},{"type":47,"tag":80,"props":5031,"children":5032},{"style":458},[5033],{"type":52,"value":804},{"type":47,"tag":80,"props":5035,"children":5036},{"style":93},[5037],{"type":52,"value":556},{"type":47,"tag":80,"props":5039,"children":5040},{"style":415},[5041],{"type":52,"value":561},{"type":47,"tag":80,"props":5043,"children":5044},{"style":227},[5045],{"type":52,"value":155},{"type":47,"tag":80,"props":5047,"children":5048},{"style":99},[5049],{"type":52,"value":1102},{"type":47,"tag":80,"props":5051,"children":5052},{"style":93},[5053],{"type":52,"value":575},{"type":47,"tag":80,"props":5055,"children":5056},{"style":99},[5057],{"type":52,"value":5058},"status",{"type":47,"tag":80,"props":5060,"children":5061},{"style":93},[5062],{"type":52,"value":150},{"type":47,"tag":80,"props":5064,"children":5065},{"style":93},[5066],{"type":52,"value":956},{"type":47,"tag":80,"props":5068,"children":5069},{"style":227},[5070],{"type":52,"value":5058},{"type":47,"tag":80,"props":5072,"children":5073},{"style":99},[5074],{"type":52,"value":5075},"()))",{"type":47,"tag":80,"props":5077,"children":5078},{"style":93},[5079],{"type":52,"value":254},{"type":47,"tag":80,"props":5081,"children":5082},{"class":82,"line":298},[5083],{"type":47,"tag":80,"props":5084,"children":5085},{"style":99},[5086],{"type":52,"value":660},{"type":47,"tag":80,"props":5088,"children":5089},{"class":82,"line":307},[5090],{"type":47,"tag":80,"props":5091,"children":5092},{"style":93},[5093],{"type":52,"value":669},{"type":47,"tag":48,"props":5095,"children":5096},{},[5097],{"type":52,"value":4717},{"type":47,"tag":69,"props":5099,"children":5101},{"className":71,"code":5100,"language":18,"meta":73,"style":73},"export class FilteredComponent {\n status = signal('active')\n\n query = injectLiveQuery({\n params: () => ({ status: this.status() }),\n query: ({ params, q }) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.status, params.status)),\n })\n}\n",[5102],{"type":47,"tag":76,"props":5103,"children":5104},{"__ignoreMap":73},[5105,5124,5159,5166,5189,5249,5284,5291,5330,5398,5409],{"type":47,"tag":80,"props":5106,"children":5107},{"class":82,"line":83},[5108,5112,5116,5120],{"type":47,"tag":80,"props":5109,"children":5110},{"style":87},[5111],{"type":52,"value":412},{"type":47,"tag":80,"props":5113,"children":5114},{"style":415},[5115],{"type":52,"value":418},{"type":47,"tag":80,"props":5117,"children":5118},{"style":421},[5119],{"type":52,"value":4881},{"type":47,"tag":80,"props":5121,"children":5122},{"style":93},[5123],{"type":52,"value":429},{"type":47,"tag":80,"props":5125,"children":5126},{"class":82,"line":131},[5127,5131,5135,5139,5143,5147,5151,5155],{"type":47,"tag":80,"props":5128,"children":5129},{"style":227},[5130],{"type":52,"value":4893},{"type":47,"tag":80,"props":5132,"children":5133},{"style":93},[5134],{"type":52,"value":443},{"type":47,"tag":80,"props":5136,"children":5137},{"style":227},[5138],{"type":52,"value":1833},{"type":47,"tag":80,"props":5140,"children":5141},{"style":99},[5142],{"type":52,"value":215},{"type":47,"tag":80,"props":5144,"children":5145},{"style":93},[5146],{"type":52,"value":249},{"type":47,"tag":80,"props":5148,"children":5149},{"style":120},[5150],{"type":52,"value":4914},{"type":47,"tag":80,"props":5152,"children":5153},{"style":93},[5154],{"type":52,"value":249},{"type":47,"tag":80,"props":5156,"children":5157},{"style":99},[5158],{"type":52,"value":403},{"type":47,"tag":80,"props":5160,"children":5161},{"class":82,"line":188},[5162],{"type":47,"tag":80,"props":5163,"children":5164},{"emptyLinePlaceholder":192},[5165],{"type":52,"value":195},{"type":47,"tag":80,"props":5167,"children":5168},{"class":82,"line":198},[5169,5173,5177,5181,5185],{"type":47,"tag":80,"props":5170,"children":5171},{"style":227},[5172],{"type":52,"value":438},{"type":47,"tag":80,"props":5174,"children":5175},{"style":93},[5176],{"type":52,"value":443},{"type":47,"tag":80,"props":5178,"children":5179},{"style":227},[5180],{"type":52,"value":145},{"type":47,"tag":80,"props":5182,"children":5183},{"style":99},[5184],{"type":52,"value":215},{"type":47,"tag":80,"props":5186,"children":5187},{"style":93},[5188],{"type":52,"value":220},{"type":47,"tag":80,"props":5190,"children":5191},{"class":82,"line":223},[5192,5196,5200,5204,5208,5212,5216,5221,5225,5229,5233,5237,5241,5245],{"type":47,"tag":80,"props":5193,"children":5194},{"style":227},[5195],{"type":52,"value":1884},{"type":47,"tag":80,"props":5197,"children":5198},{"style":93},[5199],{"type":52,"value":235},{"type":47,"tag":80,"props":5201,"children":5202},{"style":93},[5203],{"type":52,"value":929},{"type":47,"tag":80,"props":5205,"children":5206},{"style":415},[5207],{"type":52,"value":561},{"type":47,"tag":80,"props":5209,"children":5210},{"style":99},[5211],{"type":52,"value":938},{"type":47,"tag":80,"props":5213,"children":5214},{"style":93},[5215],{"type":52,"value":503},{"type":47,"tag":80,"props":5217,"children":5218},{"style":227},[5219],{"type":52,"value":5220}," status",{"type":47,"tag":80,"props":5222,"children":5223},{"style":93},[5224],{"type":52,"value":235},{"type":47,"tag":80,"props":5226,"children":5227},{"style":93},[5228],{"type":52,"value":956},{"type":47,"tag":80,"props":5230,"children":5231},{"style":227},[5232],{"type":52,"value":5058},{"type":47,"tag":80,"props":5234,"children":5235},{"style":99},[5236],{"type":52,"value":966},{"type":47,"tag":80,"props":5238,"children":5239},{"style":93},[5240],{"type":52,"value":398},{"type":47,"tag":80,"props":5242,"children":5243},{"style":99},[5244],{"type":52,"value":466},{"type":47,"tag":80,"props":5246,"children":5247},{"style":93},[5248],{"type":52,"value":254},{"type":47,"tag":80,"props":5250,"children":5251},{"class":82,"line":257},[5252,5256,5260,5264,5268,5272,5276,5280],{"type":47,"tag":80,"props":5253,"children":5254},{"style":227},[5255],{"type":52,"value":1944},{"type":47,"tag":80,"props":5257,"children":5258},{"style":93},[5259],{"type":52,"value":235},{"type":47,"tag":80,"props":5261,"children":5262},{"style":93},[5263],{"type":52,"value":994},{"type":47,"tag":80,"props":5265,"children":5266},{"style":458},[5267],{"type":52,"value":999},{"type":47,"tag":80,"props":5269,"children":5270},{"style":93},[5271],{"type":52,"value":150},{"type":47,"tag":80,"props":5273,"children":5274},{"style":458},[5275],{"type":52,"value":783},{"type":47,"tag":80,"props":5277,"children":5278},{"style":93},[5279],{"type":52,"value":556},{"type":47,"tag":80,"props":5281,"children":5282},{"style":415},[5283],{"type":52,"value":471},{"type":47,"tag":80,"props":5285,"children":5286},{"class":82,"line":280},[5287],{"type":47,"tag":80,"props":5288,"children":5289},{"style":99},[5290],{"type":52,"value":1980},{"type":47,"tag":80,"props":5292,"children":5293},{"class":82,"line":298},[5294,5298,5302,5306,5310,5314,5318,5322,5326],{"type":47,"tag":80,"props":5295,"children":5296},{"style":93},[5297],{"type":52,"value":1988},{"type":47,"tag":80,"props":5299,"children":5300},{"style":227},[5301],{"type":52,"value":494},{"type":47,"tag":80,"props":5303,"children":5304},{"style":99},[5305],{"type":52,"value":215},{"type":47,"tag":80,"props":5307,"children":5308},{"style":93},[5309],{"type":52,"value":503},{"type":47,"tag":80,"props":5311,"children":5312},{"style":227},[5313],{"type":52,"value":804},{"type":47,"tag":80,"props":5315,"children":5316},{"style":93},[5317],{"type":52,"value":235},{"type":47,"tag":80,"props":5319,"children":5320},{"style":99},[5321],{"type":52,"value":813},{"type":47,"tag":80,"props":5323,"children":5324},{"style":93},[5325],{"type":52,"value":398},{"type":47,"tag":80,"props":5327,"children":5328},{"style":99},[5329],{"type":52,"value":403},{"type":47,"tag":80,"props":5331,"children":5332},{"class":82,"line":307},[5333,5337,5341,5345,5349,5353,5357,5361,5365,5369,5373,5377,5381,5385,5389,5394],{"type":47,"tag":80,"props":5334,"children":5335},{"style":93},[5336],{"type":52,"value":1988},{"type":47,"tag":80,"props":5338,"children":5339},{"style":227},[5340],{"type":52,"value":538},{"type":47,"tag":80,"props":5342,"children":5343},{"style":99},[5344],{"type":52,"value":215},{"type":47,"tag":80,"props":5346,"children":5347},{"style":93},[5348],{"type":52,"value":547},{"type":47,"tag":80,"props":5350,"children":5351},{"style":458},[5352],{"type":52,"value":804},{"type":47,"tag":80,"props":5354,"children":5355},{"style":93},[5356],{"type":52,"value":556},{"type":47,"tag":80,"props":5358,"children":5359},{"style":415},[5360],{"type":52,"value":561},{"type":47,"tag":80,"props":5362,"children":5363},{"style":227},[5364],{"type":52,"value":155},{"type":47,"tag":80,"props":5366,"children":5367},{"style":99},[5368],{"type":52,"value":1102},{"type":47,"tag":80,"props":5370,"children":5371},{"style":93},[5372],{"type":52,"value":575},{"type":47,"tag":80,"props":5374,"children":5375},{"style":99},[5376],{"type":52,"value":5058},{"type":47,"tag":80,"props":5378,"children":5379},{"style":93},[5380],{"type":52,"value":150},{"type":47,"tag":80,"props":5382,"children":5383},{"style":99},[5384],{"type":52,"value":999},{"type":47,"tag":80,"props":5386,"children":5387},{"style":93},[5388],{"type":52,"value":575},{"type":47,"tag":80,"props":5390,"children":5391},{"style":99},[5392],{"type":52,"value":5393},"status))",{"type":47,"tag":80,"props":5395,"children":5396},{"style":93},[5397],{"type":52,"value":254},{"type":47,"tag":80,"props":5399,"children":5400},{"class":82,"line":316},[5401,5405],{"type":47,"tag":80,"props":5402,"children":5403},{"style":93},[5404],{"type":52,"value":2095},{"type":47,"tag":80,"props":5406,"children":5407},{"style":99},[5408],{"type":52,"value":403},{"type":47,"tag":80,"props":5410,"children":5411},{"class":82,"line":325},[5412],{"type":47,"tag":80,"props":5413,"children":5414},{"style":93},[5415],{"type":52,"value":669},{"type":47,"tag":48,"props":5417,"children":5418},{},[5419,5421,5426],{"type":52,"value":5420},"The plain query function overload does not track Angular signal reads. Use the ",{"type":47,"tag":76,"props":5422,"children":5424},{"className":5423},[],[5425],{"type":52,"value":1498},{"type":52,"value":5427}," pattern to make reactive values trigger query re-creation.",{"type":47,"tag":48,"props":5429,"children":5430},{},[5431],{"type":52,"value":4848},{"type":47,"tag":694,"props":5433,"children":5435},{"id":5434},"medium-forgetting-to-call-signals-in-templates",[5436],{"type":52,"value":5437},"MEDIUM Forgetting to call signals in templates",{"type":47,"tag":48,"props":5439,"children":5440},{},[5441],{"type":52,"value":4573},{"type":47,"tag":69,"props":5443,"children":5445},{"className":2912,"code":5444,"language":2914,"meta":73,"style":73},"\u003Cdiv>{{ query.data.length }}\u003C\u002Fdiv>\n",[5446],{"type":47,"tag":76,"props":5447,"children":5448},{"__ignoreMap":73},[5449],{"type":47,"tag":80,"props":5450,"children":5451},{"class":82,"line":83},[5452,5456,5460,5464,5469,5473,5477],{"type":47,"tag":80,"props":5453,"children":5454},{"style":93},[5455],{"type":52,"value":2287},{"type":47,"tag":80,"props":5457,"children":5458},{"style":227},[5459],{"type":52,"value":2938},{"type":47,"tag":80,"props":5461,"children":5462},{"style":93},[5463],{"type":52,"value":2297},{"type":47,"tag":80,"props":5465,"children":5466},{"style":99},[5467],{"type":52,"value":5468},"{{ query.data.length }}",{"type":47,"tag":80,"props":5470,"children":5471},{"style":93},[5472],{"type":52,"value":2952},{"type":47,"tag":80,"props":5474,"children":5475},{"style":227},[5476],{"type":52,"value":2938},{"type":47,"tag":80,"props":5478,"children":5479},{"style":93},[5480],{"type":52,"value":2961},{"type":47,"tag":48,"props":5482,"children":5483},{},[5484],{"type":52,"value":4717},{"type":47,"tag":69,"props":5486,"children":5488},{"className":2912,"code":5487,"language":2914,"meta":73,"style":73},"\u003Cdiv>{{ query.data().length }}\u003C\u002Fdiv>\n",[5489],{"type":47,"tag":76,"props":5490,"children":5491},{"__ignoreMap":73},[5492],{"type":47,"tag":80,"props":5493,"children":5494},{"class":82,"line":83},[5495,5499,5503,5507,5512,5516,5520],{"type":47,"tag":80,"props":5496,"children":5497},{"style":93},[5498],{"type":52,"value":2287},{"type":47,"tag":80,"props":5500,"children":5501},{"style":227},[5502],{"type":52,"value":2938},{"type":47,"tag":80,"props":5504,"children":5505},{"style":93},[5506],{"type":52,"value":2297},{"type":47,"tag":80,"props":5508,"children":5509},{"style":99},[5510],{"type":52,"value":5511},"{{ query.data().length }}",{"type":47,"tag":80,"props":5513,"children":5514},{"style":93},[5515],{"type":52,"value":2952},{"type":47,"tag":80,"props":5517,"children":5518},{"style":227},[5519],{"type":52,"value":2938},{"type":47,"tag":80,"props":5521,"children":5522},{"style":93},[5523],{"type":52,"value":2961},{"type":47,"tag":48,"props":5525,"children":5526},{},[5527,5529,5534],{"type":52,"value":5528},"All return values are Angular signals. Without ",{"type":47,"tag":76,"props":5530,"children":5532},{"className":5531},[],[5533],{"type":52,"value":718},{"type":52,"value":5535},", you get the signal object, not the value.",{"type":47,"tag":48,"props":5537,"children":5538},{},[5539],{"type":52,"value":5540},"See also: db-core\u002Flive-queries\u002FSKILL.md — for query builder API.",{"type":47,"tag":48,"props":5542,"children":5543},{},[5544],{"type":52,"value":5545},"See also: db-core\u002Fmutations-optimistic\u002FSKILL.md — for mutation patterns.",{"type":47,"tag":5547,"props":5548,"children":5549},"style",{},[5550],{"type":52,"value":5551},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":5553,"total":343},[5554,5560,5571,5582,5595,5608,5621],{"slug":4,"name":4,"fn":5,"description":6,"org":5555,"tags":5556,"stars":22,"repoUrl":23,"updatedAt":24},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5557,5558,5559],{"name":13,"slug":14,"type":15},{"name":20,"slug":21,"type":15},{"name":17,"slug":18,"type":15},{"slug":39,"name":39,"fn":5561,"description":5562,"org":5563,"tags":5564,"stars":22,"repoUrl":23,"updatedAt":5570},"manage database collections with TanStack DB","TanStack DB core concepts: createCollection with queryCollectionOptions, electricCollectionOptions, powerSyncCollectionOptions, rxdbCollectionOptions, trailbaseCollectionOptions, localOnlyCollectionOptions. Live queries via query builder (from, where, join, select, groupBy, orderBy, limit). Optimistic mutations with draft proxy (collection.insert, collection.update, collection.delete). createOptimisticAction, createTransaction, createPacedMutations. Entry point for all TanStack DB skills.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5565,5568,5569],{"name":5566,"slug":5567,"type":15},"Data Modeling","data-modeling",{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},"2026-07-17T06:06:40.214285",{"slug":5572,"name":5573,"fn":5574,"description":5575,"org":5576,"tags":5577,"stars":22,"repoUrl":23,"updatedAt":5581},"db-corecollection-setup","db-core\u002Fcollection-setup","set up typed collections in TanStack DB","Creating typed collections with createCollection. Adapter selection: queryCollectionOptions (REST\u002FTanStack Query), electricCollectionOptions (ElectricSQL real-time sync), powerSyncCollectionOptions (PowerSync SQLite), rxdbCollectionOptions (RxDB), trailbaseCollectionOptions (TrailBase), localOnlyCollectionOptions, localStorageCollectionOptions. CollectionConfig options: getKey, schema, sync, gcTime, autoIndex (default off), defaultIndexType, syncMode (eager\u002Fon-demand, plus progressive for Electric). StandardSchema validation with Zod\u002FValibot\u002FArkType. Collection lifecycle (idle\u002Floading\u002Fready\u002Ferror). Adapter-specific sync patterns including Electric txid tracking, Query direct writes, and PowerSync query-driven sync with onLoad\u002FonLoadSubset hooks.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5578,5579,5580],{"name":5566,"slug":5567,"type":15},{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},"2026-07-26T05:48:58.321777",{"slug":5583,"name":5584,"fn":5585,"description":5586,"org":5587,"tags":5588,"stars":22,"repoUrl":23,"updatedAt":5594},"db-corecustom-adapter","db-core\u002Fcustom-adapter","build custom TanStack collection adapters","Building custom collection adapters for new backends. SyncConfig interface: sync function receiving begin, write, commit, markReady, truncate, metadata primitives. ChangeMessage format (insert, update, delete). loadSubset for on-demand sync. LoadSubsetOptions (where, orderBy, limit, cursor). Expression parsing: parseWhereExpression, parseOrderByExpression, extractSimpleComparisons, parseLoadSubsetOptions. Collection options creator pattern. rowUpdateMode (partial vs full). Subscription lifecycle and cleanup functions. Persisted sync metadata API (metadata.row and metadata.collection) for storing per-row and per-collection adapter state.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5589,5590,5593],{"name":20,"slug":21,"type":15},{"name":5591,"slug":5592,"type":15},"Engineering","engineering",{"name":9,"slug":8,"type":15},"2026-07-16T06:04:06.862485",{"slug":5596,"name":5597,"fn":5598,"description":5599,"org":5600,"tags":5601,"stars":22,"repoUrl":23,"updatedAt":5607},"db-corelive-queries","db-core\u002Flive-queries","build live queries with TanStack DB","Query builder fluent API: from, where, join, leftJoin, rightJoin, innerJoin, fullJoin, select, fn.select, groupBy, having, orderBy, limit, offset, distinct, findOne. Operators: eq, gt, gte, lt, lte, like, ilike, inArray, isNull, isUndefined, and, or, not. Aggregates: count, sum, avg, min, max. String functions: upper, lower, length, concat. Utility: coalesce, caseWhen. Math: add. $selected namespace. createLiveQueryCollection. Derived collections. Predicate push-down. Incremental view maintenance via differential dataflow (d2ts). Virtual properties ($synced, $origin, $key, $collectionId). Includes subqueries for hierarchical data. toArray and concat(toArray(...)) scalar includes. queryOnce for one-shot queries. createEffect for reactive side effects (onEnter, onUpdate, onExit, onBatch).\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5602,5603,5606],{"name":20,"slug":21,"type":15},{"name":5604,"slug":5605,"type":15},"SQL","sql",{"name":9,"slug":8,"type":15},"2026-07-16T06:04:08.757365",{"slug":5609,"name":5610,"fn":5611,"description":5612,"org":5613,"tags":5614,"stars":22,"repoUrl":23,"updatedAt":5620},"db-coremutations-optimistic","db-core\u002Fmutations-optimistic","manage optimistic mutations in TanStack DB","collection.insert, collection.update (Immer-style draft proxy), collection.delete. createOptimisticAction (onMutate + mutationFn). createPacedMutations with debounceStrategy, throttleStrategy, queueStrategy. createTransaction, getActiveTransaction, ambient transaction context. Transaction lifecycle (pending\u002Fpersisting\u002Fcompleted\u002Ffailed). Mutation merging. onInsert\u002FonUpdate\u002FonDelete handlers. PendingMutation type. Transaction.isPersisted.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5615,5616,5619],{"name":20,"slug":21,"type":15},{"name":5617,"slug":5618,"type":15},"Frontend","frontend",{"name":9,"slug":8,"type":15},"2026-07-26T05:48:57.301803",{"slug":5622,"name":5623,"fn":5624,"description":5625,"org":5626,"tags":5627,"stars":22,"repoUrl":23,"updatedAt":5636},"db-corepersistence","db-core\u002Fpersistence","implement SQLite-backed persistence for TanStack DB","SQLite-backed persistence for TanStack DB collections. persistedCollectionOptions wraps any adapter (Electric, Query, PowerSync, or local-only) with durable local storage. Platform adapters: browser (WA-SQLite OPFS), React Native (op-sqlite), Expo (expo-sqlite), Electron (IPC), Node (better-sqlite3), Capacitor, Tauri, Cloudflare Durable Objects. Multi-tab\u002Fmulti-process coordination via BrowserCollectionCoordinator \u002F ElectronCollectionCoordinator \u002F SingleProcessCoordinator. schemaVersion for migration resets. Local-only mode for offline-first without a server.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5628,5629,5632,5635],{"name":20,"slug":21,"type":15},{"name":5630,"slug":5631,"type":15},"Persistence","persistence",{"name":5633,"slug":5634,"type":15},"SQLite","sqlite",{"name":9,"slug":8,"type":15},"2026-07-17T06:06:39.182084",{"items":5638,"total":5778},[5639,5653,5665,5677,5692,5704,5714,5724,5737,5747,5758,5768],{"slug":5640,"name":5640,"fn":5641,"description":5642,"org":5643,"tags":5644,"stars":5650,"repoUrl":5651,"updatedAt":5652},"aggregation","perform data aggregation in TanStack Table","Aggregate TanStack Table columns independently of grouping, including grand totals, caller-selected row totals, multiple keyed aggregations, custom context-based definitions, grouped merges, manual values, and worker constraints.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5645,5648,5649],{"name":5646,"slug":5647,"type":15},"Data Analysis","data-analysis",{"name":5617,"slug":5618,"type":15},{"name":9,"slug":8,"type":15},28175,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable","2026-07-30T05:25:59.429787",{"slug":5654,"name":5654,"fn":5655,"description":5656,"org":5657,"tags":5658,"stars":5650,"repoUrl":5651,"updatedAt":5664},"api-not-found","diagnose TanStack Table API errors","Diagnose missing TanStack Table v9 exports, options, state slices, and instance methods. Load before inventing an API when code sees a type error, undefined feature method, absent object key, adapter mismatch, or v8-shaped example.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5659,5662,5663],{"name":5660,"slug":5661,"type":15},"Debugging","debugging",{"name":5617,"slug":5618,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":5666,"name":5666,"fn":5667,"description":5668,"org":5669,"tags":5670,"stars":5650,"repoUrl":5651,"updatedAt":5676},"cell-selection","select rectangular cell ranges in tables","Select rectangular cell ranges with cellSelectionFeature: two-corner range state keyed by row and column id, mousedown\u002Fmouseenter handlers, selection edges, render-order resolution under pinning, and autoResetCellSelection. Load when ranges widen unexpectedly after sorting or column reordering, when a drag re-renders the whole table, or when building copy-to-clipboard from a selection.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5671,5672,5673],{"name":5646,"slug":5647,"type":15},{"name":9,"slug":8,"type":15},{"name":5674,"slug":5675,"type":15},"UI Components","ui-components","2026-07-30T05:25:38.403427",{"slug":5678,"name":5678,"fn":5679,"description":5680,"org":5681,"tags":5682,"stars":5650,"repoUrl":5651,"updatedAt":5691},"client-vs-server","manage TanStack Table data pipelines","Choose client or server ownership for filtering, grouping, sorting, expanding, and pagination in TanStack Table v9. Load for manual* flags, mixed pipelines, server counts, or deciding which dataset each row-model stage receives.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5683,5686,5687,5690],{"name":5684,"slug":5685,"type":15},"Data Pipeline","data-pipeline",{"name":5617,"slug":5618,"type":15},{"name":5688,"slug":5689,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":5693,"name":5693,"fn":5694,"description":5695,"org":5696,"tags":5697,"stars":5650,"repoUrl":5651,"updatedAt":5703},"column-faceting","build faceted filter UIs","Build faceted filter UIs with columnFacetingFeature, facetedRowModel, facetedUniqueValues, and facetedMinMaxValues. Load for facet counts, numeric ranges, own-filter exclusion, or server-page facet completeness.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5698,5701,5702],{"name":5699,"slug":5700,"type":15},"Data Visualization","data-visualization",{"name":5617,"slug":5618,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:41.397257",{"slug":5705,"name":5705,"fn":5706,"description":5707,"org":5708,"tags":5709,"stars":5650,"repoUrl":5651,"updatedAt":5713},"column-filtering","implement column filtering in TanStack Table","Filter columns with columnFilteringFeature, filteredRowModel, filterFns, filterMeta, nested-row direction, and manualFiltering. Load for accessor compatibility, controlled filter updaters, fuzzy metadata, or client\u002Fserver ownership.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5710,5711,5712],{"name":5646,"slug":5647,"type":15},{"name":5617,"slug":5618,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":5715,"name":5715,"fn":5716,"description":5717,"org":5718,"tags":5719,"stars":5650,"repoUrl":5651,"updatedAt":5723},"column-ordering","manage TanStack Table column ordering","Control TanStack Table v9 leaf columnOrder with stable IDs while accounting for pinning regions, visibility, and groupedColumnMode precedence. Load for drag-and-drop columns or rendered order that differs from state.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5720,5721,5722],{"name":5617,"slug":5618,"type":15},{"name":9,"slug":8,"type":15},{"name":5674,"slug":5675,"type":15},"2026-07-30T05:26:03.37801",{"slug":5725,"name":5725,"fn":5726,"description":5727,"org":5728,"tags":5729,"stars":5650,"repoUrl":5651,"updatedAt":5736},"column-pinning","configure column pinning in TanStack Table","Pin columns into logical start, center, and end regions with columnPinningFeature and renderer-owned sticky CSS. Load for RTL offsets, z-index, backgrounds, overflow, widths, gaps, or overlaps.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5730,5733,5734,5735],{"name":5731,"slug":5732,"type":15},"CSS","css",{"name":5617,"slug":5618,"type":15},{"name":9,"slug":8,"type":15},{"name":5674,"slug":5675,"type":15},"2026-07-30T05:25:55.377366",{"slug":5738,"name":5738,"fn":5739,"description":5740,"org":5741,"tags":5742,"stars":5650,"repoUrl":5651,"updatedAt":5746},"column-resizing","implement column resizing in TanStack Table","Wire columnResizingFeature, header.getResizeHandler, resize mode and direction, pointer or touch events, and performant CSS-variable updates. Load when resize state changes but widths do not, or large tables resize slowly.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5743,5744,5745],{"name":5617,"slug":5618,"type":15},{"name":9,"slug":8,"type":15},{"name":5674,"slug":5675,"type":15},"2026-07-30T05:25:51.400011",{"slug":5748,"name":5748,"fn":5749,"description":5750,"org":5751,"tags":5752,"stars":5650,"repoUrl":5651,"updatedAt":5757},"column-sizing","configure column sizing in TanStack Table","Use columnSizingFeature numeric size, minSize, maxSize, getSize, getStart, getAfter, and total-size APIs in table, grid, or flex CSS. Load for auto or percentage misconceptions and sizing\u002Fpinning layout mismatch.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5753,5754,5755,5756],{"name":5731,"slug":5732,"type":15},{"name":5617,"slug":5618,"type":15},{"name":9,"slug":8,"type":15},{"name":5674,"slug":5675,"type":15},"2026-07-30T05:25:48.703799",{"slug":5759,"name":5759,"fn":5760,"description":5761,"org":5762,"tags":5763,"stars":5650,"repoUrl":5651,"updatedAt":5767},"column-visibility","manage column visibility in TanStack Table","Hide columns with columnVisibilityFeature while rendering visibility-aware header, column, and cell collections. Load when hidden columns remain in the DOM, false-versus-absent state is confused, or enableHiding is misunderstood.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5764,5765,5766],{"name":5617,"slug":5618,"type":15},{"name":9,"slug":8,"type":15},{"name":5674,"slug":5675,"type":15},"2026-07-30T05:25:47.367943",{"slug":5769,"name":5769,"fn":5770,"description":5771,"org":5772,"tags":5773,"stars":5650,"repoUrl":5651,"updatedAt":5777},"core","build data grids with TanStack Table","Use TanStack Table v9 as a headless data-grid state and row-processing engine. Load for first-table architecture, stable data and columns, row numbering with getDisplayIndex, semantic rendering, framework adapter choice, or deciding what Table owns versus the renderer.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[5774,5775,5776],{"name":5646,"slug":5647,"type":15},{"name":5617,"slug":5618,"type":15},{"name":5674,"slug":5675,"type":15},"2026-07-30T05:25:52.366295",125]