Merge pull request #64 from zeixcom/61-bug-read-doesnt-subscribe-to-source-signal-on-target-component-if-it-is-not-upgraded-yet

bugfix(read): revert implementation of read() back to version 0.13.1

Author: estherbrunner

docs-src/components/module-tabgroup/module-tabgroup.ts

@@ -3,10 +3,10 @@ import {
 	component,
 	fromEvents,
 	fromSelector,
+	requireDescendant,
 	setProperty,
 	show,
 } from '../../..'
-import { requireDescendant } from '../../../src/core/dom'
 
 export type ModuleTabgroupProps = {
 	readonly tabs: HTMLButtonElement[]

docs-src/components/module-todo/module-todo.ts

@@ -13,7 +13,6 @@ import {
 import type { BasicButtonProps } from '../basic-button/basic-button'
 import type { FormCheckboxProps } from '../form-checkbox/form-checkbox'
 import '../form-textbox/form-textbox'
-import '../form-radiogroup/form-radiogroup'
 
 export type ModuleTodoProps = {
 	readonly active: HTMLElement[]
@@ -30,6 +29,7 @@ export default component(
 		const textbox = requireDescendant(el, 'form-textbox')
 		const template = requireDescendant(el, 'template')
 		const list = requireDescendant(el, 'ol')
+		const filter = el.querySelector('form-radiogroup')
 
 		return [
 			// Control todo input form
@@ -64,18 +64,10 @@ export default component(
 			// Control todo list
 			first(
 				'ol',
-				setAttribute(
-					'filter',
-					read(
-						el,
-						'form-radiogroup',
-						target => target?.getSignal('value').get() ?? 'all',
-					),
-				),
+				setAttribute('filter', read(filter, 'value', 'all')),
 				on('click', (e: Event) => {
 					const target = e.target as HTMLElement
-					if (target.localName === 'button')
-						target.closest('li')!.remove()
+					if (target.closest('button')) target.closest('li')!.remove()
 				}),
 			),
 

docs-src/pages/api/functions/asBoolean.md

@@ -8,7 +8,7 @@
 
 > **asBoolean**(): [`AttributeParser`](../type-aliases/AttributeParser.md)\<`boolean`\>
 
-Defined in: [src/lib/parsers.ts:23](https://github.com/zeixcom/ui-element/blob/62aded0dfd41b132db684ccc25a7494068f0d957/src/lib/parsers.ts#L23)
+Defined in: [src/lib/parsers.ts:23](https://github.com/zeixcom/ui-element/blob/297c0e8e040b3880ad85a2bc873523a8086f09a3/src/lib/parsers.ts#L23)
 
 Parse a boolean attribute as an actual boolean value
 

docs-src/pages/api/functions/asEnum.md

@@ -8,7 +8,7 @@
 
 > **asEnum**(`valid`): [`AttributeParser`](../type-aliases/AttributeParser.md)\<`string`\>
 
-Defined in: [src/lib/parsers.ts:83](https://github.com/zeixcom/ui-element/blob/62aded0dfd41b132db684ccc25a7494068f0d957/src/lib/parsers.ts#L83)
+Defined in: [src/lib/parsers.ts:83](https://github.com/zeixcom/ui-element/blob/297c0e8e040b3880ad85a2bc873523a8086f09a3/src/lib/parsers.ts#L83)
 
 Parse an attribute as a multi-state value (for examnple: true, false, mixed), defaulting to the first valid option
 

docs-src/pages/api/functions/asInteger.md

@@ -8,7 +8,7 @@
 
 > **asInteger**(`fallback?`): [`AttributeParser`](../type-aliases/AttributeParser.md)\<`number`\>
 
-Defined in: [src/lib/parsers.ts:37](https://github.com/zeixcom/ui-element/blob/62aded0dfd41b132db684ccc25a7494068f0d957/src/lib/parsers.ts#L37)
+Defined in: [src/lib/parsers.ts:37](https://github.com/zeixcom/ui-element/blob/297c0e8e040b3880ad85a2bc873523a8086f09a3/src/lib/parsers.ts#L37)
 
 Parse an attribute as as number forced to integer with a fallback
 

docs-src/pages/api/functions/asJSON.md

@@ -8,7 +8,7 @@
 
 > **asJSON**\<`T`\>(`fallback`): [`AttributeParser`](../type-aliases/AttributeParser.md)\<`T`\>
 
-Defined in: [src/lib/parsers.ts:101](https://github.com/zeixcom/ui-element/blob/62aded0dfd41b132db684ccc25a7494068f0d957/src/lib/parsers.ts#L101)
+Defined in: [src/lib/parsers.ts:101](https://github.com/zeixcom/ui-element/blob/297c0e8e040b3880ad85a2bc873523a8086f09a3/src/lib/parsers.ts#L101)
 
 Parse an attribute as a JSON serialized object with a fallback
 

docs-src/pages/api/functions/asNumber.md

@@ -8,7 +8,7 @@
 
 > **asNumber**(`fallback?`): [`AttributeParser`](../type-aliases/AttributeParser.md)\<`number`\>
 
-Defined in: [src/lib/parsers.ts:59](https://github.com/zeixcom/ui-element/blob/62aded0dfd41b132db684ccc25a7494068f0d957/src/lib/parsers.ts#L59)
+Defined in: [src/lib/parsers.ts:59](https://github.com/zeixcom/ui-element/blob/297c0e8e040b3880ad85a2bc873523a8086f09a3/src/lib/parsers.ts#L59)
 
 Parse an attribute as as number with a fallback
 

docs-src/pages/api/functions/asString.md

@@ -8,7 +8,7 @@
 
 > **asString**(`fallback?`): [`AttributeParser`](../type-aliases/AttributeParser.md)\<`string`\>
 
-Defined in: [src/lib/parsers.ts:71](https://github.com/zeixcom/ui-element/blob/62aded0dfd41b132db684ccc25a7494068f0d957/src/lib/parsers.ts#L71)
+Defined in: [src/lib/parsers.ts:71](https://github.com/zeixcom/ui-element/blob/297c0e8e040b3880ad85a2bc873523a8086f09a3/src/lib/parsers.ts#L71)
 
 Parse an attribute as a string with a fallback
 

docs-src/pages/api/functions/component.md

@@ -8,7 +8,7 @@
 
 > **component**\<`P`\>(`name`, `init`, `setup`): `void`
 
-Defined in: [src/component.ts:285](https://github.com/zeixcom/ui-element/blob/62aded0dfd41b132db684ccc25a7494068f0d957/src/component.ts#L285)
+Defined in: [src/component.ts:285](https://github.com/zeixcom/ui-element/blob/297c0e8e040b3880ad85a2bc873523a8086f09a3/src/component.ts#L285)
 
 Define a component with its states and setup function (connectedCallback)
 

docs-src/pages/api/functions/dangerouslySetInnerHTML.md

@@ -8,7 +8,7 @@
 
 > **dangerouslySetInnerHTML**\<`P`, `E`\>(`reactive`, `options`): [`Effect`](../type-aliases/Effect.md)\<`P`, `E`\>
 
-Defined in: [src/lib/effects.ts:600](https://github.com/zeixcom/ui-element/blob/62aded0dfd41b132db684ccc25a7494068f0d957/src/lib/effects.ts#L600)
+Defined in: [src/lib/effects.ts:600](https://github.com/zeixcom/ui-element/blob/297c0e8e040b3880ad85a2bc873523a8086f09a3/src/lib/effects.ts#L600)
 
 Effect for setting the inner HTML of an element with optional Shadow DOM support.
 Provides security options for script execution and shadow root creation.