@limetech/lime-crm-building-blocks 1.116.0 → 1.116.2

package/dist/components/date-picker.js

@@ -1,151 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c } from './index.esm.js';
-
-/**
- * Create a UTC date with the same values for year, month and day as the given
- * date, but with the time component set to 00:00:00.
- *
- * Example:
- * input: 2020-01-01T00:00:00+02:00
- * output: 2020-01-01T00:00:00Z
- *
- * @param changedDate The date to convert
- * @param type The type of date
- * @returns The converted date
- */
-function toServerDate(changedDate, type) {
-    if (type === 'datetime' || type === 'time') {
-        // These types should retain their time component
-        return changedDate;
-    }
-    return new Date(Date.UTC(changedDate.getFullYear(), changedDate.getMonth(), changedDate.getDate()));
-}
-
-const DatePicker = /*@__PURE__*/ proxyCustomElement(class DatePicker extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.change = createEvent(this, "change", 7);
-        /**
-         * Set to `true` to disable the field.
-         * Use `disabled` to indicate that the field can normally be interacted
-         * with, but is currently disabled. This tells the user that if certain
-         * requirements are met, the field may become enabled again.
-         */
-        this.disabled = false;
-        /**
-         * Set to `true` to make the field read-only.
-         * Use `readonly` when the field is only there to present the data it holds,
-         * and will not become possible for the current user to edit.
-         */
-        this.readonly = false;
-        /**
-         * Set to `true` to indicate that the current value of the date picker is
-         * invalid.
-         */
-        this.invalid = false;
-        /**
-         * Set to `true` to indicate that the field is required.
-         */
-        this.required = false;
-        /**
-         * Type of date picker.
-         */
-        this.type = 'datetime';
-        this.shouldEmitValueAsString = true;
-        this.handleChange = (event) => {
-            if (!event.detail) {
-                return;
-            }
-            event.stopPropagation();
-            const date = toServerDate(event.detail, this.type);
-            if (this.shouldEmitValueAsString) {
-                this.change.emit(date.toISOString());
-                return;
-            }
-            this.change.emit(date);
-        };
-        this.formatter = (value) => this.dateTimeFormatter.format(value, dateTimePropertyTypes[this.type] || this.type);
-    }
-    render() {
-        if (!this.language) {
-            this.language = this.getAppLanguage();
-        }
-        if (this.value) {
-            this.shouldEmitValueAsString = typeof this.value === 'string';
-        }
-        return (h("limel-date-picker", { key: '2920f54b427c3530a324aa1ab817ffaec072953b', disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, language: this.language, formatter: this.formatter, onChange: this.handleChange }));
-    }
-    parseDateValue() {
-        const value = this.value;
-        if (!value) {
-            return;
-        }
-        return this.dateTimeFormatter.parse(value, dateTimePropertyTypes[this.type] || this.type);
-    }
-    get dateTimeFormatter() {
-        return this.platform.get(c.DateTimeFormatter);
-    }
-    getAppLanguage() {
-        const translator = this.platform.get(c.Translate);
-        const application = this.platform.get(c.Application);
-        let language;
-        if (hasLanguage(translator)) {
-            language = translator.getLanguage();
-        }
-        else {
-            language = application.getLanguage();
-        }
-        if (isSupportedLanguage(language)) {
-            return language;
-        }
-        return 'en';
-    }
-}, [1, "limebb-date-picker", {
-        "platform": [16],
-        "context": [16],
-        "disabled": [516],
-        "readonly": [516],
-        "invalid": [516],
-        "label": [513],
-        "placeholder": [513],
-        "helperText": [513, "helper-text"],
-        "required": [516],
-        "value": [1],
-        "type": [513]
-    }]);
-const dateTimePropertyTypes = {
-    datetime: 'time',
-    time: 'timeofday',
-};
-const supportedLanguages = new Set([
-    'da',
-    'de',
-    'en',
-    'fi',
-    'fr',
-    'nb',
-    'no',
-    'nl',
-    'sv',
-]);
-const isSupportedLanguage = (language) => supportedLanguages.has(language);
-function hasLanguage(service) {
-    return typeof (service === null || service === void 0 ? void 0 : service.getLanguage) === 'function';
-}
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-date-picker"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-date-picker":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DatePicker);
-            }
-            break;
-    } });
-}
-
-export { DatePicker as D, defineCustomElement as d };
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,transformTag as h}from"@stencil/core/internal/client";import{n as a}from"./index.esm.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.disabled=!1,this.readonly=!1,this.invalid=!1,this.required=!1,this.type="datetime",this.shouldEmitValueAsString=!0,this.handleChange=t=>{if(!t.detail)return;t.stopPropagation();const e=(i=t.detail,"datetime"===(s=this.type)||"time"===s?i:new Date(Date.UTC(i.getFullYear(),i.getMonth(),i.getDate())));var i,s;this.change.emit(this.shouldEmitValueAsString?e.toISOString():e)},this.formatter=t=>this.dateTimeFormatter.format(t,n[this.type]||this.type)}render(){return this.language||(this.language=this.getAppLanguage()),this.value&&(this.shouldEmitValueAsString="string"==typeof this.value),s("limel-date-picker",{key:"d3f3229f134e51ae94abbdb63da0e88988eaa474",disabled:this.disabled,readonly:this.readonly,invalid:this.invalid,label:this.label,placeholder:this.placeholder,helperText:this.helperText,required:this.required,value:this.parseDateValue(),type:this.type,language:this.language,formatter:this.formatter,onChange:this.handleChange})}parseDateValue(){const t=this.value;if(t)return this.dateTimeFormatter.parse(t,n[this.type]||this.type)}get dateTimeFormatter(){return this.platform.get(a.DateTimeFormatter)}getAppLanguage(){const t=this.platform.get(a.Translate),e=this.platform.get(a.Application);let i;var s;return i="function"==typeof(null==(s=t)?void 0:s.getLanguage)?t.getLanguage():e.getLanguage(),d(i)?i:"en"}},[1,"limebb-date-picker",{platform:[16],context:[16],disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],required:[516],value:[1],type:[513]}]),n={datetime:"time",time:"timeofday"},l=new Set(["da","de","en","fi","fr","nb","no","nl","sv"]),d=t=>l.has(t);function o(){"undefined"!=typeof customElements&&["limebb-date-picker"].forEach((t=>{"limebb-date-picker"===t&&(customElements.get(h(t))||customElements.define(h(t),r))}))}export{r as D,o as d}

package/dist/components/document-item.js

@@ -1,212 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-
-/**
- * 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
- */
-function formatBytes(bytes, decimals = 1) {
-    if (bytes == null || Number.isNaN(bytes)) {
-        return '';
-    }
-    if (bytes < 0) {
-        return '';
-    }
-    if (bytes === 0) {
-        return '0 B';
-    }
-    const k = 1024;
-    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-    const i = Math.min(sizes.length - 1, Math.floor(Math.log(bytes) / Math.log(k)));
-    const value = bytes / Math.pow(k, i);
-    const precision = value < 10 ? Math.max(0, decimals) : 0; // only keep decimals for small values
-    const rounded = Number.parseFloat(value.toFixed(precision));
-    return `${rounded} ${sizes[i]}`;
-}
-
-const documentItemCss = "*{box-sizing:border-box;min-width:0;min-height:0}:host(limebb-document-item){position:relative}limel-card:not([clickable]):not([clickable=true]){pointer-events:none;opacity:0.75}div[slot=component]{pointer-events:none;display:flex;flex-direction:column;margin-top:-0.25rem;padding:0 0.25rem}limel-checkbox,limel-radio-button{width:100%}.file-size{pointer-events:none;width:fit-content;padding:0 0.375rem;font-size:0.6875rem;color:rgb(var(--color-white));border-radius:1rem;opacity:0.75;background-color:rgb(var(--color-glaucous-darker), 0.8);box-shadow:var(--shadow-brighten-edges-outside);backdrop-filter:blur(0.75rem);margin-top:0.5rem}:host(.has-image) .file-size{margin-top:-1.5rem;margin-bottom:0.5rem}limel-help{position:absolute;top:0;right:0}:host(.has-error) limel-card{box-shadow:0 0 0 1px rgb(var(--color-red-light))}:host(.has-error) limel-help{--color-sky-default:var(\n      --color-red-default\n  );--color-sky-lighter:var(--color-red-lighter);--lime-elevated-surface-background-color:rgb(\n      var(--color-yellow-default)\n  )}";
-const LimebbDocumentItemStyle0 = documentItemCss;
-
-const DocumentItemComponent = /*@__PURE__*/ proxyCustomElement(class DocumentItemComponent extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.interact = createEvent(this, "interact", 7);
-        /**
-         * The semantic role of the list item.
-         * - 'radio': renders a radio button for single selection.
-         * - 'checkbox': renders a checkbox for multiple selection.
-         */
-        this.type = 'checkbox';
-        /**
-         * The preferred file URL types to use when displaying
-         * the document's image preview.
-         */
-        this.fileTypes = ['view', 'contents', 'download'];
-        this.handleDocumentItemClick = (event) => {
-            if (this.isUnavailable()) {
-                return;
-            }
-            if ((event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
-                const isSelectionControl = event.target.closest('limel-checkbox') ||
-                    event.target.closest('limel-radio-button');
-                if (isSelectionControl) {
-                    return;
-                }
-            }
-            this.toggleSelection();
-        };
-        this.handleSelectionControlClick = (event) => {
-            var _a, _b;
-            event.stopPropagation();
-            if (this.isUnavailable()) {
-                return;
-            }
-            if (this.type === 'radio' && ((_a = this.item) === null || _a === void 0 ? void 0 : _a.selected)) {
-                event.preventDefault();
-                this.forceInputUnchecked(event);
-                this.emitSelectionChange(!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected));
-            }
-        };
-        this.handleSelectionControlChange = (event) => {
-            var _a;
-            event.stopPropagation();
-            if (this.isUnavailable()) {
-                return;
-            }
-            let isChecked;
-            if ('detail' in event &&
-                typeof event.detail === 'boolean') {
-                isChecked = event.detail;
-            }
-            else {
-                const input = event.target;
-                isChecked = !!(input === null || input === void 0 ? void 0 : input.checked);
-            }
-            if (this.type === 'radio' && ((_a = this.item) === null || _a === void 0 ? void 0 : _a.selected) && !isChecked) {
-                this.emitSelectionChange(false);
-                return;
-            }
-            this.emitSelectionChange(isChecked);
-        };
-        this.handleKeyDown = (event) => {
-            if (event.key !== ' ' && event.key !== 'Enter') {
-                return;
-            }
-            event.preventDefault();
-            if (this.isUnavailable()) {
-                return;
-            }
-            this.toggleSelection();
-        };
-    }
-    render() {
-        const isUnavailable = this.isUnavailable();
-        const image = this.getImage();
-        return (h(Host, { key: 'da9f2c2289bd9117e1342e033f0574c48f47c614', id: String(this.item.file.id), class: {
-                'has-image': !!image,
-                'has-error': !!this.item.hasError,
-            }, role: this.type === 'radio' ? 'radio' : 'checkbox', "aria-checked": this.item.selected ? 'true' : 'false', "aria-disabled": isUnavailable ? 'true' : 'false', tabIndex: isUnavailable ? -1 : 0 }, h("limel-card", { key: '4edee10d15436ed2708931af383f059b93677f18', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '78f1d689b91a521a9fc2a20226f3f67dfb5e7018', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
-    }
-    renderBooleanInput() {
-        const id = this.getControlId();
-        if (this.type === 'radio') {
-            return (h("limel-radio-button", { id: id, label: this.item.file.filename, disabled: this.isUnavailable(), checked: this.item.selected, onClick: this.handleSelectionControlClick, onChange: this.handleSelectionControlChange }));
-        }
-        return (h("limel-checkbox", { id: id, label: this.item.file.filename, disabled: this.isUnavailable(), checked: this.item.selected, onClick: this.handleSelectionControlClick, onChange: this.handleSelectionControlChange }));
-    }
-    renderFileSize() {
-        var _a, _b;
-        const formattedFileSize = formatBytes((_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a.file) === null || _b === void 0 ? void 0 : _b.size);
-        if (!formattedFileSize) {
-            return;
-        }
-        return h("span", { class: "file-size" }, formattedFileSize);
-    }
-    renderHelp() {
-        if (!this.item.help) {
-            return;
-        }
-        return h("limel-help", { value: this.item.help, openDirection: "bottom-end" });
-    }
-    toggleSelection() {
-        var _a, _b;
-        if (this.type === 'radio') {
-            const nextSelectedState = !((_a = this.item) === null || _a === void 0 ? void 0 : _a.selected);
-            this.emitSelectionChange(nextSelectedState);
-            return;
-        }
-        const nextSelectedState = !((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected);
-        this.emitSelectionChange(nextSelectedState);
-    }
-    emitSelectionChange(selected) {
-        this.interact.emit(Object.assign(Object.assign({}, this.item), { selected }));
-    }
-    getControlId() {
-        return `boolean-input-${String(this.item.file.id)}`;
-    }
-    isUnavailable() {
-        var _a, _b;
-        return ((_a = this.item) === null || _a === void 0 ? void 0 : _a.disabled) || ((_b = this.item) === null || _b === void 0 ? void 0 : _b.hasError);
-    }
-    forceInputUnchecked(event) {
-        const target = event.target;
-        const host = target === null || target === void 0 ? void 0 : target.closest('limel-radio-button');
-        const input = host === null || host === void 0 ? void 0 : host.querySelector('input[type="radio"]');
-        if (input) {
-            input.checked = false;
-        }
-    }
-    getImage() {
-        const href = this.hrefForFile();
-        if (!href) {
-            return;
-        }
-        return {
-            src: href,
-            alt: this.item.file.filename,
-        };
-    }
-    hrefForFile() {
-        return ['preview', ...this.fileTypes]
-            .map((type) => this.item.file.getUrl(type))
-            .find(Boolean);
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return LimebbDocumentItemStyle0; }
-}, [17, "limebb-document-item", {
-        "platform": [16],
-        "context": [16],
-        "item": [16],
-        "type": [513],
-        "fileTypes": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-document-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-document-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DocumentItemComponent);
-            }
-            break;
-    } });
-}
-
-export { DocumentItemComponent as D, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as o,Host as r,transformTag as l}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.interact=i(this,"interact",7),this.type="checkbox",this.fileTypes=["view","contents","download"],this.handleDocumentItemClick=e=>{if(!this.isUnavailable()){if((null==e?void 0:e.target)instanceof t&&(e.target.closest("limel-checkbox")||e.target.closest("limel-radio-button")))return;this.toggleSelection()}},this.handleSelectionControlClick=e=>{var t,i;e.stopPropagation(),this.isUnavailable()||"radio"===this.type&&(null===(t=this.item)||void 0===t?void 0:t.selected)&&(e.preventDefault(),this.forceInputUnchecked(e),this.emitSelectionChange(!(null===(i=this.item)||void 0===i?void 0:i.selected)))},this.handleSelectionControlChange=e=>{var t;if(e.stopPropagation(),this.isUnavailable())return;let i;if("detail"in e&&"boolean"==typeof e.detail)i=e.detail;else{const t=e.target;i=!!(null==t?void 0:t.checked)}"radio"!==this.type||!(null===(t=this.item)||void 0===t?void 0:t.selected)||i?this.emitSelectionChange(i):this.emitSelectionChange(!1)},this.handleKeyDown=e=>{" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.isUnavailable()||this.toggleSelection())}}render(){const e=this.isUnavailable(),t=this.getImage();return o(r,{key:"339a290abba67ded1229568ca8b3bb90238abb43",id:String(this.item.file.id),class:{"has-image":!!t,"has-error":!!this.item.hasError},role:"radio"===this.type?"radio":"checkbox","aria-checked":this.item.selected?"true":"false","aria-disabled":e?"true":"false",tabIndex:e?-1:0},o("limel-card",{key:"518a23576f225d4a7b67cc7c1adee6d64ed27589",image:t,clickable:!e,onClick:this.handleDocumentItemClick,onKeyDown:this.handleKeyDown},o("div",{key:"beb0197e876f351a0e432c58a6061c0937a78b70",slot:"component"},this.renderFileSize(),this.renderBooleanInput())),this.renderHelp())}renderBooleanInput(){const e=this.getControlId();return o("radio"===this.type?"limel-radio-button":"limel-checkbox",{id:e,label:this.item.file.filename,disabled:this.isUnavailable(),checked:this.item.selected,onClick:this.handleSelectionControlClick,onChange:this.handleSelectionControlChange})}renderFileSize(){var e,t;const i=function(e,t=1){if(null==e||Number.isNaN(e))return"";if(e<0)return"";if(0===e)return"0 B";const i=["B","KB","MB","GB","TB","PB","EB","ZB","YB"],o=Math.min(i.length-1,Math.floor(Math.log(e)/Math.log(1024))),r=e/Math.pow(1024,o),l=r<10?Math.max(0,t):0;return`${Number.parseFloat(r.toFixed(l))} ${i[o]}`}(null===(t=null===(e=this.item)||void 0===e?void 0:e.file)||void 0===t?void 0:t.size);if(i)return o("span",{class:"file-size"},i)}renderHelp(){if(this.item.help)return o("limel-help",{value:this.item.help,openDirection:"bottom-end"})}toggleSelection(){var e,t;if("radio"===this.type){const t=!(null===(e=this.item)||void 0===e?void 0:e.selected);return void this.emitSelectionChange(t)}const i=!(null===(t=this.item)||void 0===t?void 0:t.selected);this.emitSelectionChange(i)}emitSelectionChange(e){this.interact.emit(Object.assign(Object.assign({},this.item),{selected:e}))}getControlId(){return`boolean-input-${String(this.item.file.id)}`}isUnavailable(){var e,t;return(null===(e=this.item)||void 0===e?void 0:e.disabled)||(null===(t=this.item)||void 0===t?void 0:t.hasError)}forceInputUnchecked(e){const t=e.target,i=null==t?void 0:t.closest("limel-radio-button"),o=null==i?void 0:i.querySelector('input[type="radio"]');o&&(o.checked=!1)}getImage(){const e=this.hrefForFile();if(e)return{src:e,alt:this.item.file.filename}}hrefForFile(){return["preview",...this.fileTypes].map((e=>this.item.file.getUrl(e))).find(Boolean)}static get delegatesFocus(){return!0}static get style(){return"*{box-sizing:border-box;min-width:0;min-height:0}:host(limebb-document-item){position:relative}limel-card:not([clickable]):not([clickable=true]){pointer-events:none;opacity:0.75}div[slot=component]{pointer-events:none;display:flex;flex-direction:column;margin-top:-0.25rem;padding:0 0.25rem}limel-checkbox,limel-radio-button{width:100%}.file-size{pointer-events:none;width:fit-content;padding:0 0.375rem;font-size:0.6875rem;color:rgb(var(--color-white));border-radius:1rem;opacity:0.75;background-color:rgb(var(--color-glaucous-darker), 0.8);box-shadow:var(--shadow-brighten-edges-outside);backdrop-filter:blur(0.75rem);margin-top:0.5rem}:host(.has-image) .file-size{margin-top:-1.5rem;margin-bottom:0.5rem}limel-help{position:absolute;top:0;right:0}:host(.has-error) limel-card{box-shadow:0 0 0 1px rgb(var(--color-red-light))}:host(.has-error) limel-help{--color-sky-default:var(       --color-red-default   );--color-sky-lighter:var(--color-red-lighter);--lime-elevated-surface-background-color:rgb(       var(--color-yellow-default)   )}"}},[17,"limebb-document-item",{platform:[16],context:[16],item:[16],type:[513],fileTypes:[16]}]);function s(){"undefined"!=typeof customElements&&["limebb-document-item"].forEach((e=>{"limebb-document-item"===e&&(customElements.get(l(e))||customElements.define(l(e),n))}))}export{n as D,s as d}

package/dist/components/dom.js

@@ -1,26 +1 @@
-/**
- * Find the closest parent element matching the given predicate
- *
- * @param element - the element to check if it matches the given
- * predicate
- * @param predicate - predicate function
- * @returns the matching element if it is found
- */
-function findParentElement(element, predicate) {
-    if (predicate(element)) {
-        return element;
-    }
-    let parent = element.parentElement || element.parentNode;
-    if (isShadowRoot(parent)) {
-        parent = parent.host;
-    }
-    if (!parent) {
-        return;
-    }
-    return findParentElement(parent, predicate);
-}
-function isShadowRoot(node) {
-    return (node === null || node === void 0 ? void 0 : node.nodeType) === Node.DOCUMENT_FRAGMENT_NODE;
-}
-
-export { findParentElement as f };
+function r(e,n){if(n(e))return e;let o=e.parentElement||e.parentNode;var t;return(null==(t=o)?void 0:t.nodeType)===Node.DOCUMENT_FRAGMENT_NODE&&(o=o.host),o?r(o,n):void 0}export{r as f}

package/dist/components/empty-state.js

@@ -1,61 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const emptyStateCss = ":host(limebb-empty-state){display:flex;flex-direction:column;align-items:center;gap:0.25rem;padding:0.5rem;opacity:0;animation:fade-in 0.3s ease forwards;animation-delay:0.5s}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}*{box-sizing:border-box}h2{color:rgb(var(--contrast-1100));margin:0}limel-markdown{color:rgb(var(--contrast-1000));text-align:center;line-height:1.4}limel-icon{width:2.5rem}";
-const LimebbEmptyStateStyle0 = emptyStateCss;
-
-const EmptyState = /*@__PURE__*/ proxyCustomElement(class EmptyState extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return [
-            this.renderIcon(),
-            this.renderHeading(),
-            this.renderSubheader(),
-        ];
-    }
-    renderHeading() {
-        if (!this.heading) {
-            return;
-        }
-        return h("h2", null, this.heading);
-    }
-    renderSubheader() {
-        if (!this.value) {
-            return;
-        }
-        return h("limel-markdown", { value: this.value });
-    }
-    renderIcon() {
-        var _a, _b, _c;
-        if (!this.icon) {
-            return;
-        }
-        return (h("limel-icon", { badge: true, name: (_a = this.icon) === null || _a === void 0 ? void 0 : _a.name, style: {
-                color: `${(_b = this.icon) === null || _b === void 0 ? void 0 : _b.color}`,
-                'background-color': `${(_c = this.icon) === null || _c === void 0 ? void 0 : _c.backgroundColor}`,
-            } }));
-    }
-    static get style() { return LimebbEmptyStateStyle0; }
-}, [1, "limebb-empty-state", {
-        "heading": [513],
-        "value": [513],
-        "icon": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-empty-state"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-empty-state":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EmptyState);
-            }
-            break;
-    } });
-}
-
-export { EmptyState as E, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as t,h as i,transformTag as n}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return[this.renderIcon(),this.renderHeading(),this.renderSubheader()]}renderHeading(){if(this.heading)return i("h2",null,this.heading)}renderSubheader(){if(this.value)return i("limel-markdown",{value:this.value})}renderIcon(){var e,t,n;if(this.icon)return i("limel-icon",{badge:!0,name:null===(e=this.icon)||void 0===e?void 0:e.name,style:{color:`${null===(t=this.icon)||void 0===t?void 0:t.color}`,"background-color":`${null===(n=this.icon)||void 0===n?void 0:n.backgroundColor}`}})}static get style(){return":host(limebb-empty-state){display:flex;flex-direction:column;align-items:center;gap:0.25rem;padding:0.5rem;opacity:0;animation:fade-in 0.3s ease forwards;animation-delay:0.5s}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}*{box-sizing:border-box}h2{color:rgb(var(--contrast-1100));margin:0}limel-markdown{color:rgb(var(--contrast-1000));text-align:center;line-height:1.4}limel-icon{width:2.5rem}"}},[1,"limebb-empty-state",{heading:[513],value:[513],icon:[16]}]);function o(){"undefined"!=typeof customElements&&["limebb-empty-state"].forEach((e=>{"limebb-empty-state"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))}export{r as E,o as d}

package/dist/components/extension-mapping.js

@@ -1,55 +1 @@
-// Map of file extensions to their preview type
-const previewExtensionMap = {
-    // Browser-native preview
-    avi: 'browser',
-    bmp: 'browser',
-    csv: 'browser', // CSV shows as plain text
-    gif: 'browser',
-    heic: 'browser',
-    html: 'browser',
-    jpeg: 'browser',
-    jpg: 'browser',
-    json: 'browser',
-    mp3: 'browser',
-    mp4: 'browser',
-    mov: 'browser',
-    ogg: 'browser',
-    pdf: 'browser',
-    png: 'browser',
-    svg: 'browser',
-    svgz: 'browser',
-    txt: 'browser',
-    wav: 'browser',
-    wmv: 'browser',
-    xml: 'browser',
-    // File viewer preview
-    eml: 'fileViewer',
-    // SharePoint PDF preview
-    doc: 'sharepoint',
-    docx: 'sharepoint',
-    dot: 'sharepoint',
-    dotx: 'sharepoint',
-    odp: 'sharepoint',
-    ods: 'sharepoint',
-    pot: 'sharepoint',
-    ppt: 'sharepoint',
-    pptx: 'sharepoint',
-    pps: 'sharepoint',
-    ppsx: 'sharepoint',
-    xls: 'sharepoint',
-    xlsb: 'sharepoint',
-    xlsm: 'sharepoint',
-    xlsx: 'sharepoint',
-    odt: 'sharepoint',
-};
-/**
- * Determines how a file can be previewed.
- *
- * @param extension - The file extension (case-insensitive).
- * @returns The preview type.
- */
-function getPreviewType(extension) {
-    return previewExtensionMap[extension.toLowerCase()] || 'unsupported';
-}
-
-export { getPreviewType as g };
+const r={avi:"browser",bmp:"browser",csv:"browser",gif:"browser",heic:"browser",html:"browser",jpeg:"browser",jpg:"browser",json:"browser",mp3:"browser",mp4:"browser",mov:"browser",ogg:"browser",pdf:"browser",png:"browser",svg:"browser",svgz:"browser",txt:"browser",wav:"browser",wmv:"browser",xml:"browser",eml:"fileViewer",doc:"sharepoint",docx:"sharepoint",dot:"sharepoint",dotx:"sharepoint",odp:"sharepoint",ods:"sharepoint",pot:"sharepoint",ppt:"sharepoint",pptx:"sharepoint",pps:"sharepoint",ppsx:"sharepoint",xls:"sharepoint",xlsb:"sharepoint",xlsm:"sharepoint",xlsx:"sharepoint",odt:"sharepoint"};function o(o){return r[o.toLowerCase()]||"unsupported"}export{o as g}

package/dist/components/feed-item-thumbnail-file-info.js

@@ -1,33 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const feedItemThumbnailFileInfoCss = "@charset \"UTF-8\";:host(limebb-feed-item-thumbnail-file-info){display:flex;align-items:center;gap:0.5rem;padding:0 0.25rem 0.125rem 0.25rem}span{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:normal;color:rgb(var(--contrast-1000));flex-grow:1;font-size:0.75rem}";
-const LimebbFeedItemThumbnailFileInfoStyle0 = feedItemThumbnailFileInfoCss;
-
-const FeedItemThumbnailFileInfo = /*@__PURE__*/ proxyCustomElement(class FeedItemThumbnailFileInfo extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return h("span", { key: '36256b59f8a04f0ae5628399d60c8b6f624a7823' }, this.description);
-    }
-    static get style() { return LimebbFeedItemThumbnailFileInfoStyle0; }
-}, [1, "limebb-feed-item-thumbnail-file-info", {
-        "description": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-feed-item-thumbnail-file-info"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-feed-item-thumbnail-file-info":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, FeedItemThumbnailFileInfo);
-            }
-            break;
-    } });
-}
-
-export { FeedItemThumbnailFileInfo as F, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as t,h as i,transformTag as n}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i("span",{key:"9fda2e7e6963d53030bec12e65b5b7e9d25d14b9"},this.description)}static get style(){return'@charset "UTF-8";:host(limebb-feed-item-thumbnail-file-info){display:flex;align-items:center;gap:0.5rem;padding:0 0.25rem 0.125rem 0.25rem}span{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:normal;color:rgb(var(--contrast-1000));flex-grow:1;font-size:0.75rem}'}},[1,"limebb-feed-item-thumbnail-file-info",{description:[1]}]);function r(){"undefined"!=typeof customElements&&["limebb-feed-item-thumbnail-file-info"].forEach((e=>{"limebb-feed-item-thumbnail-file-info"===e&&(customElements.get(n(e))||customElements.define(n(e),l))}))}export{l as F,r as d}