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

package/dist/components/limebb-component-picker.js

@@ -1,180 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c } from './index.esm.js';
-
-const componentPickerCss = ":host(limebb-component-picker){position:relative;display:flex;align-items:center}:host(limebb-component-picker) limel-picker{flex-grow:1;min-width:0}:host(limebb-component-picker) limel-icon-button{position:absolute;right:0.25rem}";
-const LimebbComponentPickerStyle0 = componentPickerCss;
-
-const ComponentPicker = /*@__PURE__*/ proxyCustomElement(class ComponentPicker extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.change = createEvent(this, "change", 7);
-        this.copy = createEvent(this, "copy", 7);
-        /**
-         * The type of items to display in the picker
-         */
-        this.type = 'component';
-        /**
-         * The label for the copy button
-         */
-        this.copyLabel = 'Copy value';
-        /**
-         * Whether to hide the copy button
-         */
-        this.hideCopyButton = false;
-        this.allItems = [];
-        this.getConfigs = () => {
-            const fields = {
-                component: () => this.webComponentRegistry.getAll(),
-                command: () => this.commandbus.getAll(),
-            };
-            return fields[this.type]();
-        };
-        this.getConfigValue = (config) => {
-            if ('name' in config && typeof config.name === 'string') {
-                return config.name;
-            }
-            if ('id' in config && typeof config.id === 'string') {
-                return config.id;
-            }
-            return '';
-        };
-        this.hasTag = (config) => {
-            if (!this.tags) {
-                return true;
-            }
-            return this.tags.some((tag) => { var _a; return (_a = config.tags) === null || _a === void 0 ? void 0 : _a.includes(tag); });
-        };
-        this.handleBlur = () => {
-            this.emitIfValidValue(this.currentInput);
-        };
-        this.handleChange = (event) => {
-            var _a;
-            event.stopPropagation();
-            this.change.emit((_a = event.detail) === null || _a === void 0 ? void 0 : _a.value);
-        };
-        this.handleCopyButton = () => {
-            navigator.clipboard.writeText(this.value);
-            this.copy.emit(this.value);
-        };
-        this.handleKeyUp = (event) => {
-            if (event.key !== 'Enter') {
-                return;
-            }
-            this.emitIfValidValue(this.currentInput);
-        };
-        this.emitIfValidValue = (value) => {
-            if (this.isValidIdentifier(value)) {
-                this.change.emit(value);
-            }
-        };
-        this.isValidIdentifier = (identifier) => {
-            if (!identifier) {
-                return false;
-            }
-            if (this.type === 'component') {
-                return Boolean(customElements.get(identifier));
-            }
-            return this.allItems.some((item) => item.value === identifier);
-        };
-        this.renderPicker = () => {
-            let value = this.allItems.find((item) => this.value === item.value);
-            if (!value && this.value) {
-                value = {
-                    text: this.value,
-                    value: this.value,
-                    icon: {
-                        name: 'question',
-                        color: 'rgb(var(--color-glaucous-light))',
-                    },
-                };
-            }
-            return (h("limel-picker", { disabled: this.disabled, helperText: this.helperText, label: this.label, readonly: this.readonly, required: this.required, searcher: this.search, value: value, title: value === null || value === void 0 ? void 0 : value.text, onBlur: this.handleBlur, onChange: this.handleChange, onKeyUp: this.handleKeyUp }));
-        };
-        this.renderCopyButton = () => {
-            if (this.hideCopyButton) {
-                return;
-            }
-            return (h("limel-icon-button", { icon: "copy", disabled: !this.value, label: this.copyLabel, onClick: this.handleCopyButton }));
-        };
-        this.search = async (query) => {
-            if (!query) {
-                return this.allItems;
-            }
-            return this.allItems.filter(this.isItemMatching(query.toLocaleLowerCase()));
-        };
-        this.isItemMatching = (query) => (item) => {
-            const queryParts = query.split(/\s+/);
-            return queryParts.every((part) => {
-                var _a, _b;
-                return item.text.toLocaleLowerCase().includes(part) ||
-                    ((_a = item.secondaryText) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase().includes(part)) ||
-                    ((_b = item.value) === null || _b === void 0 ? void 0 : _b.toLocaleLowerCase().includes(part));
-            });
-        };
-    }
-    componentWillLoad() {
-        this.allItems = this.getConfigs()
-            .filter(this.hasTag)
-            .map((config) => {
-            var _a, _b;
-            return ({
-                value: this.getConfigValue(config),
-                text: this.translator.get((_a = config.title) !== null && _a !== void 0 ? _a : this.getConfigValue(config)),
-                secondaryText: this.translator.get((_b = config.description) !== null && _b !== void 0 ? _b : ''),
-                icon: config.icon,
-            });
-        })
-            .sort((a, b) => a.text.localeCompare(b.text));
-    }
-    render() {
-        return [this.renderPicker(), this.renderCopyButton()];
-    }
-    get currentInput() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        return ((_g = (_f = (_e = (_d = (_c = (_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('limel-picker')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('limel-chip-set')) === null || _d === void 0 ? void 0 : _d.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('input')) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : '');
-    }
-    get webComponentRegistry() {
-        return this.platform.get(c.WebComponentRegistry);
-    }
-    get commandbus() {
-        return this.platform.get(c.CommandBus);
-    }
-    get translator() {
-        return this.platform.get(c.Translate);
-    }
-    get host() { return this; }
-    static get style() { return LimebbComponentPickerStyle0; }
-}, [1, "limebb-component-picker", {
-        "platform": [16],
-        "context": [16],
-        "type": [1],
-        "tags": [16],
-        "value": [1],
-        "copyLabel": [1, "copy-label"],
-        "hideCopyButton": [4, "hide-copy-button"],
-        "required": [4],
-        "readonly": [4],
-        "disabled": [4],
-        "label": [1],
-        "helperText": [1, "helper-text"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-component-picker"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-component-picker":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ComponentPicker);
-            }
-            break;
-    } });
-}
-
-const LimebbComponentPicker = ComponentPicker;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbComponentPicker, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,transformTag as o}from"@stencil/core/internal/client";import{n}from"./index.esm.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.copy=e(this,"copy",7),this.type="component",this.copyLabel="Copy value",this.hideCopyButton=!1,this.allItems=[],this.getConfigs=()=>({component:()=>this.webComponentRegistry.getAll(),command:()=>this.commandbus.getAll()}[this.type]()),this.getConfigValue=t=>"name"in t&&"string"==typeof t.name?t.name:"id"in t&&"string"==typeof t.id?t.id:"",this.hasTag=t=>!this.tags||this.tags.some((i=>{var e;return null===(e=t.tags)||void 0===e?void 0:e.includes(i)})),this.handleBlur=()=>{this.emitIfValidValue(this.currentInput)},this.handleChange=t=>{var i;t.stopPropagation(),this.change.emit(null===(i=t.detail)||void 0===i?void 0:i.value)},this.handleCopyButton=()=>{navigator.clipboard.writeText(this.value),this.copy.emit(this.value)},this.handleKeyUp=t=>{"Enter"===t.key&&this.emitIfValidValue(this.currentInput)},this.emitIfValidValue=t=>{this.isValidIdentifier(t)&&this.change.emit(t)},this.isValidIdentifier=t=>!!t&&("component"===this.type?!!customElements.get(t):this.allItems.some((i=>i.value===t))),this.renderPicker=()=>{let t=this.allItems.find((t=>this.value===t.value));return!t&&this.value&&(t={text:this.value,value:this.value,icon:{name:"question",color:"rgb(var(--color-glaucous-light))"}}),s("limel-picker",{disabled:this.disabled,helperText:this.helperText,label:this.label,readonly:this.readonly,required:this.required,searcher:this.search,value:t,title:null==t?void 0:t.text,onBlur:this.handleBlur,onChange:this.handleChange,onKeyUp:this.handleKeyUp})},this.renderCopyButton=()=>{if(!this.hideCopyButton)return s("limel-icon-button",{icon:"copy",disabled:!this.value,label:this.copyLabel,onClick:this.handleCopyButton})},this.search=async t=>t?this.allItems.filter(this.isItemMatching(t.toLocaleLowerCase())):this.allItems,this.isItemMatching=t=>i=>t.split(/\s+/).every((t=>{var e,s;return i.text.toLocaleLowerCase().includes(t)||(null===(e=i.secondaryText)||void 0===e?void 0:e.toLocaleLowerCase().includes(t))||(null===(s=i.value)||void 0===s?void 0:s.toLocaleLowerCase().includes(t))}))}componentWillLoad(){this.allItems=this.getConfigs().filter(this.hasTag).map((t=>{var i,e;return{value:this.getConfigValue(t),text:this.translator.get(null!==(i=t.title)&&void 0!==i?i:this.getConfigValue(t)),secondaryText:this.translator.get(null!==(e=t.description)&&void 0!==e?e:""),icon:t.icon}})).sort(((t,i)=>t.text.localeCompare(i.text)))}render(){return[this.renderPicker(),this.renderCopyButton()]}get currentInput(){var t,i,e,s,o,n,l;return null!==(l=null===(n=null===(o=null===(s=null===(e=null===(i=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("limel-picker"))||void 0===i?void 0:i.shadowRoot)||void 0===e?void 0:e.querySelector("limel-chip-set"))||void 0===s?void 0:s.shadowRoot)||void 0===o?void 0:o.querySelector("input"))||void 0===n?void 0:n.value)&&void 0!==l?l:""}get webComponentRegistry(){return this.platform.get(n.WebComponentRegistry)}get commandbus(){return this.platform.get(n.CommandBus)}get translator(){return this.platform.get(n.Translate)}get host(){return this}static get style(){return":host(limebb-component-picker){position:relative;display:flex;align-items:center}:host(limebb-component-picker) limel-picker{flex-grow:1;min-width:0}:host(limebb-component-picker) limel-icon-button{position:absolute;right:0.25rem}"}},[1,"limebb-component-picker",{platform:[16],context:[16],type:[1],tags:[16],value:[1],copyLabel:[1,"copy-label"],hideCopyButton:[4,"hide-copy-button"],required:[4],readonly:[4],disabled:[4],label:[1],helperText:[1,"helper-text"]}]),h=l,r=function(){"undefined"!=typeof customElements&&["limebb-component-picker"].forEach((t=>{"limebb-component-picker"===t&&(customElements.get(o(t))||customElements.define(o(t),l))}))};export{h as LimebbComponentPicker,r as defineCustomElement}

package/dist/components/limebb-composer-toolbar.js

@@ -1,136 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c } from './index.esm.js';
-
-const composerToolbarCss = "*{box-sizing:border-box;min-width:0}:host(limebb-composer-toolbar){box-sizing:border-box;display:flex;align-items:center;width:100%;max-width:100%;gap:0.5rem}.actions{display:flex;align-items:center;flex-wrap:nowrap;flex-grow:1}limel-icon-button,::slotted(limel-icon-button){display:inline-block;scale:0.86}limel-file-input{flex-shrink:0}";
-const LimebbComposerToolbarStyle0 = composerToolbarCss;
-
-const TRIGGER_DEFINITIONS = [
-    {
-        trigger: 'rich-text',
-        icon: 'font_style_formatting',
-        translationKey: 'webclient.composer-toolbar.rich-text',
-    },
-    {
-        trigger: 'mention',
-        icon: 'email_sign_92447',
-        translationKey: 'webclient.composer-toolbar.mention',
-        helperLabel: '@',
-    },
-    {
-        trigger: 'text-snippet',
-        icon: 'rich_text_converter',
-        translationKey: 'webclient.composer-toolbar.text-snippet',
-        helperLabel: '!',
-    },
-    {
-        trigger: 'internal-link',
-        icon: 'hashtag_large',
-        translationKey: 'webclient.composer-toolbar.internal-link',
-        helperLabel: '#',
-    },
-];
-const ComposerToolbar = /*@__PURE__*/ proxyCustomElement(class ComposerToolbar extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.triggerInsert = createEvent(this, "triggerInsert", 7);
-        this.filesSelected = createEvent(this, "filesSelected", 7);
-        /**
-         * When `true`, displays a button that triggers
-         * the mention character (`@`) in the text editor.
-         */
-        this.mentions = false;
-        /**
-         * When `true`, displays a button that triggers
-         * the text snippet character (`!`) in the text editor.
-         */
-        this.textSnippets = false;
-        /**
-         * When `true`, displays a button that triggers
-         * the internal link character (`#`) in the text editor.
-         */
-        this.internalLinks = false;
-        /**
-         * When `true`, displays a button that toggles the visibility
-         * of the rich text formatting toolbar in the text editor.
-         */
-        this.richText = false;
-        this.handleTriggerSelected = (event) => {
-            event.stopPropagation();
-            this.triggerInsert.emit(event.detail.value);
-        };
-        this.handleFilesSelected = (event) => {
-            event.stopPropagation();
-            this.filesSelected.emit(event.detail);
-        };
-    }
-    render() {
-        return [
-            h("div", { key: '109fcf87a4c41ab90a266cd38c81b014a1ac0e61', class: "actions" }, h("slot", { key: '57b03a926670b433480783760d33e0ca669e8f6a', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: 'cc8028bf90b55ed2355b11a96fb3e99bcb3b7c0f', name: "trailing" })),
-            h("slot", { key: '3e1f0f1b411817f15afd1940ff5e1400010604c3', name: "primary-action" }),
-        ];
-    }
-    get translator() {
-        var _a;
-        return (_a = this.platform) === null || _a === void 0 ? void 0 : _a.get(c.Translate);
-    }
-    get triggerActions() {
-        const enabledFlags = {
-            mention: this.mentions,
-            'text-snippet': this.textSnippets,
-            'internal-link': this.internalLinks,
-            'rich-text': this.richText,
-        };
-        return TRIGGER_DEFINITIONS.filter((def) => enabledFlags[def.trigger]).map((def) => {
-            var _a, _b;
-            return ({
-                text: (_b = (_a = this.translator) === null || _a === void 0 ? void 0 : _a.get(def.translationKey)) !== null && _b !== void 0 ? _b : def.trigger,
-                commandText: def.helperLabel,
-                icon: def.icon,
-                iconOnly: true,
-                value: def.trigger,
-            });
-        });
-    }
-    renderTriggerActions() {
-        const actions = this.triggerActions;
-        if (actions.length === 0) {
-            return;
-        }
-        return (h("limel-action-bar", { actions: actions, onItemSelected: this.handleTriggerSelected }));
-    }
-    renderFileInput() {
-        var _a, _b, _c, _d, _e, _f;
-        if (!this.fileInput) {
-            return;
-        }
-        return (h("limel-file-input", { accept: (_a = this.fileInput.accept) !== null && _a !== void 0 ? _a : '*', multiple: (_b = this.fileInput.multiple) !== null && _b !== void 0 ? _b : false, disabled: (_c = this.fileInput.disabled) !== null && _c !== void 0 ? _c : false, onFilesSelected: this.handleFilesSelected }, h("limel-icon-button", { icon: "attach", disabled: (_d = this.fileInput.disabled) !== null && _d !== void 0 ? _d : false, label: (_e = this.translator) === null || _e === void 0 ? void 0 : _e.get('webclient.attach-files'), helperLabel: (_f = this.translator) === null || _f === void 0 ? void 0 : _f.get('webclient.attach-files-helper') })));
-    }
-    static get style() { return LimebbComposerToolbarStyle0; }
-}, [1, "limebb-composer-toolbar", {
-        "platform": [16],
-        "mentions": [516],
-        "textSnippets": [516, "text-snippets"],
-        "internalLinks": [516, "internal-links"],
-        "richText": [516, "rich-text"],
-        "fileInput": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-composer-toolbar"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-composer-toolbar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ComposerToolbar);
-            }
-            break;
-    } });
-}
-
-const LimebbComposerToolbar = ComposerToolbar;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbComposerToolbar, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as n,transformTag as l}from"@stencil/core/internal/client";import{n as o}from"./index.esm.js";const r=[{trigger:"rich-text",icon:"font_style_formatting",translationKey:"webclient.composer-toolbar.rich-text"},{trigger:"mention",icon:"email_sign_92447",translationKey:"webclient.composer-toolbar.mention",helperLabel:"@"},{trigger:"text-snippet",icon:"rich_text_converter",translationKey:"webclient.composer-toolbar.text-snippet",helperLabel:"!"},{trigger:"internal-link",icon:"hashtag_large",translationKey:"webclient.composer-toolbar.internal-link",helperLabel:"#"}],s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.triggerInsert=i(this,"triggerInsert",7),this.filesSelected=i(this,"filesSelected",7),this.mentions=!1,this.textSnippets=!1,this.internalLinks=!1,this.richText=!1,this.handleTriggerSelected=e=>{e.stopPropagation(),this.triggerInsert.emit(e.detail.value)},this.handleFilesSelected=e=>{e.stopPropagation(),this.filesSelected.emit(e.detail)}}render(){return[n("div",{key:"62fa9154e6593b46509a4b4185c425c416fbf1de",class:"actions"},n("slot",{key:"97476b607eb583b8c26e0164836174b9aeb8faa9",name:"leading"}),this.renderFileInput(),this.renderTriggerActions(),n("slot",{key:"14c2388e0cb0d1ec2a1cd548d11994475da5e949",name:"trailing"})),n("slot",{key:"bc290147db27a9a6454cb32031bfe0990fe59e77",name:"primary-action"})]}get translator(){var e;return null===(e=this.platform)||void 0===e?void 0:e.get(o.Translate)}get triggerActions(){const e={mention:this.mentions,"text-snippet":this.textSnippets,"internal-link":this.internalLinks,"rich-text":this.richText};return r.filter((t=>e[t.trigger])).map((e=>{var t,i;return{text:null!==(i=null===(t=this.translator)||void 0===t?void 0:t.get(e.translationKey))&&void 0!==i?i:e.trigger,commandText:e.helperLabel,icon:e.icon,iconOnly:!0,value:e.trigger}}))}renderTriggerActions(){const e=this.triggerActions;if(0!==e.length)return n("limel-action-bar",{actions:e,onItemSelected:this.handleTriggerSelected})}renderFileInput(){var e,t,i,l,o,r;if(this.fileInput)return n("limel-file-input",{accept:null!==(e=this.fileInput.accept)&&void 0!==e?e:"*",multiple:null!==(t=this.fileInput.multiple)&&void 0!==t&&t,disabled:null!==(i=this.fileInput.disabled)&&void 0!==i&&i,onFilesSelected:this.handleFilesSelected},n("limel-icon-button",{icon:"attach",disabled:null!==(l=this.fileInput.disabled)&&void 0!==l&&l,label:null===(o=this.translator)||void 0===o?void 0:o.get("webclient.attach-files"),helperLabel:null===(r=this.translator)||void 0===r?void 0:r.get("webclient.attach-files-helper")}))}static get style(){return"*{box-sizing:border-box;min-width:0}:host(limebb-composer-toolbar){box-sizing:border-box;display:flex;align-items:center;width:100%;max-width:100%;gap:0.5rem}.actions{display:flex;align-items:center;flex-wrap:nowrap;flex-grow:1}limel-icon-button,::slotted(limel-icon-button){display:inline-block;scale:0.86}limel-file-input{flex-shrink:0}"}},[257,"limebb-composer-toolbar",{platform:[16],mentions:[516],textSnippets:[516,"text-snippets"],internalLinks:[516,"internal-links"],richText:[516,"rich-text"],fileInput:[16]}]),a=s,c=function(){"undefined"!=typeof customElements&&["limebb-composer-toolbar"].forEach((e=>{"limebb-composer-toolbar"===e&&(customElements.get(l(e))||customElements.define(l(e),s))}))};export{a as LimebbComposerToolbar,c as defineCustomElement}

package/dist/components/limebb-currency-picker.js

@@ -1,6 +1 @@
-import { C as CurrencyPicker, d as defineCustomElement$1 } from './currency-picker.js';
-
-const LimebbCurrencyPicker = CurrencyPicker;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbCurrencyPicker, defineCustomElement };
+import{C as r,d as c}from"./currency-picker.js";const o=r,s=c;export{o as LimebbCurrencyPicker,s as defineCustomElement}

package/dist/components/limebb-dashboard-widget.js

@@ -1,48 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const dashboardWidgetCss = ":host(limebb-dashboard-widget){--dashboard-widget-background-color:var(\n      --start-page-grid-widget-background-color,\n      rgb(var(--contrast-100))\n  );--header-icon-color:var(--dashboard-widget-icon-color);--header-background-color:var(\n      --dashboard-widget-header-background-color,\n      var(--start-page-grid-widget-header-color)\n  );--dashboard-widget-border-radius:var(\n      --start-page-grid-widget-border-radius,\n      1rem\n  );--header-top-right-left-border-radius:0;display:flex;flex-direction:column;border-radius:var(--dashboard-widget-border-radius);background-color:var(--dashboard-widget-background-color);height:100%;width:100%;overflow:hidden}";
-const LimebbDashboardWidgetStyle0 = dashboardWidgetCss;
-
-const DashboardComponent = /*@__PURE__*/ proxyCustomElement(class DashboardComponent extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.renderHeader = () => {
-            if (!this.heading &&
-                !this.subheading &&
-                !this.supportingText &&
-                !this.icon) {
-                return;
-            }
-            return (h("limel-header", { heading: this.heading, subheading: this.subheading, supportingText: this.supportingText, icon: this.icon }, h("slot", { name: "header-actions" })));
-        };
-    }
-    render() {
-        return [this.renderHeader(), h("slot", { key: '4450486b9bf3fa4b35b6c2371338c29917cbe680', name: "content" })];
-    }
-    static get style() { return LimebbDashboardWidgetStyle0; }
-}, [1, "limebb-dashboard-widget", {
-        "heading": [513],
-        "subheading": [513],
-        "supportingText": [513, "supporting-text"],
-        "icon": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-dashboard-widget"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-dashboard-widget":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DashboardComponent);
-            }
-            break;
-    } });
-}
-
-const LimebbDashboardWidget = DashboardComponent;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbDashboardWidget, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as r,h as t,transformTag as d}from"@stencil/core/internal/client";const o=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.renderHeader=()=>{if(this.heading||this.subheading||this.supportingText||this.icon)return t("limel-header",{heading:this.heading,subheading:this.subheading,supportingText:this.supportingText,icon:this.icon},t("slot",{name:"header-actions"}))}}render(){return[this.renderHeader(),t("slot",{key:"577beec51a062e26a3ae6db58b92abeed9f79d38",name:"content"})]}static get style(){return":host(limebb-dashboard-widget){--dashboard-widget-background-color:var(       --start-page-grid-widget-background-color,       rgb(var(--contrast-100))   );--header-icon-color:var(--dashboard-widget-icon-color);--header-background-color:var(       --dashboard-widget-header-background-color,       var(--start-page-grid-widget-header-color)   );--dashboard-widget-border-radius:var(       --start-page-grid-widget-border-radius,       1rem   );--header-top-right-left-border-radius:0;display:flex;flex-direction:column;border-radius:var(--dashboard-widget-border-radius);background-color:var(--dashboard-widget-background-color);height:100%;width:100%;overflow:hidden}"}},[257,"limebb-dashboard-widget",{heading:[513],subheading:[513],supportingText:[513,"supporting-text"],icon:[513]}]),a=o,i=function(){"undefined"!=typeof customElements&&["limebb-dashboard-widget"].forEach((e=>{"limebb-dashboard-widget"===e&&(customElements.get(d(e))||customElements.define(d(e),o))}))};export{a as LimebbDashboardWidget,i as defineCustomElement}

package/dist/components/limebb-data-cells.js

@@ -1,169 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c } from './index.esm.js';
-import { d as defineCustomElement$2 } from './percentage-visualizer.js';
-
-const SECOND = 1000;
-const MINUTE = 60 * SECOND;
-const HOUR = 60 * MINUTE;
-const DAY = 24 * HOUR;
-const WEEK = 7 * DAY;
-const MONTH = 30 * DAY;
-const YEAR = 365 * DAY;
-const units = [
-    { unit: 'year', ms: YEAR },
-    { unit: 'month', ms: MONTH },
-    { unit: 'week', ms: WEEK },
-    { unit: 'day', ms: DAY },
-    { unit: 'hour', ms: HOUR },
-    { unit: 'minute', ms: MINUTE },
-    { unit: 'second', ms: SECOND },
-];
-/**
- * Formats a date as a localized relative time expression,
- * e.g. "3 days ago" or "in 2 months".
- *
- * Uses the browser's native `Intl.RelativeTimeFormat` API.
- * @param date
- * @param language
- */
-function formatRelativeDate(date, language) {
-    var _a;
-    const diff = date.getTime() - Date.now();
-    const { unit, ms } = (_a = units.find((u) => Math.abs(diff) >= u.ms)) !== null && _a !== void 0 ? _a : units.at(-1);
-    return new Intl.RelativeTimeFormat(language, { style: 'long' }).format(Math.round(diff / ms), unit);
-}
-
-const dataCellsCss = "@charset \"UTF-8\";*,*:before,*:after{box-sizing:border-box;min-width:0;min-height:0}:host(limebb-data-cells){box-sizing:border-box;display:flex;flex-direction:column;gap:0.5rem;padding:var(--limebb-data-cells-padding)}div{display:flex;flex-direction:column}dl{display:flex;flex-wrap:wrap;gap:0.75rem 1rem;margin:0;padding:0;list-style:none}dd,dt{display:flex;align-items:center}dd span,dt span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}dd{margin:0;font-size:var(--limel-theme-default-font-size);line-height:1.25rem;height:1.25rem;font-weight:500;color:rgb(var(--contrast-1100))}dd a{text-decoration:none;border-radius:1.25rem}dd a:focus{outline:none}dd a:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}dd a:not(.belongs-to){position:relative;cursor:pointer;transition:color 0.2s ease;color:rgb(var(--color-blue-default))}dd a:not(.belongs-to):before{transition:opacity 0.2s ease, transform 0.3s ease-out;content:\"\";position:absolute;inset:auto 0 0 0;width:calc(100% - 0.5rem);margin:auto;height:0.125rem;border-radius:1rem;background-color:currentColor;opacity:0;transform:scale(0.6)}dd a:not(.belongs-to):hover{color:rgb(var(--color-blue-default))}dd a:not(.belongs-to):hover:before{opacity:0.3;transform:scale(1)}dd a.belongs-to{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);color:inherit;background-color:rgb(var(--contrast-400));padding:1px 0.375rem}dd a.belongs-to:hover,dd a.belongs-to:focus-visible{color:rgb(var(--color-white));background-color:rgb(var(--color-sky-default))}dd:has(.belongs-to){transform:translateX(-0.375rem)}dt{order:1;transition:color 0.2s ease;font-size:0.65rem;color:rgb(var(--contrast-800))}:host(:hover) dt,:host(:focus-within) dt{color:rgb(var(--contrast-900))}.primary+.secondary{padding-top:0.5rem;border-top:1px dashed rgb(var(--contrast-500))}.secondary dd{font-size:0.75rem;font-weight:400;line-height:1rem;height:1rem}";
-const LimebbDataCellsStyle0 = dataCellsCss;
-
-const DataCells = /*@__PURE__*/ proxyCustomElement(class DataCells extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * The data cells to render.
-         */
-        this.items = [];
-        this.renderCell = (item) => (h("div", null, h("dt", null, h("span", null, item.label)), h("dd", null, h("span", null, this.renderValue(item)))));
-    }
-    render() {
-        return [this.renderPrimary(), this.renderSecondary()];
-    }
-    renderPrimary() {
-        const items = this.items.filter((item) => !item.secondary);
-        if (items.length === 0) {
-            return;
-        }
-        return h("dl", { class: "primary" }, items.map(this.renderCell));
-    }
-    renderSecondary() {
-        const items = this.items.filter((item) => item.secondary);
-        if (items.length === 0) {
-            return;
-        }
-        return h("dl", { class: "secondary" }, items.map(this.renderCell));
-    }
-    renderValue(item) {
-        if (item.value == null || item.value === '') {
-            return '–';
-        }
-        if (item.type === 'belongsto') {
-            const href = this.getBelongsToHref(item.field);
-            if (!href) {
-                return item.value;
-            }
-            return (h("a", { class: "belongs-to", href: href }, item.value));
-        }
-        if (item.type === 'phone') {
-            return h("a", { href: this.toTelUri(item.value) }, item.value);
-        }
-        if (item.type === 'email') {
-            return h("a", { href: `mailto:${item.value}` }, item.value);
-        }
-        if (item.type === 'link') {
-            return (h("a", { href: this.ensureUrlProtocol(item.value), target: "_blank", rel: "noopener" }, this.stripUrlPrefix(item.value)));
-        }
-        if (item.type === 'time' || item.type === 'date') {
-            const date = new Date(item.value);
-            if (Number.isNaN(date.getTime())) {
-                return item.value;
-            }
-            return formatRelativeDate(date, this.language);
-        }
-        if (item.type === 'percent') {
-            return (h("limebb-percentage-visualizer", { value: Number(item.value), multiplier: 100, displayPercentageColors: true, reducePresence: false }));
-        }
-        return item.value;
-    }
-    toTelUri(phoneNumber) {
-        return `tel:${phoneNumber.replaceAll(' ', '')}`;
-    }
-    ensureUrlProtocol(url) {
-        if (/^https?:\/\//i.test(url)) {
-            return url;
-        }
-        return `https://${url}`;
-    }
-    stripUrlPrefix(url) {
-        return url.replace(/^https?:\/\//, '').replace(/^www\./, '');
-    }
-    getBelongsToHref(field) {
-        var _a;
-        if (!this.limeobject || !field) {
-            return undefined;
-        }
-        try {
-            const relatedObject = this.limeobject.getValue(field);
-            if (!relatedObject || typeof relatedObject !== 'object') {
-                return undefined;
-            }
-            const limetype = (_a = relatedObject.getLimetype) === null || _a === void 0 ? void 0 : _a.call(relatedObject);
-            if (!(limetype === null || limetype === void 0 ? void 0 : limetype.name) || !relatedObject.id) {
-                return undefined;
-            }
-            return `object/${limetype.name}/${relatedObject.id}`;
-        }
-        catch (_b) {
-            return undefined;
-        }
-    }
-    get language() {
-        var _a;
-        try {
-            return (_a = this.platform) === null || _a === void 0 ? void 0 : _a.get(c.Application).getLanguage();
-        }
-        catch (_b) {
-            return navigator.language;
-        }
-    }
-    static get style() { return LimebbDataCellsStyle0; }
-}, [1, "limebb-data-cells", {
-        "platform": [16],
-        "context": [16],
-        "limeobject": [8],
-        "items": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-data-cells", "limebb-percentage-visualizer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-data-cells":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DataCells);
-            }
-            break;
-        case "limebb-percentage-visualizer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const LimebbDataCells = DataCells;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbDataCells, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as r,h as t,transformTag as o}from"@stencil/core/internal/client";import{n}from"./index.esm.js";import{d as i}from"./percentage-visualizer.js";const s=36e5,a=24*s,l=[{unit:"year",ms:365*a},{unit:"month",ms:30*a},{unit:"week",ms:7*a},{unit:"day",ms:a},{unit:"hour",ms:s},{unit:"minute",ms:6e4},{unit:"second",ms:1e3}],d=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.items=[],this.renderCell=e=>t("div",null,t("dt",null,t("span",null,e.label)),t("dd",null,t("span",null,this.renderValue(e))))}render(){return[this.renderPrimary(),this.renderSecondary()]}renderPrimary(){const e=this.items.filter((e=>!e.secondary));if(0!==e.length)return t("dl",{class:"primary"},e.map(this.renderCell))}renderSecondary(){const e=this.items.filter((e=>e.secondary));if(0!==e.length)return t("dl",{class:"secondary"},e.map(this.renderCell))}renderValue(e){if(null==e.value||""===e.value)return"–";if("belongsto"===e.type){const r=this.getBelongsToHref(e.field);return r?t("a",{class:"belongs-to",href:r},e.value):e.value}if("phone"===e.type)return t("a",{href:this.toTelUri(e.value)},e.value);if("email"===e.type)return t("a",{href:"mailto:"+e.value},e.value);if("link"===e.type)return t("a",{href:this.ensureUrlProtocol(e.value),target:"_blank",rel:"noopener"},this.stripUrlPrefix(e.value));if("time"===e.type||"date"===e.type){const r=new Date(e.value);return Number.isNaN(r.getTime())?e.value:function(e,r){var t;const o=e.getTime()-Date.now(),{unit:n,ms:i}=null!==(t=l.find((e=>Math.abs(o)>=e.ms)))&&void 0!==t?t:l.at(-1);return new Intl.RelativeTimeFormat(r,{style:"long"}).format(Math.round(o/i),n)}(r,this.language)}return"percent"===e.type?t("limebb-percentage-visualizer",{value:Number(e.value),multiplier:100,displayPercentageColors:!0,reducePresence:!1}):e.value}toTelUri(e){return"tel:"+e.replaceAll(" ","")}ensureUrlProtocol(e){return/^https?:\/\//i.test(e)?e:"https://"+e}stripUrlPrefix(e){return e.replace(/^https?:\/\//,"").replace(/^www\./,"")}getBelongsToHref(e){var r;if(this.limeobject&&e)try{const t=this.limeobject.getValue(e);if(!t||"object"!=typeof t)return;const o=null===(r=t.getLimetype)||void 0===r?void 0:r.call(t);if(!(null==o?void 0:o.name)||!t.id)return;return`object/${o.name}/${t.id}`}catch(e){return}}get language(){var e;try{return null===(e=this.platform)||void 0===e?void 0:e.get(n.Application).getLanguage()}catch(e){return navigator.language}}static get style(){return'@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;min-width:0;min-height:0}:host(limebb-data-cells){box-sizing:border-box;display:flex;flex-direction:column;gap:0.5rem;padding:var(--limebb-data-cells-padding)}div{display:flex;flex-direction:column}dl{display:flex;flex-wrap:wrap;gap:0.75rem 1rem;margin:0;padding:0;list-style:none}dd,dt{display:flex;align-items:center}dd span,dt span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}dd{margin:0;font-size:var(--limel-theme-default-font-size);line-height:1.25rem;height:1.25rem;font-weight:500;color:rgb(var(--contrast-1100))}dd a{text-decoration:none;border-radius:1.25rem}dd a:focus{outline:none}dd a:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}dd a:not(.belongs-to){position:relative;cursor:pointer;transition:color 0.2s ease;color:rgb(var(--color-blue-default))}dd a:not(.belongs-to):before{transition:opacity 0.2s ease, transform 0.3s ease-out;content:"";position:absolute;inset:auto 0 0 0;width:calc(100% - 0.5rem);margin:auto;height:0.125rem;border-radius:1rem;background-color:currentColor;opacity:0;transform:scale(0.6)}dd a:not(.belongs-to):hover{color:rgb(var(--color-blue-default))}dd a:not(.belongs-to):hover:before{opacity:0.3;transform:scale(1)}dd a.belongs-to{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);color:inherit;background-color:rgb(var(--contrast-400));padding:1px 0.375rem}dd a.belongs-to:hover,dd a.belongs-to:focus-visible{color:rgb(var(--color-white));background-color:rgb(var(--color-sky-default))}dd:has(.belongs-to){transform:translateX(-0.375rem)}dt{order:1;transition:color 0.2s ease;font-size:0.65rem;color:rgb(var(--contrast-800))}:host(:hover) dt,:host(:focus-within) dt{color:rgb(var(--contrast-900))}.primary+.secondary{padding-top:0.5rem;border-top:1px dashed rgb(var(--contrast-500))}.secondary dd{font-size:0.75rem;font-weight:400;line-height:1rem;height:1rem}'}},[1,"limebb-data-cells",{platform:[16],context:[16],limeobject:[8],items:[16]}]),c=d,u=function(){"undefined"!=typeof customElements&&["limebb-data-cells","limebb-percentage-visualizer"].forEach((e=>{switch(e){case"limebb-data-cells":customElements.get(o(e))||customElements.define(o(e),d);break;case"limebb-percentage-visualizer":customElements.get(o(e))||i()}}))};export{c as LimebbDataCells,u as defineCustomElement}

package/dist/components/limebb-date-picker.js

@@ -1,6 +1 @@
-import { D as DatePicker, d as defineCustomElement$1 } from './date-picker.js';
-
-const LimebbDatePicker = DatePicker;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbDatePicker, defineCustomElement };
+import{D as o,d as r}from"./date-picker.js";const s=o,t=r;export{s as LimebbDatePicker,t as defineCustomElement}