@limetech/lime-crm-building-blocks 1.124.0 → 1.125.0

package/dist/types/components.d.ts

@@ -243,6 +243,88 @@ export namespace Components {
          */
         "platform": LimeWebComponentPlatform;
     }
+    /**
+     * Picks a color palette from the built-in color-palettes registry,
+     * and shows the palette's swatches alongside its title — both in
+     * the dropdown row and in the selected trigger area.
+     * ### When to use this picker
+     * Use it when a Lime CRM widget needs the admin to choose a set of
+     * colors purely for **visual differentiation** between items in a
+     * list. The picker's contract is "give every item a distinct, nicely
+     * harmonized color"; it does **not** assume any item-to-color
+     * mapping is meaningful. Concrete examples:
+     * - bars / slices in a chart widget
+     * - swimlanes in a kanban view
+     * - event categories in a calendar
+     * - tag chips on a list view
+     * ### When **not** to use it
+     * Don't use this picker when colors carry semantic meaning that
+     * end users must learn and rely on — e.g. _red = high priority_,
+     * _green = healthy_, _yellow = pending_. The palette's color order
+     * and contents may evolve over time (designers tweaking shades,
+     * appending new colors, retiring duplicates), so item-to-color
+     * mappings are intentionally **not** stable across releases. For
+     * status / priority / severity surfaces, encode meaning at the
+     * value level (icons, badges, labels) rather than color alone.
+     * @exampleComponent limebb-example-color-palette-picker
+     * @beta 
+     */
+    interface LimebbColorPalettePicker {
+        /**
+          * Whether or not the current property is disabled
+          * @inheritdoc
+         */
+        "disabled": boolean;
+        /**
+          * The helper text for the current property
+          * @inheritdoc
+         */
+        "helperText": string;
+        /**
+          * @inheritdoc
+         */
+        "invalid": boolean;
+        /**
+          * The label of the current property
+          * @inheritdoc
+         */
+        "label": string;
+        /**
+          * Whether or not the current property is readonly
+          * @inheritdoc
+         */
+        "readonly": boolean;
+        /**
+          * Whether or not the current property is required
+          * @inheritdoc
+         */
+        "required": boolean;
+        /**
+          * The value of the current property
+          * @inheritdoc
+         */
+        "value": string;
+    }
+    /**
+     * Renders a small grid of color swatches for a palette. Used as the
+     * inline preview inside [limebb-color-palette-picker](..) — both in
+     * the trigger (the currently chosen palette) and in each row of its
+     * dropdown list (so users can see the colors before picking). Pass
+     * any CSS color strings (`rgb(var(--…))`, hex, etc.).
+     * The swatches are purely decorative — they carry no semantic
+     * information beyond what the surrounding context (e.g. the picker
+     * option's text and secondary text) already provides. The component
+     * marks itself `aria-hidden` so assistive tech skips it cleanly.
+     * @exampleComponent limebb-example-color-palette-swatches
+     * @private 
+     */
+    interface LimebbColorPaletteSwatches {
+        /**
+          * Ordered list of CSS color values to render as swatches.
+          * @default []
+         */
+        "colors": string[];
+    }
     /**
      * This component must be used in a limel-form
      * where the Command ID OR component name exists in the same section as the config.
@@ -2463,6 +2545,10 @@ export interface LimebbBrowserCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLimebbBrowserElement;
 }
+export interface LimebbColorPalettePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimebbColorPalettePickerElement;
+}
 export interface LimebbComponentConfigCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLimebbComponentConfigElement;
@@ -2759,6 +2845,68 @@ declare global {
         prototype: HTMLLimebbChatListElement;
         new (): HTMLLimebbChatListElement;
     };
+    interface HTMLLimebbColorPalettePickerElementEventMap {
+        "change": string;
+    }
+    /**
+     * Picks a color palette from the built-in color-palettes registry,
+     * and shows the palette's swatches alongside its title — both in
+     * the dropdown row and in the selected trigger area.
+     * ### When to use this picker
+     * Use it when a Lime CRM widget needs the admin to choose a set of
+     * colors purely for **visual differentiation** between items in a
+     * list. The picker's contract is "give every item a distinct, nicely
+     * harmonized color"; it does **not** assume any item-to-color
+     * mapping is meaningful. Concrete examples:
+     * - bars / slices in a chart widget
+     * - swimlanes in a kanban view
+     * - event categories in a calendar
+     * - tag chips on a list view
+     * ### When **not** to use it
+     * Don't use this picker when colors carry semantic meaning that
+     * end users must learn and rely on — e.g. _red = high priority_,
+     * _green = healthy_, _yellow = pending_. The palette's color order
+     * and contents may evolve over time (designers tweaking shades,
+     * appending new colors, retiring duplicates), so item-to-color
+     * mappings are intentionally **not** stable across releases. For
+     * status / priority / severity surfaces, encode meaning at the
+     * value level (icons, badges, labels) rather than color alone.
+     * @exampleComponent limebb-example-color-palette-picker
+     * @beta 
+     */
+    interface HTMLLimebbColorPalettePickerElement extends Components.LimebbColorPalettePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLimebbColorPalettePickerElementEventMap>(type: K, listener: (this: HTMLLimebbColorPalettePickerElement, ev: LimebbColorPalettePickerCustomEvent<HTMLLimebbColorPalettePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLLimebbColorPalettePickerElementEventMap>(type: K, listener: (this: HTMLLimebbColorPalettePickerElement, ev: LimebbColorPalettePickerCustomEvent<HTMLLimebbColorPalettePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLLimebbColorPalettePickerElement: {
+        prototype: HTMLLimebbColorPalettePickerElement;
+        new (): HTMLLimebbColorPalettePickerElement;
+    };
+    /**
+     * Renders a small grid of color swatches for a palette. Used as the
+     * inline preview inside [limebb-color-palette-picker](..) — both in
+     * the trigger (the currently chosen palette) and in each row of its
+     * dropdown list (so users can see the colors before picking). Pass
+     * any CSS color strings (`rgb(var(--…))`, hex, etc.).
+     * The swatches are purely decorative — they carry no semantic
+     * information beyond what the surrounding context (e.g. the picker
+     * option's text and secondary text) already provides. The component
+     * marks itself `aria-hidden` so assistive tech skips it cleanly.
+     * @exampleComponent limebb-example-color-palette-swatches
+     * @private 
+     */
+    interface HTMLLimebbColorPaletteSwatchesElement extends Components.LimebbColorPaletteSwatches, HTMLStencilElement {
+    }
+    var HTMLLimebbColorPaletteSwatchesElement: {
+        prototype: HTMLLimebbColorPaletteSwatchesElement;
+        new (): HTMLLimebbColorPaletteSwatchesElement;
+    };
     interface HTMLLimebbComponentConfigElementEventMap {
         "change": Record<string, unknown>;
     }
@@ -4239,6 +4387,8 @@ declare global {
         "limebb-chat-icon-list": HTMLLimebbChatIconListElement;
         "limebb-chat-item": HTMLLimebbChatItemElement;
         "limebb-chat-list": HTMLLimebbChatListElement;
+        "limebb-color-palette-picker": HTMLLimebbColorPalettePickerElement;
+        "limebb-color-palette-swatches": HTMLLimebbColorPaletteSwatchesElement;
         "limebb-component-config": HTMLLimebbComponentConfigElement;
         "limebb-component-picker": HTMLLimebbComponentPickerElement;
         "limebb-composer-toolbar": HTMLLimebbComposerToolbarElement;
@@ -4496,6 +4646,92 @@ declare namespace LocalJSX {
          */
         "platform": LimeWebComponentPlatform;
     }
+    /**
+     * Picks a color palette from the built-in color-palettes registry,
+     * and shows the palette's swatches alongside its title — both in
+     * the dropdown row and in the selected trigger area.
+     * ### When to use this picker
+     * Use it when a Lime CRM widget needs the admin to choose a set of
+     * colors purely for **visual differentiation** between items in a
+     * list. The picker's contract is "give every item a distinct, nicely
+     * harmonized color"; it does **not** assume any item-to-color
+     * mapping is meaningful. Concrete examples:
+     * - bars / slices in a chart widget
+     * - swimlanes in a kanban view
+     * - event categories in a calendar
+     * - tag chips on a list view
+     * ### When **not** to use it
+     * Don't use this picker when colors carry semantic meaning that
+     * end users must learn and rely on — e.g. _red = high priority_,
+     * _green = healthy_, _yellow = pending_. The palette's color order
+     * and contents may evolve over time (designers tweaking shades,
+     * appending new colors, retiring duplicates), so item-to-color
+     * mappings are intentionally **not** stable across releases. For
+     * status / priority / severity surfaces, encode meaning at the
+     * value level (icons, badges, labels) rather than color alone.
+     * @exampleComponent limebb-example-color-palette-picker
+     * @beta 
+     */
+    interface LimebbColorPalettePicker {
+        /**
+          * Whether or not the current property is disabled
+          * @inheritdoc
+         */
+        "disabled"?: boolean;
+        /**
+          * The helper text for the current property
+          * @inheritdoc
+         */
+        "helperText"?: string;
+        /**
+          * @inheritdoc
+         */
+        "invalid"?: boolean;
+        /**
+          * The label of the current property
+          * @inheritdoc
+         */
+        "label"?: string;
+        /**
+          * Emitted when the user picks a different palette. The detail is the chosen palette's `id`.
+         */
+        "onChange"?: (event: LimebbColorPalettePickerCustomEvent<string>) => void;
+        /**
+          * Whether or not the current property is readonly
+          * @inheritdoc
+         */
+        "readonly"?: boolean;
+        /**
+          * Whether or not the current property is required
+          * @inheritdoc
+         */
+        "required"?: boolean;
+        /**
+          * The value of the current property
+          * @inheritdoc
+         */
+        "value"?: string;
+    }
+    /**
+     * Renders a small grid of color swatches for a palette. Used as the
+     * inline preview inside [limebb-color-palette-picker](..) — both in
+     * the trigger (the currently chosen palette) and in each row of its
+     * dropdown list (so users can see the colors before picking). Pass
+     * any CSS color strings (`rgb(var(--…))`, hex, etc.).
+     * The swatches are purely decorative — they carry no semantic
+     * information beyond what the surrounding context (e.g. the picker
+     * option's text and secondary text) already provides. The component
+     * marks itself `aria-hidden` so assistive tech skips it cleanly.
+     * @exampleComponent limebb-example-color-palette-swatches
+     * @private 
+     */
+    interface LimebbColorPaletteSwatches {
+        /**
+          * Ordered list of CSS color values to render as swatches.
+          * @default []
+         */
+        "colors"?: string[];
+    }
     /**
      * This component must be used in a limel-form
      * where the Command ID OR component name exists in the same section as the config.
@@ -6919,6 +7155,15 @@ declare namespace LocalJSX {
         "lastVisitedTimestamp": string | Date | null;
         "order": 'newest-on-top' | 'oldest-on-top';
     }
+    interface LimebbColorPalettePickerAttributes {
+        "value": string;
+        "required": boolean;
+        "readonly": boolean;
+        "invalid": boolean;
+        "disabled": boolean;
+        "label": string;
+        "helperText": string;
+    }
     interface LimebbComponentConfigAttributes {
         "required": boolean;
         "readonly": boolean;
@@ -7215,6 +7460,8 @@ declare namespace LocalJSX {
         "limebb-chat-icon-list": LimebbChatIconList;
         "limebb-chat-item": Omit<LimebbChatItem, keyof LimebbChatItemAttributes> & { [K in keyof LimebbChatItem & keyof LimebbChatItemAttributes]?: LimebbChatItem[K] } & { [K in keyof LimebbChatItem & keyof LimebbChatItemAttributes as `attr:${K}`]?: LimebbChatItemAttributes[K] } & { [K in keyof LimebbChatItem & keyof LimebbChatItemAttributes as `prop:${K}`]?: LimebbChatItem[K] };
         "limebb-chat-list": Omit<LimebbChatList, keyof LimebbChatListAttributes> & { [K in keyof LimebbChatList & keyof LimebbChatListAttributes]?: LimebbChatList[K] } & { [K in keyof LimebbChatList & keyof LimebbChatListAttributes as `attr:${K}`]?: LimebbChatListAttributes[K] } & { [K in keyof LimebbChatList & keyof LimebbChatListAttributes as `prop:${K}`]?: LimebbChatList[K] };
+        "limebb-color-palette-picker": Omit<LimebbColorPalettePicker, keyof LimebbColorPalettePickerAttributes> & { [K in keyof LimebbColorPalettePicker & keyof LimebbColorPalettePickerAttributes]?: LimebbColorPalettePicker[K] } & { [K in keyof LimebbColorPalettePicker & keyof LimebbColorPalettePickerAttributes as `attr:${K}`]?: LimebbColorPalettePickerAttributes[K] } & { [K in keyof LimebbColorPalettePicker & keyof LimebbColorPalettePickerAttributes as `prop:${K}`]?: LimebbColorPalettePicker[K] };
+        "limebb-color-palette-swatches": LimebbColorPaletteSwatches;
         "limebb-component-config": Omit<LimebbComponentConfig, keyof LimebbComponentConfigAttributes> & { [K in keyof LimebbComponentConfig & keyof LimebbComponentConfigAttributes]?: LimebbComponentConfig[K] } & { [K in keyof LimebbComponentConfig & keyof LimebbComponentConfigAttributes as `attr:${K}`]?: LimebbComponentConfigAttributes[K] } & { [K in keyof LimebbComponentConfig & keyof LimebbComponentConfigAttributes as `prop:${K}`]?: LimebbComponentConfig[K] };
         "limebb-component-picker": Omit<LimebbComponentPicker, keyof LimebbComponentPickerAttributes> & { [K in keyof LimebbComponentPicker & keyof LimebbComponentPickerAttributes]?: LimebbComponentPicker[K] } & { [K in keyof LimebbComponentPicker & keyof LimebbComponentPickerAttributes as `attr:${K}`]?: LimebbComponentPickerAttributes[K] } & { [K in keyof LimebbComponentPicker & keyof LimebbComponentPickerAttributes as `prop:${K}`]?: LimebbComponentPicker[K] };
         "limebb-composer-toolbar": Omit<LimebbComposerToolbar, keyof LimebbComposerToolbarAttributes> & { [K in keyof LimebbComposerToolbar & keyof LimebbComposerToolbarAttributes]?: LimebbComposerToolbar[K] } & { [K in keyof LimebbComposerToolbar & keyof LimebbComposerToolbarAttributes as `attr:${K}`]?: LimebbComposerToolbarAttributes[K] } & { [K in keyof LimebbComposerToolbar & keyof LimebbComposerToolbarAttributes as `prop:${K}`]?: LimebbComposerToolbar[K] };
@@ -7362,6 +7609,47 @@ declare module "@stencil/core" {
              * @beta 
              */
             "limebb-chat-list": LocalJSX.IntrinsicElements["limebb-chat-list"] & JSXBase.HTMLAttributes<HTMLLimebbChatListElement>;
+            /**
+             * Picks a color palette from the built-in color-palettes registry,
+             * and shows the palette's swatches alongside its title — both in
+             * the dropdown row and in the selected trigger area.
+             * ### When to use this picker
+             * Use it when a Lime CRM widget needs the admin to choose a set of
+             * colors purely for **visual differentiation** between items in a
+             * list. The picker's contract is "give every item a distinct, nicely
+             * harmonized color"; it does **not** assume any item-to-color
+             * mapping is meaningful. Concrete examples:
+             * - bars / slices in a chart widget
+             * - swimlanes in a kanban view
+             * - event categories in a calendar
+             * - tag chips on a list view
+             * ### When **not** to use it
+             * Don't use this picker when colors carry semantic meaning that
+             * end users must learn and rely on — e.g. _red = high priority_,
+             * _green = healthy_, _yellow = pending_. The palette's color order
+             * and contents may evolve over time (designers tweaking shades,
+             * appending new colors, retiring duplicates), so item-to-color
+             * mappings are intentionally **not** stable across releases. For
+             * status / priority / severity surfaces, encode meaning at the
+             * value level (icons, badges, labels) rather than color alone.
+             * @exampleComponent limebb-example-color-palette-picker
+             * @beta 
+             */
+            "limebb-color-palette-picker": LocalJSX.IntrinsicElements["limebb-color-palette-picker"] & JSXBase.HTMLAttributes<HTMLLimebbColorPalettePickerElement>;
+            /**
+             * Renders a small grid of color swatches for a palette. Used as the
+             * inline preview inside [limebb-color-palette-picker](..) — both in
+             * the trigger (the currently chosen palette) and in each row of its
+             * dropdown list (so users can see the colors before picking). Pass
+             * any CSS color strings (`rgb(var(--…))`, hex, etc.).
+             * The swatches are purely decorative — they carry no semantic
+             * information beyond what the surrounding context (e.g. the picker
+             * option's text and secondary text) already provides. The component
+             * marks itself `aria-hidden` so assistive tech skips it cleanly.
+             * @exampleComponent limebb-example-color-palette-swatches
+             * @private 
+             */
+            "limebb-color-palette-swatches": LocalJSX.IntrinsicElements["limebb-color-palette-swatches"] & JSXBase.HTMLAttributes<HTMLLimebbColorPaletteSwatchesElement>;
             /**
              * This component must be used in a limel-form
              * where the Command ID OR component name exists in the same section as the config.

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 export * from './components';
 export * from './interface';
 export * from './factories';
+export * from './util/color-palettes';
 import '@lundalogik/lime-icons8';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/util/color-palettes.d.ts

@@ -0,0 +1,67 @@
+/**
+ * A small registry of curated color palettes that can be reused
+ * wherever Lime CRM needs to assign distinct colors to a list of
+ * items — tag swatches, kanban swimlanes, multi-series visuals,
+ * legend entries, chart buckets, and so on. Palettes are stored as
+ * plain CSS color strings so consumers can hand them straight to a
+ * component prop or to inline `style` without further conversion.
+ *
+ * The default palettes lean on the Lime Extended color palette via
+ * `rgb(var(--color-…))` so they pick up dark / light mode
+ * automatically. The color-blind-friendly palette uses Wong (2011)
+ * hex values verbatim — those are tuned for distinguishability and
+ * substituting Lime's nearest neighbours would defeat the purpose.
+ *
+ * :::important
+ * **Append-only:** consumers assign colors by index (often modulo
+ * the palette length), so to keep already-saved configurations
+ * stable across releases, never reorder or replace existing colors
+ * in a palette — only append new ones at the end.
+ * :::
+ */
+/**
+ * A curated set of CSS color values that can be applied to a list of
+ * items needing distinct, visually harmonious colors.
+ *
+ * @beta
+ */
+export interface ColorPalette {
+    /**
+     * Stable id used to reference a palette from saved
+     * configuration (e.g. widget admin settings). Must not change
+     * once a palette has been shipped.
+     */
+    id: string;
+    /**
+     * Human-readable name to display in pickers and legends.
+     */
+    title: string;
+    /**
+     * One-sentence explanation of what the palette is good for.
+     * Surfaced in pickers as helper text.
+     */
+    description: string;
+    /**
+     * Ordered list of CSS color values. Consumers iterate into this
+     * list (typically modulo its length) to assign one color per
+     * item.
+     */
+    colors: string[];
+}
+/**
+ * Built-in palettes. Order matters — pickers should render them in
+ * this order, with the first entry being the most generally useful
+ * default.
+ *
+ * @beta
+ */
+export declare const COLOR_PALETTES: ColorPalette[];
+/**
+ * Look up a palette by id. Returns `undefined` when the id is
+ * unknown; callers typically fall back to `COLOR_PALETTES[0]`.
+ * @param id - the palette's stable id (see {@link ColorPalette.id}).
+ *
+ * @beta
+ */
+export declare function getColorPalette(id: string): ColorPalette | undefined;
+//# sourceMappingURL=color-palettes.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-crm-building-blocks",
-  "version": "1.124.0",
+  "version": "1.125.0",
   "description": "A home for shared components meant for use with Lime CRM",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/lime-crm-building-blocks/p-51ab9d60.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i}from"./p-BIwHMk6j.js";import{n as s}from"./p-BeLcuSg8.js";const h=class{constructor(i){t(this,i),this.change=e(this,"change"),this.disabled=!1,this.readonly=!1,this.invalid=!1,this.required=!1,this.type="datetime",this.shouldEmitValueAsString=!0,this.handleChange=t=>{if(!t.detail)return;t.stopPropagation();const e=(i=t.detail,"datetime"===(s=this.type)||"time"===s?i:new Date(Date.UTC(i.getFullYear(),i.getMonth(),i.getDate())));var i,s;this.change.emit(this.shouldEmitValueAsString?e.toISOString():e)},this.formatter=t=>this.dateTimeFormatter.format(t,a[this.type]||this.type)}render(){return this.language||(this.language=this.getAppLanguage()),this.value&&(this.shouldEmitValueAsString="string"==typeof this.value),i("limel-date-picker",{key:"3db884d7d5ceec1790e7de8a785a0e95aa07acd9",disabled:this.disabled,readonly:this.readonly,invalid:this.invalid,label:this.label,placeholder:this.placeholder,helperText:this.helperText,required:this.required,value:this.parseDateValue(),type:this.type,language:this.language,formatter:this.formatter,onChange:this.handleChange})}parseDateValue(){const t=this.value;if(t)return this.dateTimeFormatter.parse(t,a[this.type]||this.type)}get dateTimeFormatter(){return this.platform.get(s.DateTimeFormatter)}getAppLanguage(){const t=this.platform.get(s.Translate),e=this.platform.get(s.Application);let i;var h;return i="function"==typeof(null==(h=t)?void 0:h.getLanguage)?t.getLanguage():e.getLanguage(),n(i)?i:"en"}},a={datetime:"time",time:"timeofday"},r=new Set(["da","de","en","fi","fr","nb","no","nl","sv"]),n=t=>r.has(t);export{h as limebb_date_picker}

package/dist/lime-crm-building-blocks/p-628ce56b.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i}from"./p-BIwHMk6j.js";import{n as l}from"./p-BeLcuSg8.js";const n=[{trigger:"rich-text",icon:"font_style_formatting",translationKey:"webclient.composer-toolbar.rich-text"},{trigger:"mention",icon:"email_sign_92447",translationKey:"webclient.composer-toolbar.mention",helperLabel:"@"},{trigger:"text-snippet",icon:"rich_text_converter",translationKey:"webclient.composer-toolbar.text-snippet",helperLabel:"!"},{trigger:"internal-link",icon:"hashtag_large",translationKey:"webclient.composer-toolbar.internal-link",helperLabel:"#"}],o=class{constructor(i){t(this,i),this.triggerInsert=e(this,"triggerInsert"),this.filesSelected=e(this,"filesSelected"),this.mentions=!1,this.textSnippets=!1,this.internalLinks=!1,this.richText=!1,this.handleTriggerSelected=t=>{t.stopPropagation(),this.triggerInsert.emit(t.detail.value)},this.handleFilesSelected=t=>{t.stopPropagation(),this.filesSelected.emit(t.detail)}}render(){return[i("div",{key:"65a3b1eb3ba4ebe0e87a732b9b40ab757f653470",class:"actions"},i("slot",{key:"6aba4388efdaf0122fe16b1d2b5fa4413b76cac1",name:"leading"}),this.renderFileInput(),this.renderTriggerActions(),i("slot",{key:"cb829dfa676b3bf46fad352317e203211e3aae6a",name:"trailing"})),i("slot",{key:"6649aa3c3887176d28c0798405fe27a1d5ba807b",name:"primary-action"})]}get translator(){var t;return null===(t=this.platform)||void 0===t?void 0:t.get(l.Translate)}get triggerActions(){const t={mention:this.mentions,"text-snippet":this.textSnippets,"internal-link":this.internalLinks,"rich-text":this.richText};return n.filter((e=>t[e.trigger])).map((t=>{var e,i;return{text:null!==(i=null===(e=this.translator)||void 0===e?void 0:e.get(t.translationKey))&&void 0!==i?i:t.trigger,commandText:t.helperLabel,icon:t.icon,iconOnly:!0,value:t.trigger}}))}renderTriggerActions(){const t=this.triggerActions;if(0!==t.length)return i("limel-action-bar",{actions:t,onItemSelected:this.handleTriggerSelected})}renderFileInput(){var t,e,l,n,o,r;if(this.fileInput)return i("limel-file-input",{accept:null!==(t=this.fileInput.accept)&&void 0!==t?t:"*",multiple:null!==(e=this.fileInput.multiple)&&void 0!==e&&e,disabled:null!==(l=this.fileInput.disabled)&&void 0!==l&&l,onFilesSelected:this.handleFilesSelected},i("limel-icon-button",{icon:"attach",disabled:null!==(n=this.fileInput.disabled)&&void 0!==n&&n,label:null===(o=this.translator)||void 0===o?void 0:o.get("webclient.attach-files"),helperLabel:null===(r=this.translator)||void 0===r?void 0:r.get("webclient.attach-files-helper")}))}};o.style="*{box-sizing:border-box;min-width:0}:host(limebb-composer-toolbar){box-sizing:border-box;display:flex;align-items:center;width:100%;max-width:100%;gap:0.5rem}.actions{display:flex;align-items:center;flex-wrap:nowrap;flex-grow:1}limel-icon-button,::slotted(limel-icon-button){display:inline-block;scale:0.86}limel-file-input{flex-shrink:0}";export{o as limebb_composer_toolbar}

package/dist/lime-crm-building-blocks/p-c6caa3f9.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as s,g as o}from"./p-BIwHMk6j.js";import{n as i}from"./p-BeLcuSg8.js";const n=class{constructor(t){e(this,t),this.shouldRender=!1}componentWillLoad(){this.compileAndEvaluate()}onRuleChange(){this.compileAndEvaluate()}onScopeChange(){this.compileAndEvaluate()}render(){return t(s,{key:"f421ff8fa1e6955c618e74e6bfdfd4c34e2352fc",hidden:!this.shouldRender},t("slot",{key:"f1372eda9eebdba7157e7f80d2eebbdb107e9cee"}))}get ruleRegistry(){return this.platform.get(i.RuleRegistry)}compileAndEvaluate(){var e;const t=this.ruleRegistry.compile(this.rule),s=null!==(e=this.scope)&&void 0!==e?e:this.ruleRegistry.scope({host:this.host});this.shouldRender=t(s)}get host(){return o(this)}static get watchers(){return{rule:[{onRuleChange:0}],scope:[{onScopeChange:0}]}}};n.style=":host{display:contents}:host([hidden]){display:none}";export{n as limebb_rule_gate}