martinrossil / fuix

Typescript web component framework for building high performant web applications.

fuix

Typescript web component framework for building high performant web applications.

tags

git fetch --tags -f

fuix's Issues

Create LinkContainer.

• extend Component
• appendChild() anchor tag.
• copy IContainer interface
• operate on anchor tag, padding inclusive.

Test issue.

Create Picture component.

• Add load complete / error
• Add 404 broken image svg
• Start of with opacity 0 and fade in on load
• Update when source is set to null

Consider converting current number values to string instead, HUGE refactoring :(

• This would make the API more Web API aligned, so height could be '100px' and '100vh'

Consider if we can remove width / height percent property.

Refactor lineHeight property in IParagraph.

• refactor så passing a NaN will result in lineHeight = '1.2'
• passing a positive number will result in for example '32px'

Add readonly computedStyle(this) to IComponent.

Create boxShadow property on IComponent.

Create StackContainer.

• currentIndex: number = NaN
• currentView: IComponent | null
• addViewClass(facory: new () => IComponent): void
• etc copy of IContainer interface....

Create test files for all components to get coverage numbers.

Create inset property for top, right, bottom, left short cut.

Instead of:

this.#appsContainer.left = 0;
this.#appsContainer.top = 0;
this.#appsContainer.right = 0;
this.#appsContainer.bottom = 0;

this.#appsContainer.inset = 0;

Create Label component.

• Create a TextBase.ts component and extend Paragraph / Label from that.
• We could get away with one, but I'm not sure yet.

Remove border property.

• remove border property, we will use svg rect instead.

Test issue

Create SVG component.

Add getBoundingClientRect to IComponent interface.

Investigate position property, it's static by default but Application set *{position: relative}

Create flexShrink property on IComponent.

Fix broken linting after updating to use airbnb.

Refactor folder structure, consider moving interfaces and tests.

Create visible property on IComponent.

• visible false will set style.display = 'none'
• visible true will set style.display = this.display