@limetech/lime-crm-building-blocks 1.115.1 → 1.116.1

package/dist/components/lime-query-value-input.js

@@ -1,387 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { Z as Ze, r as re } from './index.esm.js';
-import { g as getPropertyFromPath, d as defineCustomElement$1 } from './property-selector.js';
-
-/**
- * System property name to actual type mapping.
- *
- * Maps system property names (with or without underscore prefix) to their actual data types.
- * This mapping is necessary because system properties have `type='system'` in the metadata
- * (for historical reasons - database schema fieldtype 255), but we need to know their
- * actual data types to render appropriate inputs.
- */
-const SYSTEM_TYPE_MAP = {
-    timestamp: 'time',
-    createdtime: 'time',
-    updatedtime: 'time',
-    id: 'integer',
-    createduser: 'integer',
-    updateduser: 'integer',
-    descriptive: 'string',
-};
-/**
- * Lime CRM date/time property type to Lime Elements date picker type mapping.
- *
- * Maps Lime CRM property types to the corresponding Lime Elements date picker types,
- * as they use different naming conventions.
- */
-const DATE_TIME_TYPE_MAP = {
-    date: 'date',
-    time: 'datetime',
-    timeofday: 'time',
-    month: 'month',
-    quarter: 'quarter',
-    year: 'year',
-};
-/**
- * Get the actual type of a property, resolving 'system' type to the underlying type.
- *
- * System properties in Lime CRM have `type: 'system'` in the metadata (a categorical marker
- * from the database schema fieldtype 255), but we need to know their actual data types
- * to render appropriate input controls.
- *
- * @param property - The property to get the type for
- * @param property.type
- * @param property.name
- * @returns The actual property type (resolves 'system' to the underlying type)
- *
- * @example
- * ```typescript
- * const property = { name: '_timestamp', type: 'system' };
- * getActualPropertyType(property); // Returns 'time'
- * ```
- */
-function getActualPropertyType(property) {
-    if (property.type === 'system') {
-        return resolveSystemPropertyType(property.name);
-    }
-    return property.type;
-}
-/**
- * Map system property names to their actual data types.
- *
- * This mapping is necessary because system properties have `type='system'` in the metadata
- * (for historical reasons - database schema fieldtype 255), but we need to know their
- * actual data types to render appropriate inputs.
- *
- * The mapping is based on the Lime CRM database schema:
- * - System datetime fields: `timestamp`, `createdtime`, `updatedtime`
- * - System integer fields: `id`, `createduser`, `updateduser`
- * - System string fields: `descriptive`
- *
- * @param propertyName - The system property name (with or without underscore prefix)
- * @returns The actual property type
- *
- * @example
- * ```typescript
- * resolveSystemPropertyType('_timestamp');  // Returns 'time'
- * resolveSystemPropertyType('timestamp');   // Returns 'time'
- * resolveSystemPropertyType('_id');         // Returns 'integer'
- * resolveSystemPropertyType('unknown');     // Returns 'string' (default)
- * ```
- */
-function resolveSystemPropertyType(propertyName) {
-    const name = propertyName.replace(/^_/, '');
-    return SYSTEM_TYPE_MAP[name] || 'string';
-}
-/**
- * Map Lime CRM property types to Lime Elements date picker types.
- *
- * Lime CRM and Lime Elements use different naming conventions for date/time types,
- * so we need to translate between them:
- *
- * - `'date'` → `'date'` - Date only
- * - `'time'` → `'datetime'` - Full datetime (date + time) in Lime CRM
- * - `'timeofday'` → `'time'` - Time only (hh:mm)
- * - `'month'` → `'month'` - Month picker (YYYY-MM)
- * - `'quarter'` → `'quarter'` - Quarter picker
- * - `'year'` → `'year'` - Year picker
- *
- * @param propertyType - The Lime CRM date/time property type
- * @returns The corresponding Lime Elements date picker type
- *
- * @example
- * ```typescript
- * mapPropertyTypeToPickerType('time');      // Returns 'datetime'
- * mapPropertyTypeToPickerType('timeofday'); // Returns 'time'
- * mapPropertyTypeToPickerType('date');      // Returns 'date'
- * ```
- */
-function mapPropertyTypeToPickerType(propertyType) {
-    return DATE_TIME_TYPE_MAP[propertyType] || 'date';
-}
-
-const limeQueryValueInputCss = ":host{display:flex;gap:0.5rem}:host>*{flex-grow:1}*{box-sizing:border-box}.value-input-container{display:flex;flex-direction:row;align-items:flex-start;gap:0.5rem;width:100%}.mode-toggle{flex-shrink:0;flex-grow:0}.placeholder-input{flex-grow:1;display:flex;flex-direction:column;gap:0.5rem}.placeholder-preview{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;background-color:rgba(var(--color-blue-light), 0.1);border-radius:var(--border-radius-small);font-size:0.875rem;color:rgb(var(--color-blue-default));border-left:3px solid rgb(var(--color-blue-default))}.placeholder-preview limel-icon{flex-shrink:0;color:rgb(var(--color-blue-default))}.placeholder-preview span{font-family:var(--font-monospace);word-break:break-all}";
-const LimebbLimeQueryValueInputStyle0 = limeQueryValueInputCss;
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const LimeQueryValueInput = /*@__PURE__*/ proxyCustomElement(class LimeQueryValueInput extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.change = createEvent(this, "change", 7);
-        /**
-         * Optional label for the input
-         */
-        this.label = 'Value';
-        this.inputMode = 'value';
-        this.handleTextChange = (event) => {
-            event.stopPropagation();
-            // Try to parse as number for number inputs
-            const value = event.detail;
-            const numValue = Number(value);
-            if (!Number.isNaN(numValue) && value !== '') {
-                this.change.emit(numValue);
-            }
-            else {
-                this.change.emit(value);
-            }
-        };
-        this.handleSelectChange = (event) => {
-            event.stopPropagation();
-            const detail = event.detail;
-            if (Array.isArray(detail)) {
-                this.change.emit(detail.map((o) => o.value));
-            }
-            else {
-                this.change.emit(detail === null || detail === void 0 ? void 0 : detail.value);
-            }
-        };
-        this.handleBooleanChange = (event) => {
-            event.stopPropagation();
-            const detail = event.detail;
-            if (!Array.isArray(detail)) {
-                // Convert string back to boolean
-                this.change.emit((detail === null || detail === void 0 ? void 0 : detail.value) === 'true');
-            }
-        };
-        this.handleDateChange = (event) => {
-            event.stopPropagation();
-            // Convert Date to ISO string for storage
-            const date = event.detail;
-            this.change.emit(date ? date.toISOString() : null);
-        };
-        this.handleMultiValueChange = (event) => {
-            event.stopPropagation();
-            // Split by comma and trim whitespace
-            const values = event.detail
-                .split(',')
-                .map((v) => v.trim())
-                .filter((v) => v.length > 0);
-            this.change.emit(values);
-        };
-        this.handleModeToggle = () => {
-            if (this.inputMode === 'value') {
-                // Switching to placeholder mode
-                this.inputMode = 'placeholder';
-                // Emit placeholder value (empty initially)
-                this.change.emit('%activeObject%');
-            }
-            else {
-                // Switching to value mode
-                this.inputMode = 'value';
-                // Emit empty value
-                this.change.emit('');
-            }
-        };
-        this.handlePlaceholderPropertyChange = (event) => {
-            event.stopPropagation();
-            const propertyPath = event.detail;
-            const placeholderValue = this.buildPlaceholderValue(propertyPath);
-            this.change.emit(placeholderValue);
-        };
-    }
-    componentWillLoad() {
-        // Detect if the current value is a placeholder
-        if (this.isPlaceholder(this.value)) {
-            this.inputMode = 'placeholder';
-        }
-    }
-    componentWillUpdate() {
-        // Update mode if value changes externally
-        if (this.isPlaceholder(this.value) &&
-            this.inputMode !== 'placeholder') {
-            this.inputMode = 'placeholder';
-        }
-        else if (!this.isPlaceholder(this.value) &&
-            this.inputMode === 'placeholder') {
-            this.inputMode = 'value';
-        }
-    }
-    isPlaceholder(value) {
-        return typeof value === 'string' && value.startsWith('%activeObject%');
-    }
-    parsePlaceholderPath(value) {
-        if (!this.isPlaceholder(value)) {
-            return '';
-        }
-        // Extract path after %activeObject%. (e.g., "%activeObject%.company.name" → "company.name")
-        return value.replace(/^%activeObject%\.?/, '');
-    }
-    buildPlaceholderValue(propertyPath) {
-        if (!propertyPath) {
-            return '%activeObject%';
-        }
-        return `%activeObject%.${propertyPath}`;
-    }
-    render() {
-        if (!this.operator) {
-            return null;
-        }
-        return (h(Host, null, this.renderModeToggle(), this.renderInputByMode()));
-    }
-    renderInputByMode() {
-        if (this.inputMode === 'placeholder') {
-            return this.renderPlaceholderInput();
-        }
-        return this.renderValueInputByType();
-    }
-    renderModeToggle() {
-        // Only show toggle if activeLimetype is set
-        if (!this.activeLimetype) {
-            return null;
-        }
-        const isPlaceholderMode = this.inputMode === 'placeholder';
-        const buttonLabel = isPlaceholderMode ? 'Use Value' : 'Use Placeholder';
-        const buttonIcon = isPlaceholderMode ? 'text' : 'link';
-        return (h("limel-icon-button", { class: "mode-toggle", icon: buttonIcon, label: buttonLabel, onClick: this.handleModeToggle }));
-    }
-    renderPlaceholderInput() {
-        const propertyPath = this.parsePlaceholderPath(this.value);
-        return (h("div", { class: "placeholder-input" }, h("limebb-property-selector", { platform: this.platform, context: this.context, limetype: this.activeLimetype, label: "Active Object Property", value: propertyPath, required: false, helperText: "Select property from the active object", onChange: this.handlePlaceholderPropertyChange }), this.renderPlaceholderPreview()));
-    }
-    renderPlaceholderPreview() {
-        if (!this.isPlaceholder(this.value)) {
-            return;
-        }
-        return (h("div", { class: "placeholder-preview" }, h("limel-icon", { name: "info", size: "small" }), h("span", null, "Placeholder: ", this.value)));
-    }
-    renderValueInputByType() {
-        // Special handling for IN operator - always use chip set for arrays
-        if (this.operator === re.IN) {
-            return this.renderMultiValueInput();
-        }
-        const property = this.getProperty();
-        if (!property) {
-            return this.renderTextInput();
-        }
-        // Resolve 'system' type to actual type
-        const actualType = getActualPropertyType(property);
-        switch (actualType) {
-            case 'integer':
-            case 'decimal': {
-                return this.renderNumberInput(actualType);
-            }
-            case 'yesno': {
-                return this.renderBooleanInput();
-            }
-            case 'option': {
-                return this.renderOptionInput(property);
-            }
-            case 'date':
-            case 'time':
-            case 'timeofday':
-            case 'year':
-            case 'month':
-            case 'quarter': {
-                return this.renderDateTimeInput(actualType);
-            }
-            default: {
-                return this.renderTextInput();
-            }
-        }
-    }
-    renderTextInput() {
-        var _a;
-        return (h("limel-input-field", { label: this.label, value: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) || '', placeholder: "Enter value", onChange: this.handleTextChange }));
-    }
-    renderNumberInput(type) {
-        var _a;
-        const step = type === 'integer' ? 1 : 0.01;
-        return (h("limel-input-field", { label: this.label, type: "number", value: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) || '', step: step, onChange: this.handleTextChange }));
-    }
-    renderBooleanInput() {
-        const options = [
-            { text: 'True', value: 'true' },
-            { text: 'False', value: 'false' },
-        ];
-        const valueAsString = this.value === true || this.value === 'true' ? 'true' : 'false';
-        const selectedOption = options.find((o) => o.value === valueAsString);
-        return (h("limel-select", { label: this.label, options: options, value: selectedOption, onChange: this.handleBooleanChange }));
-    }
-    renderOptionInput(property) {
-        if (!property.options || property.options.length === 0) {
-            return this.renderTextInput();
-        }
-        const options = property.options.map((opt) => ({
-            text: opt.text || opt.key,
-            value: opt.key,
-        }));
-        const selectedOption = options.find((o) => o.value === this.value);
-        return (h("limel-select", { label: this.label, options: options, value: selectedOption, onChange: this.handleSelectChange }));
-    }
-    renderDateTimeInput(type) {
-        // Convert string to Date if needed
-        const dateValue = typeof this.value === 'string' ? new Date(this.value) : this.value;
-        const pickerType = mapPropertyTypeToPickerType(type);
-        return (h("limel-date-picker", { label: this.label, value: dateValue, type: pickerType, onChange: this.handleDateChange }));
-    }
-    renderMultiValueInput() {
-        // For IN operator, allow comma-separated values
-        const displayValue = Array.isArray(this.value)
-            ? this.value.join(', ')
-            : this.value || '';
-        return (h("limel-input-field", { label: this.label + ' (comma-separated)', value: displayValue, placeholder: "e.g., won, lost, tender", onChange: this.handleMultiValueChange }));
-    }
-    getProperty() {
-        if (!this.limetypes || !this.limetype || !this.propertyPath) {
-            return;
-        }
-        return getPropertyFromPath(this.limetypes, this.limetype, this.propertyPath);
-    }
-    static get style() { return LimebbLimeQueryValueInputStyle0; }
-}, [1, "limebb-lime-query-value-input", {
-        "platform": [16],
-        "context": [16],
-        "limetype": [1],
-        "activeLimetype": [1, "active-limetype"],
-        "propertyPath": [1, "property-path"],
-        "operator": [1],
-        "value": [8],
-        "label": [1],
-        "limetypes": [32],
-        "inputMode": [32]
-    }]);
-__decorate([
-    Ze()
-], LimeQueryValueInput.prototype, "limetypes", void 0);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-lime-query-value-input", "limebb-property-selector"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-lime-query-value-input":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LimeQueryValueInput);
-            }
-            break;
-        case "limebb-property-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { LimeQueryValueInput as L, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as r,Host as l,transformTag as s}from"@stencil/core/internal/client";import{j as n,X as a}from"./index.esm.js";import{g as o,d as h}from"./property-selector.js";const c={timestamp:"time",createdtime:"time",updatedtime:"time",id:"integer",createduser:"integer",updateduser:"integer",descriptive:"string"},u={date:"date",time:"datetime",timeofday:"time",month:"month",quarter:"quarter",year:"year"};const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.label="Value",this.inputMode="value",this.handleTextChange=e=>{e.stopPropagation();const t=e.detail,i=Number(t);Number.isNaN(i)||""===t?this.change.emit(t):this.change.emit(i)},this.handleSelectChange=e=>{e.stopPropagation();const t=e.detail;Array.isArray(t)?this.change.emit(t.map((e=>e.value))):this.change.emit(null==t?void 0:t.value)},this.handleBooleanChange=e=>{e.stopPropagation();const t=e.detail;Array.isArray(t)||this.change.emit("true"===(null==t?void 0:t.value))},this.handleDateChange=e=>{e.stopPropagation();const t=e.detail;this.change.emit(t?t.toISOString():null)},this.handleMultiValueChange=e=>{e.stopPropagation();const t=e.detail.split(",").map((e=>e.trim())).filter((e=>e.length>0));this.change.emit(t)},this.handleModeToggle=()=>{"value"===this.inputMode?(this.inputMode="placeholder",this.change.emit("%activeObject%")):(this.inputMode="value",this.change.emit(""))},this.handlePlaceholderPropertyChange=e=>{e.stopPropagation();const t=this.buildPlaceholderValue(e.detail);this.change.emit(t)}}componentWillLoad(){this.isPlaceholder(this.value)&&(this.inputMode="placeholder")}componentWillUpdate(){this.isPlaceholder(this.value)&&"placeholder"!==this.inputMode?this.inputMode="placeholder":this.isPlaceholder(this.value)||"placeholder"!==this.inputMode||(this.inputMode="value")}isPlaceholder(e){return"string"==typeof e&&e.startsWith("%activeObject%")}parsePlaceholderPath(e){return this.isPlaceholder(e)?e.replace(/^%activeObject%\.?/,""):""}buildPlaceholderValue(e){return e?`%activeObject%.${e}`:"%activeObject%"}render(){return this.operator?r(l,null,this.renderModeToggle(),this.renderInputByMode()):null}renderInputByMode(){return"placeholder"===this.inputMode?this.renderPlaceholderInput():this.renderValueInputByType()}renderModeToggle(){if(!this.activeLimetype)return null;const e="placeholder"===this.inputMode;return r("limel-icon-button",{class:"mode-toggle",icon:e?"text":"link",label:e?"Use Value":"Use Placeholder",onClick:this.handleModeToggle})}renderPlaceholderInput(){const e=this.parsePlaceholderPath(this.value);return r("div",{class:"placeholder-input"},r("limebb-property-selector",{platform:this.platform,context:this.context,limetype:this.activeLimetype,label:"Active Object Property",value:e,required:!1,helperText:"Select property from the active object",onChange:this.handlePlaceholderPropertyChange}),this.renderPlaceholderPreview())}renderPlaceholderPreview(){if(this.isPlaceholder(this.value))return r("div",{class:"placeholder-preview"},r("limel-icon",{name:"info",size:"small"}),r("span",null,"Placeholder: ",this.value))}renderValueInputByType(){if(this.operator===a.IN)return this.renderMultiValueInput();const e=this.getProperty();if(!e)return this.renderTextInput();const t=function(e){return"system"===e.type?function(e){const t=e.replace(/^_/,"");return c[t]||"string"}(e.name):e.type}(e);switch(t){case"integer":case"decimal":return this.renderNumberInput(t);case"yesno":return this.renderBooleanInput();case"option":return this.renderOptionInput(e);case"date":case"time":case"timeofday":case"year":case"month":case"quarter":return this.renderDateTimeInput(t);default:return this.renderTextInput()}}renderTextInput(){var e;return r("limel-input-field",{label:this.label,value:(null===(e=this.value)||void 0===e?void 0:e.toString())||"",placeholder:"Enter value",onChange:this.handleTextChange})}renderNumberInput(e){var t;const i="integer"===e?1:.01;return r("limel-input-field",{label:this.label,type:"number",value:(null===(t=this.value)||void 0===t?void 0:t.toString())||"",step:i,onChange:this.handleTextChange})}renderBooleanInput(){const e=[{text:"True",value:"true"},{text:"False",value:"false"}],t=!0===this.value||"true"===this.value?"true":"false",i=e.find((e=>e.value===t));return r("limel-select",{label:this.label,options:e,value:i,onChange:this.handleBooleanChange})}renderOptionInput(e){if(!e.options||0===e.options.length)return this.renderTextInput();const t=e.options.map((e=>({text:e.text||e.key,value:e.key}))),i=t.find((e=>e.value===this.value));return r("limel-select",{label:this.label,options:t,value:i,onChange:this.handleSelectChange})}renderDateTimeInput(e){const t="string"==typeof this.value?new Date(this.value):this.value;return r("limel-date-picker",{label:this.label,value:t,type:u[e]||"date",onChange:this.handleDateChange})}renderMultiValueInput(){const e=Array.isArray(this.value)?this.value.join(", "):this.value||"";return r("limel-input-field",{label:this.label+" (comma-separated)",value:e,placeholder:"e.g., won, lost, tender",onChange:this.handleMultiValueChange})}getProperty(){if(this.limetypes&&this.limetype&&this.propertyPath)return o(this.limetypes,this.limetype,this.propertyPath)}static get style(){return":host{display:flex;gap:0.5rem}:host>*{flex-grow:1}*{box-sizing:border-box}.value-input-container{display:flex;flex-direction:row;align-items:flex-start;gap:0.5rem;width:100%}.mode-toggle{flex-shrink:0;flex-grow:0}.placeholder-input{flex-grow:1;display:flex;flex-direction:column;gap:0.5rem}.placeholder-preview{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;background-color:rgba(var(--color-blue-light), 0.1);border-radius:var(--border-radius-small);font-size:0.875rem;color:rgb(var(--color-blue-default));border-left:3px solid rgb(var(--color-blue-default))}.placeholder-preview limel-icon{flex-shrink:0;color:rgb(var(--color-blue-default))}.placeholder-preview span{font-family:var(--font-monospace);word-break:break-all}"}},[1,"limebb-lime-query-value-input",{platform:[16],context:[16],limetype:[1],activeLimetype:[1,"active-limetype"],propertyPath:[1,"property-path"],operator:[1],value:[8],label:[1],limetypes:[32],inputMode:[32]}]);function d(){"undefined"!=typeof customElements&&["limebb-lime-query-value-input","limebb-property-selector"].forEach((e=>{switch(e){case"limebb-lime-query-value-input":customElements.get(s(e))||customElements.define(s(e),p);break;case"limebb-property-selector":customElements.get(s(e))||h()}}))}!function(e,t,i,r){var l,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(n=(s<3?l(n):s>3?l(t,i,n):l(t,i))||n);s>3&&n&&Object.defineProperty(t,i,n)}([n()],p.prototype,"limetypes",void 0);export{p as L,d}

package/dist/components/limebb-alert-dialog.js

@@ -1,71 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-
-const alertDialogCss = ":host(limebb-alert-dialog){--dialog-width:20rem;overflow:hidden}:host([type=note]){--alert-type-background:var(--color-sky-lighter);--alert-type-color:var(--color-sky-dark)}:host([type=success]){--alert-type-background:var(--color-lime-lighter);--alert-type-color:var(--color-lime-dark)}:host([type=caution]){--alert-type-background:var(--color-orange-lighter);--alert-type-color:var(--color-orange-dark)}:host([type=warning]){--alert-type-background:var(--color-coral-lighter);--alert-type-color:var(--color-coral-dark)}.dialog-content{display:flex;flex-direction:column;align-items:center}.icon-slot{display:flex;justify-content:center;align-items:center;height:7rem;width:7rem;border-radius:50%;margin:1.5rem 0;background:rgb(var(--alert-type-background))}limel-icon{height:3.5rem;width:3.5rem;color:rgb(var(--alert-type-color))}h1{color:rgb(var(--contrast-1500));font-size:1.5rem}h2{text-align:center;color:rgb(var(--contrast-1200));margin:0 0 0.25rem 0;font-size:0.9rem;font-weight:500;line-height:1.2rem}div[slot=button]{display:flex;flex-direction:column;align-items:center;gap:0.5rem;width:100%}::slotted(limel-button){display:block;width:100%}::slotted(limel-button[primary]){color:rgb(var(--contrast-100));--lime-primary-color:rgb(var(--alert-type-color))}::slotted(limel-button:not([primary])){--lime-primary-color:rgb(var(--contrast-1000))}::slotted(button),::slotted(a){all:unset;color:rgb(var(--contrast-1000));border-bottom:1px solid rgb(var(--contrast-800));text-align:center;width:fit-content;cursor:pointer}::slotted(button:focus-visible),::slotted(a:focus-visible){outline:none;box-shadow:var(--shadow-depth-8-focused)}";
-const LimebbAlertDialogStyle0 = alertDialogCss;
-
-const LimebbAlertDialog$1 = /*@__PURE__*/ proxyCustomElement(class LimebbAlertDialog extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.dismiss = createEvent(this, "dismiss", 7);
-        /**
-         * Defines how the component is visualized with a default icon and fixed color scheme.
-         */
-        this.type = 'note';
-        /**
-         * Controls whether the dialog is open
-         * (controlled by the parent)
-         */
-        this.open = false;
-        this.handleClose = () => {
-            this.dismiss.emit();
-        };
-    }
-    render() {
-        return (h("limel-dialog", { key: '1080d6acee061cf61877784f67afed4c2f682349', open: this.open, onClose: this.handleClose }, h("div", { key: 'c7bf831281d2ce36245d83a2ccd248f73b009960', class: "dialog-content" }, h("div", { key: '319a799672c79e43e4d8b5a9e70eaf33360b579f', class: "icon-slot" }, h("limel-icon", { key: '182a60387cacd8308762631ba43baff0e06bf4cf', name: this.getIconName(), "aria-hidden": "true" })), h("h1", { key: '75e57d7c1ae1161ab3c38dbbe785def5e7cfa0ef', id: "alert-dialog-title" }, this.heading), this.renderSubheading()), h("div", { key: '3179d22e12f36cf6b217633d1a50cc8a13ee90d3', slot: "button" }, h("slot", { key: '196ab8241f91be8c187365adef30c066e018d7c3', name: "button" }))));
-    }
-    renderSubheading() {
-        if (!this.subheading) {
-            return null;
-        }
-        return h("h2", { id: "alert-dialog-content" }, this.subheading);
-    }
-    getIconName() {
-        if (this.icon) {
-            return this.icon;
-        }
-        const defaultIcons = {
-            note: 'information',
-            success: 'check_mark',
-            caution: 'error_(14)',
-            warning: 'multiply',
-        };
-        return defaultIcons[this.type];
-    }
-    static get style() { return LimebbAlertDialogStyle0; }
-}, [1, "limebb-alert-dialog", {
-        "type": [513],
-        "open": [516],
-        "icon": [513],
-        "heading": [513],
-        "subheading": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-alert-dialog"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-alert-dialog":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LimebbAlertDialog$1);
-            }
-            break;
-    } });
-}
-
-const LimebbAlertDialog = LimebbAlertDialog$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbAlertDialog, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as o,transformTag as l}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dismiss=r(this,"dismiss",7),this.type="note",this.open=!1,this.handleClose=()=>{this.dismiss.emit()}}render(){return o("limel-dialog",{key:"c010a0533960fb2c28daeab4cdfa98160364479c",open:this.open,onClose:this.handleClose},o("div",{key:"2fc0c12cee6fccc2df23f653ea63264a080e8580",class:"dialog-content"},o("div",{key:"a2487c5625153a2546664724270b248491657222",class:"icon-slot"},o("limel-icon",{key:"42134c64cef2d38a6f4a6cfcecfe3e3415af1646",name:this.getIconName(),"aria-hidden":"true"})),o("h1",{key:"b42a073077fae6d410e9218175998d852c3d88ce",id:"alert-dialog-title"},this.heading),this.renderSubheading()),o("div",{key:"5fe979e8788bdefa8aa051dd5d150fb48b0a3248",slot:"button"},o("slot",{key:"41d1da55f437358e1f3bf943e7ba4103bb6c73ad",name:"button"})))}renderSubheading(){return this.subheading?o("h2",{id:"alert-dialog-content"},this.subheading):null}getIconName(){return this.icon?this.icon:{note:"information",success:"check_mark",caution:"error_(14)",warning:"multiply"}[this.type]}static get style(){return":host(limebb-alert-dialog){--dialog-width:20rem;overflow:hidden}:host([type=note]){--alert-type-background:var(--color-sky-lighter);--alert-type-color:var(--color-sky-dark)}:host([type=success]){--alert-type-background:var(--color-lime-lighter);--alert-type-color:var(--color-lime-dark)}:host([type=caution]){--alert-type-background:var(--color-orange-lighter);--alert-type-color:var(--color-orange-dark)}:host([type=warning]){--alert-type-background:var(--color-coral-lighter);--alert-type-color:var(--color-coral-dark)}.dialog-content{display:flex;flex-direction:column;align-items:center}.icon-slot{display:flex;justify-content:center;align-items:center;height:7rem;width:7rem;border-radius:50%;margin:1.5rem 0;background:rgb(var(--alert-type-background))}limel-icon{height:3.5rem;width:3.5rem;color:rgb(var(--alert-type-color))}h1{color:rgb(var(--contrast-1500));font-size:1.5rem}h2{text-align:center;color:rgb(var(--contrast-1200));margin:0 0 0.25rem 0;font-size:0.9rem;font-weight:500;line-height:1.2rem}div[slot=button]{display:flex;flex-direction:column;align-items:center;gap:0.5rem;width:100%}::slotted(limel-button){display:block;width:100%}::slotted(limel-button[primary]){color:rgb(var(--contrast-100));--lime-primary-color:rgb(var(--alert-type-color))}::slotted(limel-button:not([primary])){--lime-primary-color:rgb(var(--contrast-1000))}::slotted(button),::slotted(a){all:unset;color:rgb(var(--contrast-1000));border-bottom:1px solid rgb(var(--contrast-800));text-align:center;width:fit-content;cursor:pointer}::slotted(button:focus-visible),::slotted(a:focus-visible){outline:none;box-shadow:var(--shadow-depth-8-focused)}"}},[257,"limebb-alert-dialog",{type:[513],open:[516],icon:[513],heading:[513],subheading:[1]}]),i=a,n=function(){"undefined"!=typeof customElements&&["limebb-alert-dialog"].forEach((e=>{"limebb-alert-dialog"===e&&(customElements.get(l(e))||customElements.define(l(e),a))}))};export{i as LimebbAlertDialog,n as defineCustomElement}

package/dist/components/limebb-browser.js

@@ -1,116 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c } from './index.esm.js';
-import { E as ENTER } from './keycodes.js';
-import { n as negate } from './negate.js';
-
-const browserCss = ":host(limebb-browser){isolation:isolate;display:flex;flex-direction:column;background-color:rgba(var(--contrast-100))}limel-input-field{position:sticky;top:0;z-index:1;padding:0.5rem 0.75rem;background-color:rgba(var(--contrast-100), 0.75);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem)}";
-const LimebbBrowserStyle0 = browserCss;
-
-const Browser = /*@__PURE__*/ proxyCustomElement(class Browser extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.change = createEvent(this, "change", 7);
-        /**
-         * Defines the how the list of items is rendered.
-         * - `grid` - Items are displayed in a responsive grid layout.
-         * Width of items is adjusted to fit the available space.
-         */
-        this.layout = 'grid';
-        this.handleChangeFilter = (event) => {
-            event.stopPropagation();
-            this.filter = event.detail;
-        };
-        this.isIncluded = (item, index) => {
-            if (this.isSeparator(item)) {
-                return !(index === 0 && !item.text);
-            }
-            if (!this.filter) {
-                return true;
-            }
-            return item.text
-                .toLocaleLowerCase()
-                .includes(this.filter.toLocaleLowerCase());
-        };
-        this.isEmptyGroup = (item, index, items) => {
-            if (!this.isSeparator(item)) {
-                return false;
-            }
-            const nextItem = items[index + 1];
-            return !nextItem || this.isSeparator(nextItem);
-        };
-        this.handleChange = (event) => {
-            event.preventDefault();
-            this.handleItemChange(event.detail);
-        };
-        this.handleKeyDown = (event) => {
-            var _a;
-            if (event.key !== ENTER) {
-                return;
-            }
-            const list = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('limel-list');
-            const interactiveItems = this.getItems().filter(negate(this.isSeparator));
-            if (list && interactiveItems.length > 0) {
-                list.focus();
-                this.handleItemChange(interactiveItems[0]);
-            }
-        };
-    }
-    render() {
-        return [
-            h("limel-input-field", { key: '177ac1e49a2d0cfd0c43815a9fe36ed4a7243aab', tabIndex: 0, value: this.filter, type: "search", "leading-icon": "search", placeholder: this.translator.get('webclient.global-search-route'), onChange: this.handleChangeFilter, onKeyDown: this.handleKeyDown }),
-            h("limel-list", { key: 'f29f85ad1caad374a75e5835152e4e6100f1d011', items: this.getItems(), type: "selectable", class: {
-                    'has-interactive-items': true,
-                    'has-grid-layout': this.layout === 'grid',
-                }, onChange: this.handleChange }),
-        ];
-    }
-    isSeparator(item) {
-        return !!item && typeof item === 'object' && 'separator' in item;
-    }
-    get navigator() {
-        return this.platform.get(c.Navigator);
-    }
-    get translator() {
-        var _a;
-        return (_a = this.platform) === null || _a === void 0 ? void 0 : _a.get(c.Translate);
-    }
-    handleItemChange(item) {
-        this.change.emit(item);
-        this.filter = undefined;
-        this.navigator.navigate(item.path);
-    }
-    getItems() {
-        return this.items
-            .filter(this.isIncluded)
-            .filter(negate(this.isEmptyGroup));
-    }
-    static get delegatesFocus() { return true; }
-    get host() { return this; }
-    static get style() { return LimebbBrowserStyle0; }
-}, [17, "limebb-browser", {
-        "platform": [16],
-        "context": [16],
-        "items": [16],
-        "layout": [1],
-        "filter": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-browser"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-browser":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Browser);
-            }
-            break;
-    } });
-}
-
-const LimebbBrowser = Browser;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbBrowser, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,transformTag as r}from"@stencil/core/internal/client";import{n as o}from"./index.esm.js";import{a as n}from"./keycodes.js";import{n as l}from"./negate.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.layout="grid",this.handleChangeFilter=t=>{t.stopPropagation(),this.filter=t.detail},this.isIncluded=(t,e)=>this.isSeparator(t)?!(0===e&&!t.text):!this.filter||t.text.toLocaleLowerCase().includes(this.filter.toLocaleLowerCase()),this.isEmptyGroup=(t,e,i)=>{if(!this.isSeparator(t))return!1;const s=i[e+1];return!s||this.isSeparator(s)},this.handleChange=t=>{t.preventDefault(),this.handleItemChange(t.detail)},this.handleKeyDown=t=>{var e;if(t.key!==n)return;const i=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector("limel-list"),s=this.getItems().filter(l(this.isSeparator));i&&s.length>0&&(i.focus(),this.handleItemChange(s[0]))}}render(){return[s("limel-input-field",{key:"e4214f985b236a084cee716d28caf2fb9e8f92e6",tabIndex:0,value:this.filter,type:"search","leading-icon":"search",placeholder:this.translator.get("webclient.global-search-route"),onChange:this.handleChangeFilter,onKeyDown:this.handleKeyDown}),s("limel-list",{key:"fc81c010b7132ef120b089c5c7996052c7d7fc05",items:this.getItems(),type:"selectable",class:{"has-interactive-items":!0,"has-grid-layout":"grid"===this.layout},onChange:this.handleChange})]}isSeparator(t){return!!t&&"object"==typeof t&&"separator"in t}get navigator(){return this.platform.get(o.Navigator)}get translator(){var t;return null===(t=this.platform)||void 0===t?void 0:t.get(o.Translate)}handleItemChange(t){this.change.emit(t),this.filter=void 0,this.navigator.navigate(t.path)}getItems(){return this.items.filter(this.isIncluded).filter(l(this.isEmptyGroup))}static get delegatesFocus(){return!0}get host(){return this}static get style(){return":host(limebb-browser){isolation:isolate;display:flex;flex-direction:column;background-color:rgba(var(--contrast-100))}limel-input-field{position:sticky;top:0;z-index:1;padding:0.5rem 0.75rem;background-color:rgba(var(--contrast-100), 0.75);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem)}"}},[17,"limebb-browser",{platform:[16],context:[16],items:[16],layout:[1],filter:[32]}]),h=a,c=function(){"undefined"!=typeof customElements&&["limebb-browser"].forEach((t=>{"limebb-browser"===t&&(customElements.get(r(t))||customElements.define(r(t),a))}))};export{h as LimebbBrowser,c as defineCustomElement}

package/dist/components/limebb-chat-icon-list.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LimebbChatIconList extends Components.LimebbChatIconList, HTMLElement {}
+export const LimebbChatIconList: {
+    prototype: LimebbChatIconList;
+    new (): LimebbChatIconList;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/limebb-chat-icon-list.js

@@ -0,0 +1 @@
+import{C as o,d as s}from"./chat-icon-list.js";const t=o,a=s;export{t as LimebbChatIconList,a as defineCustomElement}

package/dist/components/limebb-chat-item.js

@@ -1,6 +1 @@
-import { C as ChatListItem, d as defineCustomElement$1 } from './chat-item.js';
-
-const LimebbChatItem = ChatListItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbChatItem, defineCustomElement };
+import{C as t,d as o}from"./chat-item.js";const s=t,a=o;export{s as LimebbChatItem,a as defineCustomElement}