@limetech/lime-elements 37.81.5 → 38.1.0

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+## [38.1.0](https://github.com/Lundalogik/lime-elements/compare/v38.0.0...v38.1.0) (2025-02-15)
+
+
+### Features
+
+
+* **chart:** allow making items clickable ([8bba3db](https://github.com/Lundalogik/lime-elements/commit/8bba3db8925b394b0b0efa8e88bddc4cf06e01df))
+
+### Bug Fixes
+
+
+* **chart:** allow all items to show focused style… ([8efe22c](https://github.com/Lundalogik/lime-elements/commit/8efe22c5ffd2d2945001c00346bec80869ee10a3))
+
+## [38.0.0](https://github.com/Lundalogik/lime-elements/compare/v37.81.5...v38.0.0) (2025-02-14)
+
+
+### ⚠ BREAKING CHANGES
+
+* Old browsers which do not support the `.key` property
+on keyboard events are no longer supported.
+
+### Miscellaneous Chores
+
+
+* remove use of deprecated `event.keyCode` property ([87cc8ca](https://github.com/Lundalogik/lime-elements/commit/87cc8cac46237a291717f6981c9cea52d676a8d1))
+
 ## [37.81.5](https://github.com/Lundalogik/lime-elements/compare/v37.81.4...v37.81.5) (2025-02-12)
 
 

package/dist/cjs/keycodes-8e70d9e0.js

@@ -0,0 +1,25 @@
+'use strict';
+
+const TAB = 'Tab';
+const ENTER = 'Enter';
+const ESCAPE = 'Escape';
+const SPACE = 'Space';
+const BACKSPACE = 'Backspace';
+const DELETE = 'Delete';
+const ARROW_UP = 'ArrowUp';
+const ARROW_DOWN = 'ArrowDown';
+const ARROW_LEFT = 'ArrowLeft';
+const ARROW_RIGHT = 'ArrowRight';
+
+exports.ARROW_DOWN = ARROW_DOWN;
+exports.ARROW_LEFT = ARROW_LEFT;
+exports.ARROW_RIGHT = ARROW_RIGHT;
+exports.ARROW_UP = ARROW_UP;
+exports.BACKSPACE = BACKSPACE;
+exports.DELETE = DELETE;
+exports.ENTER = ENTER;
+exports.ESCAPE = ESCAPE;
+exports.SPACE = SPACE;
+exports.TAB = TAB;
+
+//# sourceMappingURL=keycodes-8e70d9e0.js.map

package/dist/cjs/keycodes-8e70d9e0.js.map

@@ -0,0 +1 @@
+{"file":"keycodes-8e70d9e0.js","mappings":";;MAAa,GAAG,GAAG,MAAM;MACZ,KAAK,GAAG,QAAQ;MAChB,MAAM,GAAG,SAAS;MAClB,KAAK,GAAG,QAAQ;MAChB,SAAS,GAAG,YAAY;MACxB,MAAM,GAAG,SAAS;MAClB,QAAQ,GAAG,UAAU;MACrB,UAAU,GAAG,YAAY;MACzB,UAAU,GAAG,YAAY;MACzB,WAAW,GAAG;;;;;;;;;;;;;","names":[],"sources":["./src/util/keycodes.ts"],"sourcesContent":["export const TAB = 'Tab';\nexport const ENTER = 'Enter';\nexport const ESCAPE = 'Escape';\nexport const SPACE = 'Space';\nexport const BACKSPACE = 'Backspace';\nexport const DELETE = 'Delete';\nexport const ARROW_UP = 'ArrowUp';\nexport const ARROW_DOWN = 'ArrowDown';\nexport const ARROW_LEFT = 'ArrowLeft';\nexport const ARROW_RIGHT = 'ArrowRight';\n"],"version":3}

package/dist/cjs/limel-action-bar_2.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-d1052409.js');
 const isItem = require('./isItem-3f8ad629.js');
 const translations = require('./translations-0d53f9bc.js');
-const keycodes = require('./keycodes-3949f425.js');
+const keycodes = require('./keycodes-8e70d9e0.js');
 
 const actionBarCss = ":host(limel-action-bar){--action-bar-item-height:2rem;--limel-action-bar-item-text-color:var(\n      --action-bar-item-text-color,\n      rgb(var(--contrast-1100))\n  );box-sizing:border-box;display:inline-flex;align-items:center;padding:0.125rem 0.25rem;max-width:100%;border-radius:var(--action-bar-border-radius);background-color:var(--action-bar-background-color, rgb(var(--contrast-100)))}:host(limel-action-bar),.items{gap:0.25rem}@media (pointer: coarse){:host(limel-action-bar),.items{gap:0.5rem}}.items{display:inline-flex;max-width:100%;min-width:0}:host(limel-action-bar.is-full-width){width:100%}:host(limel-action-bar.is-floating){--action-bar-border-radius:100vw;border:1px solid rgb(var(--contrast-400));padding-right:0.125rem;padding-left:0.125rem;max-width:calc(100% - 2rem);box-shadow:var(--shadow-depth-16), var(--shadow-depth-8)}";
 

package/dist/cjs/limel-breadcrumbs_7.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-d1052409.js');
 const makeEnterClickable = require('./make-enter-clickable-c116ac4f.js');
 const randomString = require('./random-string-e8ad4419.js');
 const getIconProps = require('./get-icon-props-f9451df3.js');
-const keycodes = require('./keycodes-3949f425.js');
+const keycodes = require('./keycodes-8e70d9e0.js');
 const linkHelper = require('./link-helper-14629490.js');
 const config = require('./config-e7e1a299.js');
 const component = require('./component-44f52caf.js');
@@ -408,13 +408,13 @@ const InputField = class {
      */
     this.onKeyDown = (event) => {
       this.showCompletions = true;
-      const isForwardTab = (event.key === keycodes.TAB || event.keyCode === keycodes.TAB_KEY_CODE) &&
+      const isForwardTab = event.key === keycodes.TAB &&
         !event.altKey &&
         !event.metaKey &&
         !event.shiftKey;
-      const isUp = event.key === keycodes.ARROW_UP || event.keyCode === keycodes.ARROW_UP_KEY_CODE;
-      const isDown = event.key === keycodes.ARROW_DOWN || event.keyCode === keycodes.ARROW_DOWN_KEY_CODE;
-      if (event.keyCode === keycodes.TAB_KEY_CODE && event.shiftKey) {
+      const isUp = event.key === keycodes.ARROW_UP;
+      const isDown = event.key === keycodes.ARROW_DOWN;
+      if (event.key === keycodes.TAB && event.shiftKey) {
         this.showCompletions = false;
       }
       if (!isForwardTab && !isUp && !isDown) {
@@ -470,12 +470,7 @@ const InputField = class {
     };
     this.handleKeyDownInDropdown = (event) => {
       const keyFound = [keycodes.TAB, keycodes.ESCAPE, keycodes.ENTER].includes(event.key);
-      const keyCodeFound = [
-        keycodes.TAB_KEY_CODE,
-        keycodes.ESCAPE_KEY_CODE,
-        keycodes.ENTER_KEY_CODE,
-      ].includes(event.keyCode);
-      if (keyFound || keyCodeFound) {
+      if (keyFound) {
         this.setFocus();
       }
     };
@@ -516,8 +511,8 @@ const InputField = class {
       this.action.emit();
     };
     this.handleIconKeyPress = (event) => {
-      const isEnter = event.key === keycodes.ENTER || event.keyCode === keycodes.ENTER_KEY_CODE;
-      const isSpace = event.key === keycodes.SPACE || event.keyCode === keycodes.SPACE_KEY_CODE;
+      const isEnter = event.key === keycodes.ENTER;
+      const isSpace = event.key === keycodes.SPACE;
       if (isSpace || isEnter) {
         this.action.emit();
       }
@@ -2732,12 +2727,12 @@ const Menu = class {
     // Will change focus to the first/last item in the dropdown
     // list to enable selection with the keyboard
     this.handleInputKeyDown = (event) => {
-      const isForwardTab = (event.key === keycodes.TAB || event.keyCode === keycodes.TAB_KEY_CODE) &&
+      const isForwardTab = event.key === keycodes.TAB &&
         !event.altKey &&
         !event.metaKey &&
         !event.shiftKey;
-      const isUp = event.key === keycodes.ARROW_UP || event.keyCode === keycodes.ARROW_UP_KEY_CODE;
-      const isDown = event.key === keycodes.ARROW_DOWN || event.keyCode === keycodes.ARROW_DOWN_KEY_CODE;
+      const isUp = event.key === keycodes.ARROW_UP;
+      const isDown = event.key === keycodes.ARROW_DOWN;
       if (!isForwardTab && !isUp && !isDown) {
         return;
       }
@@ -2763,12 +2758,12 @@ const Menu = class {
     // And can go forward/back with righ/left arrow keys
     this.handleMenuKeyDown = (event) => {
       var _a;
-      const isBackwardTab = (event.key === keycodes.TAB || event.keyCode === keycodes.TAB_KEY_CODE) &&
+      const isBackwardTab = event.key === keycodes.TAB &&
         !event.altKey &&
         !event.metaKey &&
         event.shiftKey;
-      const isLeft = event.key === keycodes.ARROW_LEFT || event.keyCode === keycodes.ARROW_LEFT_KEY_CODE;
-      const isRight = event.key === keycodes.ARROW_RIGHT || event.keyCode === keycodes.ARROW_RIGHT_KEY_CODE;
+      const isLeft = event.key === keycodes.ARROW_LEFT;
+      const isRight = event.key === keycodes.ARROW_RIGHT;
       if (!isBackwardTab && !isLeft && !isRight) {
         return;
       }
@@ -4842,8 +4837,8 @@ const MenuSurface = class {
       event.preventDefault();
     };
     this.handleKeyDown = (event) => {
-      const isEscape = event.key === keycodes.ESCAPE || event.keyCode === keycodes.ESCAPE_KEY_CODE;
-      const isTab = event.key === keycodes.TAB || event.keyCode === keycodes.TAB_KEY_CODE;
+      const isEscape = event.key === keycodes.ESCAPE;
+      const isTab = event.key === keycodes.TAB;
       if (this.open && (isEscape || isTab)) {
         event.stopPropagation();
         this.dismiss.emit();