@limetech/lime-elements 39.26.0 → 39.28.0

package/dist/types/components.d.ts

@@ -9,6 +9,7 @@ import { ActionBarItem } from "./components/action-bar/action-bar.types";
 import { ListItem, ListSeparator } from "./components/list-item/list-item.types";
 import { DateType, Languages } from "./components/date-picker/date.types";
 import { MenuItem, MenuSearcher, OpenDirection, SurfaceWidth } from "./components/menu/menu.types";
+import { AiAvatarMode, AiAvatarVariant } from "./components/ai-avatar/ai-avatar.types";
 import { Icon, IconName } from "./global/shared-types/icon.types";
 import { BreadcrumbsItem } from "./components/breadcrumbs/breadcrumbs.types";
 import { Button } from "./components/button/button.types";
@@ -53,6 +54,7 @@ export { ActionBarItem } from "./components/action-bar/action-bar.types";
 export { ListItem, ListSeparator } from "./components/list-item/list-item.types";
 export { DateType, Languages } from "./components/date-picker/date.types";
 export { MenuItem, MenuSearcher, OpenDirection, SurfaceWidth } from "./components/menu/menu.types";
+export { AiAvatarMode, AiAvatarVariant } from "./components/ai-avatar/ai-avatar.types";
 export { Icon, IconName } from "./global/shared-types/icon.types";
 export { BreadcrumbsItem } from "./components/breadcrumbs/breadcrumbs.types";
 export { Button } from "./components/button/button.types";
@@ -195,20 +197,21 @@ export namespace Components {
     /**
      * This component displays an avatar, representing Lime AI assistants.
      * :::warning
-     * This is a private component used internally in the Lime's various applications,
+     * This is a private component used internally in Lime's various applications,
      * which is the reason for having it in Lime Elements —to ease the distribution
      * of the component across all our apps.
      * 3rd party developers are not allowed use this component directly.
      * :::
      * @private 
      * @exampleComponent limel-example-ai-avatar-basic
-     * @exampleComponent limel-example-ai-avatar-colors
-     * @exampleComponent limel-example-ai-avatar-white-background
-     * @exampleComponent limel-example-ai-avatar-color-props
+     * @exampleComponent limel-example-ai-avatar-variant
+     * @exampleComponent limel-example-ai-avatar-mode
+     * @exampleComponent limel-example-ai-avatar-branded
+     * @exampleComponent limel-example-ai-avatar-export
      */
     interface LimelAiAvatar {
         /**
-          * Set to `true` to trigger animations that indicate that the AI is "thinking" or processing something.
+          * @deprecated Use the `mode` property with the value `thinking` instead. This property will be removed in a future major version.  Until removal, setting this to `true` is bridged to `mode="thinking"` when `mode` is at its default (`idle`); an explicit `mode` value always wins, so consumers can migrate by replacing `isThinking={true}` with `mode="thinking"` without coordination.
           * @default false
          */
         "isThinking": boolean;
@@ -217,6 +220,16 @@ export namespace Components {
           * @default document.documentElement.lang as Languages
          */
         "language": Languages;
+        /**
+          * Represents the current activity of the AI agent. The avatar uses this to drive its visual state and animations. Defaults to `idle`.
+          * @default 'idle'
+         */
+        "mode": AiAvatarMode;
+        /**
+          * Selects the avatar's visual style. The `detailed` variant is the fully detailed orb; the `minimal` variant is a simplified design with a single gradient orb, a stroked outline, and a soft halo. Eye and mouth shapes (and all animations driving them) are shared across variants.
+          * @default 'minimal'
+         */
+        "variant": AiAvatarVariant;
     }
     /**
      * The Badge component can be used to display a notification badge,
@@ -845,6 +858,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.
@@ -2051,6 +2069,7 @@ export namespace Components {
      * @exampleComponent limel-example-icon-name
      * @exampleComponent limel-example-icon-size
      * @exampleComponent limel-example-icon-color
+     * @exampleComponent limel-example-icon-svg-class
      */
     interface LimelIcon {
         /**
@@ -2065,6 +2084,10 @@ export namespace Components {
           * Size of the icon
          */
         "size": IconSize;
+        /**
+          * Sets the `class` attribute on the inner `<svg>` element rendered by this component, replacing whatever class the source SVG shipped with.  This is meant for icons whose SVG file contains internal `<style>` blocks with rules that respond to classes — a single file that ships with multiple visual states selectable via class names. Setting `svgClass` is how a consumer reaches across the shadow boundary to pick which of those states is active.  For typical stateless icons, this prop has no visible effect.
+         */
+        "svgClass"?: string;
     }
     /**
      * @exampleComponent limel-example-icon-button-basic
@@ -2756,6 +2779,7 @@ export namespace Components {
      * @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
@@ -2798,7 +2822,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;
         /**
@@ -2814,6 +2838,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
          */
@@ -4213,16 +4242,17 @@ declare global {
     /**
      * This component displays an avatar, representing Lime AI assistants.
      * :::warning
-     * This is a private component used internally in the Lime's various applications,
+     * This is a private component used internally in Lime's various applications,
      * which is the reason for having it in Lime Elements —to ease the distribution
      * of the component across all our apps.
      * 3rd party developers are not allowed use this component directly.
      * :::
      * @private 
      * @exampleComponent limel-example-ai-avatar-basic
-     * @exampleComponent limel-example-ai-avatar-colors
-     * @exampleComponent limel-example-ai-avatar-white-background
-     * @exampleComponent limel-example-ai-avatar-color-props
+     * @exampleComponent limel-example-ai-avatar-variant
+     * @exampleComponent limel-example-ai-avatar-mode
+     * @exampleComponent limel-example-ai-avatar-branded
+     * @exampleComponent limel-example-ai-avatar-export
      */
     interface HTMLLimelAiAvatarElement extends Components.LimelAiAvatar, HTMLStencilElement {
     }
@@ -5364,6 +5394,7 @@ declare global {
      * @exampleComponent limel-example-icon-name
      * @exampleComponent limel-example-icon-size
      * @exampleComponent limel-example-icon-color
+     * @exampleComponent limel-example-icon-svg-class
      */
     interface HTMLLimelIconElement extends Components.LimelIcon, HTMLStencilElement {
     }
@@ -5717,6 +5748,7 @@ declare global {
      * @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
@@ -6624,20 +6656,21 @@ declare namespace LocalJSX {
     /**
      * This component displays an avatar, representing Lime AI assistants.
      * :::warning
-     * This is a private component used internally in the Lime's various applications,
+     * This is a private component used internally in Lime's various applications,
      * which is the reason for having it in Lime Elements —to ease the distribution
      * of the component across all our apps.
      * 3rd party developers are not allowed use this component directly.
      * :::
      * @private 
      * @exampleComponent limel-example-ai-avatar-basic
-     * @exampleComponent limel-example-ai-avatar-colors
-     * @exampleComponent limel-example-ai-avatar-white-background
-     * @exampleComponent limel-example-ai-avatar-color-props
+     * @exampleComponent limel-example-ai-avatar-variant
+     * @exampleComponent limel-example-ai-avatar-mode
+     * @exampleComponent limel-example-ai-avatar-branded
+     * @exampleComponent limel-example-ai-avatar-export
      */
     interface LimelAiAvatar {
         /**
-          * Set to `true` to trigger animations that indicate that the AI is "thinking" or processing something.
+          * @deprecated Use the `mode` property with the value `thinking` instead. This property will be removed in a future major version.  Until removal, setting this to `true` is bridged to `mode="thinking"` when `mode` is at its default (`idle`); an explicit `mode` value always wins, so consumers can migrate by replacing `isThinking={true}` with `mode="thinking"` without coordination.
           * @default false
          */
         "isThinking"?: boolean;
@@ -6646,6 +6679,16 @@ declare namespace LocalJSX {
           * @default document.documentElement.lang as Languages
          */
         "language"?: Languages;
+        /**
+          * Represents the current activity of the AI agent. The avatar uses this to drive its visual state and animations. Defaults to `idle`.
+          * @default 'idle'
+         */
+        "mode"?: AiAvatarMode;
+        /**
+          * Selects the avatar's visual style. The `detailed` variant is the fully detailed orb; the `minimal` variant is a simplified design with a single gradient orb, a stroked outline, and a soft halo. Eye and mouth shapes (and all animations driving them) are shared across variants.
+          * @default 'minimal'
+         */
+        "variant"?: AiAvatarVariant;
     }
     /**
      * The Badge component can be used to display a notification badge,
@@ -7289,6 +7332,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.
          */
@@ -8605,6 +8653,7 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-icon-name
      * @exampleComponent limel-example-icon-size
      * @exampleComponent limel-example-icon-color
+     * @exampleComponent limel-example-icon-svg-class
      */
     interface LimelIcon {
         /**
@@ -8619,6 +8668,10 @@ declare namespace LocalJSX {
           * Size of the icon
          */
         "size"?: IconSize;
+        /**
+          * Sets the `class` attribute on the inner `<svg>` element rendered by this component, replacing whatever class the source SVG shipped with.  This is meant for icons whose SVG file contains internal `<style>` blocks with rules that respond to classes — a single file that ships with multiple visual states selectable via class names. Setting `svgClass` is how a consumer reaches across the shadow boundary to pick which of those states is active.  For typical stateless icons, this prop has no visible effect.
+         */
+        "svgClass"?: string;
     }
     /**
      * @exampleComponent limel-example-icon-button-basic
@@ -9333,6 +9386,7 @@ declare namespace LocalJSX {
      * @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
@@ -9375,7 +9429,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;
         /**
@@ -9391,6 +9445,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
          */
@@ -10687,6 +10746,8 @@ declare namespace LocalJSX {
     }
     interface LimelAiAvatarAttributes {
         "isThinking": boolean;
+        "mode": AiAvatarMode;
+        "variant": AiAvatarVariant;
         "language": Languages;
     }
     interface LimelBadgeAttributes {
@@ -10787,6 +10848,7 @@ declare namespace LocalJSX {
         "required": boolean;
         "searchLabel": string;
         "emptyInputOnBlur": boolean;
+        "emptyInputOnChange": boolean;
         "clearAllButton": boolean;
         "leadingIcon": IconName;
         "delimiter": string;
@@ -10975,6 +11037,7 @@ declare namespace LocalJSX {
         "size": IconSize;
         "name": string;
         "badge": boolean;
+        "svgClass": string;
     }
     interface LimelIconButtonAttributes {
         "icon": IconName | Icon;
@@ -11094,6 +11157,7 @@ declare namespace LocalJSX {
         "helperText": string;
         "leadingIcon": IconName;
         "emptyResultMessage": string;
+        "language": Languages;
         "required": boolean;
         "invalid": boolean;
         "multiple": boolean;
@@ -11396,16 +11460,17 @@ declare module "@stencil/core" {
             /**
              * This component displays an avatar, representing Lime AI assistants.
              * :::warning
-             * This is a private component used internally in the Lime's various applications,
+             * This is a private component used internally in Lime's various applications,
              * which is the reason for having it in Lime Elements —to ease the distribution
              * of the component across all our apps.
              * 3rd party developers are not allowed use this component directly.
              * :::
              * @private 
              * @exampleComponent limel-example-ai-avatar-basic
-             * @exampleComponent limel-example-ai-avatar-colors
-             * @exampleComponent limel-example-ai-avatar-white-background
-             * @exampleComponent limel-example-ai-avatar-color-props
+             * @exampleComponent limel-example-ai-avatar-variant
+             * @exampleComponent limel-example-ai-avatar-mode
+             * @exampleComponent limel-example-ai-avatar-branded
+             * @exampleComponent limel-example-ai-avatar-export
              */
             "limel-ai-avatar": LocalJSX.IntrinsicElements["limel-ai-avatar"] & JSXBase.HTMLAttributes<HTMLLimelAiAvatarElement>;
             /**
@@ -12094,6 +12159,7 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-icon-name
              * @exampleComponent limel-example-icon-size
              * @exampleComponent limel-example-icon-color
+             * @exampleComponent limel-example-icon-svg-class
              */
             "limel-icon": LocalJSX.IntrinsicElements["limel-icon"] & JSXBase.HTMLAttributes<HTMLLimelIconElement>;
             /**
@@ -12311,6 +12377,7 @@ declare module "@stencil/core" {
              * @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/translations/da.d.ts

@@ -68,6 +68,11 @@ declare const _default: {
     'progress-bar': string;
     'ai-avatar.label': string;
     'ai-avatar.thinking': string;
+    'ai-avatar.mode.active': string;
+    'ai-avatar.mode.thinking': string;
+    'ai-avatar.mode.typing': string;
+    'ai-avatar.mode.working': string;
+    'ai-avatar.mode.waiting': string;
     'table.select-all': string;
     'table.select-row': string;
     'code-diff.table-label': string;
@@ -102,6 +107,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

@@ -68,6 +68,11 @@ declare const _default: {
     'progress-bar': string;
     'ai-avatar.label': string;
     'ai-avatar.thinking': string;
+    'ai-avatar.mode.active': string;
+    'ai-avatar.mode.thinking': string;
+    'ai-avatar.mode.typing': string;
+    'ai-avatar.mode.working': string;
+    'ai-avatar.mode.waiting': string;
     'table.select-all': string;
     'table.select-row': string;
     'code-diff.table-label': string;
@@ -102,6 +107,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

@@ -68,6 +68,11 @@ declare const _default: {
     'progress-bar': string;
     'ai-avatar.label': string;
     'ai-avatar.thinking': string;
+    'ai-avatar.mode.active': string;
+    'ai-avatar.mode.thinking': string;
+    'ai-avatar.mode.typing': string;
+    'ai-avatar.mode.working': string;
+    'ai-avatar.mode.waiting': string;
     'table.select-all': string;
     'table.select-row': string;
     'code-diff.table-label': string;
@@ -102,6 +107,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

@@ -68,6 +68,11 @@ declare const _default: {
     'progress-bar': string;
     'ai-avatar.label': string;
     'ai-avatar.thinking': string;
+    'ai-avatar.mode.active': string;
+    'ai-avatar.mode.thinking': string;
+    'ai-avatar.mode.typing': string;
+    'ai-avatar.mode.working': string;
+    'ai-avatar.mode.waiting': string;
     'table.select-all': string;
     'table.select-row': string;
     'code-diff.table-label': string;
@@ -102,6 +107,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

@@ -68,6 +68,11 @@ declare const _default: {
     'progress-bar': string;
     'ai-avatar.label': string;
     'ai-avatar.thinking': string;
+    'ai-avatar.mode.active': string;
+    'ai-avatar.mode.thinking': string;
+    'ai-avatar.mode.typing': string;
+    'ai-avatar.mode.working': string;
+    'ai-avatar.mode.waiting': string;
     'table.select-all': string;
     'table.select-row': string;
     'code-diff.table-label': string;
@@ -102,6 +107,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

@@ -68,6 +68,11 @@ declare const _default: {
     'progress-bar': string;
     'ai-avatar.label': string;
     'ai-avatar.thinking': string;
+    'ai-avatar.mode.active': string;
+    'ai-avatar.mode.thinking': string;
+    'ai-avatar.mode.typing': string;
+    'ai-avatar.mode.working': string;
+    'ai-avatar.mode.waiting': string;
     'table.select-all': string;
     'table.select-row': string;
     'code-diff.table-label': string;
@@ -102,6 +107,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

@@ -68,6 +68,11 @@ declare const _default: {
     'snackbar.dismiss': string;
     'ai-avatar.label': string;
     'ai-avatar.thinking': string;
+    'ai-avatar.mode.active': string;
+    'ai-avatar.mode.thinking': string;
+    'ai-avatar.mode.typing': string;
+    'ai-avatar.mode.working': string;
+    'ai-avatar.mode.waiting': string;
     'table.select-all': string;
     'table.select-row': string;
     'code-diff.table-label': string;
@@ -102,6 +107,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

@@ -68,6 +68,11 @@ declare const _default: {
     'progress-bar': string;
     'ai-avatar.label': string;
     'ai-avatar.thinking': string;
+    'ai-avatar.mode.active': string;
+    'ai-avatar.mode.thinking': string;
+    'ai-avatar.mode.typing': string;
+    'ai-avatar.mode.working': string;
+    'ai-avatar.mode.waiting': string;
     'table.select-all': string;
     'table.select-row': string;
     'code-diff.table-label': string;
@@ -102,6 +107,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.26.0",
+  "version": "39.28.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",

package/dist/lime-elements/p-438652d6.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,a as r}from"./p-DBTJNfo7.js";import{g as e}from"./p-Dnt5w_Bp.js";class s{constructor(t){this.promises={},this.cache=t}async get(t,i=""){const r=await this.cache,e=this.getUrl(t,i);let s=await r.match(e);return s||(s=await this.fetchData(e,r)),this.getIcon(s)}async fetchData(t,i){let r=this.promises[t];return void 0===r&&(r=i.add(t),this.promises[t]=r),await r,i.match(t)}async getIcon(t){let i=await t.text();if(i=i.replaceAll("#000000","currentColor"),!this.validSvg(i))throw new Error("Invalid SVG");return i}validSvg(t){return"svg"===(new DOMParser).parseFromString(t,"image/svg+xml").documentElement.tagName.toLowerCase()}getUrl(t,i){let r=i||"";return i&&!i.endsWith("/")&&(r=`${i}/`),`${r}assets/icons/${t}.svg`}}class n{constructor(){this.cache={},this.resolveFunctions={}}async get(t,i=""){return this.cache[t]||(this.cache[t]=await this.getIcon(t,i)),this.cache[t]}getIcon(t,i){return new Promise((r=>{this.resolveFunctions[t]||(this.resolveFunctions[t]=[],this.fetchData(t,i)),this.resolveFunctions[t].push(r)}))}async fetchData(t,i){let r=i||"";i&&!i.endsWith("/")&&(r=`${i}/`);const e=await fetch(`${r}assets/icons/${t}.svg`);let s=await e.text();if(s=s.replaceAll("#000000","currentColor"),!this.validSvg(s))throw new Error("Invalid SVG");this.resolvePromises(t,s)}validSvg(t){return"svg"===(new DOMParser).parseFromString(t,"image/svg+xml").documentElement.tagName.toLowerCase()}resolvePromises(t,i){const r=this.resolveFunctions[t];for(const t of r)t(i);this.resolveFunctions[t]=null}}var o=function(){try{const t=caches.open("@limetech/lime-elements/icons");return new s(t)}catch(t){return new n}}();const a=class{constructor(i){t(this,i)}componentDidLoad(){this.loadIcon(this.name)}render(){return i("div",{key:"23b5f2c90c98461f65c0bcdb291f9958e00ac353",class:"container"})}async loadIcon(t){if(void 0===t||""===t)return;const i=await this.loadSvg(t);this.renderSvg(i)}loadSvg(t){return o.get(t,e.iconPath)}renderSvg(t){const i=this.host.shadowRoot.querySelector("div.container");i&&(i.innerHTML=t)}get host(){return r(this)}static get watchers(){return{name:[{loadIcon:0}]}}};a.style=":host{background-color:var(--icon-background-color, transparent);border-radius:50%;display:inline-block;line-height:0;box-sizing:border-box}:host svg{fill:currentColor;height:100%;pointer-events:none;width:100%}:host div{margin:var(--limel-icon-svg-margin, 0)}:host([hidden]){display:none}:host([size=x-small]){height:1rem !important;width:1rem !important}:host([size=small]){height:1.25rem !important;width:1.25rem !important}:host([size=medium]){height:1.5rem !important;width:1.5rem !important}:host([size=large]){height:1.75rem !important;width:1.75rem !important}:host([badge][size=x-small]){height:1.5rem !important;width:1.5rem !important;--limel-icon-svg-margin:0.25rem}:host([badge][size=small]){height:1.75rem !important;width:1.75rem !important;--limel-icon-svg-margin:0.25rem}:host([badge][size=medium]){height:2.5rem !important;width:2.5rem !important;--limel-icon-svg-margin:0.5rem}:host([badge][size=large]){height:2.75rem !important;width:2.75rem !important;--limel-icon-svg-margin:0.5rem}";export{a as limel_icon}

package/dist/lime-elements/p-56cc6800.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as o,a as i}from"./p-DBTJNfo7.js";import{m as a,r}from"./p-BgTwPGeH.js";import{d as n,g as s}from"./p-CgNJbSP4.js";const l=class{constructor(t){e(this,t),this.primary=!1,this.outlined=!1,this.disabled=!1,this.loading=!1,this.loadingFailed=!1,this.justLoaded=!1,this.filterClickWhenDisabled=e=>{this.disabled&&e.preventDefault()}}componentWillLoad(){a(this.host)}disconnectedCallback(){r(this.host)}render(){return t(o,{key:"0c409d801aa06800490755411975a2c47fe81331",onClick:this.filterClickWhenDisabled},t("button",{key:"d6f001cc42e8ffcf0986896e546a4f9349415160",class:{loading:this.loading,"just-loaded":this.justLoaded&&!this.loadingFailed,"just-failed":this.justLoaded&&this.loadingFailed,outlined:this.outlined},disabled:this.disabled||this.loading,"aria-busy":this.loading?"true":"false","aria-live":"polite"},this.renderIcon(this.icon),this.renderLabel(),this.renderSpinner(),t("svg",{key:"1a43254ec41997b2218ae39050605402685a66ed",viewBox:"0 0 30 30"},this.renderLoadingIcons())))}loadingWatcher(e,t){this.hasFinishedLoading(e,t)?this.handleLoadingFinished():e&&this.handleLoadingStarted()}hasFinishedLoading(e,t){return t&&!e}handleLoadingFinished(){this.justLoaded=!0,this.justLoadedTimeout=window.setTimeout((()=>{this.justLoaded=!1}),2e3)}handleLoadingStarted(){this.justLoaded=!1,window.clearTimeout(this.justLoadedTimeout)}renderLoadingIcons(){return this.loadingFailed?[t("line",{x1:"9",y1:"9",x2:"21",y2:"21"}),t("line",{x1:"21",y1:"9",x2:"9",y2:"21"})]:[t("line",{x1:"8",y1:"14",x2:"15",y2:"20"}),t("line",{x1:"23",y1:"9",x2:"14",y2:"20"})]}renderIcon(e){const o=s(e);if(!o)return;const i=n(e);let a;return this.label||i||console.warn("⚠️ Accessibility warning: `limel-button` has no `label` and its `icon` has no `title`. This creates an inaccessible button for screen reader users. Please add either a `label`, a `title` to the `icon`, or use a `limel-tooltip`. See https://lundalogik.github.io/lime-elements/versions/latest/#/component/limel-button/ for more information."),"object"==typeof e&&(a=e.color),t("limel-icon",Object.assign({},{role:"presentation",name:o,"aria-label":i,"aria-hidden":i?null:"true",style:{color:a}}))}renderLabel(){if(this.label)return t("span",{class:"label"},this.label)}renderSpinner(){if(this.loading)return t("limel-spinner",{limeBranded:!1})}static get delegatesFocus(){return!0}get host(){return i(this)}static get watchers(){return{loading:[{loadingWatcher:0}]}}};l.style='@charset "UTF-8";@keyframes reduced-presence{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.7)}}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded){animation:reduced-presence 0.3s ease forwards;transition:padding 0.3s ease, min-width 0.3s ease;transition-delay:0.3s;padding:0;min-width:0}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) .label{transition:font-size 0.8s ease;transition-delay:0.3s;font-size:0;opacity:0}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) limel-icon,:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) limel-spinner,:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) svg,:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) .icon{transition:all 0.3s ease;transition-delay:0.3s;opacity:0;width:0;height:0}:host{display:inline-block}:host([hidden]){display:none}:host([aria-expanded=true]) button,:host([aria-expanded]:not([aria-expanded=false])) button{box-shadow:var(--button-shadow-inset-pressed) !important}button.mdc-button{font-family:inherit}button{--_primary-color:var(       --lime-primary-color,       var(--limel-theme-primary-color)   );display:flex;align-items:center;justify-content:center;gap:0.125rem;border:none;border-radius:0.4rem;padding-top:0;padding-right:var(--button-padding-right, 0.5rem);padding-bottom:0;padding-left:var(--button-padding-left, 0.5rem);min-height:2.25rem;width:100%}button:not(:disabled){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal)}button:not(:disabled):hover,button:not(:disabled):focus,button:not(:disabled):focus-visible{will-change:color, background-color, box-shadow, transform}button:not(:disabled):hover,button:not(:disabled):focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}button:not(:disabled):active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button:not(:disabled):hover,button:not(:disabled):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button:not(:disabled):focus{outline:none}button:not(:disabled):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button:disabled{cursor:not-allowed}:host(limel-button[primary]) button:not(:disabled){color:var(--lime-on-primary-color, var(--limel-theme-on-primary-color));background-color:var(--_primary-color)}:host(limel-button[primary]) button:disabled{background-color:color-mix(in srgb, var(--_primary-color), transparent 80%)}:host(limel-button:not([primary])) button:not(:disabled){color:var(--_primary-color)}:host(limel-button:not([primary])) button:disabled.outlined{color:color-mix(in srgb, var(--_primary-color), transparent 60%);border-color:color-mix(in srgb, var(--_primary-color), transparent 70%)}:host(limel-button:not([primary])) button:disabled:not(.outlined){color:rgba(var(--contrast-1100), 0.37);background-color:rgba(var(--contrast-900), 0.1)}.label{font-size:var(--limel-theme-default-font-size);font-weight:600;letter-spacing:0.03125rem;padding:0 0.25rem}limel-spinner{position:absolute}limel-icon{width:1.25rem;flex-shrink:0;vertical-align:top}svg{height:1.875rem;opacity:0;pointer-events:none;position:absolute;width:1.875rem}svg line{stroke:rgb(var(--contrast-600));stroke-width:2}limel-icon,.label,limel-spinner,svg{transition:opacity 300ms ease-in-out}.loading limel-icon,.loading .label{opacity:0}.loading limel-spinner{opacity:1}.just-loaded limel-icon,.just-loaded .label,.just-failed limel-icon,.just-failed .label{opacity:0}.just-loaded svg,.just-failed svg{opacity:1}.just-failed{background-color:var(--limel-theme-error-color) !important;animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.outlined{border:1px solid;border-color:var(--_primary-color)}@keyframes shake{10%,90%{transform:translate3d(-0.0625rem, 0, 0)}20%,80%{transform:translate3d(0.125rem, 0, 0)}30%,50%,70%{transform:translate3d(-0.1875rem, 0, 0)}40%,60%{transform:translate3d(0.1875rem, 0, 0)}}';export{l as limel_button}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as s}from"./p-DBTJNfo7.js";const i=class{constructor(s){t(this,s),this.change=e(this,"change"),this.disabled=!1,this.maxLinesSecondaryText=3,this.handleChange=t=>{t.stopPropagation(),this.disabled||this.change.emit(t.detail)}}render(){return s("limel-list",{key:"0a68f90122f1e246d966e3b747f0e13bed2c901b",items:this.createItems(),type:"radio",badgeIcons:this.badgeIcons,maxLinesSecondaryText:this.maxLinesSecondaryText,onChange:this.handleChange})}createItems(){return this.items.map((t=>{var e;return"separator"in t?t:Object.assign(Object.assign({},t),{selected:t.value===(null===(e=this.selectedItem)||void 0===e?void 0:e.value),disabled:this.disabled||t.disabled})}))}};export{i as limel_radio_button_group}

package/dist/lime-elements/p-5eadcd4a.entry.js

@@ -1 +0,0 @@
-import{r as a,h as r,H as e}from"./p-DBTJNfo7.js";import{t}from"./p-Dv3YcsA7.js";const i=class{constructor(r){a(this,r),this.isThinking=!1,this.language=document.documentElement.lang,this.getTranslation=a=>t.get(a,this.language)}render(){return r(e,{key:"8b04584ecdd86d9768666efb7299c0985bf9948f",role:"img","aria-label":this.getHostAriaLabel()},this.renderCircle("red"),this.renderCircle("green"),this.renderCircle("blue"),this.renderCircle("orange"),r("div",{key:"a4434ecc24403ee1bb04b82acd9a41c85da139d0",class:"core"}),r("div",{key:"788fec45e563e226d27fbf30b828dd5bc2d42db6",class:"orbitals"}))}getHostAriaLabel(){let a="";return this.isThinking&&(a=` (${this.getTranslation("ai-avatar.thinking")})`),`${this.getTranslation("ai-avatar.label")}${a}`}renderCircle(a){return r("svg",{class:a,viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg",role:"presentation"},r("circle",{cx:"50",cy:"50",r:"40",fill:"none",stroke:"currentColor","stroke-width":"6"}))}};i.style=':host(limel-ai-avatar){display:flex;justify-content:center;align-self:center;position:relative;aspect-ratio:1;max-width:10rem;max-height:8rem;min-width:1.75rem;min-height:1.75rem;border-radius:0.5rem}*{box-sizing:border-box}:host(limel-ai-avatar[is-thinking]:not([is-thinking=false])){--ai-avatar-animation-play-state:running;--ai-avatar-orbitals-opacity:0.6;--ai-avatar-orbitals-animation-play-state:running}.core,.orbitals{position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%}.core{opacity:0.3;width:70%;animation:breathe 3s ease infinite var(--ai-avatar-animation-play-state, paused);background-color:rgb(var(--color-glaucous-darker), 0.6);mix-blend-mode:var(--ai-avatar-core-blend-mode, plus-lighter)}.orbitals{mix-blend-mode:var(--ai-avatar-core-blend-mode, plus-lighter);width:clamp(0.375rem, 20%, 3.5rem);animation:rotate 5s linear infinite var(--ai-avatar-orbitals-animation-play-state, paused);transition:opacity 0.2s ease;opacity:var(--ai-avatar-orbitals-opacity, 0)}.orbitals:after,.orbitals:before{content:"";display:block;position:absolute;inset:0;margin:auto;width:clamp(0.125rem, 50%, 0.75rem);aspect-ratio:1;border-radius:50%;background-color:rgb(var(--color-glaucous-lighter))}.orbitals:before{animation:orbit 1s linear infinite var(--ai-avatar-orbitals-animation-play-state, paused);opacity:0.6;transform-origin:-220% 0;margin-right:-70%}.orbitals:after{animation:orbit 2s linear infinite var(--ai-avatar-orbitals-animation-play-state, paused);opacity:0.8;scale:0.7;transform-origin:0% -250%;margin-bottom:-70%}@keyframes orbit{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}}@keyframes breathe{1%,100%{transform:scale(1)}50%{transform:scale(0.86)}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}svg{position:absolute;margin:auto;mix-blend-mode:var(--ai-avatar-rings-blend-mode, screen);animation-iteration-count:infinite;animation-play-state:var(--ai-avatar-animation-play-state, paused)}.red{rotate:20deg;color:var(--ai-avatar-color-one, rgb(var(--color-red-default)));animation-name:rotate, scale-circle-one;animation-duration:5s}.green{rotate:36deg;color:var(--ai-avatar-color-two, rgb(var(--color-green-default)));animation-name:rotate, scale-circle-two;animation-duration:5.5s}.blue{rotate:100deg;color:var(--ai-avatar-color-three, rgb(var(--color-blue-default)));animation-name:rotate, scale-circle-three;animation-duration:4.5s}.orange{rotate:165deg;color:var(--ai-avatar-color-four, rgb(var(--color-orange-default)));animation-name:rotate, scale-circle-four;animation-duration:6.5s}@keyframes scale-circle-one{0%,100%{transform:scaleX(1) scaleY(0.8)}25%,75%{transform:scaleX(0.8) scaleY(0.9)}50%{transform:scaleX(1) scaleY(0.7)}}@keyframes scale-circle-two{0%,100%{transform:scaleX(0.8) scaleY(1)}25%,75%{transform:scaleX(0.9) scaleY(0.75)}50%{transform:scaleX(0.72) scaleY(1)}}@keyframes scale-circle-three{0%,100%{transform:scaleX(0.9) scaleY(0.8)}50%{transform:scaleX(0.75) scaleY(0.9)}}@keyframes scale-circle-four{0%,100%{transform:scaleX(0.8) scaleY(0.95)}25%,75%{transform:scaleX(0.95) scaleY(0.75)}50%{transform:scaleX(0.75) scaleY(0.95)}}';export{i as limel_ai_avatar}

package/dist/lime-elements/p-7436490f.entry.js

@@ -1 +0,0 @@
-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}

package/dist/lime-elements/p-7cfed02f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,a as h}from"./p-DBTJNfo7.js";import{i as e}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 as d}from"./p-JbKhhoXs.js";import{a as c,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=c(t.icon,t.iconColor);return{id:`${this.getValueId(t)}`,text:t.text,removable:!1!==t.removable,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,h=await s(this.textValue);clearTimeout(i),this.handleSearchResult(t,h)},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=d(),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:"d3490b3bcba25c3603a13881b9ce4708f459dc09",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}`);e(t,this.host)||e(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,s;if(t.stopPropagation(),!this.value||this.value!==t.detail){let s=t.detail;this.multiple&&(s=[...null!==(i=this.value)&&void 0!==i?i:[],t.detail]),this.change.emit(s),this.items=[]}this.multiple&&(this.textValue="",null===(s=this.chipSet)||void 0===s||s.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,h=t.key===a;if(!i&&!s&&!h)return;const e=document.querySelector(` #${this.portalId} limel-list`);if(e){if(i||h){const i=e.shadowRoot.querySelector(".mdc-deprecated-list-item");if(!i)return;return t.preventDefault(),void i.focus()}if(s){const i=[...e.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){var s;if(t===this.textValue){if(this.items=i,this.multiple){const t=null!==(s=this.value)&&void 0!==s?s:[];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 h(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}