refactor: introduce kebab events

[acstll]

Testing a possible implementation with a utility function to transition from scaleChange (camel) to scale-change (kebab).

Because scaleChange does not work with Vue 3, and kebab-case is more "aligned" with custom elements semantics.

This is a big change but we're making it non-breaking.

It will fix #490

Components affected

• checkbox
• collapsible
• data-grid
• date-picker
• dropdown (had "inconsistent scaleKeyDown, this is breaking-ish but OK)
• input
• menu-flyout
• menu-flyout-list (not emitting for some reason)
• modal
• pagination
• radio-button
• rating-stars
• slider
• switch
• tag
• text-field
• textarea

Todo list for every component emitting public events

• emit both events with emitEvent util
• document deprecation
• update spec (if any) to check both events are emitted
• update actions in Storybook (different PR afterwards)
• add new "events" section in Storybook (how?)

Framework checklist

• Vue 3 (@scale-change="handleChange")
• Vue 2 (@scale-change="handleChange")
• React (with proxy package, onScale-change={handleChange}, …ugly but welp)
• Angular ((scale-change)="handleChange()")
• Svelte (on:scale-change={handleChange})

---

Does this mean we will change our events again to fit another framework? Nope.

[render]

Your Render PR Server URL is https://scale-storybook-staging-pr-526.onrender.com.

Follow its progress at https://dashboard.render.com/web/srv-c4ec1441nok0bhj6lnmg.

[acstll]

All frameworks in the list checked and working.

Anything against this @nowseemee @oddcelot ?

(Remember I only applied this to scale-checkbox to test the implementation, the rest of the components will follow…)

https://github.com/telekom/scale/pull/526/files 👀

[oddcelot]

very nice 🥙
this will be a bit awkward for the time until we deprecate this 😅
maybe we should find a way to highlight the deprecation in the docs table for storybook

[acstll]

The Toggle Group is still using only camel, but we can handle that in #507 🙏

[acstll]

yarn build in root fails because types and Angular (we need to fix this before merging) 🤓

src/directives/proxies.ts(4723,16): error TS1005: ',' expected.
src/directives/proxies.ts(4723,38): error TS1005: ',' expected.
src/directives/proxies.ts(4723,62): error TS1005: ',' expected.
src/directives/proxies.ts(4723,63): error TS1005: ',' expected.
src/directives/proxies.ts(4723,73): error TS1005: ';' expected.
src/directives/proxies.ts(4728,1): error TS1128: Declaration or statement expected.