# Change Log

This project adheres to [Semantic Versioning](http://semver.org/).

## 2.4.0 - 2020-09-01

### Added

- Call API methods `connected`, `disconnected`, `attributeChanged` of each mixin instead of potentially overwriting them on assign.
- Expose all mixin API's via `element._mixins[index]`.

## 2.3.3 - 2020-08-31

### Added

- Automatically use passed `props` function for getters/setters.

## 2.3.0 - 2020-08-20

### Added

- Added `swiss/element` for just defining a functional custom element without automatic props/attributes handling. Must use getters/setters and the `attributeChanged` callback. 
- Added `swiss/styles` for a handy styles mixin.

```js
import { Element, define, mixins } from 'swiss/element';
import { StylesMixin, css } from 'swiss/styles';

mixins.push(StylesMixin);

const styles = (selector) => css`
  ${selector} {
    display: block;
  }
`;

const props = (el) => {
  get title() {
    return el.getAttribute('title');
  },
  set title(title) {
    el.setAttribute('title', title);
  },
}

const setup = (CE) => (el) => {

  function attributeChanged(name) {
    console.log(name);
  }

  return {
    ...props(el),
    attributeChanged
  };
};

export const PlxPreview = define('plx-preview', {
  styles,
  props,
  setup,
});

```

## 2.2.0 - 2020-05-13

### Added

- Added cache arg for easy prop defaults in get

### Fixed

- Fixed custom element built-in extends

## 2.1.0 - 2020-10-17

### Added

- Added shorthand for custom element built-ins.

```js
define('x-button', { extends: 'button' })
```

## 2.0.1 - 2020-07-5

### Fixed

- Fixed default attribute issue.

## 2.0.0 - 2020-05-15

### Created

- Added Swiss v2 which is a major version so breaking changes w/ v1.
- With v2 the goal was to have as little code as possible while providing a simple functional way of defining a custom element. 
- It borrowed some concepts from Hybrids (prop descriptors), Lit-element and SkateJS (batched update) but has some differences too like synchronous updates/reflection of prop <-> attribute. 
- The `setup` function uses the revealing module pattern and maintains the possibility to update the custom element's prototype and later mix-in methods in the element instance as well.

## 1.2.1 - 2019-11-15

### Fixed

- Fixed attribute bug [#24](https://github.com/luwes/swiss/issues/24)

## 1.2.0 - 2019-10-04

### Removed (BREAKING CHANGES)

- Deprecate `swiss/html`. Not worth maintaining a separate Preact version if there are many other possibilities for rendering.

## 1.1.3 - 2019-06-25

### Fixed

- Fixed context hook issue [#15](https://github.com/luwes/swiss/issues/16)

## 1.1.2 - 2019-05-11

### Changed

- Fix attribute to props issue [#15](https://github.com/luwes/swiss/issues/15)

## 1.1.1 - 2019-04-05

### Changed

- `swiss/html`: Update automatically on html render
- Make props enumerable

## 1.1.0 - 2019-04-04

### Changed

- Preserve type for set element properties
- Stringify array and object attrs

## 1.0.0 - 2019-03-29

### Changed

- Renamed `swiss-element` to `swiss`!
- Renamed the `defaults` export to a more generic `options` which can be used to set default options or enhancers app wide before a `element` function call.

## 0.16.0 - 2019-03-24

### Added

- Added `swiss-element/html` for real.

## 0.15.0 - 2019-03-24

### Added

- Added `swiss-html` also under `swiss-element/html`. Swiss HTML is a slimmed down version of HTM+Preact with some changes to make it better work with custom elements. For example the `props` are added to the custom element so these are accessible in the component function. All the logic of Preact components and context is removed as this functionality can be got with Swiss hooks.

### Changed

- Re-factored swiss hooks completely with an adapted version of Preact's hooks implementation.

## 0.14.0 - 2019-03-15

### Added

- Added `swiss-hooks` also as `swiss-element/hooks`
- Added `swiss-core` and added `swiss-element/core`, this standalone package makes it easy to create a custom element without classes but with the composition pattern. It's tiny 700 bytes gzipped.

## 0.13.0 - 2019-03-15

### Changed

- Added the `core` folder and moved the `hooks` folder in `swiss-element`.

## 0.12.0 - 2019-02-18

### Changed

- Improved the middleware enhancer for the new `swiss-logger` middleware.

## 0.11.0 - 2019-02-18

### Changed

- Improved the default renderer:

  - The dom will only be updated if the old html is not the same as the newly generated html.
  - If it is a string `root.innerHTML` is used, else the root is cleared and the nodes are appended.

## 0.10.1 - 2019-02-16

### Changed

- Bumped version because yarnpkg.com wasn't showing the new version :(

## 0.10.0 - 2019-02-16

### Changed (BREAKING CHANGES)

- Separated hook logic into `swiss-hooks`. The hooks can no longer be imported from `swiss-element`, this to keep the library lean and less opiniated. The primary goal for swiss element is to provide functional custom elements (no classes, no this keyword)

## 0.9.1 - 2019-02-12

### Changed

- Simplify effect hook logic

## 0.9.0 - 2019-02-10

### Removed

- Removed automatic assigning free tag name saving some bytes.

## 0.8.0 - 2019-02-09

### Changed

- Change `requestUpdate` to just `update`
- Add `useLayoutEffect` hook

## 0.7.0 - 2019-02-08

### Added

- Added `shadow` option

### Fixed

- Fixed `useEffect` hook

## 0.6.0 - 2019-01-29

### Added

- Added `useContext` and `useElement` hooks.

## 0.5.1 - 2019-01-27

### Changed

- Pass old html to renderer functions.
- Upgraded augmentor dependency.

## 0.5.0 - 2019-01-23

### Changed

- Made hooks and propsToAttrs default enhancers.
- Fixed `useEffect` hook

## 0.4.0 - 2019-01-22

### Added

- Added `observedAttributes` array short argument syntax.

## 0.3.0 - 2019-01-21

### Changed

- Made `renderer` enhancer a little more forgiving in the type signature of the
  passed `render` function.
- The `createElement` function passed to the enhancers will now actually return
  the created instance of the custom element.

## 0.2.2 - 2019-01-20

### Changed

- Removed some utility exports, only `compose` is really necessary.

## 0.2.1 - 2019-01-19

### Changed

- Fixed constructor so elements can be initiated without the `new` keyword.
  e.g. `const counter = element('s-counter', Counter, renderer(render))();`

## 0.2.0 - 2019-01-19

### Changed

- Changed element to include customElements.define

## 0.1.0 - 2019-01-17

### Fixed

- Made the `applyMiddleware` enhancer properly work.

## 0.0.3 - 2019-01-17

### Changed

- Upgraded augmentor dependency and build tools

## 0.0.2 - 2019-01-17

### Fixed

- Fixed hooks augmentor initialization #3

## 0.0.1 - 2019-01-16

### Added

- First release