https://github.com/oscarmarina/flow-element
`BaseContextMetaElement` is inspired by the concept of Customized Built-in Elements, focusing on extending native HTML elements like `div` using Lit's features and the Context API.
https://github.com/oscarmarina/flow-element
context lit
Last synced: 2 months ago
JSON representation
`BaseContextMetaElement` is inspired by the concept of Customized Built-in Elements, focusing on extending native HTML elements like `div` using Lit's features and the Context API.
- Host: GitHub
- URL: https://github.com/oscarmarina/flow-element
- Owner: oscarmarina
- License: mit
- Created: 2024-07-06T14:45:56.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-03-28T14:14:13.000Z (2 months ago)
- Last Synced: 2025-03-28T14:21:33.104Z (2 months ago)
- Topics: context, lit
- Language: JavaScript
- Homepage: https://stackblitz.com/github/oscarmarina/flow-element
- Size: 333 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## ``
https://github.com/lit/lit/discussions/4690
https://bugs.webkit.org/show_bug.cgi?id=289868
### `src/FlowElement.js`:
#### class: `FlowElement`, `flow-element`
##### Fields
| Name | Privacy | Type | Default | Description | Inherited From |
| ---------------- | ------- | ---- | -------------------------------------------------------------------------- | ----------- | -------------- |
| `surface` | public | | `undefined` | | |
| `flowController` | | | `new BlockquoteControllerContextMeta(this, { context: consumerContext, })` | | |
##### Attributes
| Name | Field | Inherited From |
| --------- | ------- | -------------- |
| `surface` | surface | |
#### Exports
| Kind | Name | Declaration | Module | Package |
| ---- | ------------- | ----------- | ------------------ | ------- |
| `js` | `FlowElement` | FlowElement | src/FlowElement.js | |
### `src/consumer-context.js`:
#### Variables
| Name | Description | Type |
| ----------------- | ----------- | ---- |
| `consumerContext` | | |
#### Exports
| Kind | Name | Declaration | Module | Package |
| ---- | ----------------- | --------------- | ----------------------- | ------- |
| `js` | `consumerContext` | consumerContext | src/consumer-context.js | |
### `src/consumer-element.js`:
#### class: `ConsumerElement`, `consumer-element`
##### Fields
| Name | Privacy | Type | Default | Description | Inherited From |
| ----------------- | ------- | ---- | --------------------------------------------------------------------------------------------------- | ----------- | -------------- |
| `callback` | | | | | |
| `surface` | public | | `undefined` | | |
| `propertyContext` | | | `new BlockquoteControllerContextMeta(this, { context: consumerContext, callback: this.callback, })` | | |
##### Attributes
| Name | Field | Inherited From |
| --------- | ------- | -------------- |
| `surface` | surface | |
#### Exports
| Kind | Name | Declaration | Module | Package |
| --------------------------- | ------------------ | --------------- | ----------------------- | ------- |
| `custom-element-definition` | `consumer-element` | ConsumerElement | src/consumer-element.js | |
### `src/index.js`:
#### Exports
| Kind | Name | Declaration | Module | Package |
| ---- | ------------- | ----------- | ---------------- | ------- |
| `js` | `FlowElement` | FlowElement | ./FlowElement.js | |
### `src/provider-element.js`:
#### class: `ProviderElement`, `provider-element`
##### Fields
| Name | Privacy | Type | Default | Description | Inherited From |
| ----------------- | ------- | ---- | -------------------------------------------------------------------------- | ----------- | -------------- |
| `surface` | public | | `undefined` | | |
| `propertyContext` | | | `new BlockquoteControllerContextMeta(this, { context: consumerContext, })` | | |
##### Attributes
| Name | Field | Inherited From |
| --------- | ------- | -------------- |
| `surface` | surface | |
#### Exports
| Kind | Name | Declaration | Module | Package |
| --------------------------- | ------------------ | --------------- | ----------------------- | ------- |
| `custom-element-definition` | `provider-element` | ProviderElement | src/provider-element.js | |
### `src/define/flow-element.js`:
#### Exports
| Kind | Name | Declaration | Module | Package |
| --------------------------- | -------------- | ----------- | ------------------- | ------- |
| `custom-element-definition` | `flow-element` | FlowElement | /src/FlowElement.js | |