@limetech/lime-crm-building-blocks 1.95.0 → 1.96.0

package/dist/lime-crm-building-blocks/p-fbda77a7.js

@@ -0,0 +1 @@
+const t=()=>{var t;return"crypto"in window&&"function"==typeof(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?"a_"+crypto.randomUUID():String.fromCodePoint(97+Math.floor(26*Math.random()))+Math.random().toString(36).slice(Math.max(0,2))+Math.random().toString(36).slice(Math.max(0,2))};export{t as c}

package/dist/lime-crm-building-blocks/{p-d6af09a8.entry.js → p-ff0b244b.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i}from"./p-1556b545.js";const l=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.handleChangeType=t=>{t.stopPropagation();const e=t.detail.id;"none"===e?this.change.emit():this.change.emit("date"===e||"relative-date"===e?{type:e}:"percent"===e?{type:"number",options:{style:"percent"},suffix:["percentSign"]}:{type:"number",options:{style:e}})},this.isValidButton=t=>!this.type||"none"===t.id||"none"!==this.type&&("date"===this.type?t.id.includes("date"):!t.id.includes("date"))}render(){var t,e,l,n,o,s,d,r,a,u,c;const m=[{id:"none",title:"No formatting",selected:!(null===(t=this.value)||void 0===t?void 0:t.type)},{id:"currency",title:"Currency",selected:"number"===(null===(e=this.value)||void 0===e?void 0:e.type)&&"currency"===(null===(l=this.value.options)||void 0===l?void 0:l.style)},{id:"decimal",title:"Decimal",selected:"number"===(null===(n=this.value)||void 0===n?void 0:n.type)&&"decimal"===(null===(o=this.value.options)||void 0===o?void 0:o.style)},{id:"percent",title:"Percent",selected:"number"===(null===(s=this.value)||void 0===s?void 0:s.type)&&"percent"===(null===(d=this.value.options)||void 0===d?void 0:d.style)},{id:"unit",title:"Unit",selected:"number"===(null===(r=this.value)||void 0===r?void 0:r.type)&&"unit"===(null===(a=this.value.options)||void 0===a?void 0:a.style)},{id:"date",title:"Date",selected:"date"===(null===(u=this.value)||void 0===u?void 0:u.type)},{id:"relative-date",title:"Relative date",selected:"relative-date"===(null===(c=this.value)||void 0===c?void 0:c.type)}];return[i("limel-button-group",{key:"74a794bc61c9692587bf35e54712c649d3768f9b",value:m.filter(this.isValidButton),onChange:this.handleChangeType}),this.renderFormatConfig()]}renderFormatConfig(){var t,e;if(!(null===(t=this.value)||void 0===t?void 0:t.type))return;let l=this.value.type;this.isNumberFormat(this.value)&&(l=null===(e=this.value.options)||void 0===e?void 0:e.style);const n=`limebb-info-tile-${l}-format`;return customElements.get(n)?i(n,{platform:this.platform,context:this.context,class:"format",value:this.value}):void 0}isNumberFormat(t){return"number"===(null==t?void 0:t.type)}};l.style=":host(limebb-info-tile-format){display:grid;gap:1rem}limel-button-group{grid-column:1/-1}.format{display:grid;gap:0.5rem;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr))}";export{l as limebb_info_tile_format}
+import{r as t,c as e,h as i}from"./p-1556b545.js";const l=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.handleChangeType=t=>{t.stopPropagation();const e=t.detail.id;"none"===e?this.change.emit():this.change.emit("date"===e||"relative-date"===e?{type:e}:"percent"===e?{type:"number",options:{style:"percent"},suffix:["percentSign"]}:{type:"number",options:{style:e}})},this.isValidButton=t=>!this.type||"none"===t.id||"none"!==this.type&&("date"===this.type?t.id.includes("date"):!t.id.includes("date"))}render(){var t,e,l,n,o,s,d,r,a,u,c;const m=[{id:"none",title:"No formatting",selected:!(null===(t=this.value)||void 0===t?void 0:t.type)},{id:"currency",title:"Currency",selected:"number"===(null===(e=this.value)||void 0===e?void 0:e.type)&&"currency"===(null===(l=this.value.options)||void 0===l?void 0:l.style)},{id:"decimal",title:"Decimal",selected:"number"===(null===(n=this.value)||void 0===n?void 0:n.type)&&"decimal"===(null===(o=this.value.options)||void 0===o?void 0:o.style)},{id:"percent",title:"Percent",selected:"number"===(null===(s=this.value)||void 0===s?void 0:s.type)&&"percent"===(null===(d=this.value.options)||void 0===d?void 0:d.style)},{id:"unit",title:"Unit",selected:"number"===(null===(r=this.value)||void 0===r?void 0:r.type)&&"unit"===(null===(a=this.value.options)||void 0===a?void 0:a.style)},{id:"date",title:"Date",selected:"date"===(null===(u=this.value)||void 0===u?void 0:u.type)},{id:"relative-date",title:"Relative date",selected:"relative-date"===(null===(c=this.value)||void 0===c?void 0:c.type)}];return[i("limel-button-group",{key:"8c7bba2402e84e73df2bc5e906780aeb66b1af58",value:m.filter(this.isValidButton),onChange:this.handleChangeType}),this.renderFormatConfig()]}renderFormatConfig(){var t,e;if(!(null===(t=this.value)||void 0===t?void 0:t.type))return;let l=this.value.type;this.isNumberFormat(this.value)&&(l=null===(e=this.value.options)||void 0===e?void 0:e.style);const n=`limebb-info-tile-${l}-format`;return customElements.get(n)?i(n,{platform:this.platform,context:this.context,class:"format",value:this.value}):void 0}isNumberFormat(t){return"number"===(null==t?void 0:t.type)}};l.style=":host(limebb-info-tile-format){display:grid;gap:1rem}limel-button-group{grid-column:1/-1}.format{display:grid;gap:0.5rem;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr))}";export{l as limebb_info_tile_format}

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

@@ -0,0 +1,46 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { LimeWebComponent, LimeWebComponentContext, LimeWebComponentPlatform } from '@limetech/lime-web-components';
+import { DocumentItem } from './document-item.types';
+/**
+ * Document item
+ * Renders individual items of the document picker component.
+ * @private
+ */
+export declare class DocumentItemComponent implements LimeWebComponent {
+    /**
+     * @inheritdoc
+     */
+    platform: LimeWebComponentPlatform;
+    /**
+     * @inheritdoc
+     */
+    context: LimeWebComponentContext;
+    /**
+     * The item to display in the document picker.
+     */
+    item: DocumentItem;
+    /**
+     * The semantic role of the list item.
+     * - 'radio': renders a radio button for single selection.
+     * - 'checkbox': renders a checkbox for multiple selection.
+     */
+    type: 'radio' | 'checkbox';
+    /**
+     * Fired when clicking on the document item.
+     */
+    interact: EventEmitter<DocumentItem>;
+    render(): any;
+    private renderBooleanInput;
+    private renderFileSize;
+    private renderHelp;
+    private handleDocumentItemClick;
+    private handleSelectionControlClick;
+    private handleSelectionControlChange;
+    private handleKeyDown;
+    private toggleSelection;
+    private emitSelectionChange;
+    private getControlId;
+    private isUnavailable;
+    private forceInputUnchecked;
+}
+//# sourceMappingURL=document-item.d.ts.map

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

@@ -0,0 +1,37 @@
+import { Image } from '@limetech/lime-elements';
+export interface DocumentItem {
+    /**
+     * The unique identifier for the document.
+     */
+    id: number | string;
+    /**
+     * The file name of the document, which ends with the file extension.
+     */
+    fileName: string;
+    /**
+     * The size of the document in bytes.
+     */
+    fileSize?: number;
+    /**
+     * A thumbnail visualizing the document.
+     */
+    thumbnail?: Image;
+    /**
+     * Indicates the selected state of the document.
+     */
+    selected?: boolean;
+    /**
+     * Indicates whether the document is disabled (unselectable).
+     */
+    disabled?: boolean;
+    /**
+     * A string providing help or additional information about the document.
+     * Supports markdown format.
+     */
+    help?: string;
+    /**
+     * Indicates whether the document has an error.
+     */
+    hasError?: boolean;
+}
+//# sourceMappingURL=document-item.types.d.ts.map

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

@@ -0,0 +1,80 @@
+import { LimeWebComponent, LimeWebComponentContext, LimeWebComponentPlatform } from '@limetech/lime-web-components';
+import { DocumentItem } from './document-item/document-item.types';
+import { DocumentType } from './document.types';
+export interface DocumentPickerChangeEventDetail {
+    /**
+     * The item the user interacted with, including its new `selected` state.
+     */
+    item: DocumentItem;
+    /**
+     * Indicates if the interacted item is selected after the interaction.
+     */
+    isSelected: boolean;
+    /**
+     * A snapshot of all items that should now be selected.
+     */
+    selectedItems: DocumentItem[];
+}
+/**
+ * The document picker component allows users to select one or more
+ * files from a list of available documents.
+ *
+ * It is primarily designed to facilitate the selection of files
+ * that a user might want to import into the CRM, for example via
+ * our Microsoft Outlook Add-in.
+ *
+ * @exampleComponent limebb-example-document-picker-basic
+ * @exampleComponent limebb-example-document-picker-selection-mode
+ * @exampleComponent limebb-example-document-picker-limited-selection
+ * @exampleComponent limebb-example-document-picker-contextual-info
+ *
+ * @beta
+ */
+export declare class DocumentPicker implements LimeWebComponent {
+    /**
+     * @inheritdoc
+     */
+    platform: LimeWebComponentPlatform;
+    /**
+     * @inheritdoc
+     */
+    context: LimeWebComponentContext;
+    /**
+     * The list of document items to display in the picker.
+     */
+    items: DocumentItem[];
+    /**
+     * Label to display for the group of items.
+     */
+    label?: string;
+    /**
+     * Optional helper text to display below the items.
+     */
+    helperText?: string;
+    /**
+     * Set to `true` to indicate that the current selection is invalid.
+     */
+    invalid: boolean;
+    /**
+     * Set to `true` to indicate that selecting an item is required.
+     */
+    required: boolean;
+    /**
+     * Defines whether the picker allows single or multiple selection.
+     * - 'radio': Allows single selection within a group.
+     * - 'checkbox': Allows multiple selection.
+     */
+    type: DocumentType;
+    /**
+     * Fired when a user changes the selection state of an item.
+     */
+    private change;
+    private helperTextId;
+    private labelId;
+    constructor();
+    render(): any;
+    private renderItems;
+    private handleItemInteract;
+    private renderHelperLine;
+}
+//# sourceMappingURL=document-picker.d.ts.map

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

@@ -0,0 +1,2 @@
+export type DocumentType = 'radio' | 'checkbox';
+//# sourceMappingURL=document.types.d.ts.map

package/dist/types/components.d.ts

@@ -10,6 +10,8 @@ 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 { ChatItem } from "./components/chat-list/chat-item/chat-item.types";
 import { ComponentPickerType } from "./components/component-command-picker/types";
+import { DocumentItem } from "./components/document-picker/document-item/document-item.types";
+import { DocumentType } from "./components/document-picker/document.types";
 import { FeedItem } from "./components/feed/feed-item/feed-item.types";
 import { DateTimeFormat, NumberFormat, RelativeDateTimeFormat } from "./components/info-tile/format";
 import { InfoTile } from "./components/info-tile/info-tile";
@@ -26,6 +28,8 @@ 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 { ChatItem } from "./components/chat-list/chat-item/chat-item.types";
 export { ComponentPickerType } from "./components/component-command-picker/types";
+export { DocumentItem } from "./components/document-picker/document-item/document-item.types";
+export { DocumentType } from "./components/document-picker/document.types";
 export { FeedItem } from "./components/feed/feed-item/feed-item.types";
 export { DateTimeFormat, NumberFormat, RelativeDateTimeFormat } from "./components/info-tile/format";
 export { InfoTile } from "./components/info-tile/info-tile";
@@ -457,6 +461,79 @@ export namespace Components {
          */
         "type": DateType;
     }
+    /**
+     * Document item
+     * Renders individual items of the document picker component.
+     * @private 
+     */
+    interface LimebbDocumentItem {
+        /**
+          * The context this component belongs to
+          * @inheritdoc
+         */
+        "context": LimeWebComponentContext;
+        /**
+          * The item to display in the document picker.
+         */
+        "item": DocumentItem;
+        /**
+          * Reference to the platform
+          * @inheritdoc
+         */
+        "platform": LimeWebComponentPlatform;
+        /**
+          * The semantic role of the list item. - 'radio': renders a radio button for single selection. - 'checkbox': renders a checkbox for multiple selection.
+         */
+        "type": 'radio' | 'checkbox';
+    }
+    /**
+     * The document picker component allows users to select one or more
+     * files from a list of available documents.
+     * It is primarily designed to facilitate the selection of files
+     * that a user might want to import into the CRM, for example via
+     * our Microsoft Outlook Add-in.
+     * @exampleComponent limebb-example-document-picker-basic
+     * @exampleComponent limebb-example-document-picker-selection-mode
+     * @exampleComponent limebb-example-document-picker-limited-selection
+     * @exampleComponent limebb-example-document-picker-contextual-info
+     * @beta 
+     */
+    interface LimebbDocumentPicker {
+        /**
+          * The context this component belongs to
+          * @inheritdoc
+         */
+        "context": LimeWebComponentContext;
+        /**
+          * Optional helper text to display below the items.
+         */
+        "helperText"?: string;
+        /**
+          * Set to `true` to indicate that the current selection is invalid.
+         */
+        "invalid": boolean;
+        /**
+          * The list of document items to display in the picker.
+         */
+        "items": DocumentItem[];
+        /**
+          * Label to display for the group of items.
+         */
+        "label"?: string;
+        /**
+          * Reference to the platform
+          * @inheritdoc
+         */
+        "platform": LimeWebComponentPlatform;
+        /**
+          * Set to `true` to indicate that selecting an item is required.
+         */
+        "required": boolean;
+        /**
+          * Defines whether the picker allows single or multiple selection. - 'radio': Allows single selection within a group. - 'checkbox': Allows multiple selection.
+         */
+        "type": DocumentType;
+    }
     /**
      * An "empty state" in user interface design refers to the screen or space displayed, when there is no data
      * or content available to show to the user. This state typically occurs in new accounts, after clearing data,
@@ -1504,6 +1581,14 @@ export interface LimebbDateRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLimebbDateRangeElement;
 }
+export interface LimebbDocumentItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimebbDocumentItemElement;
+}
+export interface LimebbDocumentPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimebbDocumentPickerElement;
+}
 export interface LimebbFeedCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLimebbFeedElement;
@@ -1810,6 +1895,57 @@ declare global {
         prototype: HTMLLimebbDateRangeElement;
         new (): HTMLLimebbDateRangeElement;
     };
+    interface HTMLLimebbDocumentItemElementEventMap {
+        "interact": DocumentItem;
+    }
+    /**
+     * Document item
+     * Renders individual items of the document picker component.
+     * @private 
+     */
+    interface HTMLLimebbDocumentItemElement extends Components.LimebbDocumentItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLimebbDocumentItemElementEventMap>(type: K, listener: (this: HTMLLimebbDocumentItemElement, ev: LimebbDocumentItemCustomEvent<HTMLLimebbDocumentItemElementEventMap[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 HTMLLimebbDocumentItemElementEventMap>(type: K, listener: (this: HTMLLimebbDocumentItemElement, ev: LimebbDocumentItemCustomEvent<HTMLLimebbDocumentItemElementEventMap[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 HTMLLimebbDocumentItemElement: {
+        prototype: HTMLLimebbDocumentItemElement;
+        new (): HTMLLimebbDocumentItemElement;
+    };
+    interface HTMLLimebbDocumentPickerElementEventMap {
+        "change": DocumentItem | DocumentItem[];
+    }
+    /**
+     * The document picker component allows users to select one or more
+     * files from a list of available documents.
+     * It is primarily designed to facilitate the selection of files
+     * that a user might want to import into the CRM, for example via
+     * our Microsoft Outlook Add-in.
+     * @exampleComponent limebb-example-document-picker-basic
+     * @exampleComponent limebb-example-document-picker-selection-mode
+     * @exampleComponent limebb-example-document-picker-limited-selection
+     * @exampleComponent limebb-example-document-picker-contextual-info
+     * @beta 
+     */
+    interface HTMLLimebbDocumentPickerElement extends Components.LimebbDocumentPicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLimebbDocumentPickerElementEventMap>(type: K, listener: (this: HTMLLimebbDocumentPickerElement, ev: LimebbDocumentPickerCustomEvent<HTMLLimebbDocumentPickerElementEventMap[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 HTMLLimebbDocumentPickerElementEventMap>(type: K, listener: (this: HTMLLimebbDocumentPickerElement, ev: LimebbDocumentPickerCustomEvent<HTMLLimebbDocumentPickerElementEventMap[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 HTMLLimebbDocumentPickerElement: {
+        prototype: HTMLLimebbDocumentPickerElement;
+        new (): HTMLLimebbDocumentPickerElement;
+    };
     /**
      * An "empty state" in user interface design refers to the screen or space displayed, when there is no data
      * or content available to show to the user. This state typically occurs in new accounts, after clearing data,
@@ -2539,6 +2675,8 @@ declare global {
         "limebb-dashboard-widget": HTMLLimebbDashboardWidgetElement;
         "limebb-date-picker": HTMLLimebbDatePickerElement;
         "limebb-date-range": HTMLLimebbDateRangeElement;
+        "limebb-document-item": HTMLLimebbDocumentItemElement;
+        "limebb-document-picker": HTMLLimebbDocumentPickerElement;
         "limebb-empty-state": HTMLLimebbEmptyStateElement;
         "limebb-feed": HTMLLimebbFeedElement;
         "limebb-feed-item-thumbnail-file-info": HTMLLimebbFeedItemThumbnailFileInfoElement;
@@ -3024,6 +3162,87 @@ declare namespace LocalJSX {
          */
         "type"?: DateType;
     }
+    /**
+     * Document item
+     * Renders individual items of the document picker component.
+     * @private 
+     */
+    interface LimebbDocumentItem {
+        /**
+          * The context this component belongs to
+          * @inheritdoc
+         */
+        "context"?: LimeWebComponentContext;
+        /**
+          * The item to display in the document picker.
+         */
+        "item"?: DocumentItem;
+        /**
+          * Fired when clicking on the document item.
+         */
+        "onInteract"?: (event: LimebbDocumentItemCustomEvent<DocumentItem>) => void;
+        /**
+          * Reference to the platform
+          * @inheritdoc
+         */
+        "platform": LimeWebComponentPlatform;
+        /**
+          * The semantic role of the list item. - 'radio': renders a radio button for single selection. - 'checkbox': renders a checkbox for multiple selection.
+         */
+        "type"?: 'radio' | 'checkbox';
+    }
+    /**
+     * The document picker component allows users to select one or more
+     * files from a list of available documents.
+     * It is primarily designed to facilitate the selection of files
+     * that a user might want to import into the CRM, for example via
+     * our Microsoft Outlook Add-in.
+     * @exampleComponent limebb-example-document-picker-basic
+     * @exampleComponent limebb-example-document-picker-selection-mode
+     * @exampleComponent limebb-example-document-picker-limited-selection
+     * @exampleComponent limebb-example-document-picker-contextual-info
+     * @beta 
+     */
+    interface LimebbDocumentPicker {
+        /**
+          * The context this component belongs to
+          * @inheritdoc
+         */
+        "context"?: LimeWebComponentContext;
+        /**
+          * Optional helper text to display below the items.
+         */
+        "helperText"?: string;
+        /**
+          * Set to `true` to indicate that the current selection is invalid.
+         */
+        "invalid"?: boolean;
+        /**
+          * The list of document items to display in the picker.
+         */
+        "items"?: DocumentItem[];
+        /**
+          * Label to display for the group of items.
+         */
+        "label"?: string;
+        /**
+          * Fired when a user changes the selection state of an item.
+         */
+        "onChange"?: (event: LimebbDocumentPickerCustomEvent<DocumentItem | DocumentItem[]>) => void;
+        /**
+          * Reference to the platform
+          * @inheritdoc
+         */
+        "platform": LimeWebComponentPlatform;
+        /**
+          * Set to `true` to indicate that selecting an item is required.
+         */
+        "required"?: boolean;
+        /**
+          * Defines whether the picker allows single or multiple selection. - 'radio': Allows single selection within a group. - 'checkbox': Allows multiple selection.
+         */
+        "type"?: DocumentType;
+    }
     /**
      * An "empty state" in user interface design refers to the screen or space displayed, when there is no data
      * or content available to show to the user. This state typically occurs in new accounts, after clearing data,
@@ -4146,6 +4365,8 @@ declare namespace LocalJSX {
         "limebb-dashboard-widget": LimebbDashboardWidget;
         "limebb-date-picker": LimebbDatePicker;
         "limebb-date-range": LimebbDateRange;
+        "limebb-document-item": LimebbDocumentItem;
+        "limebb-document-picker": LimebbDocumentPicker;
         "limebb-empty-state": LimebbEmptyState;
         "limebb-feed": LimebbFeed;
         "limebb-feed-item-thumbnail-file-info": LimebbFeedItemThumbnailFileInfo;
@@ -4299,6 +4520,25 @@ declare module "@stencil/core" {
              * @exampleComponent limebb-example-date-range
              */
             "limebb-date-range": LocalJSX.LimebbDateRange & JSXBase.HTMLAttributes<HTMLLimebbDateRangeElement>;
+            /**
+             * Document item
+             * Renders individual items of the document picker component.
+             * @private 
+             */
+            "limebb-document-item": LocalJSX.LimebbDocumentItem & JSXBase.HTMLAttributes<HTMLLimebbDocumentItemElement>;
+            /**
+             * The document picker component allows users to select one or more
+             * files from a list of available documents.
+             * It is primarily designed to facilitate the selection of files
+             * that a user might want to import into the CRM, for example via
+             * our Microsoft Outlook Add-in.
+             * @exampleComponent limebb-example-document-picker-basic
+             * @exampleComponent limebb-example-document-picker-selection-mode
+             * @exampleComponent limebb-example-document-picker-limited-selection
+             * @exampleComponent limebb-example-document-picker-contextual-info
+             * @beta 
+             */
+            "limebb-document-picker": LocalJSX.LimebbDocumentPicker & JSXBase.HTMLAttributes<HTMLLimebbDocumentPickerElement>;
             /**
              * An "empty state" in user interface design refers to the screen or space displayed, when there is no data
              * or content available to show to the user. This state typically occurs in new accounts, after clearing data,

package/dist/types/util/format-bytes.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Format a file size in bytes into a human readable string.
+ *
+ * Uses base 1024 units (binary prefixes without the "i" designation)
+ * and applies adaptive precision: one decimal for values < 10 of the
+ * chosen unit, otherwise no decimals.
+ *
+ * Examples:
+ *  - 0 => "0 B"
+ *  - 512 => "512 B"
+ *  - 1536 => "1.5 KB"
+ *  - 1048576 => "1 MB"
+ *  - 5347737600 => "4.98 GB" (value < 10 so one decimal)
+ *
+ * @param bytes - the size in bytes
+ * @param decimals - max number of decimals for small unit values (default: 1)
+ * @returns formatted size string
+ */
+export declare function formatBytes(bytes: number | undefined | null, decimals?: number): string;
+//# sourceMappingURL=format-bytes.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-crm-building-blocks",
-  "version": "1.95.0",
+  "version": "1.96.0",
   "description": "A home for shared components meant for use with Lime CRM",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -35,7 +35,7 @@
   },
   "devDependencies": {
     "@limetech/eslint-config": "^3.0.1",
-    "@limetech/lime-elements": "^38.28.2",
+    "@limetech/lime-elements": "^38.29.0",
     "@limetech/lime-web-components": "^6.4.1",
     "@limetech/lime-web-components-testing": "^1.0.0",
     "@lundalogik/lime-icons8": "^2.36.1",

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

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,g as r}from"./p-1556b545.js";import{D as s,M as n,c as o,W as a,H as h,T as c}from"./p-1fba0ade.js";import{A as u,a as f,b as l,E as d,T as v}from"./p-463d3174.js";import{d as b,b as p,k as m,c as g,s as y,a as j,e as w,U as O,S,g as k}from"./p-bcc23575.js";import{i as M,e as x}from"./p-c40a3f4b.js";import{d as I,r as T,S as A,a as C,i as E}from"./p-b31772c8.js";import{d as F,i as P,o as $,g as _,h as D,n as N,a as L}from"./p-5322fd19.js";import{i as R}from"./p-1484e300.js";var U=/\s/,z=/^\s+/;var G=NaN,W=/^[-+]0x[0-9a-f]+$/i,H=/^0b[01]+$/i,Q=/^0o[0-7]+$/i,q=parseInt;function B(t){if("number"==typeof t)return t;if(M(t))return G;if(I(t)){var i="function"==typeof t.valueOf?t.valueOf():t;t=I(i)?i+"":i}if("string"!=typeof t)return 0===t?t:+t;var e;t=(e=t)?e.slice(0,function(t){for(var i=t.length;i--&&U.test(t.charAt(i)););return i}(e)+1).replace(z,""):e;var r=H.test(t);return r||Q.test(t)?q(t.slice(2),r?2:8):W.test(t)?G:+t}var K=Object.create;const V=function(){function t(){}return function(i){if(!I(i))return{};if(K)return K(i);t.prototype=i;var e=new t;return t.prototype=void 0,e}}();function J(t,i,e){"__proto__"==i&&b?b(t,i,{configurable:!0,enumerable:!0,value:e,writable:!0}):t[i]=e}var X=Object.prototype.hasOwnProperty;function Y(t,i,e){var r=t[i];X.call(t,i)&&x(r,e)&&(void 0!==e||i in t)||J(t,i,e)}function Z(t,i,e,r){var s=!e;e||(e={});for(var n=-1,o=i.length;++n<o;){var a=i[n],h=r?r(e[a],t[a],a,e,t):void 0;void 0===h&&(h=t[a]),s?J(e,a,h):Y(e,a,h)}return e}var tt=Object.prototype.hasOwnProperty;function it(t){return P(t)?p(t,!0):function(t){if(!I(t))return function(t){var i=[];if(null!=t)for(var e in Object(t))i.push(e);return i}(t);var i=F(t),e=[];for(var r in t)("constructor"!=r||!i&&tt.call(t,r))&&e.push(r);return e}(t)}const et=$(Object.getPrototypeOf,Object);var rt="object"==typeof exports&&exports&&!exports.nodeType&&exports,st=rt&&"object"==typeof module&&module&&!module.nodeType&&module,nt=st&&st.exports===rt?T.Buffer:void 0,ot=nt?nt.allocUnsafe:void 0;const at=Object.getOwnPropertySymbols?function(t){for(var i=[];t;)j(i,g(t)),t=et(t);return i}:y;function ht(t){return w(t,it,at)}var ct=Object.prototype.hasOwnProperty;function ut(t){var i=new t.constructor(t.byteLength);return new O(i).set(new O(t)),i}var ft=/\w*$/,lt=A?A.prototype:void 0,dt=lt?lt.valueOf:void 0,vt="[object Boolean]",bt="[object Date]",pt="[object Map]",mt="[object Number]",gt="[object RegExp]",yt="[object Set]",jt="[object String]",wt="[object Symbol]",Ot="[object ArrayBuffer]",St="[object DataView]",kt="[object Float32Array]",Mt="[object Float64Array]",xt="[object Int8Array]",It="[object Int16Array]",Tt="[object Int32Array]",At="[object Uint8Array]",Ct="[object Uint8ClampedArray]",Et="[object Uint16Array]",Ft="[object Uint32Array]";var Pt=N&&N.isMap;const $t=Pt?D(Pt):function(t){return C(t)&&"[object Map]"==_(t)};var _t=N&&N.isSet;const Dt=_t?D(_t):function(t){return C(t)&&"[object Set]"==_(t)};var Nt=1,Lt=2,Rt=4,Ut="[object Arguments]",zt="[object Function]",Gt="[object GeneratorFunction]",Wt="[object Object]",Ht={};function Qt(t,i,e,r,s,n){var o,a=i&Nt,h=i&Lt,c=i&Rt;if(e&&(o=s?e(t,r,s,n):e(t)),void 0!==o)return o;if(!I(t))return t;var u=E(t);if(u){if(o=function(t){var i=t.length,e=new t.constructor(i);return i&&"string"==typeof t[0]&&ct.call(t,"index")&&(e.index=t.index,e.input=t.input),e}(t),!a)return function(t,i){var e=-1,r=t.length;for(i||(i=Array(r));++e<r;)i[e]=t[e];return i}(t,o)}else{var f=_(t),l=f==zt||f==Gt;if(L(t))return function(t,i){if(i)return t.slice();var e=t.length,r=ot?ot(e):new t.constructor(e);return t.copy(r),r}(t,a);if(f==Wt||f==Ut||l&&!s){if(o=h||l?{}:function(t){return"function"!=typeof t.constructor||F(t)?{}:V(et(t))}(t),!a)return h?function(t,i){return Z(t,at(t),i)}(t,function(t,i){return t&&Z(i,it(i),t)}(o,t)):function(t,i){return Z(t,g(t),i)}(t,function(t,i){return t&&Z(i,m(i),t)}(o,t))}else{if(!Ht[f])return s?t:{};o=function(t,i,e){var r,s,n=t.constructor;switch(i){case Ot:return ut(t);case vt:case bt:return new n(+t);case St:return function(t,i){var e=i?ut(t.buffer):t.buffer;return new t.constructor(e,t.byteOffset,t.byteLength)}(t,e);case kt:case Mt:case xt:case It:case Tt:case At:case Ct:case Et:case Ft:return function(t,i){var e=i?ut(t.buffer):t.buffer;return new t.constructor(e,t.byteOffset,t.length)}(t,e);case pt:return new n;case mt:case jt:return new n(t);case gt:return(s=new(r=t).constructor(r.source,ft.exec(r))).lastIndex=r.lastIndex,s;case yt:return new n;case wt:return dt?Object(dt.call(t)):{}}}(t,f,a)}}n||(n=new S);var d=n.get(t);if(d)return d;n.set(t,o),Dt(t)?t.forEach((function(r){o.add(Qt(r,i,e,r,t,n))})):$t(t)&&t.forEach((function(r,s){o.set(s,Qt(r,i,e,s,t,n))}));var v=u?void 0:(c?h?ht:k:h?it:m)(t);return function(t,i){for(var e=-1,r=null==t?0:t.length;++e<r&&!1!==i(t[e],e););}(v||t,(function(r,s){v&&(r=t[s=r]),Y(o,s,Qt(r,i,e,s,t,n))})),o}Ht[Ut]=Ht["[object Array]"]=Ht["[object ArrayBuffer]"]=Ht["[object DataView]"]=Ht["[object Boolean]"]=Ht["[object Date]"]=Ht["[object Float32Array]"]=Ht["[object Float64Array]"]=Ht["[object Int8Array]"]=Ht["[object Int16Array]"]=Ht["[object Int32Array]"]=Ht["[object Map]"]=Ht["[object Number]"]=Ht[Wt]=Ht["[object RegExp]"]=Ht["[object Set]"]=Ht["[object String]"]=Ht["[object Symbol]"]=Ht["[object Uint8Array]"]=Ht["[object Uint8ClampedArray]"]=Ht["[object Uint16Array]"]=Ht["[object Uint32Array]"]=!0,Ht["[object Error]"]=Ht[zt]=Ht["[object WeakMap]"]=!1;const qt=function(){return T.Date.now()};var Bt=Math.max,Kt=Math.min;function Vt(t,i){return t.label===i}function Jt(t,i){return Object.values(t.properties).find((t=>t&&t.relation&&Vt(t.relation.getLimetype(),i)))}function Xt(t,i){const e=Jt(t,i);return!!e&&function(t){return s(t)&&!n(t)}(e)}class Yt{get limeObjectService(){return this.platform.get(o.LimeObjectRepository)}get queryService(){return this.platform.get(o.Query)}get viewFactoryRegistry(){return this.platform.get(o.ViewFactoryRegistry)}get translator(){var t;return null===(t=this.platform)||void 0===t?void 0:t.get(o.Translate)}get triggerCharacter(){return this._triggerCharacter}get triggerHandler(){return this._triggerHandler}constructor(t,i,e){this.platform=t,this.context=i,this.searchableLimetypes=e,this.groupCounts={},this._triggerCharacter="@",this._triggerHandler={searcher:t=>this.searcher(t),inserter:(t,i)=>this.inserter(t,i),emptySearchMessage:"Start typing a name...",noItemsFoundMessage:"No results for your search...",nodeDefinition:{customElement:{tagName:"limebb-mention",attributes:["limetype","objectid","href"]},mapAttributes:t=>({limetype:t.value.getLimetype().name,objectid:t.value.id,href:`object/${this.context.limetype}/${this.context.id}`})}},this.searcher=async t=>{if(!t)return[];const{objects:i}=await this.limeObjectService.search(t,this.searchableLimetypes,10);return this.createSearchListItems(i)},this.inserter=async(t,i)=>{var e;const r=this.triggerHandler.nodeDefinition;r&&t.insert({node:{tagName:r.customElement.tagName,attributes:r.mapAttributes(i)},children:[null===(e=i.value)||void 0===e?void 0:e.descriptive]})}}async initialize(){await this.loadGroupCounts()}async loadGroupCounts(){const t=this.searchableLimetypes.filter((t=>!Vt(t,"user")&&Xt(t,"user"))).map((t=>this.getGroupCounts(t)));for(const i of await Promise.all(t))Object.assign(this.groupCounts,i)}async getGroupCounts(t){var i;const e=Jt(t,"user"),r=t.name;try{const t=await this.queryService.execute({limetype:r,responseFormat:{object:{_id:null,[e.name]:{count:{aggregate:{op:a.Count}}}}}});if(!(null===(i=t.objects)||void 0===i?void 0:i.length))return{[r]:{}};const s=this.createGroupCount(t.objects,e.name);return{[r]:s}}catch(i){return console.error(`Error fetching group count for limetype: ${t.name}`,i),{[r]:{}}}}createGroupCount(t,i){const e={};for(const r of t){const{_id:t,[i]:s}=r;e[t]=s.count}return e}createSearchListItems(t=[]){return t.map((t=>this.createSearchListItem(t))).filter(R)}createSearchListItem(t){const i=this.viewFactoryRegistry.getFactory("search"),e=this.limeObjectService.getObject(t._limetype,t._id);if(!e)return null;const r=i(e,this.context),s=this.getGroupCountComponent(e);return Object.assign(Object.assign({},r),s?{primaryComponent:s}:{})}getGroupCountComponent(t){var i;const e=t.getLimetype(),r=null===(i=this.groupCounts[e.name])||void 0===i?void 0:i[t.id],s=Jt(e,"user");if(void 0!==r&&s)return{name:"limebb-mention-group-counter",props:{count:r,limetype:s.relation.getLimetype(),helperLabel:this.translator.get("webclient.notification-center.members-will-be-notified")}}}}class Zt{constructor(t,i){this.file=t,this.http=i,this.uploadCancelled=!1,this.getUrl=t=>`api/v1/file/${null!=t?t:""}`}async initialize(){this.uploadService=await this.http.createFileUpload(h.Post,this.getUrl(),this.file),this.progressCallback&&(this.uploadService.onProgress=this.progressCallback)}async upload(){return this.uploadService.upload()}getFileName(){return this.file.name}cancel(){this.uploadService.cancel(),this.uploadCancelled=!0}set onProgress(t){this.progressCallback=t,this.uploadService&&(this.uploadService.onProgress=t)}}class ti{constructor(t){this.platform=t}async handleImagePasted(t){const i=null==t?void 0:t.fileInfo;if(!i)return;if(!this.validateImageSize(i))return;t.insertThumbnail();const e=await this.createFileUpload(i),r=null==e?void 0:e.href;return r&&void 0!==(null==e?void 0:e.fileId)?t.insertImage(r):t.insertFailedThumbnail(),e}parseFileIdFromSrc(t){if(t){const i=/\/(\d+)\/contents\/?$/.exec(t);if(i&&i[1])return Number(i[1])}}validateImageSize(t){return!!t.fileContent&&t.fileContent.size<=52428800}async createFileUpload(t){var i;if(!t.fileContent)return;const e=new Zt(t.fileContent,this.http);await e.initialize();const r=Object.assign(Object.assign({},t),{progress:0,file:e,state:"added",fileId:void 0,href:void 0,id:t.id});e.onProgress=t=>{0===r.progress&&(r.state="uploading"),r.progress=t,100===t&&(r.state="finalizing")};const s=await e.upload();return r.fileId=s.id,r.filename=s.filename,r.extension=s.extension,r.contentType=s.contentType,r.size=s.size,r.state="done",r.href=null===(i=s._links)||void 0===i?void 0:i.contents.href,r}get http(){return this.platform.get(o.Http)}}const ii=class{watchOpen(){this.setupHandlers(),this.setPickerMessage()}watchQuery(){this.setPickerMessage()}constructor(e){var r;t(this,e),this.change=i(this,"change",7),this.metadataChange=i(this,"metadataChange",7),this.allowMentioning=!1,this.contentType="markdown",this.language="en",this.disabled=!1,this.readonly=!1,this.invalid=!1,this.required=!1,this.ui="standard",this.allowResize=!0,this.value="",this.triggerMap={},this.customElements=[],this.allowInlineImages=!1,this.items=[],this.highlightedItemIndex=0,this.isPickerOpen=!1,this.isSearching=!1,this.registeredTriggers=[],this.registeredTriggerMap=this.triggerMap,this.registeredCustomElements=this.customElements,this.activeTrigger=void 0,this.handleMouseClick=t=>{this.textEditorPickerElement&&(t.target===this.textEditorPickerElement||this.resetTriggerAndPicker())},this.handleKeyPress=t=>{if(!this.isPickerOpen||!this.activeTrigger)return;if(![f,l,u,d,v].includes(t.key))return;if(t.stopPropagation(),t.preventDefault(),"keyup"===t.type)return;const i={[f]:this.handleEscapeKey,[d]:this.handleEnterOrTabKey,[v]:this.handleEnterOrTabKey,[u]:this.handleArrowKeyPress,[l]:this.handleArrowKeyPress}[t.key];i&&i(t)},this.handleArrowKeyPress=t=>{this.highlightedItemIndex=this.findNonSeparatorIndex(t.key,this.highlightedItemIndex)},this.findNonSeparatorIndex=(t,i,e=0)=>{if(0===this.items.length||e>this.items.length)return i;const r=((t,i,e)=>(i+(t===u?1:-1)+e)%e)(t,i,this.items.length);return this.isListSeparator(this.items[r])?this.findNonSeparatorIndex(t,r,e+1):r},this.handleEscapeKey=()=>{var t;null===(t=this.triggerFunction)||void 0===t||t.stopTrigger(),this.resetTriggerAndPicker()},this.handleEnterOrTabKey=t=>{this.handleItemSelection(t)},this.handleMetadataChange=t=>{t.stopPropagation();const i=t.detail,e=this.getEnhancedImages(i.images||[]),r=Object.assign(Object.assign({},i),{images:e});this.metadataChange.emit(r)},this.handleImagePasted=t=>{t.stopPropagation(),this.allowInlineImages&&this.uploadHandler.handleImagePasted(t.detail)},this.handleTriggerStart=t=>{t.stopPropagation(),this.activeTrigger=t.detail.trigger,this.triggerFunction=t.detail.textEditor,this.isPickerOpen=!0},this.handleTriggerStop=t=>{t.stopPropagation(),this.resetTriggerAndPicker()},this.handleTriggerChange=t=>{var i;t.stopImmediatePropagation(),this.editorPickerQuery=t.detail.value;const e=null===(i=this.registeredTriggerMap[t.detail.trigger])||void 0===i?void 0:i.searcher;e&&(this.isSearching=!0,this.debouncedSearchFn(e,this.editorPickerQuery))},this.resetTriggerAndPicker=()=>{this.isPickerOpen=!1,this.activeTrigger=void 0,this.triggerFunction=void 0,this.isSearching=!1,this.highlightedItemIndex=0,this.items=[]},this.handleItemSelection=t=>{var i;let e;if(t instanceof CustomEvent)e=t.detail;else{if(!(t instanceof KeyboardEvent))return;{const t=this.items[this.highlightedItemIndex];if(this.isListSeparator(t))return;e=t}}if(!this.activeTrigger)return;const r=this.registeredTriggerMap[this.activeTrigger];try{r.inserter(this.triggerFunction,e)}catch(t){console.error("Error inserting",t)}this.resetTriggerAndPicker(),null===(i=this.textEditor)||void 0===i||i.focus()},this.handleVisibilityChange=()=>{"hidden"===document.visibilityState&&this.saveDraft()},this.handleBeforeUnload=()=>{this.saveDraft()},this.portalId="crypto"in window&&"function"==typeof(null===(r=window.crypto)||void 0===r?void 0:r.randomUUID)?"a_"+crypto.randomUUID():String.fromCodePoint(97+Math.floor(26*Math.random()))+Math.random().toString(36).slice(Math.max(0,2))+Math.random().toString(36).slice(Math.max(0,2)),this.debouncedSearchFn=function(t,i,e){var r,s,n,o,a,h,c=0,u=!1,f=!1,l=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function d(i){var e=r,n=s;return r=s=void 0,c=i,o=t.apply(n,e)}function v(t){var e=t-h;return void 0===h||e>=i||e<0||f&&t-c>=n}function b(){var t=qt();if(v(t))return p(t);a=setTimeout(b,function(t){var e=i-(t-h);return f?Kt(e,n-(t-c)):e}(t))}function p(t){return a=void 0,l&&r?d(t):(r=s=void 0,o)}function m(){var t=qt(),e=v(t);if(r=arguments,s=this,h=t,e){if(void 0===a)return function(t){return c=t,a=setTimeout(b,i),u?d(t):o}(h);if(f)return clearTimeout(a),a=setTimeout(b,i),d(h)}return void 0===a&&(a=setTimeout(b,i)),o}return i=B(i)||0,I(e)&&(u=!!e.leading,n=(f="maxWait"in e)?Bt(B(e.maxWait)||0,i):n,l="trailing"in e?!!e.trailing:l),m.cancel=function(){void 0!==a&&clearTimeout(a),c=0,r=h=s=a=void 0},m.flush=function(){return void 0===a?o:p(qt())},m}((async(t,i)=>{try{const e=await t(i);if(i!==this.editorPickerQuery||!this.activeTrigger)return;this.items=e}catch(t){console.error("Error searching",t)}finally{this.isSearching=!1}}),300)}connectedCallback(){var t,i,e,r;if(this.draftIdentifier){const s=null!==(i=null===(t=this.context)||void 0===t?void 0:t.id)&&void 0!==i?i:"no-limeobject",n=null!==(r=null===(e=this.context)||void 0===e?void 0:e.limetype)&&void 0!==r?r:"no-limetype";this.textEditorInnerId=["text-editor-draft",n,s,this.draftIdentifier].join("-")}this.textEditorInnerId&&(document.addEventListener("visibilitychange",this.handleVisibilityChange),window.addEventListener("beforeunload",this.handleBeforeUnload)),this.uploadHandler=new ti(this.platform)}componentWillLoad(){this.allowMentioning&&this.registerMentions(),this.registerTriggers(),this.loadDraft()}disconnectedCallback(){document.removeEventListener("visibilitychange",this.handleVisibilityChange),window.removeEventListener("beforeunload",this.handleBeforeUnload),document.removeEventListener("mousedown",this.handleMouseClick),this.saveDraft(),this.host&&(this.host.removeEventListener("keyup",this.handleKeyPress,{capture:!0}),this.host.removeEventListener("keydown",this.handleKeyPress,{capture:!0})),this.debouncedSearchFn&&this.debouncedSearchFn.cancel&&this.debouncedSearchFn.cancel()}registerMentions(){const t=new Yt(this.platform,this.context,this.searchableLimetypes),i=t.triggerHandler.nodeDefinition;i&&(this.registeredCustomElements.push(i.customElement),this.registeredTriggerMap[t.triggerCharacter]=t.triggerHandler,t.initialize())}registerTriggers(){this.registeredTriggers=Object.keys(this.registeredTriggerMap)}setPickerMessage(){var t;if(!this.activeTrigger)return;const i=this.registeredTriggerMap[this.activeTrigger];this.pickerMessage=(null===(t=this.editorPickerQuery)||void 0===t?void 0:t.length)>0?i.noItemsFoundMessage:i.emptySearchMessage}setupHandlers(){this.isPickerOpen?(this.host.addEventListener("keyup",this.handleKeyPress,{capture:!0}),this.host.addEventListener("keydown",this.handleKeyPress,{capture:!0}),document.addEventListener("mousedown",this.handleMouseClick)):(this.host.removeEventListener("keyup",this.handleKeyPress,{capture:!0}),this.host.removeEventListener("keydown",this.handleKeyPress,{capture:!0}),document.removeEventListener("mousedown",this.handleMouseClick))}isListSeparator(t){return"separator"in t&&!0===t.separator}render(){return[e("limel-text-editor",{key:"f2f48910b31ecf37bc6e41245f3e6e6a70b87695",ref:t=>this.textEditor=t,tabindex:this.disabled?-1:0,value:this.value,contentType:this.contentType,customElements:this.registeredCustomElements,"aria-disabled":this.disabled,language:this.language,triggers:this.registeredTriggers,onTriggerStart:this.handleTriggerStart,onTriggerStop:this.handleTriggerStop,onTriggerChange:this.handleTriggerChange,onImagePasted:this.handleImagePasted,onMetadataChange:this.handleMetadataChange,ui:this.ui,allowResize:this.allowResize,required:this.required,disabled:this.disabled,readonly:this.readonly,helperText:this.helperText,placeholder:this.placeholder,label:this.label,invalid:this.invalid}),this.renderPicker()]}renderPicker(){if(this.isPickerOpen)return e("limel-portal",{containerId:this.portalId,visible:this.isPickerOpen,openDirection:"top",inheritParentWidth:!0,anchor:this.textEditor},e("limebb-text-editor-picker",{ref:t=>this.textEditorPickerElement=t,items:(t=this.items,i=this.highlightedItemIndex,t.map(((t,e)=>{const r=Qt(t,5);return Object.assign(Object.assign({},r),{selected:e===i})}))),onItemSelected:this.handleItemSelection,emptyMessage:this.pickerMessage,isSearching:this.isSearching}));var t,i}getEnhancedImages(t){return t.map((t=>{let i;return"success"===t.state&&(i=this.uploadHandler.parseFileIdFromSrc(t.src)),i?Object.assign(Object.assign({},t),{fileId:i}):t}))}loadDraft(){if(!this.userDataService||!this.textEditorInnerId)return;if(this.value)return;const t=this.userDataService.get(this.textEditorInnerId);t&&this.change.emit(t)}saveDraft(){var t,i,e,r;if(!this.textEditorInnerId)return;const s=null===(t=this.value)||void 0===t?void 0:t.trim(),n=null===(i=this.userDataService)||void 0===i?void 0:i.get(this.textEditorInnerId);s&&s!==n?null===(e=this.userDataService)||void 0===e||e.set(this.textEditorInnerId,s):!s&&n&&(null===(r=this.userDataService)||void 0===r||r.set(this.textEditorInnerId,void 0))}get userDataService(){return this.platform.get(o.UserDataRepository)}get host(){return r(this)}static get watchers(){return{isPickerOpen:["watchOpen"],editorPickerQuery:["watchQuery"]}}};!function(t,i,e,r){var s,n=arguments.length,o=n<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,r);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(o=(n<3?s(o):n>3?s(i,e,o):s(i,e))||o);n>3&&o&&Object.defineProperty(i,e,o)}([c({map:[function(t){return Object.values(t).filter((t=>Vt(t,"user")||Xt(t,"user")))}]})],ii.prototype,"searchableLimetypes",void 0);export{ii as limebb_text_editor}