From cebbb6aac199006bf2a0ad0624695f41f3ecce49 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Wed, 6 Apr 2022 09:42:12 +0000 Subject: [PATCH] Version Packages --- .changeset/big-geese-run.md | 5 - .changeset/fifty-comics-attend.md | 5 - .changeset/four-avocados-confess.md | 5 - .changeset/green-ads-fold.md | 5 - .changeset/green-rocks-rule.md | 5 - .changeset/hip-buses-itch.md | 5 - .changeset/hot-jars-leave.md | 43 -------- .changeset/long-snails-complain.md | 5 - .changeset/proud-geese-suffer.md | 5 - .changeset/rare-panthers-crash.md | 5 - .changeset/real-yaks-float.md | 98 ----------------- .changeset/red-oranges-nail.md | 5 - .changeset/rude-cats-work.md | 5 - .changeset/spicy-bikes-visit.md | 5 - .changeset/tame-moles-exist.md | 5 - .changeset/tasty-socks-hammer.md | 5 - .changeset/tender-rockets-vanish.md | 5 - .changeset/thirty-scissors-hug.md | 5 - .../providence-analytics/CHANGELOG.md | 11 ++ .../providence-analytics/package.json | 2 +- packages-node/publish-docs/CHANGELOG.md | 6 ++ packages-node/publish-docs/package.json | 2 +- packages-node/remark-extend/CHANGELOG.md | 6 ++ packages-node/remark-extend/package.json | 2 +- .../CHANGELOG.md | 11 ++ .../package.json | 4 +- packages/accordion/CHANGELOG.md | 69 ++++++++++++ packages/accordion/package.json | 4 +- packages/ajax/CHANGELOG.md | 61 +++++++++++ packages/ajax/package.json | 2 +- packages/button/CHANGELOG.md | 69 ++++++++++++ packages/button/package.json | 4 +- packages/calendar/CHANGELOG.md | 70 ++++++++++++ packages/calendar/package.json | 6 +- packages/checkbox-group/CHANGELOG.md | 75 +++++++++++++ packages/checkbox-group/package.json | 8 +- packages/collapsible/CHANGELOG.md | 69 ++++++++++++ packages/collapsible/package.json | 4 +- packages/combobox/CHANGELOG.md | 78 ++++++++++++++ packages/combobox/package.json | 10 +- packages/core/CHANGELOG.md | 66 ++++++++++++ packages/core/package.json | 2 +- packages/dialog/CHANGELOG.md | 71 +++++++++++++ packages/dialog/package.json | 6 +- packages/fieldset/CHANGELOG.md | 74 +++++++++++++ packages/fieldset/package.json | 6 +- packages/form-core/CHANGELOG.md | 75 +++++++++++++ packages/form-core/package.json | 6 +- packages/form-integrations/CHANGELOG.md | 100 ++++++++++++++++++ packages/form-integrations/package.json | 48 ++++----- packages/form/CHANGELOG.md | 68 ++++++++++++ packages/form/package.json | 4 +- packages/helpers/CHANGELOG.md | 68 ++++++++++++ packages/helpers/package.json | 4 +- packages/icon/CHANGELOG.md | 69 ++++++++++++ packages/icon/package.json | 4 +- packages/input-amount/CHANGELOG.md | 80 ++++++++++++++ packages/input-amount/package.json | 12 +-- packages/input-date/CHANGELOG.md | 80 ++++++++++++++ packages/input-date/package.json | 12 +-- packages/input-datepicker/CHANGELOG.md | 85 +++++++++++++++ packages/input-datepicker/package.json | 16 +-- packages/input-email/CHANGELOG.md | 80 ++++++++++++++ packages/input-email/package.json | 12 +-- packages/input-iban/CHANGELOG.md | 80 ++++++++++++++ packages/input-iban/package.json | 12 +-- packages/input-range/CHANGELOG.md | 71 +++++++++++++ packages/input-range/package.json | 8 +- packages/input-stepper/CHANGELOG.md | 75 +++++++++++++ packages/input-stepper/package.json | 8 +- packages/input-tel-dropdown/CHANGELOG.md | 72 +++++++++++++ packages/input-tel-dropdown/package.json | 8 +- packages/input-tel/CHANGELOG.md | 76 +++++++++++++ packages/input-tel/package.json | 10 +- packages/input/CHANGELOG.md | 72 +++++++++++++ packages/input/package.json | 4 +- packages/listbox/CHANGELOG.md | 75 +++++++++++++ packages/listbox/package.json | 6 +- packages/localize/CHANGELOG.md | 69 ++++++++++++ packages/localize/package.json | 4 +- packages/overlays/CHANGELOG.md | 70 ++++++++++++ packages/overlays/package.json | 4 +- packages/pagination/CHANGELOG.md | 70 ++++++++++++ packages/pagination/package.json | 6 +- packages/progress-indicator/CHANGELOG.md | 70 ++++++++++++ packages/progress-indicator/package.json | 6 +- packages/radio-group/CHANGELOG.md | 75 +++++++++++++ packages/radio-group/package.json | 8 +- packages/select-rich/CHANGELOG.md | 79 ++++++++++++++ packages/select-rich/package.json | 12 +-- packages/select/CHANGELOG.md | 74 +++++++++++++ packages/select/package.json | 6 +- packages/steps/CHANGELOG.md | 69 ++++++++++++ packages/steps/package.json | 4 +- packages/switch/CHANGELOG.md | 75 +++++++++++++ packages/switch/package.json | 8 +- packages/tabs/CHANGELOG.md | 70 ++++++++++++ packages/tabs/package.json | 4 +- packages/textarea/CHANGELOG.md | 74 +++++++++++++ packages/textarea/package.json | 6 +- packages/tooltip/CHANGELOG.md | 71 +++++++++++++ packages/tooltip/package.json | 6 +- packages/validate-messages/CHANGELOG.md | 78 ++++++++++++++ packages/validate-messages/package.json | 8 +- 104 files changed, 3065 insertions(+), 380 deletions(-) delete mode 100644 .changeset/big-geese-run.md delete mode 100644 .changeset/fifty-comics-attend.md delete mode 100644 .changeset/four-avocados-confess.md delete mode 100644 .changeset/green-ads-fold.md delete mode 100644 .changeset/green-rocks-rule.md delete mode 100644 .changeset/hip-buses-itch.md delete mode 100644 .changeset/hot-jars-leave.md delete mode 100644 .changeset/long-snails-complain.md delete mode 100644 .changeset/proud-geese-suffer.md delete mode 100644 .changeset/rare-panthers-crash.md delete mode 100644 .changeset/real-yaks-float.md delete mode 100644 .changeset/red-oranges-nail.md delete mode 100644 .changeset/rude-cats-work.md delete mode 100644 .changeset/spicy-bikes-visit.md delete mode 100644 .changeset/tame-moles-exist.md delete mode 100644 .changeset/tasty-socks-hammer.md delete mode 100644 .changeset/tender-rockets-vanish.md delete mode 100644 .changeset/thirty-scissors-hug.md create mode 100644 packages/input-tel-dropdown/CHANGELOG.md create mode 100644 packages/input-tel/CHANGELOG.md diff --git a/.changeset/big-geese-run.md b/.changeset/big-geese-run.md deleted file mode 100644 index 916c3afd8..000000000 --- a/.changeset/big-geese-run.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lion/input-tel-dropdown': minor ---- - -New component LionInpuTelDropdown diff --git a/.changeset/fifty-comics-attend.md b/.changeset/fifty-comics-attend.md deleted file mode 100644 index 628df1f0a..000000000 --- a/.changeset/fifty-comics-attend.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lion/validate-messages': patch ---- - -fix(validate-messages): typo IsData message diff --git a/.changeset/four-avocados-confess.md b/.changeset/four-avocados-confess.md deleted file mode 100644 index 46a136368..000000000 --- a/.changeset/four-avocados-confess.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lion/form-core': patch ---- - -FormControl: allow a label-sr-only flag to provide visually hidden labels diff --git a/.changeset/green-ads-fold.md b/.changeset/green-ads-fold.md deleted file mode 100644 index 5437bd4c2..000000000 --- a/.changeset/green-ads-fold.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lion/form-core': patch ---- - -form-core: expose 'mimicUserInput' test-helper diff --git a/.changeset/green-rocks-rule.md b/.changeset/green-rocks-rule.md deleted file mode 100644 index 28ee9bd9c..000000000 --- a/.changeset/green-rocks-rule.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lion/core': patch ---- - -SlotMixin: support scoped elements diff --git a/.changeset/hip-buses-itch.md b/.changeset/hip-buses-itch.md deleted file mode 100644 index d20551882..000000000 --- a/.changeset/hip-buses-itch.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lion/tabs': patch ---- - -tabs: allow to be initialized withhout children diff --git a/.changeset/hot-jars-leave.md b/.changeset/hot-jars-leave.md deleted file mode 100644 index 8b61cd2bf..000000000 --- a/.changeset/hot-jars-leave.md +++ /dev/null @@ -1,43 +0,0 @@ ---- -'providence-analytics': minor -'publish-docs': minor -'remark-extend': minor -'rocket-preset-extend-lion-docs': minor -'@lion/accordion': minor -'@lion/button': minor -'@lion/calendar': minor -'@lion/checkbox-group': minor -'@lion/collapsible': minor -'@lion/combobox': minor -'@lion/core': minor -'@lion/dialog': minor -'@lion/fieldset': minor -'@lion/form': minor -'@lion/form-core': minor -'@lion/form-integrations': minor -'@lion/icon': minor -'@lion/input': minor -'@lion/input-amount': minor -'@lion/input-date': minor -'@lion/input-datepicker': minor -'@lion/input-email': minor -'@lion/input-iban': minor -'@lion/input-range': minor -'@lion/input-stepper': minor -'@lion/listbox': minor -'@lion/localize': minor -'@lion/overlays': minor -'@lion/pagination': minor -'@lion/progress-indicator': minor -'@lion/radio-group': minor -'@lion/select': minor -'@lion/select-rich': minor -'@lion/steps': minor -'@lion/switch': minor -'@lion/tabs': minor -'@lion/textarea': minor -'@lion/tooltip': minor -'@lion/validate-messages': minor ---- - -New documentation structure diff --git a/.changeset/long-snails-complain.md b/.changeset/long-snails-complain.md deleted file mode 100644 index 64224fa41..000000000 --- a/.changeset/long-snails-complain.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lion/overlays': patch ---- - -Fix check for css typed object support diff --git a/.changeset/proud-geese-suffer.md b/.changeset/proud-geese-suffer.md deleted file mode 100644 index 4e373eac9..000000000 --- a/.changeset/proud-geese-suffer.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lion/form-core': minor ---- - -Validation: allow enums as outcome of a Validator diff --git a/.changeset/rare-panthers-crash.md b/.changeset/rare-panthers-crash.md deleted file mode 100644 index 732c593b1..000000000 --- a/.changeset/rare-panthers-crash.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lion/input-tel': minor ---- - -New component "LionInputTel" diff --git a/.changeset/real-yaks-float.md b/.changeset/real-yaks-float.md deleted file mode 100644 index e35a3837e..000000000 --- a/.changeset/real-yaks-float.md +++ /dev/null @@ -1,98 +0,0 @@ ---- -'@lion/core': minor -'@lion/form-core': minor -'@lion/listbox': minor -'@lion/select-rich': minor -'@lion/switch': minor -'@lion/accordion': minor -'@lion/ajax': minor -'@lion/button': minor -'@lion/calendar': minor -'@lion/checkbox-group': minor -'@lion/collapsible': minor -'@lion/combobox': minor -'@lion/dialog': minor -'@lion/fieldset': minor -'@lion/form': minor -'@lion/form-integrations': minor -'@lion/helpers': minor -'@lion/icon': minor -'@lion/input': minor -'@lion/input-amount': minor -'@lion/input-date': minor -'@lion/input-datepicker': minor -'@lion/input-email': minor -'@lion/input-iban': minor -'@lion/input-range': minor -'@lion/input-stepper': minor -'@lion/input-tel': minor -'@lion/input-tel-dropdown': minor -'@lion/localize': minor -'@lion/overlays': minor -'@lion/pagination': minor -'@lion/progress-indicator': minor -'@lion/radio-group': minor -'@lion/select': minor -'@lion/steps': minor -'@lion/tabs': minor -'@lion/textarea': minor -'@lion/tooltip': minor -'@lion/validate-messages': minor ---- - -BREAKING CHANGE: Work without polyfill if possible - -When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. -On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. - -To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. - -We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". -The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). - -To quote the release notes of `ScopedElementsMixin` v2.1.0: - -> ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. -> This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. - -And this was the case. - -With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. - -This essentially means the polyfill became optional which results in the following behavior - -1. If polyfill is not loaded it will use the global registry as a fallback -2. Log error if actually scoping is needed and polyfill is not loaded -3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now - -```diff -- const myButton = this.shadowRoot.createElement('my-button'); -+ const myButton = this.createScopedElement('my-button'); -``` - -This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. - -If you need scoping be sure to load the polyfill before any other web component gets registered. - -It may look something like this in your HTML - -```html - -``` - -or if you have an SPA you can load it at the top of your app shell code - -```js -import '@webcomponents/scoped-custom-element-registry'; -``` - -You need scoping if you want to - -use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) -or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) - -See more details at - -- [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) -- [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) -- [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) diff --git a/.changeset/red-oranges-nail.md b/.changeset/red-oranges-nail.md deleted file mode 100644 index a2a74095f..000000000 --- a/.changeset/red-oranges-nail.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lion/form-core': minor ---- - -Updated the ValidateMixin \_\_setupValidators method to sync the calendar date with validator params with reference to this issue : https://github.com/ing-bank/lion/pull/1641/files#diff-bed9319548b16e509dd4a5c3d9c7c31175b577f91e433ee55a945e05339d2796R632 diff --git a/.changeset/rude-cats-work.md b/.changeset/rude-cats-work.md deleted file mode 100644 index 1bc2166f9..000000000 --- a/.changeset/rude-cats-work.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'providence-analytics': patch ---- - -providence-analytics: expose skipCheckMatchCompatibility: skips semver checks when targets and reference projects are matched. Handy for forward compatible libs and libs below v1 diff --git a/.changeset/spicy-bikes-visit.md b/.changeset/spicy-bikes-visit.md deleted file mode 100644 index 1c7d6d711..000000000 --- a/.changeset/spicy-bikes-visit.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lion/validate-messages': patch ---- - -validate-messages: PhoneNumber messages diff --git a/.changeset/tame-moles-exist.md b/.changeset/tame-moles-exist.md deleted file mode 100644 index dba874621..000000000 --- a/.changeset/tame-moles-exist.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lion/input-datepicker': minor ---- - -Added a fix by overriding the \_\_onValidatorUpdated() to sync the calendar dates when the validator params got changed diff --git a/.changeset/tasty-socks-hammer.md b/.changeset/tasty-socks-hammer.md deleted file mode 100644 index 9b34f13a3..000000000 --- a/.changeset/tasty-socks-hammer.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lion/listbox': patch ---- - -Fix: Prevent default behavior while scrolling using arrow keys in a horizontal listbox diff --git a/.changeset/tender-rockets-vanish.md b/.changeset/tender-rockets-vanish.md deleted file mode 100644 index a531c3b28..000000000 --- a/.changeset/tender-rockets-vanish.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lion/validate-messages': patch ---- - -Fixed en-PH default validation message diff --git a/.changeset/thirty-scissors-hug.md b/.changeset/thirty-scissors-hug.md deleted file mode 100644 index adefe266f..000000000 --- a/.changeset/thirty-scissors-hug.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'providence-analytics': patch ---- - -providence-analytics: enhanced allowlistMode detection diff --git a/packages-node/providence-analytics/CHANGELOG.md b/packages-node/providence-analytics/CHANGELOG.md index 74ab56833..947261409 100644 --- a/packages-node/providence-analytics/CHANGELOG.md +++ b/packages-node/providence-analytics/CHANGELOG.md @@ -1,5 +1,16 @@ # Change Log +## 0.13.0 + +### Minor Changes + +- 672c8e99: New documentation structure + +### Patch Changes + +- ab7cc1e0: providence-analytics: expose skipCheckMatchCompatibility: skips semver checks when targets and reference projects are matched. Handy for forward compatible libs and libs below v1 +- 17dadabf: providence-analytics: enhanced allowlistMode detection + ## 0.12.5 ### Patch Changes diff --git a/packages-node/providence-analytics/package.json b/packages-node/providence-analytics/package.json index eaf9bfc01..89f5c540c 100644 --- a/packages-node/providence-analytics/package.json +++ b/packages-node/providence-analytics/package.json @@ -1,6 +1,6 @@ { "name": "providence-analytics", - "version": "0.12.5", + "version": "0.13.0", "description": "Providence is the 'All Seeing Eye' that measures effectivity and popularity of software. Release management will become highly efficient due to an accurate impact analysis of (breaking) changes", "license": "MIT", "author": "ing-bank", diff --git a/packages-node/publish-docs/CHANGELOG.md b/packages-node/publish-docs/CHANGELOG.md index 172454e8c..54259a6a8 100644 --- a/packages-node/publish-docs/CHANGELOG.md +++ b/packages-node/publish-docs/CHANGELOG.md @@ -1,5 +1,11 @@ # publish-docs +## 0.2.0 + +### Minor Changes + +- 672c8e99: New documentation structure + ## 0.1.3 ### Patch Changes diff --git a/packages-node/publish-docs/package.json b/packages-node/publish-docs/package.json index ba26ce877..b2061cd58 100644 --- a/packages-node/publish-docs/package.json +++ b/packages-node/publish-docs/package.json @@ -1,6 +1,6 @@ { "name": "publish-docs", - "version": "0.1.3", + "version": "0.2.0", "description": "A tool that copies and processes your documentation (in a monorepo) so it can be published/shipped with your package.", "license": "MIT", "author": "ing-bank", diff --git a/packages-node/remark-extend/CHANGELOG.md b/packages-node/remark-extend/CHANGELOG.md index ce46cb955..dc2a73cb7 100644 --- a/packages-node/remark-extend/CHANGELOG.md +++ b/packages-node/remark-extend/CHANGELOG.md @@ -1,5 +1,11 @@ # Change Log +## 0.5.0 + +### Minor Changes + +- 672c8e99: New documentation structure + ## 0.4.4 ### Patch Changes diff --git a/packages-node/remark-extend/package.json b/packages-node/remark-extend/package.json index d9f326ab1..44000bf21 100644 --- a/packages-node/remark-extend/package.json +++ b/packages-node/remark-extend/package.json @@ -1,6 +1,6 @@ { "name": "remark-extend", - "version": "0.4.4", + "version": "0.5.0", "description": "A plugin for remark that allows to extend a md file with another md file", "license": "MIT", "author": "ing-bank", diff --git a/packages-node/rocket-preset-extend-lion-docs/CHANGELOG.md b/packages-node/rocket-preset-extend-lion-docs/CHANGELOG.md index 2d90bee82..61f0261fd 100644 --- a/packages-node/rocket-preset-extend-lion-docs/CHANGELOG.md +++ b/packages-node/rocket-preset-extend-lion-docs/CHANGELOG.md @@ -1,5 +1,16 @@ # rocket-preset-extend-lion-docs +## 0.3.0 + +### Minor Changes + +- 672c8e99: New documentation structure + +### Patch Changes + +- Updated dependencies [672c8e99] + - remark-extend@0.5.0 + ## 0.2.2 ### Patch Changes diff --git a/packages-node/rocket-preset-extend-lion-docs/package.json b/packages-node/rocket-preset-extend-lion-docs/package.json index f56ec6fd0..04128a7cc 100644 --- a/packages-node/rocket-preset-extend-lion-docs/package.json +++ b/packages-node/rocket-preset-extend-lion-docs/package.json @@ -1,6 +1,6 @@ { "name": "rocket-preset-extend-lion-docs", - "version": "0.2.2", + "version": "0.3.0", "description": "A rocket preset to reuse lion documentation inside your design system extension", "license": "MIT", "author": "ing-bank", @@ -32,7 +32,7 @@ "babel-plugin-extend-docs": "0.5.3", "es-module-lexer": "^0.3.6", "plugins-manager": "^0.3.0", - "remark-extend": "0.4.4", + "remark-extend": "0.5.0", "unist-util-visit": "^2.0.2" }, "keywords": [ diff --git a/packages/accordion/CHANGELOG.md b/packages/accordion/CHANGELOG.md index 7d16cac34..6c0c62198 100644 --- a/packages/accordion/CHANGELOG.md +++ b/packages/accordion/CHANGELOG.md @@ -1,5 +1,74 @@ # Change Log +## 0.9.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + ## 0.8.0 ### Minor Changes diff --git a/packages/accordion/package.json b/packages/accordion/package.json index 52497534b..ce2f48b53 100644 --- a/packages/accordion/package.json +++ b/packages/accordion/package.json @@ -1,6 +1,6 @@ { "name": "@lion/accordion", - "version": "0.8.0", + "version": "0.9.0", "description": "Vertically stacked list of invokers that can be clicked to reveal or hide content associated with them.", "license": "MIT", "author": "ing-bank", @@ -36,7 +36,7 @@ "lion-accordion.js" ], "dependencies": { - "@lion/core": "^0.21.0" + "@lion/core": "^0.22.0" }, "keywords": [ "accordion", diff --git a/packages/ajax/CHANGELOG.md b/packages/ajax/CHANGELOG.md index 6d2e68df7..7c7e5e6aa 100644 --- a/packages/ajax/CHANGELOG.md +++ b/packages/ajax/CHANGELOG.md @@ -1,5 +1,66 @@ # Change Log +## 0.14.0 + +### Minor Changes + +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + ## 0.13.0 ### Minor Changes diff --git a/packages/ajax/package.json b/packages/ajax/package.json index f9dff8034..b761a4c1d 100644 --- a/packages/ajax/package.json +++ b/packages/ajax/package.json @@ -1,6 +1,6 @@ { "name": "@lion/ajax", - "version": "0.13.0", + "version": "0.14.0", "description": "Thin wrapper around fetch with support for interceptors.", "license": "MIT", "author": "ing-bank", diff --git a/packages/button/CHANGELOG.md b/packages/button/CHANGELOG.md index f68389b5b..18c1b46f8 100644 --- a/packages/button/CHANGELOG.md +++ b/packages/button/CHANGELOG.md @@ -1,5 +1,74 @@ # Change Log +## 0.17.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + ## 0.16.0 ### Minor Changes diff --git a/packages/button/package.json b/packages/button/package.json index 7964b0519..ba3e4cc5b 100644 --- a/packages/button/package.json +++ b/packages/button/package.json @@ -1,6 +1,6 @@ { "name": "@lion/button", - "version": "0.16.0", + "version": "0.17.0", "description": "A button that is easily styleable and accessible in all contexts", "license": "MIT", "author": "ing-bank", @@ -39,7 +39,7 @@ "define.js" ], "dependencies": { - "@lion/core": "^0.21.0" + "@lion/core": "^0.22.0" }, "keywords": [ "button", diff --git a/packages/calendar/CHANGELOG.md b/packages/calendar/CHANGELOG.md index e281acbf8..98021dd11 100644 --- a/packages/calendar/CHANGELOG.md +++ b/packages/calendar/CHANGELOG.md @@ -1,5 +1,75 @@ # Change Log +## 0.19.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + - @lion/localize@0.24.0 + ## 0.18.0 ### Minor Changes diff --git a/packages/calendar/package.json b/packages/calendar/package.json index 09adf1017..f32e29821 100644 --- a/packages/calendar/package.json +++ b/packages/calendar/package.json @@ -1,6 +1,6 @@ { "name": "@lion/calendar", - "version": "0.18.0", + "version": "0.19.0", "description": "Standalone calendar", "license": "MIT", "author": "ing-bank", @@ -36,8 +36,8 @@ "lion-calendar.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/localize": "^0.23.0" + "@lion/core": "^0.22.0", + "@lion/localize": "^0.24.0" }, "keywords": [ "calendar", diff --git a/packages/checkbox-group/CHANGELOG.md b/packages/checkbox-group/CHANGELOG.md index c5e544122..3bd45088b 100644 --- a/packages/checkbox-group/CHANGELOG.md +++ b/packages/checkbox-group/CHANGELOG.md @@ -1,5 +1,80 @@ # Change Log +## 0.20.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + - @lion/input@0.17.0 + ## 0.19.0 ### Minor Changes diff --git a/packages/checkbox-group/package.json b/packages/checkbox-group/package.json index f197d2446..3011c17d6 100644 --- a/packages/checkbox-group/package.json +++ b/packages/checkbox-group/package.json @@ -1,6 +1,6 @@ { "name": "@lion/checkbox-group", - "version": "0.19.0", + "version": "0.20.0", "description": "A container for multiple checkboxes", "license": "MIT", "author": "ing-bank", @@ -39,9 +39,9 @@ "lion-checkbox-indeterminate.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0", - "@lion/input": "^0.16.0" + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0", + "@lion/input": "^0.17.0" }, "keywords": [ "checkbox-group", diff --git a/packages/collapsible/CHANGELOG.md b/packages/collapsible/CHANGELOG.md index e1aaede14..e29658742 100644 --- a/packages/collapsible/CHANGELOG.md +++ b/packages/collapsible/CHANGELOG.md @@ -1,5 +1,74 @@ # Change Log +## 0.8.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + ## 0.7.0 ### Minor Changes diff --git a/packages/collapsible/package.json b/packages/collapsible/package.json index a843ad71f..15fd7de9c 100644 --- a/packages/collapsible/package.json +++ b/packages/collapsible/package.json @@ -1,6 +1,6 @@ { "name": "@lion/collapsible", - "version": "0.7.0", + "version": "0.8.0", "description": "This component is a combination of a button (the invoker), a chunk of extra content.", "license": "MIT", "author": "ing-bank", @@ -38,7 +38,7 @@ "demo/custom-collapsible.js" ], "dependencies": { - "@lion/core": "^0.21.0" + "@lion/core": "^0.22.0" }, "keywords": [ "collapsible", diff --git a/packages/combobox/CHANGELOG.md b/packages/combobox/CHANGELOG.md index 9e7036f8d..677d6b197 100644 --- a/packages/combobox/CHANGELOG.md +++ b/packages/combobox/CHANGELOG.md @@ -1,5 +1,83 @@ # Change Log +## 0.10.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [d46b9894] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] +- Updated dependencies [1ea9f291] + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + - @lion/listbox@0.13.0 + - @lion/overlays@0.32.0 + ## 0.9.0 ### Minor Changes diff --git a/packages/combobox/package.json b/packages/combobox/package.json index 56e5302ca..254780506 100644 --- a/packages/combobox/package.json +++ b/packages/combobox/package.json @@ -1,6 +1,6 @@ { "name": "@lion/combobox", - "version": "0.9.0", + "version": "0.10.0", "description": "A widget made up of a single-line textbox and an associated pop-up listbox element", "license": "MIT", "author": "ing-bank", @@ -45,10 +45,10 @@ "docs/google-combobox/google-combobox.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0", - "@lion/listbox": "^0.12.0", - "@lion/overlays": "^0.31.0" + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0", + "@lion/listbox": "^0.13.0", + "@lion/overlays": "^0.32.0" }, "keywords": [ "combobox", diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md index f88b62e49..0660f6e81 100644 --- a/packages/core/CHANGELOG.md +++ b/packages/core/CHANGELOG.md @@ -1,5 +1,71 @@ # Change Log +## 0.22.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- 66531e3c: SlotMixin: support scoped elements + ## 0.21.1 ### Patch Changes diff --git a/packages/core/package.json b/packages/core/package.json index 19eb34d95..82b4682b5 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@lion/core", - "version": "0.21.1", + "version": "0.22.0", "description": "Core functionality that is shared across all Lion Web Components", "license": "MIT", "author": "ing-bank", diff --git a/packages/dialog/CHANGELOG.md b/packages/dialog/CHANGELOG.md index 2e61dbc97..979920ae7 100644 --- a/packages/dialog/CHANGELOG.md +++ b/packages/dialog/CHANGELOG.md @@ -1,5 +1,76 @@ # Change Log +## 0.15.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [d46b9894] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + - @lion/overlays@0.32.0 + ## 0.14.0 ### Minor Changes diff --git a/packages/dialog/package.json b/packages/dialog/package.json index c8b530b72..848255529 100644 --- a/packages/dialog/package.json +++ b/packages/dialog/package.json @@ -1,6 +1,6 @@ { "name": "@lion/dialog", - "version": "0.14.0", + "version": "0.15.0", "description": "Show relative overlay content on click, as a webcomponent", "license": "MIT", "author": "ing-bank", @@ -37,8 +37,8 @@ "./docs/styled-dialog-content.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/overlays": "^0.31.0" + "@lion/core": "^0.22.0", + "@lion/overlays": "^0.32.0" }, "keywords": [ "dialog", diff --git a/packages/fieldset/CHANGELOG.md b/packages/fieldset/CHANGELOG.md index 19b262b34..b0c29800c 100644 --- a/packages/fieldset/CHANGELOG.md +++ b/packages/fieldset/CHANGELOG.md @@ -1,5 +1,79 @@ # Change Log +## 0.21.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + ## 0.20.0 ### Minor Changes diff --git a/packages/fieldset/package.json b/packages/fieldset/package.json index 76ccc0b2e..32edfa1cc 100644 --- a/packages/fieldset/package.json +++ b/packages/fieldset/package.json @@ -1,6 +1,6 @@ { "name": "@lion/fieldset", - "version": "0.20.0", + "version": "0.21.0", "description": "Allows to groups multiple input fields or other fieldsets together", "license": "MIT", "author": "ing-bank", @@ -37,8 +37,8 @@ "./docs/helpers/demo-fieldset-child.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0" + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0" }, "keywords": [ "fieldset", diff --git a/packages/form-core/CHANGELOG.md b/packages/form-core/CHANGELOG.md index a6482ddb8..3fee30208 100644 --- a/packages/form-core/CHANGELOG.md +++ b/packages/form-core/CHANGELOG.md @@ -1,5 +1,80 @@ # Change Log +## 0.17.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- 7016a150: Validation: allow enums as outcome of a Validator +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +- f408f6f8: Updated the ValidateMixin \_\_setupValidators method to sync the calendar date with validator params with reference to this issue : https://github.com/ing-bank/lion/pull/1641/files#diff-bed9319548b16e509dd4a5c3d9c7c31175b577f91e433ee55a945e05339d2796R632 + +### Patch Changes + +- 9c1dfdcd: FormControl: allow a label-sr-only flag to provide visually hidden labels +- 3772c943: form-core: expose 'mimicUserInput' test-helper +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + - @lion/localize@0.24.0 + ## 0.16.0 ### Minor Changes diff --git a/packages/form-core/package.json b/packages/form-core/package.json index 2e2cb6a0f..11ff1d772 100644 --- a/packages/form-core/package.json +++ b/packages/form-core/package.json @@ -1,6 +1,6 @@ { "name": "@lion/form-core", - "version": "0.16.0", + "version": "0.17.0", "description": "Form-core contains all essential building blocks for creating form fields and fieldsets", "license": "MIT", "author": "ing-bank", @@ -38,8 +38,8 @@ "lion-validation-feedback.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/localize": "^0.23.0" + "@lion/core": "^0.22.0", + "@lion/localize": "^0.24.0" }, "keywords": [ "field", diff --git a/packages/form-integrations/CHANGELOG.md b/packages/form-integrations/CHANGELOG.md index 47d9e3414..2443f02ce 100644 --- a/packages/form-integrations/CHANGELOG.md +++ b/packages/form-integrations/CHANGELOG.md @@ -1,5 +1,105 @@ # Change Log +## 0.11.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [a64c552b] +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] +- Updated dependencies [f7df1ae8] +- Updated dependencies [998d95f9] +- Updated dependencies [1ea9f291] +- Updated dependencies [85318e3b] + - @lion/validate-messages@0.9.0 + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + - @lion/button@0.17.0 + - @lion/checkbox-group@0.20.0 + - @lion/combobox@0.10.0 + - @lion/fieldset@0.21.0 + - @lion/form@0.14.0 + - @lion/input@0.17.0 + - @lion/input-amount@0.16.0 + - @lion/input-date@0.14.0 + - @lion/input-datepicker@0.25.0 + - @lion/input-email@0.15.0 + - @lion/input-iban@0.18.0 + - @lion/input-range@0.12.0 + - @lion/input-stepper@0.8.0 + - @lion/listbox@0.13.0 + - @lion/localize@0.24.0 + - @lion/radio-group@0.20.0 + - @lion/select@0.16.0 + - @lion/select-rich@0.30.0 + - @lion/switch@0.20.0 + - @lion/textarea@0.15.0 + ## 0.10.0 ### Minor Changes diff --git a/packages/form-integrations/package.json b/packages/form-integrations/package.json index 4d3259b2e..2d2d44806 100644 --- a/packages/form-integrations/package.json +++ b/packages/form-integrations/package.json @@ -1,6 +1,6 @@ { "name": "@lion/form-integrations", - "version": "0.10.0", + "version": "0.11.0", "description": "The Form System allows you to create complex forms with various validation in an easy way", "license": "MIT", "author": "ing-bank", @@ -32,29 +32,29 @@ "test": "cd ../../ && npm run test:browser -- --group form-integrations" }, "dependencies": { - "@lion/button": "^0.16.0", - "@lion/checkbox-group": "^0.19.0", - "@lion/combobox": "^0.9.0", - "@lion/core": "^0.21.0", - "@lion/fieldset": "^0.20.0", - "@lion/form": "^0.13.0", - "@lion/form-core": "^0.16.0", - "@lion/input": "^0.16.0", - "@lion/input-amount": "^0.15.0", - "@lion/input-date": "^0.13.0", - "@lion/input-datepicker": "^0.24.0", - "@lion/input-email": "^0.14.0", - "@lion/input-iban": "^0.17.0", - "@lion/input-range": "^0.11.0", - "@lion/input-stepper": "^0.7.0", - "@lion/listbox": "^0.12.0", - "@lion/localize": "^0.23.0", - "@lion/radio-group": "^0.19.0", - "@lion/select": "^0.15.0", - "@lion/select-rich": "^0.29.0", - "@lion/switch": "^0.19.0", - "@lion/textarea": "^0.14.0", - "@lion/validate-messages": "^0.8.0" + "@lion/button": "^0.17.0", + "@lion/checkbox-group": "^0.20.0", + "@lion/combobox": "^0.10.0", + "@lion/core": "^0.22.0", + "@lion/fieldset": "^0.21.0", + "@lion/form": "^0.14.0", + "@lion/form-core": "^0.17.0", + "@lion/input": "^0.17.0", + "@lion/input-amount": "^0.16.0", + "@lion/input-date": "^0.14.0", + "@lion/input-datepicker": "^0.25.0", + "@lion/input-email": "^0.15.0", + "@lion/input-iban": "^0.18.0", + "@lion/input-range": "^0.12.0", + "@lion/input-stepper": "^0.8.0", + "@lion/listbox": "^0.13.0", + "@lion/localize": "^0.24.0", + "@lion/radio-group": "^0.20.0", + "@lion/select": "^0.16.0", + "@lion/select-rich": "^0.30.0", + "@lion/switch": "^0.20.0", + "@lion/textarea": "^0.15.0", + "@lion/validate-messages": "^0.9.0" }, "keywords": [ "form", diff --git a/packages/form/CHANGELOG.md b/packages/form/CHANGELOG.md index 89d30b0ce..5e0ec609f 100644 --- a/packages/form/CHANGELOG.md +++ b/packages/form/CHANGELOG.md @@ -1,5 +1,73 @@ # Change Log +## 0.14.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/fieldset@0.21.0 + ## 0.13.0 ### Minor Changes diff --git a/packages/form/package.json b/packages/form/package.json index 18cf9c09d..c9d8ac8cf 100644 --- a/packages/form/package.json +++ b/packages/form/package.json @@ -1,6 +1,6 @@ { "name": "@lion/form", - "version": "0.13.0", + "version": "0.14.0", "description": "It enhances the functionality of the native `form` component. It is designed to interact with (instances of) form fields", "license": "MIT", "author": "ing-bank", @@ -36,7 +36,7 @@ "lion-form.js" ], "dependencies": { - "@lion/fieldset": "^0.20.0" + "@lion/fieldset": "^0.21.0" }, "keywords": [ "form", diff --git a/packages/helpers/CHANGELOG.md b/packages/helpers/CHANGELOG.md index 9b8d229dd..9da0124cf 100644 --- a/packages/helpers/CHANGELOG.md +++ b/packages/helpers/CHANGELOG.md @@ -1,5 +1,73 @@ # Change Log +## 0.11.0 + +### Minor Changes + +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + ## 0.10.0 ### Minor Changes diff --git a/packages/helpers/package.json b/packages/helpers/package.json index 20dc84b2a..472d94b75 100644 --- a/packages/helpers/package.json +++ b/packages/helpers/package.json @@ -1,6 +1,6 @@ { "name": "@lion/helpers", - "version": "0.10.0", + "version": "0.11.0", "description": "Helpers that are used throughout lion and can be used outside", "license": "MIT", "author": "ing-bank", @@ -35,7 +35,7 @@ "sb-locale-switcher.js" ], "dependencies": { - "@lion/core": "^0.21.0" + "@lion/core": "^0.22.0" }, "keywords": [ "action logger", diff --git a/packages/icon/CHANGELOG.md b/packages/icon/CHANGELOG.md index cba55cbfd..c76186ac1 100644 --- a/packages/icon/CHANGELOG.md +++ b/packages/icon/CHANGELOG.md @@ -1,5 +1,74 @@ # Change Log +## 0.15.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + ## 0.14.0 ### Minor Changes diff --git a/packages/icon/package.json b/packages/icon/package.json index 3dff625b1..21057f6e0 100644 --- a/packages/icon/package.json +++ b/packages/icon/package.json @@ -1,6 +1,6 @@ { "name": "@lion/icon", - "version": "0.14.0", + "version": "0.15.0", "description": "A web component easily displaying svg icons", "license": "MIT", "author": "ing-bank", @@ -37,7 +37,7 @@ "./docs/icon-resolvers.js" ], "dependencies": { - "@lion/core": "^0.21.0", + "@lion/core": "^0.22.0", "singleton-manager": "^1.4.3" }, "keywords": [ diff --git a/packages/input-amount/CHANGELOG.md b/packages/input-amount/CHANGELOG.md index 58c928240..278692d13 100644 --- a/packages/input-amount/CHANGELOG.md +++ b/packages/input-amount/CHANGELOG.md @@ -1,5 +1,85 @@ # Change Log +## 0.16.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [a64c552b] +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] +- Updated dependencies [f7df1ae8] +- Updated dependencies [85318e3b] + - @lion/validate-messages@0.9.0 + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + - @lion/input@0.17.0 + - @lion/localize@0.24.0 + ## 0.15.0 ### Minor Changes diff --git a/packages/input-amount/package.json b/packages/input-amount/package.json index 425f64f3a..8505f03e0 100644 --- a/packages/input-amount/package.json +++ b/packages/input-amount/package.json @@ -1,6 +1,6 @@ { "name": "@lion/input-amount", - "version": "0.15.0", + "version": "0.16.0", "description": "Provide a way for users to fill in an amount", "license": "MIT", "author": "ing-bank", @@ -36,11 +36,11 @@ "lion-input-amount.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0", - "@lion/input": "^0.16.0", - "@lion/localize": "^0.23.0", - "@lion/validate-messages": "^0.8.0" + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0", + "@lion/input": "^0.17.0", + "@lion/localize": "^0.24.0", + "@lion/validate-messages": "^0.9.0" }, "keywords": [ "input-amount", diff --git a/packages/input-date/CHANGELOG.md b/packages/input-date/CHANGELOG.md index b6ec3bbbd..c5b3d36db 100644 --- a/packages/input-date/CHANGELOG.md +++ b/packages/input-date/CHANGELOG.md @@ -1,5 +1,85 @@ # Change Log +## 0.14.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [a64c552b] +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] +- Updated dependencies [f7df1ae8] +- Updated dependencies [85318e3b] + - @lion/validate-messages@0.9.0 + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + - @lion/input@0.17.0 + - @lion/localize@0.24.0 + ## 0.13.0 ### Minor Changes diff --git a/packages/input-date/package.json b/packages/input-date/package.json index 3ce5a20d4..9858f512f 100644 --- a/packages/input-date/package.json +++ b/packages/input-date/package.json @@ -1,6 +1,6 @@ { "name": "@lion/input-date", - "version": "0.13.0", + "version": "0.14.0", "description": "Provide a way for users to fill in a date", "license": "MIT", "author": "ing-bank", @@ -36,11 +36,11 @@ "lion-input-date.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0", - "@lion/input": "^0.16.0", - "@lion/localize": "^0.23.0", - "@lion/validate-messages": "^0.8.0" + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0", + "@lion/input": "^0.17.0", + "@lion/localize": "^0.24.0", + "@lion/validate-messages": "^0.9.0" }, "keywords": [ "input-date", diff --git a/packages/input-datepicker/CHANGELOG.md b/packages/input-datepicker/CHANGELOG.md index 67a4942b3..732bb98ed 100644 --- a/packages/input-datepicker/CHANGELOG.md +++ b/packages/input-datepicker/CHANGELOG.md @@ -1,5 +1,90 @@ # Change Log +## 0.25.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +- 998d95f9: Added a fix by overriding the \_\_onValidatorUpdated() to sync the calendar dates when the validator params got changed + +### Patch Changes + +- Updated dependencies [a64c552b] +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [d46b9894] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] +- Updated dependencies [f7df1ae8] +- Updated dependencies [85318e3b] + - @lion/validate-messages@0.9.0 + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + - @lion/calendar@0.19.0 + - @lion/input-date@0.14.0 + - @lion/localize@0.24.0 + - @lion/overlays@0.32.0 + ## 0.24.0 ### Minor Changes diff --git a/packages/input-datepicker/package.json b/packages/input-datepicker/package.json index 2ff77db10..801d23dfc 100644 --- a/packages/input-datepicker/package.json +++ b/packages/input-datepicker/package.json @@ -1,6 +1,6 @@ { "name": "@lion/input-datepicker", - "version": "0.24.0", + "version": "0.25.0", "description": "Provide a way for users to fill in a date via a calendar overlay", "license": "MIT", "author": "ing-bank", @@ -36,13 +36,13 @@ "lion-input-datepicker.js" ], "dependencies": { - "@lion/calendar": "^0.18.0", - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0", - "@lion/input-date": "^0.13.0", - "@lion/localize": "^0.23.0", - "@lion/overlays": "^0.31.0", - "@lion/validate-messages": "^0.8.0" + "@lion/calendar": "^0.19.0", + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0", + "@lion/input-date": "^0.14.0", + "@lion/localize": "^0.24.0", + "@lion/overlays": "^0.32.0", + "@lion/validate-messages": "^0.9.0" }, "keywords": [ "calendar", diff --git a/packages/input-email/CHANGELOG.md b/packages/input-email/CHANGELOG.md index c7dfaf028..de066accf 100644 --- a/packages/input-email/CHANGELOG.md +++ b/packages/input-email/CHANGELOG.md @@ -1,5 +1,85 @@ # Change Log +## 0.15.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [a64c552b] +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] +- Updated dependencies [f7df1ae8] +- Updated dependencies [85318e3b] + - @lion/validate-messages@0.9.0 + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + - @lion/input@0.17.0 + - @lion/localize@0.24.0 + ## 0.14.0 ### Minor Changes diff --git a/packages/input-email/package.json b/packages/input-email/package.json index 03925c827..785f2f369 100644 --- a/packages/input-email/package.json +++ b/packages/input-email/package.json @@ -1,6 +1,6 @@ { "name": "@lion/input-email", - "version": "0.14.0", + "version": "0.15.0", "description": "Provide a way for users to fill in an email", "license": "MIT", "author": "ing-bank", @@ -36,11 +36,11 @@ "lion-input-email.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0", - "@lion/input": "^0.16.0", - "@lion/localize": "^0.23.0", - "@lion/validate-messages": "^0.8.0" + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0", + "@lion/input": "^0.17.0", + "@lion/localize": "^0.24.0", + "@lion/validate-messages": "^0.9.0" }, "keywords": [ "input-email", diff --git a/packages/input-iban/CHANGELOG.md b/packages/input-iban/CHANGELOG.md index 7f028485d..37ae7fc51 100644 --- a/packages/input-iban/CHANGELOG.md +++ b/packages/input-iban/CHANGELOG.md @@ -1,5 +1,85 @@ # Change Log +## 0.18.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [a64c552b] +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] +- Updated dependencies [f7df1ae8] +- Updated dependencies [85318e3b] + - @lion/validate-messages@0.9.0 + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + - @lion/input@0.17.0 + - @lion/localize@0.24.0 + ## 0.17.0 ### Minor Changes diff --git a/packages/input-iban/package.json b/packages/input-iban/package.json index 3fd863d8c..4983c231d 100644 --- a/packages/input-iban/package.json +++ b/packages/input-iban/package.json @@ -1,6 +1,6 @@ { "name": "@lion/input-iban", - "version": "0.17.0", + "version": "0.18.0", "description": "Provide a way for users to fill in an iban", "license": "MIT", "author": "ing-bank", @@ -36,11 +36,11 @@ "lion-input-iban.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0", - "@lion/input": "^0.16.0", - "@lion/localize": "^0.23.0", - "@lion/validate-messages": "^0.8.0", + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0", + "@lion/input": "^0.17.0", + "@lion/localize": "^0.24.0", + "@lion/validate-messages": "^0.9.0", "ibantools": "^2.2.0" }, "keywords": [ diff --git a/packages/input-range/CHANGELOG.md b/packages/input-range/CHANGELOG.md index 0db655492..73d3560dd 100644 --- a/packages/input-range/CHANGELOG.md +++ b/packages/input-range/CHANGELOG.md @@ -1,5 +1,76 @@ # Change Log +## 0.12.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + - @lion/input@0.17.0 + - @lion/localize@0.24.0 + ## 0.11.1 ### Patch Changes diff --git a/packages/input-range/package.json b/packages/input-range/package.json index ab5c3060d..ec49dcc29 100644 --- a/packages/input-range/package.json +++ b/packages/input-range/package.json @@ -1,6 +1,6 @@ { "name": "@lion/input-range", - "version": "0.11.1", + "version": "0.12.0", "description": "Provide a way for users to select one value from a range of values", "license": "MIT", "author": "ing-bank", @@ -36,9 +36,9 @@ "lion-input-range.js" ], "dependencies": { - "@lion/core": "^0.21.1", - "@lion/input": "^0.16.0", - "@lion/localize": "^0.23.0" + "@lion/core": "^0.22.0", + "@lion/input": "^0.17.0", + "@lion/localize": "^0.24.0" }, "keywords": [ "input-range", diff --git a/packages/input-stepper/CHANGELOG.md b/packages/input-stepper/CHANGELOG.md index c7eff9eaa..1c4cc1e38 100644 --- a/packages/input-stepper/CHANGELOG.md +++ b/packages/input-stepper/CHANGELOG.md @@ -1,5 +1,80 @@ # Change Log +## 0.8.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + - @lion/input@0.17.0 + ## 0.7.0 ### Minor Changes diff --git a/packages/input-stepper/package.json b/packages/input-stepper/package.json index ce0a29988..853ef53f7 100644 --- a/packages/input-stepper/package.json +++ b/packages/input-stepper/package.json @@ -1,6 +1,6 @@ { "name": "@lion/input-stepper", - "version": "0.7.0", + "version": "0.8.0", "description": "This component enables the user to increase and decrease a numeric value by predefined range.", "license": "MIT", "author": "ing-bank", @@ -36,9 +36,9 @@ "lion-input-stepper.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0", - "@lion/input": "^0.16.0" + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0", + "@lion/input": "^0.17.0" }, "keywords": [ "input", diff --git a/packages/input-tel-dropdown/CHANGELOG.md b/packages/input-tel-dropdown/CHANGELOG.md new file mode 100644 index 000000000..ef8ac65c3 --- /dev/null +++ b/packages/input-tel-dropdown/CHANGELOG.md @@ -0,0 +1,72 @@ +# @lion/input-tel-dropdown + +## 0.1.0 +### Minor Changes + +- 32b322c3: New component LionInpuTelDropdown +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [a882c94f] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + - @lion/localize@0.24.0 + - @lion/input-tel@0.1.0 diff --git a/packages/input-tel-dropdown/package.json b/packages/input-tel-dropdown/package.json index 1a46eb423..9ecb17e7e 100644 --- a/packages/input-tel-dropdown/package.json +++ b/packages/input-tel-dropdown/package.json @@ -1,6 +1,6 @@ { "name": "@lion/input-tel-dropdown", - "version": "0.0.0", + "version": "0.1.0", "description": "Input field for entering phone numbers with the help of a dropdown region list", "license": "MIT", "author": "ing-bank", @@ -34,9 +34,9 @@ "lion-input-tel-dropdown.js" ], "dependencies": { - "@lion/core": "0.21.1", - "@lion/input-tel": "0.0.0", - "@lion/localize": "0.23.0" + "@lion/core": "0.22.0", + "@lion/input-tel": "0.1.0", + "@lion/localize": "0.24.0" }, "keywords": [ "input", diff --git a/packages/input-tel/CHANGELOG.md b/packages/input-tel/CHANGELOG.md new file mode 100644 index 000000000..8ce8ba5dd --- /dev/null +++ b/packages/input-tel/CHANGELOG.md @@ -0,0 +1,76 @@ +# @lion/input-tel + +## 0.1.0 +### Minor Changes + +- a882c94f: New component "LionInputTel" +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + - @lion/input@0.17.0 + - @lion/localize@0.24.0 diff --git a/packages/input-tel/package.json b/packages/input-tel/package.json index 4e268926d..14fabe728 100644 --- a/packages/input-tel/package.json +++ b/packages/input-tel/package.json @@ -1,6 +1,6 @@ { "name": "@lion/input-tel", - "version": "0.0.0", + "version": "0.1.0", "description": "Input field for entering phone numbers, including validation, formatting and mobile keyboard support.", "license": "MIT", "author": "ing-bank", @@ -37,10 +37,10 @@ "lion-input-tel.js" ], "dependencies": { - "@lion/core": "0.21.1", - "@lion/form-core": "0.16.0", - "@lion/input": "0.16.0", - "@lion/localize": "0.23.0" + "@lion/core": "0.22.0", + "@lion/form-core": "0.17.0", + "@lion/input": "0.17.0", + "@lion/localize": "0.24.0" }, "keywords": [ "input", diff --git a/packages/input/CHANGELOG.md b/packages/input/CHANGELOG.md index 1b81114cc..96a5d443e 100644 --- a/packages/input/CHANGELOG.md +++ b/packages/input/CHANGELOG.md @@ -1,5 +1,77 @@ # Change Log +## 0.17.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] + - @lion/form-core@0.17.0 + ## 0.16.0 ### Minor Changes diff --git a/packages/input/package.json b/packages/input/package.json index f7cf2c580..581121faa 100644 --- a/packages/input/package.json +++ b/packages/input/package.json @@ -1,6 +1,6 @@ { "name": "@lion/input", - "version": "0.16.0", + "version": "0.17.0", "description": "It enhances the functionality of the native `` element", "license": "MIT", "author": "ing-bank", @@ -36,7 +36,7 @@ "lion-input.js" ], "dependencies": { - "@lion/form-core": "^0.16.0" + "@lion/form-core": "^0.17.0" }, "keywords": [ "input", diff --git a/packages/listbox/CHANGELOG.md b/packages/listbox/CHANGELOG.md index 5e236670a..2e7f526bc 100644 --- a/packages/listbox/CHANGELOG.md +++ b/packages/listbox/CHANGELOG.md @@ -1,5 +1,80 @@ # @lion/listbox +## 0.13.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- 1ea9f291: Fix: Prevent default behavior while scrolling using arrow keys in a horizontal listbox +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + ## 0.12.0 ### Minor Changes diff --git a/packages/listbox/package.json b/packages/listbox/package.json index 8ba7af169..5da78f1e9 100644 --- a/packages/listbox/package.json +++ b/packages/listbox/package.json @@ -1,6 +1,6 @@ { "name": "@lion/listbox", - "version": "0.12.0", + "version": "0.13.0", "description": "A listbox widget presents a list of options and allows a user to select one or more of them", "license": "MIT", "author": "ing-bank", @@ -39,8 +39,8 @@ "lion-options.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0" + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0" }, "keywords": [ "form", diff --git a/packages/localize/CHANGELOG.md b/packages/localize/CHANGELOG.md index 32ab85222..8b7e625f2 100644 --- a/packages/localize/CHANGELOG.md +++ b/packages/localize/CHANGELOG.md @@ -1,5 +1,74 @@ # Change Log +## 0.24.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + ## 0.23.0 ### Minor Changes diff --git a/packages/localize/package.json b/packages/localize/package.json index 81a835df8..5fac816b3 100644 --- a/packages/localize/package.json +++ b/packages/localize/package.json @@ -1,6 +1,6 @@ { "name": "@lion/localize", - "version": "0.23.0", + "version": "0.24.0", "description": "The localization system helps to manage localization data split into locales and automate its loading", "license": "MIT", "author": "ing-bank", @@ -34,7 +34,7 @@ "sideEffects": false, "dependencies": { "@bundled-es-modules/message-format": "6.0.4", - "@lion/core": "^0.21.0", + "@lion/core": "^0.22.0", "singleton-manager": "^1.4.3" }, "keywords": [ diff --git a/packages/overlays/CHANGELOG.md b/packages/overlays/CHANGELOG.md index e566985ac..72f1af5de 100644 --- a/packages/overlays/CHANGELOG.md +++ b/packages/overlays/CHANGELOG.md @@ -1,5 +1,75 @@ # Change Log +## 0.32.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- d46b9894: Fix check for css typed object support +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + ## 0.31.0 ### Minor Changes diff --git a/packages/overlays/package.json b/packages/overlays/package.json index 56dea6a60..ab2b27ae9 100644 --- a/packages/overlays/package.json +++ b/packages/overlays/package.json @@ -1,6 +1,6 @@ { "name": "@lion/overlays", - "version": "0.31.0", + "version": "0.32.0", "description": "Overlays System using lit-html for rendering", "license": "MIT", "author": "ing-bank", @@ -37,7 +37,7 @@ "./docs/applyDemoOverlayStyles.js" ], "dependencies": { - "@lion/core": "^0.21.0", + "@lion/core": "^0.22.0", "@popperjs/core": "^2.5.4", "singleton-manager": "^1.4.3" }, diff --git a/packages/pagination/CHANGELOG.md b/packages/pagination/CHANGELOG.md index 3714078cf..e357a73f6 100644 --- a/packages/pagination/CHANGELOG.md +++ b/packages/pagination/CHANGELOG.md @@ -1,5 +1,75 @@ # Change Log +## 0.8.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + - @lion/localize@0.24.0 + ## 0.7.0 ### Minor Changes diff --git a/packages/pagination/package.json b/packages/pagination/package.json index 31763bf61..7fecdceae 100644 --- a/packages/pagination/package.json +++ b/packages/pagination/package.json @@ -1,6 +1,6 @@ { "name": "@lion/pagination", - "version": "0.7.0", + "version": "0.8.0", "description": "A component that handles pagination.", "license": "MIT", "author": "ing-bank", @@ -36,8 +36,8 @@ "lion-pagination.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/localize": "^0.23.0" + "@lion/core": "^0.22.0", + "@lion/localize": "^0.24.0" }, "keywords": [ "lion", diff --git a/packages/progress-indicator/CHANGELOG.md b/packages/progress-indicator/CHANGELOG.md index c8a7534a2..5c6b8dae8 100644 --- a/packages/progress-indicator/CHANGELOG.md +++ b/packages/progress-indicator/CHANGELOG.md @@ -1,5 +1,75 @@ # @lion/progress-indicator +## 0.8.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + - @lion/localize@0.24.0 + ## 0.7.0 ### Minor Changes diff --git a/packages/progress-indicator/package.json b/packages/progress-indicator/package.json index a54717919..ec6e0e714 100644 --- a/packages/progress-indicator/package.json +++ b/packages/progress-indicator/package.json @@ -1,6 +1,6 @@ { "name": "@lion/progress-indicator", - "version": "0.7.0", + "version": "0.8.0", "description": "A progress indicator that is easily styleable and accessible in all contexts", "license": "MIT", "author": "ing-bank", @@ -36,8 +36,8 @@ "lion-progress-indicator.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/localize": "^0.23.0" + "@lion/core": "^0.22.0", + "@lion/localize": "^0.24.0" }, "keywords": [ "lion", diff --git a/packages/radio-group/CHANGELOG.md b/packages/radio-group/CHANGELOG.md index 946aebfaf..d97a9dfdc 100644 --- a/packages/radio-group/CHANGELOG.md +++ b/packages/radio-group/CHANGELOG.md @@ -1,5 +1,80 @@ # Change Log +## 0.20.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + - @lion/input@0.17.0 + ## 0.19.0 ### Minor Changes diff --git a/packages/radio-group/package.json b/packages/radio-group/package.json index b5601d756..bae034e9e 100644 --- a/packages/radio-group/package.json +++ b/packages/radio-group/package.json @@ -1,6 +1,6 @@ { "name": "@lion/radio-group", - "version": "0.19.0", + "version": "0.20.0", "description": "Manage a group of choices", "license": "MIT", "author": "ing-bank", @@ -38,9 +38,9 @@ "lion-radio-group.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0", - "@lion/input": "^0.16.0" + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0", + "@lion/input": "^0.17.0" }, "keywords": [ "lion", diff --git a/packages/select-rich/CHANGELOG.md b/packages/select-rich/CHANGELOG.md index b75ff16e3..bcdf12803 100644 --- a/packages/select-rich/CHANGELOG.md +++ b/packages/select-rich/CHANGELOG.md @@ -1,5 +1,84 @@ # Change Log +## 0.30.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [d46b9894] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] +- Updated dependencies [1ea9f291] + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + - @lion/button@0.17.0 + - @lion/listbox@0.13.0 + - @lion/overlays@0.32.0 + ## 0.29.0 ### Minor Changes diff --git a/packages/select-rich/package.json b/packages/select-rich/package.json index 453549c1d..4bb2ee061 100644 --- a/packages/select-rich/package.json +++ b/packages/select-rich/package.json @@ -1,6 +1,6 @@ { "name": "@lion/select-rich", - "version": "0.29.0", + "version": "0.30.0", "description": "Provides a select with options that can contain html", "license": "MIT", "author": "ing-bank", @@ -40,11 +40,11 @@ "lion-select-rich.js" ], "dependencies": { - "@lion/button": "^0.16.0", - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0", - "@lion/listbox": "^0.12.0", - "@lion/overlays": "^0.31.0" + "@lion/button": "^0.17.0", + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0", + "@lion/listbox": "^0.13.0", + "@lion/overlays": "^0.32.0" }, "keywords": [ "field", diff --git a/packages/select/CHANGELOG.md b/packages/select/CHANGELOG.md index f0df378ab..e4601f398 100644 --- a/packages/select/CHANGELOG.md +++ b/packages/select/CHANGELOG.md @@ -1,5 +1,79 @@ # Change Log +## 0.16.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + ## 0.15.0 ### Minor Changes diff --git a/packages/select/package.json b/packages/select/package.json index 26b69a1ba..a31b4eaa4 100644 --- a/packages/select/package.json +++ b/packages/select/package.json @@ -1,6 +1,6 @@ { "name": "@lion/select", - "version": "0.15.0", + "version": "0.16.0", "description": "Provide a set of options where you can select one", "license": "MIT", "author": "ing-bank", @@ -36,8 +36,8 @@ "lion-select.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0" + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0" }, "keywords": [ "lion", diff --git a/packages/steps/CHANGELOG.md b/packages/steps/CHANGELOG.md index dfb5d352b..a631a91ed 100644 --- a/packages/steps/CHANGELOG.md +++ b/packages/steps/CHANGELOG.md @@ -1,5 +1,74 @@ # Change Log +## 0.11.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + ## 0.10.0 ### Minor Changes diff --git a/packages/steps/package.json b/packages/steps/package.json index 43a59918b..1ee3c6f8b 100644 --- a/packages/steps/package.json +++ b/packages/steps/package.json @@ -1,6 +1,6 @@ { "name": "@lion/steps", - "version": "0.10.0", + "version": "0.11.0", "description": "Breaks a single goal down into dependable sub-tasks.", "license": "MIT", "author": "ing-bank", @@ -38,7 +38,7 @@ "lion-steps.js" ], "dependencies": { - "@lion/core": "^0.21.0" + "@lion/core": "^0.22.0" }, "keywords": [ "lion", diff --git a/packages/switch/CHANGELOG.md b/packages/switch/CHANGELOG.md index 9b8b930eb..8058c3dd5 100644 --- a/packages/switch/CHANGELOG.md +++ b/packages/switch/CHANGELOG.md @@ -1,5 +1,80 @@ # Change Log +## 0.20.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + - @lion/helpers@0.11.0 + ## 0.19.0 ### Minor Changes diff --git a/packages/switch/package.json b/packages/switch/package.json index 04b6c7491..bba8eb3cc 100644 --- a/packages/switch/package.json +++ b/packages/switch/package.json @@ -1,6 +1,6 @@ { "name": "@lion/switch", - "version": "0.19.0", + "version": "0.20.0", "description": "A Switch is used for switching a property or feature on and off", "license": "MIT", "author": "ing-bank", @@ -38,9 +38,9 @@ "lion-switch-button.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0", - "@lion/helpers": "^0.10.0" + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0", + "@lion/helpers": "^0.11.0" }, "keywords": [ "lion", diff --git a/packages/tabs/CHANGELOG.md b/packages/tabs/CHANGELOG.md index 5706afe5f..36ec88670 100644 --- a/packages/tabs/CHANGELOG.md +++ b/packages/tabs/CHANGELOG.md @@ -1,5 +1,75 @@ # Change Log +## 0.12.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- 03c294c9: tabs: allow to be initialized withhout children +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + ## 0.11.0 ### Minor Changes diff --git a/packages/tabs/package.json b/packages/tabs/package.json index 2095b1300..b11dd7ac3 100644 --- a/packages/tabs/package.json +++ b/packages/tabs/package.json @@ -1,6 +1,6 @@ { "name": "@lion/tabs", - "version": "0.11.0", + "version": "0.12.0", "description": "Allows users to quickly move between a small number of equally important views.", "license": "MIT", "author": "ing-bank", @@ -36,7 +36,7 @@ "lion-tabs.js" ], "dependencies": { - "@lion/core": "^0.21.0" + "@lion/core": "^0.22.0" }, "keywords": [ "lion", diff --git a/packages/textarea/CHANGELOG.md b/packages/textarea/CHANGELOG.md index f85956490..681fae497 100644 --- a/packages/textarea/CHANGELOG.md +++ b/packages/textarea/CHANGELOG.md @@ -1,5 +1,79 @@ # Change Log +## 0.15.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] + - @lion/form-core@0.17.0 + - @lion/core@0.22.0 + ## 0.14.0 ### Minor Changes diff --git a/packages/textarea/package.json b/packages/textarea/package.json index 15e27d008..a3369bd82 100644 --- a/packages/textarea/package.json +++ b/packages/textarea/package.json @@ -1,6 +1,6 @@ { "name": "@lion/textarea", - "version": "0.14.0", + "version": "0.15.0", "description": "Provide a way for users to write text that is multiple lines long", "license": "MIT", "author": "ing-bank", @@ -36,8 +36,8 @@ "lion-textarea.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/form-core": "^0.16.0", + "@lion/core": "^0.22.0", + "@lion/form-core": "^0.17.0", "@types/autosize": "^3.0.7", "autosize": "4.0.2" }, diff --git a/packages/tooltip/CHANGELOG.md b/packages/tooltip/CHANGELOG.md index 2ab7cb4b3..7fc5151ea 100644 --- a/packages/tooltip/CHANGELOG.md +++ b/packages/tooltip/CHANGELOG.md @@ -1,5 +1,76 @@ # Change Log +## 0.23.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- Updated dependencies [66531e3c] +- Updated dependencies [672c8e99] +- Updated dependencies [d46b9894] +- Updated dependencies [aa8b8916] + - @lion/core@0.22.0 + - @lion/overlays@0.32.0 + ## 0.22.0 ### Minor Changes diff --git a/packages/tooltip/package.json b/packages/tooltip/package.json index df7624a9a..2a8fbd063 100644 --- a/packages/tooltip/package.json +++ b/packages/tooltip/package.json @@ -1,6 +1,6 @@ { "name": "@lion/tooltip", - "version": "0.22.0", + "version": "0.23.0", "description": "Show relative overlay content on hover", "license": "MIT", "author": "ing-bank", @@ -36,8 +36,8 @@ "lion-tooltip.js" ], "dependencies": { - "@lion/core": "^0.21.0", - "@lion/overlays": "^0.31.0" + "@lion/core": "^0.22.0", + "@lion/overlays": "^0.32.0" }, "keywords": [ "lion", diff --git a/packages/validate-messages/CHANGELOG.md b/packages/validate-messages/CHANGELOG.md index 9b34feaac..2c6b0ae3e 100644 --- a/packages/validate-messages/CHANGELOG.md +++ b/packages/validate-messages/CHANGELOG.md @@ -1,5 +1,83 @@ # Change Log +## 0.9.0 + +### Minor Changes + +- 672c8e99: New documentation structure +- aa8b8916: BREAKING CHANGE: Work without polyfill if possible + + When using [component composition](https://lit.dev/docs/composition/component-composition/) in a Lion Component we always made it very explicit which sub-components are used. + On top of that we scoped these [sub components](https://open-wc.org/docs/development/scoped-elements/) to the [current shadow root](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Scoped-Custom-Element-Registries.md) allowing multiple version to be used simultaneously. + + To enable this features we relied on the fact that the `ScopedElementsMixin` did loaded the needed polyfill for us. + + We however over time got feedback from multiple consumers that lion components "break the app as soon as you load them". + The reasons is/was that not everyone is always using `ScopedElementsMixin` or in full control of the app (or its load order). + + To quote the release notes of `ScopedElementsMixin` v2.1.0: + + > ScopedElementsMixin 2.x tried to be as convenient as possible by automatically loading the scoped custom elements registry polyfill. + > This however led to a fatal error whenever you registered any component before ScopedElementsMixin was used. + + And this was the case. + + With the upgrade to `@open-wc/scoped-elements` v2.1.1 Lion now no longer automatically loads the polyfill through `ScopedElementsMixin`. + + This essentially means the polyfill became optional which results in the following behavior + + 1. If polyfill is not loaded it will use the global registry as a fallback + 2. Log error if actually scoping is needed and polyfill is not loaded + 3. If you manually create elements you will need to handle polyfilled and not polyfilled cases now + + ```diff + - const myButton = this.shadowRoot.createElement('my-button'); + + const myButton = this.createScopedElement('my-button'); + ``` + + This also removes `@webcomponents/scoped-custom-element-registry` as a production dependency. + + If you need scoping be sure to load the polyfill before any other web component gets registered. + + It may look something like this in your HTML + + ```html + + ``` + + or if you have an SPA you can load it at the top of your app shell code + + ```js + import '@webcomponents/scoped-custom-element-registry'; + ``` + + You need scoping if you want to + + use 2 major versions of a web component (e.g. in an SPA pageA uses 1.x and pageB uses 2.x of color-picker) + or you want to use the same tag name with different implementations (use tag color-picker from foo here and from bar here) + + See more details at + + - [Lion release blog post](https://lion-web.netlify.app/blog/lion-without-polyfills/) + - [@open-wc/scoped-elements release blog post](https://open-wc.org/blog/scoped-elements-without-polyfill/) + - [Change log of ScopedElementsMixin](https://github.com/open-wc/open-wc/blob/master/packages/scoped-elements/CHANGELOG.md#210) + +### Patch Changes + +- a64c552b: fix(validate-messages): typo IsData message +- f7df1ae8: validate-messages: PhoneNumber messages +- 85318e3b: Fixed en-PH default validation message +- Updated dependencies [9c1dfdcd] +- Updated dependencies [3772c943] +- Updated dependencies [672c8e99] +- Updated dependencies [7016a150] +- Updated dependencies [a882c94f] +- Updated dependencies [aa8b8916] +- Updated dependencies [f408f6f8] + - @lion/form-core@0.17.0 + - @lion/localize@0.24.0 + - @lion/input-tel@0.1.0 + ## 0.8.0 ### Minor Changes diff --git a/packages/validate-messages/package.json b/packages/validate-messages/package.json index 323da3f46..3527558d5 100644 --- a/packages/validate-messages/package.json +++ b/packages/validate-messages/package.json @@ -1,6 +1,6 @@ { "name": "@lion/validate-messages", - "version": "0.8.0", + "version": "0.9.0", "description": "A set of localized messages for default Validators", "license": "MIT", "author": "ing-bank", @@ -32,9 +32,9 @@ "test": "cd ../../ && npm run test:browser -- --group validate-messages" }, "dependencies": { - "@lion/form-core": "^0.16.0", - "@lion/localize": "^0.23.0", - "@lion/input-tel": "^0.0.0" + "@lion/form-core": "^0.17.0", + "@lion/input-tel": "^0.1.0", + "@lion/localize": "^0.24.0" }, "keywords": [ "feedback",