@limetech/lime-crm-building-blocks 1.112.2 → 1.113.0

package/dist/lime-crm-building-blocks/{p-2fd586a0.entry.js → p-e96367d2.entry.js}

@@ -1 +1 @@
-import{r as e,h as o,c as t}from"./p-52cf8641.js";const r={expand:"expand",minimize:"minus_math",maximize:"minus_math",newTab:"up_right_arrow",back:"left_arrow",close:"multiply",shrink:"compress",float:"rectangle"},i=class{constructor(t){e(this,t),this.renderAsLink=()=>o("a",{class:this.getContainerClassList(),id:"tooltipId","aria-label":this.tooltipLabel&&this.tooltipHelperLabel,href:this.href,target:"newTab"===this.type?"_blank":void 0},this.renderType(),this.renderTooltip()),this.renderAsButton=()=>o("button",{class:this.getContainerClassList(),id:"tooltipId","aria-label":this.tooltipLabel&&this.tooltipHelperLabel},this.renderType(),this.renderTooltip()),this.getContainerClassList=()=>({"navigation-button":!0,[this.type]:!0})}render(){return this.href?this.renderAsLink():this.renderAsButton()}renderType(){return this.renderIcon(r[this.type])}renderTooltip(){if(this.tooltipLabel)return o("limel-tooltip",{label:this.tooltipLabel,helperLabel:this.tooltipHelperLabel,elementId:"tooltipId"})}renderIcon(e){return o("limel-icon",{name:e})}static get delegatesFocus(){return!0}};i.style='@charset "UTF-8";.navigation-button{all:unset;isolation:isolate;position:relative;display:flex;justify-content:center;align-items:center;height:1.875rem;width:1.875rem;border-radius:50%;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(--navigation-button-background-color, var(--lime-elevated-surface-background-color))}.navigation-button:hover,.navigation-button:focus,.navigation-button:focus-visible{will-change:color, background-color, box-shadow, transform}.navigation-button:hover,.navigation-button:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.navigation-button:hover{box-shadow:var(--button-shadow-hovered)}.navigation-button:active{--limel-clickable-transform-timing-function:cubic-bezier(\n      0.83,\n      -0.15,\n      0.49,\n      1.16\n  );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.navigation-button:hover,.navigation-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.navigation-button:focus{outline:none}.navigation-button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.navigation-button limel-icon{transition:color 0.2s ease, transform 0.2s cubic-bezier(0.84, 0.15, 0.52, 1.42);color:var(--header-menu-icon-color);width:1.25rem}.newTab limel-icon{transition:transform 0.2s ease;transform:scale(0.8);z-index:3}.newTab:before{z-index:2}.newTab::after{z-index:1}.newTab:before,.newTab:after{content:"";transition:transform 0.2s ease, border-color 0.2s ease;position:absolute;width:0.875rem;height:0.875rem;outline:1.5px solid rgb(var(--contrast-900));border-radius:1px;background-color:var(--navigation-button-background-color, rgb(var(--contrast-100)))}.newTab:hover limel-icon{color:var(--mdc-theme-primary);transform:translate3d(-0.1rem, 0.1rem, 0) scale(1)}.newTab:hover:before{transform:translate3d(0.125rem, -0.125rem, 0);border-color:rgb(var(--contrast-1000));box-shadow:var(--shadow-depth-8)}.newTab:hover:after{transform:translate3d(-0.15rem, 0.15rem, 0) scale(0.9);border-color:rgb(var(--contrast-700))}.expand:after{transition:transform 0.2s ease;content:"";position:absolute;z-index:1;background-color:var(--navigation-button-background-color, rgb(var(--contrast-100)));width:0.75rem;height:0.75rem}.expand:hover limel-icon{color:var(--mdc-theme-primary)}.expand:hover:after{transform:scale(0.5)}.expand:hover limel-icon{transform:scale(1.18)}.minimize:before,.minimize:after,.maximize:before,.maximize:after{content:"";transition:transform 0.3s ease-out 0.15s, background-color 0.1s ease}.minimize limel-icon,.maximize limel-icon{transition:transform 0.2s ease 0.1s}.minimize:before,.maximize:after,.maximize:hover:before{transform:scaleY(1) scaleX(1);z-index:-1;box-sizing:border-box;position:absolute;width:70%;height:60%;border-radius:0.25rem;transform-origin:bottom}.minimize:hover:before,.maximize:before{transition:transform 0.3s ease-out 0.15s, background-color 0.1s ease;transform:scaleY(0.3) scaleX(0.7);background-color:rgb(var(--contrast-500))}.minimize:hover limel-icon,.maximize limel-icon{transform:scaleX(0.8) translate3d(0, 0.4rem, 0)}.maximize limel-icon{color:rgb(var(--contrast-900))}.maximize:hover limel-icon{color:currentColor;transform:scaleX(1.1) translate3d(0, -0.1rem, 0)}.maximize:after{z-index:-2;border:1px dashed rgb(var(--contrast-800))}.close limel-icon{transition:transform 0.2s ease, color 0.2s ease}.close:before,.close:after{transition-delay:0.1s;content:"";position:absolute;inset:0;border-radius:50%;opacity:0}.close:before{transition:transform 0.3s ease, opacity 0.3s ease;background-color:rgb(var(--color-orange-dark))}.close:after{transition:transform 0.6s ease, opacity 0.6s ease;background-color:rgb(var(--color-orange-light))}.close:hover limel-icon{color:rgb(var(--color-white));transform:scale(0.7) rotate(90deg)}.close:hover:before{opacity:1;transform:scale(0.4)}.close:hover:after{opacity:0.4;transform:scale(0.6)}.float:after{transition:width 0.2s ease-out, opacity 0.2s ease;content:"";position:absolute;inset:0 0.5rem 0 auto;border-radius:1px;opacity:0.8;transform:translate3d(0, 0, 0);background-color:rgb(var(--contrast-800));width:0.125rem;height:0.6rem;margin:auto}.float:hover:after{width:0.4rem;opacity:1;transform:translate3d(0, 0, 0)}';const a=class{constructor(o){e(this,o),this.actionSelected=t(this,"actionSelected",7),this.triggerDelay=600,this.openDirection="top",this.popoverMaxWidth="20rem",this.popoverMaxHeight="min(35rem, calc(100vh - 2rem))",this.actions=[],this.isPopoverOpen=!1,this.openPopoverWithDelay=e=>{e.stopPropagation(),clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>{a.currentOpenPopover&&a.currentOpenPopover!==this&&(a.currentOpenPopover.isPopoverOpen=!1),a.currentOpenPopover=this,this.isPopoverOpen=!0}),this.triggerDelay)},this.resetTimeout=()=>{this.isPopoverOpen||clearTimeout(this.hoverTimeout)},this.onPopoverClose=e=>{e.stopPropagation(),this.isPopoverOpen=!1,a.currentOpenPopover===this&&(a.currentOpenPopover=null)},this.handleCloseClick=e=>{e.stopPropagation(),this.isPopoverOpen=!1},this.handleSelected=e=>{this.actionSelected.emit(e.detail)}}render(){return o("limel-popover",{key:"d5142ad5871d8cf04492bda3623c3030d1b86699",style:{"--limebb-summary-popover-timeout":`${this.triggerDelay}ms`},open:this.isPopoverOpen,onClose:this.onPopoverClose,openDirection:this.openDirection},o("div",{key:"876fc3afb9e00e18effdaf081f8e879bccfe0a56",slot:"trigger",tabIndex:0,onMouseEnter:this.openPopoverWithDelay,onMouseLeave:this.resetTimeout,onFocus:this.openPopoverWithDelay},o("slot",{key:"aec98e47257894960d4adacd004a286e7f7cb64c",name:"trigger"}),o("div",{key:"f1771f1aea8080c383ba81295848bb242c910f29",class:"opening-countdown-indicator"})),o("limel-card",{key:"1d17f98a066f31650432cd7b657a835ae1dbebcb",style:{"max-width":this.popoverMaxWidth,"max-height":this.popoverMaxHeight,"min-width":"7rem","min-height":"3rem"},orientation:"landscape",heading:this.heading,subheading:this.subheading,icon:this.icon,value:this.value,image:this.image,actions:this.actions,onActionSelected:this.handleSelected},o("limebb-navigation-button",{key:"2edbd8ce64c46b48bc0c11be51339b98f980db40",slot:"component",type:"close",style:{"--navigation-button-background-color":"rgb(var(--contrast-100), 0.8)",position:"absolute",top:"0.125rem",right:"0.125rem"},tooltipLabel:"Close",tooltipHelperLabel:"Esc",onClick:this.handleCloseClick})))}};a.currentOpenPopover=null,a.style="limel-popover{--popover-border-radius:0.95rem;--popover-body-background-color:transparent;--popover-box-shadow:var(--shadow-depth-8)}div[slot=trigger]{position:relative;display:flex;align-items:center;justify-content:center}div[slot=trigger] *{min-width:0;min-height:0}.opening-countdown-indicator{position:absolute;inset:auto 0 -0.25rem 0;margin:0 auto;height:0.125rem;border-radius:1rem;transition:width ease-out, opacity ease;transition-duration:120ms;opacity:0;width:0%;background-color:var(--mdc-theme-primary)}div[slot=trigger]:not([aria-expanded=true]):hover .opening-countdown-indicator{transition-duration:var(--limebb-summary-popover-timeout);opacity:1;width:100%}";export{i as limebb_navigation_button,a as limebb_summary_popover}
+import{r as e,h as o,c as t}from"./p-52cf8641.js";const r={expand:"expand",minimize:"minus_math",maximize:"minus_math",newTab:"up_right_arrow",back:"left_arrow",close:"multiply",shrink:"compress",float:"rectangle"},i=class{constructor(t){e(this,t),this.renderAsLink=()=>o("a",{class:this.getContainerClassList(),id:"tooltipId","aria-label":this.tooltipLabel&&this.tooltipHelperLabel,href:this.href,target:"newTab"===this.type?"_blank":void 0},this.renderType(),this.renderTooltip()),this.renderAsButton=()=>o("button",{class:this.getContainerClassList(),id:"tooltipId","aria-label":this.tooltipLabel&&this.tooltipHelperLabel},this.renderType(),this.renderTooltip()),this.getContainerClassList=()=>({"navigation-button":!0,[this.type]:!0})}render(){return this.href?this.renderAsLink():this.renderAsButton()}renderType(){return this.renderIcon(r[this.type])}renderTooltip(){if(this.tooltipLabel)return o("limel-tooltip",{label:this.tooltipLabel,helperLabel:this.tooltipHelperLabel,elementId:"tooltipId"})}renderIcon(e){return o("limel-icon",{name:e})}static get delegatesFocus(){return!0}};i.style='@charset "UTF-8";.navigation-button{all:unset;isolation:isolate;position:relative;display:flex;justify-content:center;align-items:center;height:1.875rem;width:1.875rem;border-radius:50%;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(--navigation-button-background-color, var(--lime-elevated-surface-background-color))}.navigation-button:hover,.navigation-button:focus,.navigation-button:focus-visible{will-change:color, background-color, box-shadow, transform}.navigation-button:hover,.navigation-button:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.navigation-button:hover{box-shadow:var(--button-shadow-hovered)}.navigation-button:active{--limel-clickable-transform-timing-function:cubic-bezier(\n      0.83,\n      -0.15,\n      0.49,\n      1.16\n  );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.navigation-button:hover,.navigation-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.navigation-button:focus{outline:none}.navigation-button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.navigation-button limel-icon{transition:color 0.2s ease, transform 0.2s cubic-bezier(0.84, 0.15, 0.52, 1.42);color:var(--header-menu-icon-color);width:1.25rem}.newTab limel-icon{transition:transform 0.2s ease;transform:scale(0.8);z-index:3}.newTab:before{z-index:2}.newTab::after{z-index:1}.newTab:before,.newTab:after{content:"";transition:transform 0.2s ease, border-color 0.2s ease;position:absolute;width:0.875rem;height:0.875rem;outline:1.5px solid rgb(var(--contrast-900));border-radius:1px;background-color:var(--navigation-button-background-color, rgb(var(--contrast-100)))}.newTab:hover limel-icon{color:var(--mdc-theme-primary);transform:translate3d(-0.1rem, 0.1rem, 0) scale(1)}.newTab:hover:before{transform:translate3d(0.125rem, -0.125rem, 0);border-color:rgb(var(--contrast-1000));box-shadow:var(--shadow-depth-8)}.newTab:hover:after{transform:translate3d(-0.15rem, 0.15rem, 0) scale(0.9);border-color:rgb(var(--contrast-700))}.expand:after{transition:transform 0.2s ease;content:"";position:absolute;z-index:1;background-color:var(--navigation-button-background-color, rgb(var(--contrast-100)));width:0.75rem;height:0.75rem}.expand:hover limel-icon{color:var(--mdc-theme-primary)}.expand:hover:after{transform:scale(0.5)}.expand:hover limel-icon{transform:scale(1.18)}.minimize:before,.minimize:after,.maximize:before,.maximize:after{content:"";transition:transform 0.3s ease-out 0.15s, background-color 0.1s ease}.minimize limel-icon,.maximize limel-icon{transition:transform 0.2s ease 0.1s}.minimize:before,.maximize:after,.maximize:hover:before{transform:scaleY(1) scaleX(1);z-index:-1;box-sizing:border-box;position:absolute;width:70%;height:60%;border-radius:0.25rem;transform-origin:bottom}.minimize:hover:before,.maximize:before{transition:transform 0.3s ease-out 0.15s, background-color 0.1s ease;transform:scaleY(0.3) scaleX(0.7);background-color:rgb(var(--contrast-500))}.minimize:hover limel-icon,.maximize limel-icon{transform:scaleX(0.8) translate3d(0, 0.4rem, 0)}.maximize limel-icon{color:rgb(var(--contrast-900))}.maximize:hover limel-icon{color:currentColor;transform:scaleX(1.1) translate3d(0, -0.1rem, 0)}.maximize:after{z-index:-2;border:1px dashed rgb(var(--contrast-800))}.close limel-icon{transition:transform 0.2s ease, color 0.2s ease}.close:before,.close:after{transition-delay:0.1s;content:"";position:absolute;inset:0;border-radius:50%;opacity:0}.close:before{transition:transform 0.3s ease, opacity 0.3s ease;background-color:rgb(var(--color-orange-dark))}.close:after{transition:transform 0.6s ease, opacity 0.6s ease;background-color:rgb(var(--color-orange-light))}.close:hover limel-icon{color:rgb(var(--color-white));transform:scale(0.7) rotate(90deg)}.close:hover:before{opacity:1;transform:scale(0.4)}.close:hover:after{opacity:0.4;transform:scale(0.6)}.float:after{transition:width 0.2s ease-out, opacity 0.2s ease;content:"";position:absolute;inset:0 0.5rem 0 auto;border-radius:1px;opacity:0.8;transform:translate3d(0, 0, 0);background-color:rgb(var(--contrast-800));width:0.125rem;height:0.6rem;margin:auto}.float:hover:after{width:0.4rem;opacity:1;transform:translate3d(0, 0, 0)}';const a=class{constructor(o){e(this,o),this.actionSelected=t(this,"actionSelected",7),this.triggerDelay=600,this.openDirection="top",this.popoverMaxWidth="20rem",this.popoverMaxHeight="min(35rem, calc(100vh - 2rem))",this.actions=[],this.isPopoverOpen=!1,this.openPopoverWithDelay=e=>{e.stopPropagation(),clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>{a.currentOpenPopover&&a.currentOpenPopover!==this&&(a.currentOpenPopover.isPopoverOpen=!1),a.currentOpenPopover=this,this.isPopoverOpen=!0}),this.triggerDelay)},this.resetTimeout=()=>{this.isPopoverOpen||clearTimeout(this.hoverTimeout)},this.onPopoverClose=e=>{e.stopPropagation(),this.isPopoverOpen=!1,a.currentOpenPopover===this&&(a.currentOpenPopover=null)},this.handleCloseClick=e=>{e.stopPropagation(),this.isPopoverOpen=!1},this.handleSelected=e=>{this.actionSelected.emit(e.detail)}}render(){return o("limel-popover",{key:"eaadc371fc4bb4bc46e009f9c8ffd82996361c65",style:{"--limebb-summary-popover-timeout":`${this.triggerDelay}ms`},open:this.isPopoverOpen,onClose:this.onPopoverClose,openDirection:this.openDirection},o("div",{key:"2da24adb5ff182b08731bc99e2454c615c19aabf",slot:"trigger",tabIndex:0,onMouseEnter:this.openPopoverWithDelay,onMouseLeave:this.resetTimeout,onFocus:this.openPopoverWithDelay},o("slot",{key:"0bda4e6b3a3c62c9930ddbb287114f1bea45897b",name:"trigger"}),o("div",{key:"25a0847697bc40c869a129a2433968aeed0f1fea",class:"opening-countdown-indicator"})),o("limel-card",{key:"a402a4bcb876e432f70eff407b0d0b0878971f4d",style:{"max-width":this.popoverMaxWidth,"max-height":this.popoverMaxHeight,"min-width":"7rem","min-height":"3rem"},orientation:"landscape",heading:this.heading,subheading:this.subheading,icon:this.icon,value:this.value,image:this.image,actions:this.actions,onActionSelected:this.handleSelected},o("limebb-navigation-button",{key:"5ed4dbb27bf026101ecf0f7dd1a0907fe2f099ad",slot:"component",type:"close",style:{"--navigation-button-background-color":"rgb(var(--contrast-100), 0.8)",position:"absolute",top:"0.125rem",right:"0.125rem"},tooltipLabel:"Close",tooltipHelperLabel:"Esc",onClick:this.handleCloseClick})))}};a.currentOpenPopover=null,a.style="limel-popover{--popover-border-radius:0.95rem;--popover-body-background-color:transparent;--popover-box-shadow:var(--shadow-depth-8)}div[slot=trigger]{position:relative;display:flex;align-items:center;justify-content:center}div[slot=trigger] *{min-width:0;min-height:0}.opening-countdown-indicator{position:absolute;inset:auto 0 -0.25rem 0;margin:0 auto;height:0.125rem;border-radius:1rem;transition:width ease-out, opacity ease;transition-duration:120ms;opacity:0;width:0%;background-color:var(--mdc-theme-primary)}div[slot=trigger]:not([aria-expanded=true]):hover .opening-countdown-indicator{transition-duration:var(--limebb-summary-popover-timeout);opacity:1;width:100%}";export{i as limebb_navigation_button,a as limebb_summary_popover}

package/dist/lime-crm-building-blocks/{p-b90be9d3.entry.js → p-f31eeeaa.entry.js}

@@ -1 +1 @@
-import{r,h as d}from"./p-52cf8641.js";const a=class{constructor(a){r(this,a),this.renderHeader=()=>{if(this.heading||this.subheading||this.supportingText||this.icon)return d("limel-header",{heading:this.heading,subheading:this.subheading,supportingText:this.supportingText,icon:this.icon},d("slot",{name:"header-actions"}))}}render(){return[this.renderHeader(),d("slot",{key:"1b38b23d42d5a90c88e814ae617ee98d8dbf4d94",name:"content"})]}};a.style=":host(limebb-dashboard-widget){--dashboard-widget-background-color:var(\n      --start-page-grid-widget-background-color,\n      rgb(var(--contrast-100))\n  );--header-icon-color:var(--dashboard-widget-icon-color);--header-background-color:var(\n      --dashboard-widget-header-background-color,\n      var(--start-page-grid-widget-header-color)\n  );--dashboard-widget-border-radius:var(\n      --start-page-grid-widget-border-radius,\n      1rem\n  );--header-top-right-left-border-radius:0;display:flex;flex-direction:column;border-radius:var(--dashboard-widget-border-radius);background-color:var(--dashboard-widget-background-color);height:100%;width:100%;overflow:hidden}";export{a as limebb_dashboard_widget}
+import{r,h as d}from"./p-52cf8641.js";const a=class{constructor(a){r(this,a),this.renderHeader=()=>{if(this.heading||this.subheading||this.supportingText||this.icon)return d("limel-header",{heading:this.heading,subheading:this.subheading,supportingText:this.supportingText,icon:this.icon},d("slot",{name:"header-actions"}))}}render(){return[this.renderHeader(),d("slot",{key:"3d016060b9b3287c330d1250c4f107fd2fb25612",name:"content"})]}};a.style=":host(limebb-dashboard-widget){--dashboard-widget-background-color:var(\n      --start-page-grid-widget-background-color,\n      rgb(var(--contrast-100))\n  );--header-icon-color:var(--dashboard-widget-icon-color);--header-background-color:var(\n      --dashboard-widget-header-background-color,\n      var(--start-page-grid-widget-header-color)\n  );--dashboard-widget-border-radius:var(\n      --start-page-grid-widget-border-radius,\n      1rem\n  );--header-top-right-left-border-radius:0;display:flex;flex-direction:column;border-radius:var(--dashboard-widget-border-radius);background-color:var(--dashboard-widget-background-color);height:100%;width:100%;overflow:hidden}";export{a as limebb_dashboard_widget}

package/dist/types/components/composer-toolbar/composer-toolbar.d.ts

@@ -0,0 +1,77 @@
+import { FileInfo } from '@limetech/lime-elements';
+import { EventEmitter } from '../../stencil-public-runtime';
+import { LimeWebComponentPlatform } from '@limetech/lime-web-components';
+import { ComposerTrigger, FileInputConfig } from './composer-toolbar.types';
+/**
+ * A toolbar for composers, primarily intended to be placed below
+ * a `limebb-text-editor` in the Activity Feed.
+ *
+ * The toolbar provides a consistent layout with built-in trigger buttons
+ * for common actions (mentions, text snippets, internal links) and
+ * a built-in file input. Consumers can extend the toolbar with custom
+ * elements using the `leading` and `trailing` slots, and provide their
+ * own submit button via the `primary-action` slot.
+ *
+ * @slot leading - Place custom elements before the built-in actions.
+ * For example, a custom file picker.
+ * @slot trailing - Place custom elements after the built-in actions.
+ * @slot primary-action - The submit button area. Render a `limel-button`
+ * or `limel-split-button` here.
+ *
+ * @exampleComponent limebb-example-composer-toolbar-basic
+ * @exampleComponent limebb-example-composer-toolbar-primary-action
+ * @exampleComponent limebb-example-composer-toolbar-file-input
+ * @exampleComponent limebb-example-composer-toolbar-full
+ * @exampleComponent limebb-example-composer-toolbar-custom-slots
+ * @exampleComponent limebb-example-composer-toolbar-with-text-editor
+ *
+ * @beta
+ */
+export declare class ComposerToolbar {
+    /**
+     * @inheritdoc
+     */
+    platform?: LimeWebComponentPlatform;
+    /**
+     * When `true`, displays a button that triggers
+     * the mention character (`@`) in the text editor.
+     */
+    mentions: boolean;
+    /**
+     * When `true`, displays a button that triggers
+     * the text snippet character (`!`) in the text editor.
+     */
+    textSnippets: boolean;
+    /**
+     * When `true`, displays a button that triggers
+     * the internal link character (`#`) in the text editor.
+     */
+    internalLinks: boolean;
+    /**
+     * When `true`, displays a button that toggles the visibility
+     * of the rich text formatting toolbar in the text editor.
+     */
+    richText: boolean;
+    /**
+     * Configuration for the built-in file input button.
+     * When provided, an attachment button is rendered.
+     * Set to `null` or `undefined` to hide the file input.
+     */
+    fileInput?: FileInputConfig;
+    /**
+     * Fired when a built-in trigger button is clicked.
+     */
+    triggerInsert: EventEmitter<ComposerTrigger>;
+    /**
+     * Fired when files are selected via the built-in file input.
+     */
+    filesSelected: EventEmitter<FileInfo[]>;
+    render(): any[];
+    private get translator();
+    private get triggerActions();
+    private renderTriggerActions;
+    private handleTriggerSelected;
+    private renderFileInput;
+    private handleFilesSelected;
+}
+//# sourceMappingURL=composer-toolbar.d.ts.map

package/dist/types/components/composer-toolbar/composer-toolbar.types.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Identifies which built-in trigger button was clicked.
+ * Each trigger corresponds to a special character that gets
+ * inserted into the text editor.
+ *
+ * - `mention` → `@` (mentions a coworker)
+ * - `text-snippet` → `!` (inserts a text snippet)
+ * - `internal-link` → `#` (links to a CRM object)
+ * - `rich-text` → toggles the rich text formatting toolbar
+ *
+ * @public
+ */
+export type ComposerTrigger = 'mention' | 'text-snippet' | 'internal-link' | 'rich-text';
+/**
+ * Configuration for the built-in file input.
+ *
+ * @public
+ */
+export interface FileInputConfig {
+    /**
+     * Specifies the types of files that will be accepted.
+     * By default, all file types are accepted.
+     *
+     * Formats can be specified using MIME types (`image/*`, `audio/*`),
+     * file extensions (`.jpg`, `.pdf`), or a comma-separated combination
+     * of both (e.g. `image/png, .pdf`).
+     *
+     * @see [HTML attribute: accept](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept)
+     */
+    accept?: string;
+    /**
+     * Set to `true` to allow selection of multiple files.
+     */
+    multiple?: boolean;
+    /**
+     * Set to `true` to disable the file input.
+     */
+    disabled?: boolean;
+}
+//# sourceMappingURL=composer-toolbar.types.d.ts.map

package/dist/types/components.d.ts

@@ -8,9 +8,10 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AlertType } from "./components/alert-dialog/alert-dialog.types";
 import { AggregateOperator, AndOrExpression, Expression, LimeFileUrlType, LimeType, LimeWebComponentContext, LimeWebComponentPlatform, NotExpression, Operator } from "@limetech/lime-web-components";
 import { BrowserItem } from "./components/browser/browser-item.types";
-import { ActionBarItem, CustomElementDefinition, DateType, EditorUiType, FormInfo, Icon, Image, Languages, ListItem, ListSeparator, OpenDirection } from "@limetech/lime-elements";
+import { ActionBarItem, CustomElementDefinition, DateType, EditorUiType, FileInfo, FormInfo, Icon, Image, Languages, ListItem, ListSeparator, OpenDirection } from "@limetech/lime-elements";
 import { ChatItem } from "./components/chat-list/chat-item/chat-item.types";
 import { ComponentPickerType } from "./components/component-command-picker/types";
+import { ComposerTrigger, FileInputConfig } from "./components/composer-toolbar/composer-toolbar.types";
 import { DataCell } from "./components/data-cells/data-cells.types";
 import { DocumentItem } from "./components/document-picker/document-item/document-item.types";
 import { DocumentType } from "./components/document-picker/document.types";
@@ -29,9 +30,10 @@ import { EnhancedEditorMetadata } from "./components/text-editor/uploader/buildi
 export { AlertType } from "./components/alert-dialog/alert-dialog.types";
 export { AggregateOperator, AndOrExpression, Expression, LimeFileUrlType, LimeType, LimeWebComponentContext, LimeWebComponentPlatform, NotExpression, Operator } from "@limetech/lime-web-components";
 export { BrowserItem } from "./components/browser/browser-item.types";
-export { ActionBarItem, CustomElementDefinition, DateType, EditorUiType, FormInfo, Icon, Image, Languages, ListItem, ListSeparator, OpenDirection } from "@limetech/lime-elements";
+export { ActionBarItem, CustomElementDefinition, DateType, EditorUiType, FileInfo, FormInfo, Icon, Image, Languages, ListItem, ListSeparator, OpenDirection } from "@limetech/lime-elements";
 export { ChatItem } from "./components/chat-list/chat-item/chat-item.types";
 export { ComponentPickerType } from "./components/component-command-picker/types";
+export { ComposerTrigger, FileInputConfig } from "./components/composer-toolbar/composer-toolbar.types";
 export { DataCell } from "./components/data-cells/data-cells.types";
 export { DocumentItem } from "./components/document-picker/document-item/document-item.types";
 export { DocumentType } from "./components/document-picker/document.types";
@@ -327,6 +329,48 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * A toolbar for composers, primarily intended to be placed below
+     * a `limebb-text-editor` in the Activity Feed.
+     * The toolbar provides a consistent layout with built-in trigger buttons
+     * for common actions (mentions, text snippets, internal links) and
+     * a built-in file input. Consumers can extend the toolbar with custom
+     * elements using the `leading` and `trailing` slots, and provide their
+     * own submit button via the `primary-action` slot.
+     * @exampleComponent limebb-example-composer-toolbar-basic
+     * @exampleComponent limebb-example-composer-toolbar-primary-action
+     * @exampleComponent limebb-example-composer-toolbar-file-input
+     * @exampleComponent limebb-example-composer-toolbar-full
+     * @exampleComponent limebb-example-composer-toolbar-custom-slots
+     * @exampleComponent limebb-example-composer-toolbar-with-text-editor
+     * @beta 
+     */
+    interface LimebbComposerToolbar {
+        /**
+          * Configuration for the built-in file input button. When provided, an attachment button is rendered. Set to `null` or `undefined` to hide the file input.
+         */
+        "fileInput"?: FileInputConfig;
+        /**
+          * When `true`, displays a button that triggers the internal link character (`#`) in the text editor.
+         */
+        "internalLinks": boolean;
+        /**
+          * When `true`, displays a button that triggers the mention character (`@`) in the text editor.
+         */
+        "mentions": boolean;
+        /**
+          * @inheritdoc
+         */
+        "platform"?: LimeWebComponentPlatform;
+        /**
+          * When `true`, displays a button that toggles the visibility of the rich text formatting toolbar in the text editor.
+         */
+        "richText": boolean;
+        /**
+          * When `true`, displays a button that triggers the text snippet character (`!`) in the text editor.
+         */
+        "textSnippets": boolean;
+    }
     /**
      * All currencies have a ISO code, an international standard with three-letters
      * which is used by many systems such as ERPs.
@@ -2247,6 +2291,10 @@ export interface LimebbComponentPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLimebbComponentPickerElement;
 }
+export interface LimebbComposerToolbarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimebbComposerToolbarElement;
+}
 export interface LimebbCurrencyPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLimebbCurrencyPickerElement;
@@ -2564,6 +2612,40 @@ declare global {
         prototype: HTMLLimebbComponentPickerElement;
         new (): HTMLLimebbComponentPickerElement;
     };
+    interface HTMLLimebbComposerToolbarElementEventMap {
+        "triggerInsert": ComposerTrigger;
+        "filesSelected": FileInfo[];
+    }
+    /**
+     * A toolbar for composers, primarily intended to be placed below
+     * a `limebb-text-editor` in the Activity Feed.
+     * The toolbar provides a consistent layout with built-in trigger buttons
+     * for common actions (mentions, text snippets, internal links) and
+     * a built-in file input. Consumers can extend the toolbar with custom
+     * elements using the `leading` and `trailing` slots, and provide their
+     * own submit button via the `primary-action` slot.
+     * @exampleComponent limebb-example-composer-toolbar-basic
+     * @exampleComponent limebb-example-composer-toolbar-primary-action
+     * @exampleComponent limebb-example-composer-toolbar-file-input
+     * @exampleComponent limebb-example-composer-toolbar-full
+     * @exampleComponent limebb-example-composer-toolbar-custom-slots
+     * @exampleComponent limebb-example-composer-toolbar-with-text-editor
+     * @beta 
+     */
+    interface HTMLLimebbComposerToolbarElement extends Components.LimebbComposerToolbar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLimebbComposerToolbarElementEventMap>(type: K, listener: (this: HTMLLimebbComposerToolbarElement, ev: LimebbComposerToolbarCustomEvent<HTMLLimebbComposerToolbarElementEventMap[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 HTMLLimebbComposerToolbarElementEventMap>(type: K, listener: (this: HTMLLimebbComposerToolbarElement, ev: LimebbComposerToolbarCustomEvent<HTMLLimebbComposerToolbarElementEventMap[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 HTMLLimebbComposerToolbarElement: {
+        prototype: HTMLLimebbComposerToolbarElement;
+        new (): HTMLLimebbComposerToolbarElement;
+    };
     interface HTMLLimebbCurrencyPickerElementEventMap {
         "change": string;
     }
@@ -3903,6 +3985,7 @@ declare global {
         "limebb-chat-list": HTMLLimebbChatListElement;
         "limebb-component-config": HTMLLimebbComponentConfigElement;
         "limebb-component-picker": HTMLLimebbComponentPickerElement;
+        "limebb-composer-toolbar": HTMLLimebbComposerToolbarElement;
         "limebb-currency-picker": HTMLLimebbCurrencyPickerElement;
         "limebb-dashboard-widget": HTMLLimebbDashboardWidgetElement;
         "limebb-data-cells": HTMLLimebbDataCellsElement;
@@ -4257,6 +4340,56 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * A toolbar for composers, primarily intended to be placed below
+     * a `limebb-text-editor` in the Activity Feed.
+     * The toolbar provides a consistent layout with built-in trigger buttons
+     * for common actions (mentions, text snippets, internal links) and
+     * a built-in file input. Consumers can extend the toolbar with custom
+     * elements using the `leading` and `trailing` slots, and provide their
+     * own submit button via the `primary-action` slot.
+     * @exampleComponent limebb-example-composer-toolbar-basic
+     * @exampleComponent limebb-example-composer-toolbar-primary-action
+     * @exampleComponent limebb-example-composer-toolbar-file-input
+     * @exampleComponent limebb-example-composer-toolbar-full
+     * @exampleComponent limebb-example-composer-toolbar-custom-slots
+     * @exampleComponent limebb-example-composer-toolbar-with-text-editor
+     * @beta 
+     */
+    interface LimebbComposerToolbar {
+        /**
+          * Configuration for the built-in file input button. When provided, an attachment button is rendered. Set to `null` or `undefined` to hide the file input.
+         */
+        "fileInput"?: FileInputConfig;
+        /**
+          * When `true`, displays a button that triggers the internal link character (`#`) in the text editor.
+         */
+        "internalLinks"?: boolean;
+        /**
+          * When `true`, displays a button that triggers the mention character (`@`) in the text editor.
+         */
+        "mentions"?: boolean;
+        /**
+          * Fired when files are selected via the built-in file input.
+         */
+        "onFilesSelected"?: (event: LimebbComposerToolbarCustomEvent<FileInfo[]>) => void;
+        /**
+          * Fired when a built-in trigger button is clicked.
+         */
+        "onTriggerInsert"?: (event: LimebbComposerToolbarCustomEvent<ComposerTrigger>) => void;
+        /**
+          * @inheritdoc
+         */
+        "platform"?: LimeWebComponentPlatform;
+        /**
+          * When `true`, displays a button that toggles the visibility of the rich text formatting toolbar in the text editor.
+         */
+        "richText"?: boolean;
+        /**
+          * When `true`, displays a button that triggers the text snippet character (`!`) in the text editor.
+         */
+        "textSnippets"?: boolean;
+    }
     /**
      * All currencies have a ISO code, an international standard with three-letters
      * which is used by many systems such as ERPs.
@@ -6334,6 +6467,7 @@ declare namespace LocalJSX {
         "limebb-chat-list": LimebbChatList;
         "limebb-component-config": LimebbComponentConfig;
         "limebb-component-picker": LimebbComponentPicker;
+        "limebb-composer-toolbar": LimebbComposerToolbar;
         "limebb-currency-picker": LimebbCurrencyPicker;
         "limebb-dashboard-widget": LimebbDashboardWidget;
         "limebb-data-cells": LimebbDataCells;
@@ -6485,6 +6619,23 @@ declare module "@stencil/core" {
              * @exampleComponent limebb-example-command-picker
              */
             "limebb-component-picker": LocalJSX.LimebbComponentPicker & JSXBase.HTMLAttributes<HTMLLimebbComponentPickerElement>;
+            /**
+             * A toolbar for composers, primarily intended to be placed below
+             * a `limebb-text-editor` in the Activity Feed.
+             * The toolbar provides a consistent layout with built-in trigger buttons
+             * for common actions (mentions, text snippets, internal links) and
+             * a built-in file input. Consumers can extend the toolbar with custom
+             * elements using the `leading` and `trailing` slots, and provide their
+             * own submit button via the `primary-action` slot.
+             * @exampleComponent limebb-example-composer-toolbar-basic
+             * @exampleComponent limebb-example-composer-toolbar-primary-action
+             * @exampleComponent limebb-example-composer-toolbar-file-input
+             * @exampleComponent limebb-example-composer-toolbar-full
+             * @exampleComponent limebb-example-composer-toolbar-custom-slots
+             * @exampleComponent limebb-example-composer-toolbar-with-text-editor
+             * @beta 
+             */
+            "limebb-composer-toolbar": LocalJSX.LimebbComposerToolbar & JSXBase.HTMLAttributes<HTMLLimebbComposerToolbarElement>;
             /**
              * All currencies have a ISO code, an international standard with three-letters
              * which is used by many systems such as ERPs.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-crm-building-blocks",
-  "version": "1.112.2",
+  "version": "1.113.0",
   "description": "A home for shared components meant for use with Lime CRM",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -35,11 +35,11 @@
   },
   "devDependencies": {
     "@limetech/eslint-config": "^3.0.1",
-    "@limetech/lime-elements": "^39.10.3",
+    "@limetech/lime-elements": "^39.12.0",
     "@limetech/lime-web-components": "^6.13.1",
     "@limetech/lime-web-components-testing": "^1.0.0",
-    "@lundalogik/lime-icons8": "^2.38.1",
-    "@lundalogik/limeclient.js": "^1.88.4",
+    "@lundalogik/lime-icons8": "^2.38.2",
+    "@lundalogik/limeclient.js": "^1.88.5",
     "@stencil/core": "^4.27.2",
     "@stencil/sass": "^3.1.9",
     "@types/jest": "^29.5.14",

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

@@ -1 +0,0 @@
-import{r as e,c as i,h as t,H as l}from"./p-52cf8641.js";import{c as o}from"./p-fbda77a7.js";const s=class{constructor(l){e(this,l),this.change=i(this,"change",7),this.items=[],this.invalid=!1,this.required=!1,this.type="checkbox",this.handleItemInteract=e=>{e.stopPropagation();const i=e.detail;if(!i)return;let t;t="radio"===this.type?this.items.map((e=>Object.assign(Object.assign({},e),e.file.id===i.file.id?{selected:i.selected}:{selected:!1}))).find((e=>e.selected)):this.items.map((e=>e.file.id===i.file.id?Object.assign(Object.assign({},e),{selected:i.selected}):e)).filter((e=>e.selected)),this.change.emit(t)},this.renderHelperLine=()=>{if(this.helperText)return t("limel-helper-line",{helperText:this.helperText,helperTextId:this.helperTextId,invalid:this.invalid})},this.helperTextId=o(),this.labelId=o()}render(){return t(l,{key:"48b0a743a0ae3295497d40ac4c363e3b273ef079"},t("limel-notched-outline",{key:"11888648097397f97361b3088c047ebb947a3ac7",labelId:this.labelId,label:this.label,required:this.required,invalid:this.invalid,hasFloatingLabel:!0},t("div",{key:"3288515518395ff1f57c2614760bd549d107f9b5",slot:"content",role:"radio"===this.type?"radiogroup":"group","aria-labelledby":this.label?this.labelId:void 0,"aria-describedby":this.helperText?this.helperTextId:void 0},this.renderItems())),this.renderHelperLine())}renderItems(){return this.items.map((e=>t("limebb-document-item",{platform:this.platform,context:this.context,item:e,key:e.file.id,type:this.type,onInteract:this.handleItemInteract})))}};s.style='@charset "UTF-8";:host(limebb-document-picker:not([invalid]):not([invalid=true])) .limel-notched-outline{--limel-notched-outline-border-color:transparent;--limel-notched-outline-background-color:transparent}div[slot=content]{display:block;width:100%;padding:0.75rem 0.5rem;columns:10rem;gap:clamp(0.25rem, 2vmin, 0.75rem)}div[slot=content]>limebb-document-item{display:block;break-inside:avoid;margin-bottom:clamp(0.25rem, 2vmin, 0.75rem)}@supports (grid-template-rows: masonry){div[slot=content]{column-width:initial;column-gap:initial;display:grid;grid-template-columns:repeat(auto-fill, minmax(10rem, 1fr));grid-template-rows:masonry;grid-auto-flow:dense;gap:0.5rem}div[slot=content]>limebb-document-item{display:block;width:auto;margin:0;break-inside:auto}}:host(limebb-document-picker:focus),:host(limebb-document-picker:focus-visible),:host(limebb-document-picker:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limebb-document-picker){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limebb-document-picker:focus) limel-helper-line,:host(limebb-document-picker:focus-visible) limel-helper-line,:host(limebb-document-picker:focus-within) limel-helper-line,:host(limebb-document-picker:hover) limel-helper-line{will-change:grid-template-rows}';export{s as limebb_document_picker}