changeCase method breaks in safari. Use css instead.

Author: madsrasmussen

packages/uui-keyboard-shortcut/lib/uui-key.element.ts

@@ -1,6 +1,5 @@
 import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 import { css, html, LitElement } from 'lit';
-import { queryAssignedNodes } from 'lit/decorators.js';
 
 /**
  *  A visual representation of a key on you keyboard. use inside `<uui-keyboard-shortcut></uui-keyboard-shortcut>`
@@ -21,24 +20,13 @@ export class UUIKeyElement extends LitElement {
         padding: 5px 7px;
         box-sizing: border-box;
         user-select: none;
+        text-transform: lowercase;
       }
     `,
   ];
 
-  @queryAssignedNodes()
-  private slotNodes!: NodeList;
-
-  private _changeCase() {
-    if (this.slotNodes !== null) {
-      this.slotNodes.forEach(node => {
-        if (node.nodeName === '#text' && node.nodeValue)
-          node.nodeValue = node.nodeValue?.toLowerCase();
-      });
-    }
-  }
-
   render() {
-    return html`<slot @slotchange=${this._changeCase}></slot>`;
+    return html`<slot></slot>`;
   }
 }