@limetech/lime-elements 40.20.1 → 40.21.1

package/dist/types/components/picker/picker.d.ts

@@ -144,8 +144,11 @@ export declare class Picker {
     private loading;
     private chips;
     private host;
-    private chipSetEditMode;
+    private isEditing;
     private debouncedSearch;
+    private suggestionToFocusWhenShown?;
+    private suggestionFocusFrame?;
+    private suggestionHasFocus;
     private chipSet;
     private readonly suggestionsMessage;
     private portalId;
@@ -189,6 +192,7 @@ export declare class Picker {
     private renderEmptyMessage;
     private renderListResult;
     private onListKeyDown;
+    private isKeyPressedOnFirstItem;
     private renderPortal;
     /**
      * Check if a descendant still has focus. If not, reset text value and search result.
@@ -234,6 +238,9 @@ export declare class Picker {
      * @param event - event
      */
     private handleInputKeyDown;
+    private focusSuggestion;
+    private focusSuggestionWhenShown;
+    private forgetSuggestionFocus;
     private handleSearchResult;
     private hasPickableItems;
     private prependSearchHeader;
@@ -241,7 +248,8 @@ export declare class Picker {
     /**
      * Shared prelude for any flow that ends the current search session:
      * wipe the chip-set's visible text, reset the picker's `textValue`,
-     * and cancel any in-flight debounced search.
+     * cancel any in-flight debounced search, and forget that a suggestion
+     * has the focus, or that an arrow key is waiting for the suggestions.
      *
      * Used by `clearInputField` (which then drops the dropdown
      * entirely) and `resetSearchToDefault` (which re-runs the searcher

package/dist/types/components.d.ts

@@ -524,7 +524,7 @@ export namespace Components {
      * A chart is a graphical representation of data, in which
      * visual symbols such as such bars, dots, lines, or slices, represent
      * each data point, in comparison to others.
-     * @exampleComponent limel-example-chart-stacked-bar
+     * @exampleComponent limel-example-chart-type-proportion-bar
      * @exampleComponent limel-example-chart-orientation
      * @exampleComponent limel-example-chart-max-value
      * @exampleComponent limel-example-chart-display-item-percentage
@@ -572,7 +572,7 @@ export namespace Components {
          */
         "displayAxisLabels": boolean;
         /**
-          * Set to `false` to hide the percentage in item tooltips. The percentage is an item's value or range extent as a share of the whole. The whole is `maxValue` when set and the combined items otherwise. Applies to `stacked-bar`, `pie`, `doughnut`, and `ring` charts.
+          * Set to `false` to hide the percentage in item tooltips. The percentage is an item's value or range extent as a share of the whole. The whole is `maxValue` when set and the combined items otherwise. Applies to `proportion-bar`, `pie`, `doughnut`, and `ring` charts.
           * @default true
          */
         "displayItemPercentage": boolean;
@@ -601,7 +601,7 @@ export namespace Components {
          */
         "loading": boolean;
         /**
-          * Sets the value used to scale item values. For `stacked-bar`, `pie`, `doughnut`, and `ring`, it is the denominator used as the whole. It defaults to the combined item values or range extents. The combined size can exceed `maxValue` and produce a total above 100%. For `bar`, `dot`, `area`, and `line`, it is the requested upper bound. The chart can round that bound up to the next `axisIncrement`. Has no effect on `nps` or `scatter`.
+          * Sets the value used to scale item values. For `proportion-bar`, `pie`, `doughnut`, and `ring`, it is the denominator used as the whole. It defaults to the combined item values or range extents. The combined size can exceed `maxValue` and produce a total above 100%. For `bar`, `dot`, `area`, and `line`, it is the requested upper bound. The chart can round that bound up to the next `axisIncrement`. Has no effect on `nps` or `scatter`.
          */
         "maxValue"?: number;
         /**
@@ -610,8 +610,8 @@ export namespace Components {
          */
         "orientation"?: 'landscape' | 'portrait';
         /**
-          * Defines how items are visualized in the chart.
-          * @default 'stacked-bar'
+          * Defines how items are visualized in the chart. `stacked-bar` is the old name of `proportion-bar`. It still works, but logs a warning.
+          * @default 'proportion-bar'
          */
         "type"?: ChartType;
     }
@@ -4985,7 +4985,7 @@ declare global {
      * A chart is a graphical representation of data, in which
      * visual symbols such as such bars, dots, lines, or slices, represent
      * each data point, in comparison to others.
-     * @exampleComponent limel-example-chart-stacked-bar
+     * @exampleComponent limel-example-chart-type-proportion-bar
      * @exampleComponent limel-example-chart-orientation
      * @exampleComponent limel-example-chart-max-value
      * @exampleComponent limel-example-chart-display-item-percentage
@@ -7758,7 +7758,7 @@ declare namespace LocalJSX {
      * A chart is a graphical representation of data, in which
      * visual symbols such as such bars, dots, lines, or slices, represent
      * each data point, in comparison to others.
-     * @exampleComponent limel-example-chart-stacked-bar
+     * @exampleComponent limel-example-chart-type-proportion-bar
      * @exampleComponent limel-example-chart-orientation
      * @exampleComponent limel-example-chart-max-value
      * @exampleComponent limel-example-chart-display-item-percentage
@@ -7806,7 +7806,7 @@ declare namespace LocalJSX {
          */
         "displayAxisLabels"?: boolean;
         /**
-          * Set to `false` to hide the percentage in item tooltips. The percentage is an item's value or range extent as a share of the whole. The whole is `maxValue` when set and the combined items otherwise. Applies to `stacked-bar`, `pie`, `doughnut`, and `ring` charts.
+          * Set to `false` to hide the percentage in item tooltips. The percentage is an item's value or range extent as a share of the whole. The whole is `maxValue` when set and the combined items otherwise. Applies to `proportion-bar`, `pie`, `doughnut`, and `ring` charts.
           * @default true
          */
         "displayItemPercentage"?: boolean;
@@ -7835,7 +7835,7 @@ declare namespace LocalJSX {
          */
         "loading"?: boolean;
         /**
-          * Sets the value used to scale item values. For `stacked-bar`, `pie`, `doughnut`, and `ring`, it is the denominator used as the whole. It defaults to the combined item values or range extents. The combined size can exceed `maxValue` and produce a total above 100%. For `bar`, `dot`, `area`, and `line`, it is the requested upper bound. The chart can round that bound up to the next `axisIncrement`. Has no effect on `nps` or `scatter`.
+          * Sets the value used to scale item values. For `proportion-bar`, `pie`, `doughnut`, and `ring`, it is the denominator used as the whole. It defaults to the combined item values or range extents. The combined size can exceed `maxValue` and produce a total above 100%. For `bar`, `dot`, `area`, and `line`, it is the requested upper bound. The chart can round that bound up to the next `axisIncrement`. Has no effect on `nps` or `scatter`.
          */
         "maxValue"?: number;
         /**
@@ -7848,8 +7848,8 @@ declare namespace LocalJSX {
          */
         "orientation"?: 'landscape' | 'portrait';
         /**
-          * Defines how items are visualized in the chart.
-          * @default 'stacked-bar'
+          * Defines how items are visualized in the chart. `stacked-bar` is the old name of `proportion-bar`. It still works, but logs a warning.
+          * @default 'proportion-bar'
          */
         "type"?: ChartType;
     }
@@ -12965,7 +12965,7 @@ declare module "@stencil/core" {
              * A chart is a graphical representation of data, in which
              * visual symbols such as such bars, dots, lines, or slices, represent
              * each data point, in comparison to others.
-             * @exampleComponent limel-example-chart-stacked-bar
+             * @exampleComponent limel-example-chart-type-proportion-bar
              * @exampleComponent limel-example-chart-orientation
              * @exampleComponent limel-example-chart-max-value
              * @exampleComponent limel-example-chart-display-item-percentage

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "40.20.1",
+  "version": "40.21.1",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -94,7 +94,7 @@
     "morphdom": "^2.7.8",
     "number-abbreviate": "^2.0.0",
     "parse-css-color": "^0.2.1",
-    "postal-mime": "^4.1.4",
+    "postal-mime": "^4.2.0",
     "prettier": "^3.9.10",
     "prosemirror-example-setup": "^1.2.3",
     "prosemirror-markdown": "^1.13.9",