@limetech/lime-elements 39.25.0 → 39.27.0

package/dist/lime-elements/{p-7436490f.entry.js → p-eece0f01.entry.js}

@@ -1 +1 @@
-import{r as o,h as r,H as t}from"./p-DBTJNfo7.js";import{t as e}from"./p-Dv3YcsA7.js";const l={note:"info",important:"exclamation_mark",tip:"idea",caution:"high_priority",warning:"error"};function a(o,r="note"){var t;return o||(null!==(t=l[r])&&void 0!==t?t:l.note)}const i=class{constructor(r){o(this,r),this.type="note",this.language="en"}render(){return r(t,{key:"9af3d9dc95f93714f7f334695d64f7f02b8b52e2"},r("div",{key:"014e90ead94b3c88f33dcb40de1a56d6b85c4c9b",class:"side",role:"presentation"},r("limel-icon",{key:"042773fb922877be2b6ef77c276a4b24c48517e2",name:a(this.icon,this.type)})),r("div",{key:"b211a6f7eb0d2680ef96adbbb5b4646c44e8d147",class:"main"},r("h1",{key:"7e4f4d05a54cc719b51144a21b28cfc1b1024a52",class:"heading"},function(o,r="note",t="en"){if(o)return o;const l=`callout.${r}`;try{return e.get(l,t)}catch(o){return e.get(l,"en")}}(this.heading,this.type,this.language)),r("slot",{key:"d1f333b26662b75cd403e3048229e6926e4279ed"})))}};i.style='*,*::before,*::after{box-sizing:border-box;min-height:0;min-width:0}:host(limel-callout){box-sizing:border-box;display:flex;border-radius:0.5rem;overflow:hidden;--limel-callout-tint-color:var(       --callout-color,       rgb(var(--color-contrast-100))   );color:var(--callout-text-color, rgb(var(--contrast-1100)));font-size:var(--limel-theme-default-font-size)}:host([type=note]){--limel-callout-tint-color:var(       --callout-color,       rgb(var(--color-gray-default))   )}:host([type=important]){--limel-callout-tint-color:var(       --callout-color,       rgb(var(--color-sky-default))   )}:host([type=tip]){--limel-callout-tint-color:var(       --callout-color,       rgb(var(--color-green-default))   )}:host([type=caution]){--limel-callout-tint-color:var(       --callout-color,       rgb(var(--color-orange-light))   )}:host([type=warning]){--limel-callout-tint-color:var(       --callout-color,       rgb(var(--color-red-dark))   )}.side{padding:0.25rem;position:relative}.side:before{content:"";position:absolute;inset:0;opacity:0.2;background-color:var(--limel-callout-tint-color)}.side limel-icon{width:1.5rem;color:var(--limel-callout-tint-color);margin-top:0.0625rem}.main{display:flex;flex:1;flex-direction:column;gap:0.5rem;padding:0.25rem 0.5rem 0.5rem 0.5rem;background-color:var(--callout-background-color, rgb(var(--contrast-300)))}.heading{margin:0;font-size:1rem;font-weight:600}';export{i as limel_callout}
+import{r as o,h as t,H as r}from"./p-DBTJNfo7.js";import{t as e}from"./p-PPDjFxtV.js";const l={note:"info",important:"exclamation_mark",tip:"idea",caution:"high_priority",warning:"error"};function a(o,t="note"){var r;return o||(null!==(r=l[t])&&void 0!==r?r:l.note)}const i=class{constructor(t){o(this,t),this.type="note",this.language="en"}render(){return t(r,{key:"9af3d9dc95f93714f7f334695d64f7f02b8b52e2"},t("div",{key:"014e90ead94b3c88f33dcb40de1a56d6b85c4c9b",class:"side",role:"presentation"},t("limel-icon",{key:"042773fb922877be2b6ef77c276a4b24c48517e2",name:a(this.icon,this.type)})),t("div",{key:"b211a6f7eb0d2680ef96adbbb5b4646c44e8d147",class:"main"},t("h1",{key:"7e4f4d05a54cc719b51144a21b28cfc1b1024a52",class:"heading"},function(o,t="note",r="en"){if(o)return o;const l=`callout.${t}`;try{return e.get(l,r)}catch(o){return e.get(l,"en")}}(this.heading,this.type,this.language)),t("slot",{key:"d1f333b26662b75cd403e3048229e6926e4279ed"})))}};i.style='*,*::before,*::after{box-sizing:border-box;min-height:0;min-width:0}:host(limel-callout){box-sizing:border-box;display:flex;border-radius:0.5rem;overflow:hidden;--limel-callout-tint-color:var(       --callout-color,       rgb(var(--color-contrast-100))   );color:var(--callout-text-color, rgb(var(--contrast-1100)));font-size:var(--limel-theme-default-font-size)}:host([type=note]){--limel-callout-tint-color:var(       --callout-color,       rgb(var(--color-gray-default))   )}:host([type=important]){--limel-callout-tint-color:var(       --callout-color,       rgb(var(--color-sky-default))   )}:host([type=tip]){--limel-callout-tint-color:var(       --callout-color,       rgb(var(--color-green-default))   )}:host([type=caution]){--limel-callout-tint-color:var(       --callout-color,       rgb(var(--color-orange-light))   )}:host([type=warning]){--limel-callout-tint-color:var(       --callout-color,       rgb(var(--color-red-dark))   )}.side{padding:0.25rem;position:relative}.side:before{content:"";position:absolute;inset:0;opacity:0.2;background-color:var(--limel-callout-tint-color)}.side limel-icon{width:1.5rem;color:var(--limel-callout-tint-color);margin-top:0.0625rem}.main{display:flex;flex:1;flex-direction:column;gap:0.5rem;padding:0.25rem 0.5rem 0.5rem 0.5rem;background-color:var(--callout-background-color, rgb(var(--contrast-300)))}.heading{margin:0;font-size:1rem;font-weight:600}';export{i as limel_callout}

package/dist/types/components/chip-set/chip-set.d.ts

@@ -112,6 +112,22 @@ export declare class ChipSet {
      * Whether the input field should be emptied when the chip-set loses focus.
      */
     emptyInputOnBlur: boolean;
+    /**
+     * Whether the input field should be emptied when the set of chips
+     * changes (i.e. when the `value` prop is updated — a chip is added,
+     * removed, or the array is replaced).
+     *
+     * Defaults to `true`, which is the right behavior for a standalone
+     * input chip-set where the typed text *becomes* the next chip on
+     * <kbd>Enter</kbd>. The input is then cleared to make room for the
+     * next chip, and help user type a new keyword from scratch.
+     *
+     * Set to `false` when the input represents a search query over an
+     * external suggestion list (as in `limel-picker`), so the typed keyword
+     * survives while chips are added or removed (when user selects items from
+     * the search results list, while it is open).
+     */
+    emptyInputOnChange: boolean;
     /**
      * Whether the "Clear all" buttons should be shown
      */

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

@@ -0,0 +1,28 @@
+import { ListItem } from '../list-item/list-item.types';
+import { PickerValue } from './value.types';
+/**
+ * An item that can be picked by `limel-picker`.
+ *
+ * Extends `ListItem` with picker-specific flags that only make sense
+ * once the item has been selected and rendered as a chip.
+ *
+ * @public
+ */
+export interface PickerItem<T = PickerValue> extends ListItem<T> {
+    /**
+     * Whether the item should be removable once it has been picked
+     * and rendered as a chip. Most useful when `multiple={true}`,
+     * but also locks the single chip when `multiple={false}`.
+     *
+     * Picked items are removable by default. Set this to `false` to
+     * "lock" an individual item so that the user cannot remove it —
+     * neither via the remove button, nor with Backspace/Delete, nor
+     * by the "Clear all" button. Locked items remain fully interactive
+     * (clicks still emit `interact` events).
+     *
+     * If the entire picker is `disabled` or `readonly`, the remove
+     * button is hidden on all chips regardless of this flag.
+     */
+    removable?: boolean;
+}
+//# sourceMappingURL=picker-item.types.d.ts.map

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

@@ -1,17 +1,20 @@
 import { Action } from '../collapsible-section/action';
 import { ActionPosition, ActionScrollBehavior } from '../picker/actions.types';
+import { Languages } from '../date-picker/date.types';
 import { ListItem } from '../list-item/list-item.types';
+import { PickerItem } from '../picker/picker-item.types';
 import { Searcher } from '../picker/searcher.types';
-import { PickerValue } from './value.types';
 import { IconName } from '../../global/shared-types/icon.types';
 /**
  * @exampleComponent limel-example-picker-basic
  * @exampleComponent limel-example-picker-multiple
+ * @exampleComponent limel-example-picker-non-removable
  * @exampleComponent limel-example-picker-icons
  * @exampleComponent limel-example-picker-pictures
  * @exampleComponent limel-example-picker-value-as-object
  * @exampleComponent limel-example-picker-value-as-object-with-actions
  * @exampleComponent limel-example-picker-empty-suggestions
+ * @exampleComponent limel-example-picker-empty-result-message
  * @exampleComponent limel-example-picker-leading-icon
  * @exampleComponent limel-example-picker-static-actions
  * @exampleComponent limel-example-picker-sections
@@ -44,9 +47,22 @@ export declare class Picker {
      */
     leadingIcon: IconName;
     /**
-     * A message to display when the search returned an empty result
+     * A message to display when the search returned an empty result.
+     *
+     * If unset (or set to an empty string), the picker shows a
+     * default translated message (`No results matching "X"` in
+     * English, where `X` is the current query) chosen by the
+     * `language` prop. Set this to override the default with custom
+     * text — for example, when the picker's domain calls for more
+     * specific wording like "No matching participants found".
      */
     emptyResultMessage: string;
+    /**
+     * Defines the language for translations. Affects the labels
+     * rendered by the picker itself, such as the "Results matching"
+     * header shown above the suggestion list while the user is typing.
+     */
+    language: Languages;
     /**
      * True if the control requires a value
      */
@@ -59,7 +75,7 @@ export declare class Picker {
     /**
      * Currently selected value or values. Where the value can be an object.
      */
-    value: ListItem<PickerValue> | Array<ListItem<PickerValue>>;
+    value: PickerItem | PickerItem[];
     /**
      * A search function that takes a search-string as an argument,
      * and returns a promise that will eventually be resolved with
@@ -79,7 +95,7 @@ export declare class Picker {
      * than 20 items, but if there are more than 20 items, the rest can be
      * found by typing more characters in the search field.
      */
-    allItems?: Array<ListItem<PickerValue>>;
+    allItems?: PickerItem[];
     /**
      * True if multiple values are allowed
      */
@@ -204,14 +220,27 @@ export declare class Picker {
      * @param event - event
      */
     private handleInputKeyDown;
+    private handleSearchResult;
+    private hasPickableItems;
+    private prependSearchHeader;
+    private handleCloseMenu;
     /**
-     * Key handler for the dropdown
+     * 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.
      *
-     * @param event - event
+     * Used by `clearInputField` (which then drops the dropdown
+     * entirely) and `resetSearchToDefault` (which re-runs the searcher
+     * with an empty query to repopulate the dropdown with defaults).
      */
-    private handleDropdownKeyDown;
-    private handleSearchResult;
-    private handleCloseMenu;
+    private clearTextValue;
     private clearInputField;
+    private resetSearchToDefault;
+    /**
+     * Two-stage Esc: first press clears the typed query but keeps the
+     * dropdown open showing the default suggestions; a second press
+     * (with the query already empty) closes the dropdown.
+     */
+    private handleEscape;
 }
 //# sourceMappingURL=picker.d.ts.map

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

@@ -1,13 +1,13 @@
-import { ListItem } from '../list-item/list-item.types';
 import { ListSeparator } from '../../global/shared-types/separator.types';
+import { PickerItem } from './picker-item.types';
 /**
  * A search function that takes a search-string as an argument, and returns
- * a promise that will eventually be resolved with an array of `ListItem`:s.
+ * a promise that will eventually be resolved with an array of `PickerItem`:s.
  *
  * @param query - A search query. Typically what the user has written
  * in the input field of a limel-picker.
  * @returns The search result.
  * @public
  */
-export type Searcher = (query: string) => Promise<Array<ListItem | ListSeparator>>;
+export type Searcher = (query: string) => Promise<Array<PickerItem | ListSeparator>>;
 //# sourceMappingURL=searcher.types.d.ts.map

package/dist/types/components.d.ts

@@ -36,7 +36,7 @@ import { InfoTileProgress } from "./components/info-tile/info-tile.types";
 import { InputType } from "./components/input-field/input-field.types";
 import { ListType } from "./components/list/list.types";
 import { CustomElementDefinition } from "./global/shared-types/custom-element.types";
-import { PickerValue } from "./components/picker/value.types";
+import { PickerItem } from "./components/picker/picker-item.types";
 import { Searcher } from "./components/picker/searcher.types";
 import { ActionPosition, ActionScrollBehavior } from "./components/picker/actions.types";
 import { ResizeOptions } from "./util/image-resize";
@@ -80,7 +80,7 @@ export { InfoTileProgress } from "./components/info-tile/info-tile.types";
 export { InputType } from "./components/input-field/input-field.types";
 export { ListType } from "./components/list/list.types";
 export { CustomElementDefinition } from "./global/shared-types/custom-element.types";
-export { PickerValue } from "./components/picker/value.types";
+export { PickerItem } from "./components/picker/picker-item.types";
 export { Searcher } from "./components/picker/searcher.types";
 export { ActionPosition, ActionScrollBehavior } from "./components/picker/actions.types";
 export { ResizeOptions } from "./util/image-resize";
@@ -845,6 +845,11 @@ export namespace Components {
           * @default true
          */
         "emptyInputOnBlur": boolean;
+        /**
+          * Whether the input field should be emptied when the set of chips changes (i.e. when the `value` prop is updated — a chip is added, removed, or the array is replaced).  Defaults to `true`, which is the right behavior for a standalone input chip-set where the typed text *becomes* the next chip on <kbd>Enter</kbd>. The input is then cleared to make room for the next chip, and help user type a new keyword from scratch.  Set to `false` when the input represents a search query over an external suggestion list (as in `limel-picker`), so the typed keyword survives while chips are added or removed (when user selects items from the search results list, while it is open).
+          * @default true
+         */
+        "emptyInputOnChange": boolean;
         /**
           * Used to find out whether the chip-set is in edit mode.
           * @returns `true` if the chip-set is in edit mode, `false` otherwise.
@@ -2750,11 +2755,13 @@ export namespace Components {
     /**
      * @exampleComponent limel-example-picker-basic
      * @exampleComponent limel-example-picker-multiple
+     * @exampleComponent limel-example-picker-non-removable
      * @exampleComponent limel-example-picker-icons
      * @exampleComponent limel-example-picker-pictures
      * @exampleComponent limel-example-picker-value-as-object
      * @exampleComponent limel-example-picker-value-as-object-with-actions
      * @exampleComponent limel-example-picker-empty-suggestions
+     * @exampleComponent limel-example-picker-empty-result-message
      * @exampleComponent limel-example-picker-leading-icon
      * @exampleComponent limel-example-picker-static-actions
      * @exampleComponent limel-example-picker-sections
@@ -2780,7 +2787,7 @@ export namespace Components {
           * Only used if no `searcher` is provided. The picker will then use a default search function that filters the `allItems` based on the `text` and `secondaryText` properties of the items. This way, custom search functions are typically only needed when the search is done on the server. For performance reasons, the default searcher will never return more than 20 items, but if there are more than 20 items, the rest can be found by typing more characters in the search field.
           * @default []
          */
-        "allItems"?: Array<ListItem<PickerValue>>;
+        "allItems"?: PickerItem[];
         /**
           * Whether badge icons should be used in the result list or not
           * @default false
@@ -2797,7 +2804,7 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * A message to display when the search returned an empty result
+          * A message to display when the search returned an empty result.  If unset (or set to an empty string), the picker shows a default translated message (`No results matching "X"` in English, where `X` is the current query) chosen by the `language` prop. Set this to override the default with custom text — for example, when the picker's domain calls for more specific wording like "No matching participants found".
          */
         "emptyResultMessage": string;
         /**
@@ -2813,6 +2820,11 @@ export namespace Components {
           * Text to display for the input field of the picker
          */
         "label": string;
+        /**
+          * Defines the language for translations. Affects the labels rendered by the picker itself, such as the "Results matching" header shown above the suggestion list while the user is typing.
+          * @default 'en'
+         */
+        "language": Languages;
         /**
           * Leading icon to show to the far left in the text field
          */
@@ -2843,7 +2855,7 @@ export namespace Components {
         /**
           * Currently selected value or values. Where the value can be an object.
          */
-        "value": ListItem<PickerValue> | Array<ListItem<PickerValue>>;
+        "value": PickerItem | PickerItem[];
     }
     /**
      * A popover is an impermanent layer that is displayed on top of other content
@@ -5703,18 +5715,20 @@ declare global {
         new (): HTMLLimelNotchedOutlineElement;
     };
     interface HTMLLimelPickerElementEventMap {
-        "change": ListItem<PickerValue> | Array<ListItem<PickerValue>>;
-        "interact": ListItem<PickerValue>;
+        "change": PickerItem | PickerItem[];
+        "interact": PickerItem;
         "action": Action;
     }
     /**
      * @exampleComponent limel-example-picker-basic
      * @exampleComponent limel-example-picker-multiple
+     * @exampleComponent limel-example-picker-non-removable
      * @exampleComponent limel-example-picker-icons
      * @exampleComponent limel-example-picker-pictures
      * @exampleComponent limel-example-picker-value-as-object
      * @exampleComponent limel-example-picker-value-as-object-with-actions
      * @exampleComponent limel-example-picker-empty-suggestions
+     * @exampleComponent limel-example-picker-empty-result-message
      * @exampleComponent limel-example-picker-leading-icon
      * @exampleComponent limel-example-picker-static-actions
      * @exampleComponent limel-example-picker-sections
@@ -7287,6 +7301,11 @@ declare namespace LocalJSX {
           * @default true
          */
         "emptyInputOnBlur"?: boolean;
+        /**
+          * Whether the input field should be emptied when the set of chips changes (i.e. when the `value` prop is updated — a chip is added, removed, or the array is replaced).  Defaults to `true`, which is the right behavior for a standalone input chip-set where the typed text *becomes* the next chip on <kbd>Enter</kbd>. The input is then cleared to make room for the next chip, and help user type a new keyword from scratch.  Set to `false` when the input represents a search query over an external suggestion list (as in `limel-picker`), so the typed keyword survives while chips are added or removed (when user selects items from the search results list, while it is open).
+          * @default true
+         */
+        "emptyInputOnChange"?: boolean;
         /**
           * Optional helper text to display below the chipset. When type is `input`, the helper text is displayed below the input field when it has focus. When type is not `input`, the helper text is always displayed if the device is touch screen; otherwise it is shown when chip-set is hovered or focused using keyboard navigation.
          */
@@ -9325,11 +9344,13 @@ declare namespace LocalJSX {
     /**
      * @exampleComponent limel-example-picker-basic
      * @exampleComponent limel-example-picker-multiple
+     * @exampleComponent limel-example-picker-non-removable
      * @exampleComponent limel-example-picker-icons
      * @exampleComponent limel-example-picker-pictures
      * @exampleComponent limel-example-picker-value-as-object
      * @exampleComponent limel-example-picker-value-as-object-with-actions
      * @exampleComponent limel-example-picker-empty-suggestions
+     * @exampleComponent limel-example-picker-empty-result-message
      * @exampleComponent limel-example-picker-leading-icon
      * @exampleComponent limel-example-picker-static-actions
      * @exampleComponent limel-example-picker-sections
@@ -9355,7 +9376,7 @@ declare namespace LocalJSX {
           * Only used if no `searcher` is provided. The picker will then use a default search function that filters the `allItems` based on the `text` and `secondaryText` properties of the items. This way, custom search functions are typically only needed when the search is done on the server. For performance reasons, the default searcher will never return more than 20 items, but if there are more than 20 items, the rest can be found by typing more characters in the search field.
           * @default []
          */
-        "allItems"?: Array<ListItem<PickerValue>>;
+        "allItems"?: PickerItem[];
         /**
           * Whether badge icons should be used in the result list or not
           * @default false
@@ -9372,7 +9393,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * A message to display when the search returned an empty result
+          * A message to display when the search returned an empty result.  If unset (or set to an empty string), the picker shows a default translated message (`No results matching "X"` in English, where `X` is the current query) chosen by the `language` prop. Set this to override the default with custom text — for example, when the picker's domain calls for more specific wording like "No matching participants found".
          */
         "emptyResultMessage"?: string;
         /**
@@ -9388,6 +9409,11 @@ declare namespace LocalJSX {
           * Text to display for the input field of the picker
          */
         "label"?: string;
+        /**
+          * Defines the language for translations. Affects the labels rendered by the picker itself, such as the "Results matching" header shown above the suggestion list while the user is typing.
+          * @default 'en'
+         */
+        "language"?: Languages;
         /**
           * Leading icon to show to the far left in the text field
          */
@@ -9404,11 +9430,11 @@ declare namespace LocalJSX {
         /**
           * Fired when a new value has been selected from the picker
          */
-        "onChange"?: (event: LimelPickerCustomEvent<ListItem<PickerValue> | Array<ListItem<PickerValue>>>) => void;
+        "onChange"?: (event: LimelPickerCustomEvent<PickerItem | PickerItem[]>) => void;
         /**
           * Fired when clicking on a selected value
          */
-        "onInteract"?: (event: LimelPickerCustomEvent<ListItem<PickerValue>>) => void;
+        "onInteract"?: (event: LimelPickerCustomEvent<PickerItem>) => void;
         /**
           * Set to `true` to disable adding and removing items, but allow interaction with existing items.
           * @default false
@@ -9430,7 +9456,7 @@ declare namespace LocalJSX {
         /**
           * Currently selected value or values. Where the value can be an object.
          */
-        "value"?: ListItem<PickerValue> | Array<ListItem<PickerValue>>;
+        "value"?: PickerItem | PickerItem[];
     }
     /**
      * A popover is an impermanent layer that is displayed on top of other content
@@ -10784,6 +10810,7 @@ declare namespace LocalJSX {
         "required": boolean;
         "searchLabel": string;
         "emptyInputOnBlur": boolean;
+        "emptyInputOnChange": boolean;
         "clearAllButton": boolean;
         "leadingIcon": IconName;
         "delimiter": string;
@@ -11091,6 +11118,7 @@ declare namespace LocalJSX {
         "helperText": string;
         "leadingIcon": IconName;
         "emptyResultMessage": string;
+        "language": Languages;
         "required": boolean;
         "invalid": boolean;
         "multiple": boolean;
@@ -12302,11 +12330,13 @@ declare module "@stencil/core" {
             /**
              * @exampleComponent limel-example-picker-basic
              * @exampleComponent limel-example-picker-multiple
+             * @exampleComponent limel-example-picker-non-removable
              * @exampleComponent limel-example-picker-icons
              * @exampleComponent limel-example-picker-pictures
              * @exampleComponent limel-example-picker-value-as-object
              * @exampleComponent limel-example-picker-value-as-object-with-actions
              * @exampleComponent limel-example-picker-empty-suggestions
+             * @exampleComponent limel-example-picker-empty-result-message
              * @exampleComponent limel-example-picker-leading-icon
              * @exampleComponent limel-example-picker-static-actions
              * @exampleComponent limel-example-picker-sections

package/dist/types/interface.d.ts

@@ -28,6 +28,7 @@ export * from './components/dynamic-label/label.types';
 export * from './components/list/list.types';
 export * from './components/menu/menu.types';
 export * from './components/picker/actions.types';
+export * from './components/picker/picker-item.types';
 export * from './components/picker/searcher.types';
 export * from './components/picker/value.types';
 export * from './components/progress-flow/progress-flow.types';

package/dist/types/translations/da.d.ts

@@ -102,6 +102,8 @@ declare const _default: {
     'profile-picture.remove': string;
     'profile-picture.unsupported-preview.title': string;
     'profile-picture.unsupported-preview.description': string;
+    'picker.results-matching': string;
+    'picker.no-matching-results': string;
 };
 export default _default;
 //# sourceMappingURL=da.d.ts.map

package/dist/types/translations/de.d.ts

@@ -102,6 +102,8 @@ declare const _default: {
     'profile-picture.remove': string;
     'profile-picture.unsupported-preview.title': string;
     'profile-picture.unsupported-preview.description': string;
+    'picker.results-matching': string;
+    'picker.no-matching-results': string;
 };
 export default _default;
 //# sourceMappingURL=de.d.ts.map

package/dist/types/translations/en.d.ts

@@ -102,6 +102,8 @@ declare const _default: {
     'profile-picture.remove': string;
     'profile-picture.unsupported-preview.title': string;
     'profile-picture.unsupported-preview.description': string;
+    'picker.results-matching': string;
+    'picker.no-matching-results': string;
 };
 export default _default;
 //# sourceMappingURL=en.d.ts.map

package/dist/types/translations/fi.d.ts

@@ -102,6 +102,8 @@ declare const _default: {
     'profile-picture.remove': string;
     'profile-picture.unsupported-preview.title': string;
     'profile-picture.unsupported-preview.description': string;
+    'picker.results-matching': string;
+    'picker.no-matching-results': string;
 };
 export default _default;
 //# sourceMappingURL=fi.d.ts.map

package/dist/types/translations/fr.d.ts

@@ -102,6 +102,8 @@ declare const _default: {
     'profile-picture.remove': string;
     'profile-picture.unsupported-preview.title': string;
     'profile-picture.unsupported-preview.description': string;
+    'picker.results-matching': string;
+    'picker.no-matching-results': string;
 };
 export default _default;
 //# sourceMappingURL=fr.d.ts.map

package/dist/types/translations/nl.d.ts

@@ -102,6 +102,8 @@ declare const _default: {
     'profile-picture.remove': string;
     'profile-picture.unsupported-preview.title': string;
     'profile-picture.unsupported-preview.description': string;
+    'picker.results-matching': string;
+    'picker.no-matching-results': string;
 };
 export default _default;
 //# sourceMappingURL=nl.d.ts.map

package/dist/types/translations/no.d.ts

@@ -102,6 +102,8 @@ declare const _default: {
     'profile-picture.remove': string;
     'profile-picture.unsupported-preview.title': string;
     'profile-picture.unsupported-preview.description': string;
+    'picker.results-matching': string;
+    'picker.no-matching-results': string;
 };
 export default _default;
 //# sourceMappingURL=no.d.ts.map

package/dist/types/translations/sv.d.ts

@@ -102,6 +102,8 @@ declare const _default: {
     'profile-picture.remove': string;
     'profile-picture.unsupported-preview.title': string;
     'profile-picture.unsupported-preview.description': string;
+    'picker.results-matching': string;
+    'picker.no-matching-results': string;
 };
 export default _default;
 //# sourceMappingURL=sv.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "39.25.0",
+  "version": "39.27.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",

package/dist/lime-elements/p-51734986.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,a as e}from"./p-DBTJNfo7.js";import{i as h}from"./p-B9Ofc5RB.js";import{T as n,E as o,a as r,A as l,b as a}from"./p-rI0IeKpx.js";import{c}from"./p-JbKhhoXs.js";import{a as d,g as p}from"./p-CgNJbSP4.js";import{d as u}from"./p-BviYUVSD.js";import"./p-BJQylLSL.js";import"./p-D6dCQvwl.js";import"./p-BOEi1C7r.js";import"./p-oiMYqRQ0.js";const m=class{constructor(s){t(this,s),this.change=i(this,"change"),this.interact=i(this,"interact"),this.action=i(this,"action"),this.disabled=!1,this.readonly=!1,this.required=!1,this.invalid=!1,this.allItems=[],this.multiple=!1,this.delimiter=null,this.actions=[],this.actionPosition="bottom",this.actionScrollBehavior="sticky",this.badgeIcons=!1,this.textValue="",this.loading=!1,this.chips=[],this.chipSetEditMode=!1,this.getValueId=t=>{const i=t.value;return i&&"object"==typeof i?i.id:i},this.createChips=t=>t?this.multiple?t.map(this.createChip):[this.createChip(t)]:[],this.createChip=t=>{const i=p(t.icon),s=d(t.icon,t.iconColor);return{id:`${this.getValueId(t)}`,text:t.text,removable:!0,icon:i?{name:i,color:s}:void 0,image:t.image,value:t,menuItems:t.actions}},this.search=async t=>{const i=setTimeout((()=>{this.loading=!0})),s=this.searcher||this.defaultSearcher,e=await s(this.textValue);clearTimeout(i),this.handleSearchResult(t,e)},this.defaultSearcher=async t=>""===t?this.allItems.slice(0,20):this.allItems.filter((i=>{let s=i.text.toLowerCase();return i.secondaryText&&(s=s+" "+i.secondaryText.toLowerCase()),s.includes(t.toLowerCase())})).slice(0,20),this.handleTextInput=this.handleTextInput.bind(this),this.handleInputKeyDown=this.handleInputKeyDown.bind(this),this.handleDropdownKeyDown=this.handleDropdownKeyDown.bind(this),this.handleInputFieldFocus=this.handleInputFieldFocus.bind(this),this.handleChange=this.handleChange.bind(this),this.handleInteract=this.handleInteract.bind(this),this.handleListChange=this.handleListChange.bind(this),this.handleActionListChange=this.handleActionListChange.bind(this),this.handleStopEditAndBlur=this.handleStopEditAndBlur.bind(this),this.handleCloseMenu=this.handleCloseMenu.bind(this),this.onListKeyDown=this.onListKeyDown.bind(this),this.portalId=c(),this.debouncedSearch=u(this.search,300)}componentWillLoad(){this.chips=this.createChips(this.value)}componentDidLoad(){this.chipSet=this.host.shadowRoot.querySelector("limel-chip-set"),this.updateTabIndex()}disconnectedCallback(){this.debouncedSearch.cancel()}onDisabledChange(){this.updateTabIndex()}updateTabIndex(){this.host.setAttribute("tabindex",this.disabled||this.readonly?"-1":"0")}async componentWillUpdate(){this.chipSetEditMode=!1,this.chipSet&&(this.chipSetEditMode=await this.chipSet.getEditMode())}render(){const t={};return this.multiple||(t.maxItems=1),[s("limel-chip-set",Object.assign({key:"92d3884770f8e3ce3c747044ab9e6061bc595b1a",type:"input",inputType:"search",label:this.label,helperText:this.helperText,leadingIcon:this.leadingIcon,value:this.chips,disabled:this.disabled,invalid:this.invalid,delimiter:this.renderDelimiter(),readonly:this.readonly,required:this.required,searchLabel:this.searchLabel,onInput:this.handleTextInput,onKeyDown:this.handleInputKeyDown,onChange:this.handleChange,onInteract:this.handleInteract,onStartEdit:this.handleInputFieldFocus,onStopEdit:this.handleStopEditAndBlur,emptyInputOnBlur:!1,clearAllButton:this.multiple&&!this.chipSetEditMode},t)),this.renderDropdown()]}onChangeValue(){this.chips=this.createChips(this.value)}renderDelimiter(){return this.multiple?this.delimiter:null}renderDropdown(){const t=this.getDropdownContent(),i=[];if(this.shouldShowDropDownContent()){const s=this.getActionContent();"top"===this.actionPosition&&i.push(s),t&&i.push(t),"bottom"===this.actionPosition&&i.push(s)}return this.renderPortal(i)}getActionContent(){var t,i;return 0===(null!==(i=null===(t=this.actions)||void 0===t?void 0:t.length)&&void 0!==i?i:0)?null:[s("limel-list",{class:{"static-actions-list":!0,"is-on-top":"top"===this.actionPosition,"is-at-bottom":"bottom"===this.actionPosition,"has-position-sticky":"sticky"===this.actionScrollBehavior},badgeIcons:!0,type:"selectable",onChange:this.handleActionListChange,items:this.actions.map(this.removeUnusedPropertiesOnAction)})]}removeUnusedPropertiesOnAction(t){return Object.assign(Object.assign({},t),{actions:[]})}shouldShowDropDownContent(){return!this.isFull()&&!!this.chipSetEditMode}getDropdownContent(){var t;if(this.shouldShowDropDownContent())return this.loading?this.renderSpinner():(null===(t=this.items)||void 0===t?void 0:t.length)?this.renderListResult():this.renderEmptyMessage()}isFull(){return!this.multiple&&!!this.value}renderSpinner(){return s("div",{style:{width:"100%",display:"flex","align-items":"center","justify-content":"center",padding:"1rem 0"}},s("limel-spinner",{limeBranded:!1}))}renderEmptyMessage(){if(this.emptyResultMessage)return s("p",{style:{color:"rgb(var(--contrast-1100))","text-align":"center",margin:"0.5rem 1rem"}},this.emptyResultMessage)}renderListResult(){return s("limel-list",{badgeIcons:this.badgeIcons,onChange:this.handleListChange,onKeyDown:this.onListKeyDown,type:"selectable",items:this.items})}onListKeyDown(t){[n,o,r].includes(t.key)&&this.chipSet.setFocus()}renderPortal(t=[]){const i=getComputedStyle(this.host).getPropertyValue("--dropdown-z-index");return s("limel-portal",{visible:t.length>0,containerId:this.portalId,inheritParentWidth:!0,containerStyle:{"z-index":i}},s("limel-menu-surface",{open:t.length>0,allowClicksElement:this.host,style:{"--menu-surface-width":"100%","max-height":"inherit",display:"flex"},onDismiss:this.handleCloseMenu},t))}handleStopEditAndBlur(){const t=this.host.shadowRoot.activeElement||document.activeElement,i=document.querySelector(`#${this.portalId}`);h(t,this.host)||h(t,i)||this.clearInputField()}async handleTextInput(t){t.stopPropagation();const i=t.detail;this.textValue=i,this.debouncedSearch(i),""===i&&this.debouncedSearch.flush()}handleListChange(t){var i;if(t.stopPropagation(),!this.value||this.value!==t.detail){let i=t.detail;this.multiple&&(i=[...this.value,t.detail]),this.change.emit(i),this.items=[]}this.multiple&&(this.textValue="",null===(i=this.chipSet)||void 0===i||i.setFocus(!0))}handleActionListChange(t){t.stopPropagation(),t.detail&&(this.action.emit(t.detail.value),this.items=[])}handleInputFieldFocus(){this.debouncedSearch(this.textValue)}handleChange(t){t.stopPropagation(),this.textValue="";let i=null;this.multiple&&(i=t.detail.map((t=>this.value.find((i=>`${this.getValueId(i)}`===t.id))))),this.change.emit(i)}handleInteract(t){t.stopPropagation(),this.interact.emit(t.detail?t.detail.value:t.detail)}handleInputKeyDown(t){const i=t.key===n&&!t.altKey&&!t.metaKey&&!t.shiftKey,s=t.key===l,e=t.key===a;if(!i&&!s&&!e)return;const h=document.querySelector(` #${this.portalId} limel-list`);if(h){if(i||e){const i=h.shadowRoot.querySelector(".mdc-deprecated-list-item");if(!i)return;return t.preventDefault(),void i.focus()}if(s){const i=[...h.shadowRoot.querySelectorAll(".mdc-deprecated-list-item")].at(-1);if(!i)return;t.preventDefault(),i.focus()}}}handleDropdownKeyDown(t){t.key===o&&(t.preventDefault(),this.textValue="",this.chipSet.setFocus(!0))}handleSearchResult(t,i){if(t===this.textValue){if(this.items=i,this.multiple){const t=this.value;this.items=i.filter((i=>!t.includes(i)))}this.loading=!1}}handleCloseMenu(){this.items.length>0||this.clearInputField()}clearInputField(){this.chipSet.emptyInput(),this.textValue="",this.handleSearchResult("",[]),this.debouncedSearch.cancel()}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{disabled:[{onDisabledChange:0}],value:[{onChangeValue:0}]}}};m.style=":host{position:relative;display:block}:host([hidden]){display:none}";export{m as limel_picker}