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

package/dist/components/navigation-button.js

@@ -1,74 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const navigationButtonCss = "@charset \"UTF-8\";.navigation-button{all:unset;isolation:isolate;position:relative;display:flex;justify-content:center;align-items:center;height:1.875rem;width:1.875rem;border-radius:50%;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--navigation-button-background-color, var(--lime-elevated-surface-background-color))}.navigation-button:hover,.navigation-button:focus,.navigation-button:focus-visible{will-change:color, background-color, box-shadow, transform}.navigation-button:hover,.navigation-button:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.navigation-button:hover{box-shadow:var(--button-shadow-hovered)}.navigation-button:active{--limel-clickable-transform-timing-function:cubic-bezier(\n      0.83,\n      -0.15,\n      0.49,\n      1.16\n  );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.navigation-button:hover,.navigation-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.navigation-button:focus{outline:none}.navigation-button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.navigation-button limel-icon{transition:color 0.2s ease, transform 0.2s cubic-bezier(0.84, 0.15, 0.52, 1.42);color:var(--header-menu-icon-color);width:1.25rem}.newTab limel-icon{transition:transform 0.2s ease;transform:scale(0.8);z-index:3}.newTab:before{z-index:2}.newTab::after{z-index:1}.newTab:before,.newTab:after{content:\"\";transition:transform 0.2s ease, border-color 0.2s ease;position:absolute;width:0.875rem;height:0.875rem;outline:1.5px solid rgb(var(--contrast-900));border-radius:1px;background-color:var(--navigation-button-background-color, rgb(var(--contrast-100)))}.newTab:hover limel-icon{color:var(--mdc-theme-primary);transform:translate3d(-0.1rem, 0.1rem, 0) scale(1)}.newTab:hover:before{transform:translate3d(0.125rem, -0.125rem, 0);border-color:rgb(var(--contrast-1000));box-shadow:var(--shadow-depth-8)}.newTab:hover:after{transform:translate3d(-0.15rem, 0.15rem, 0) scale(0.9);border-color:rgb(var(--contrast-700))}.expand:after{transition:transform 0.2s ease;content:\"\";position:absolute;z-index:1;background-color:var(--navigation-button-background-color, rgb(var(--contrast-100)));width:0.75rem;height:0.75rem}.expand:hover limel-icon{color:var(--mdc-theme-primary)}.expand:hover:after{transform:scale(0.5)}.expand:hover limel-icon{transform:scale(1.18)}.minimize:before,.minimize:after,.maximize:before,.maximize:after{content:\"\";transition:transform 0.3s ease-out 0.15s, background-color 0.1s ease}.minimize limel-icon,.maximize limel-icon{transition:transform 0.2s ease 0.1s}.minimize:before,.maximize:after,.maximize:hover:before{transform:scaleY(1) scaleX(1);z-index:-1;box-sizing:border-box;position:absolute;width:70%;height:60%;border-radius:0.25rem;transform-origin:bottom}.minimize:hover:before,.maximize:before{transition:transform 0.3s ease-out 0.15s, background-color 0.1s ease;transform:scaleY(0.3) scaleX(0.7);background-color:rgb(var(--contrast-500))}.minimize:hover limel-icon,.maximize limel-icon{transform:scaleX(0.8) translate3d(0, 0.4rem, 0)}.maximize limel-icon{color:rgb(var(--contrast-900))}.maximize:hover limel-icon{color:currentColor;transform:scaleX(1.1) translate3d(0, -0.1rem, 0)}.maximize:after{z-index:-2;border:1px dashed rgb(var(--contrast-800))}.close limel-icon{transition:transform 0.2s ease, color 0.2s ease}.close:before,.close:after{transition-delay:0.1s;content:\"\";position:absolute;inset:0;border-radius:50%;opacity:0}.close:before{transition:transform 0.3s ease, opacity 0.3s ease;background-color:rgb(var(--color-orange-dark))}.close:after{transition:transform 0.6s ease, opacity 0.6s ease;background-color:rgb(var(--color-orange-light))}.close:hover limel-icon{color:rgb(var(--color-white));transform:scale(0.7) rotate(90deg)}.close:hover:before{opacity:1;transform:scale(0.4)}.close:hover:after{opacity:0.4;transform:scale(0.6)}.float:after{transition:width 0.2s ease-out, opacity 0.2s ease;content:\"\";position:absolute;inset:0 0.5rem 0 auto;border-radius:1px;opacity:0.8;transform:translate3d(0, 0, 0);background-color:rgb(var(--contrast-800));width:0.125rem;height:0.6rem;margin:auto}.float:hover:after{width:0.4rem;opacity:1;transform:translate3d(0, 0, 0)}";
-const LimebbNavigationButtonStyle0 = navigationButtonCss;
-
-const ICONS = {
-    expand: 'expand',
-    minimize: 'minus_math',
-    maximize: 'minus_math',
-    newTab: 'up_right_arrow',
-    back: 'left_arrow',
-    close: 'multiply',
-    shrink: 'compress',
-    float: 'rectangle',
-};
-const NavigationButton = /*@__PURE__*/ proxyCustomElement(class NavigationButton extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.renderAsLink = () => {
-            return (h("a", { class: this.getContainerClassList(), id: "tooltipId", "aria-label": this.tooltipLabel && this.tooltipHelperLabel, href: this.href, target: this.type === 'newTab' ? '_blank' : undefined }, this.renderType(), this.renderTooltip()));
-        };
-        this.renderAsButton = () => {
-            return (h("button", { class: this.getContainerClassList(), id: "tooltipId", "aria-label": this.tooltipLabel && this.tooltipHelperLabel }, this.renderType(), this.renderTooltip()));
-        };
-        this.getContainerClassList = () => {
-            return {
-                'navigation-button': true,
-                [this.type]: true,
-            };
-        };
-    }
-    render() {
-        if (this.href) {
-            return this.renderAsLink();
-        }
-        return this.renderAsButton();
-    }
-    renderType() {
-        return this.renderIcon(ICONS[this.type]);
-    }
-    renderTooltip() {
-        if (!this.tooltipLabel) {
-            return;
-        }
-        return (h("limel-tooltip", { label: this.tooltipLabel, helperLabel: this.tooltipHelperLabel, elementId: "tooltipId" }));
-    }
-    renderIcon(name) {
-        return h("limel-icon", { name: name });
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return LimebbNavigationButtonStyle0; }
-}, [17, "limebb-navigation-button", {
-        "href": [513],
-        "tooltipLabel": [513, "tooltip-label"],
-        "tooltipHelperLabel": [513, "tooltip-helper-label"],
-        "type": [513]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-navigation-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-navigation-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NavigationButton);
-            }
-            break;
-    } });
-}
-
-export { NavigationButton as N, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as o,h as r,transformTag as t}from"@stencil/core/internal/client";const a={expand:"expand",minimize:"minus_math",maximize:"minus_math",newTab:"up_right_arrow",back:"left_arrow",close:"multiply",shrink:"compress",float:"rectangle"},i=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.renderAsLink=()=>r("a",{class:this.getContainerClassList(),id:"tooltipId","aria-label":this.tooltipLabel&&this.tooltipHelperLabel,href:this.href,target:"newTab"===this.type?"_blank":void 0},this.renderType(),this.renderTooltip()),this.renderAsButton=()=>r("button",{class:this.getContainerClassList(),id:"tooltipId","aria-label":this.tooltipLabel&&this.tooltipHelperLabel},this.renderType(),this.renderTooltip()),this.getContainerClassList=()=>({"navigation-button":!0,[this.type]:!0})}render(){return this.href?this.renderAsLink():this.renderAsButton()}renderType(){return this.renderIcon(a[this.type])}renderTooltip(){if(this.tooltipLabel)return r("limel-tooltip",{label:this.tooltipLabel,helperLabel:this.tooltipHelperLabel,elementId:"tooltipId"})}renderIcon(e){return r("limel-icon",{name:e})}static get delegatesFocus(){return!0}static get style(){return'@charset "UTF-8";button.navigation-button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit}a.navigation-button{all:unset}.navigation-button{isolation:isolate;position:relative;display:flex;justify-content:center;align-items:center;height:1.875rem;width:1.875rem;border-radius:50%;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--navigation-button-background-color, var(--lime-elevated-surface-background-color))}.navigation-button:hover,.navigation-button:focus,.navigation-button:focus-visible{will-change:color, background-color, box-shadow, transform}.navigation-button:hover,.navigation-button:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.navigation-button:hover{box-shadow:var(--button-shadow-hovered)}.navigation-button:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.navigation-button:hover,.navigation-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.navigation-button:focus{outline:none}.navigation-button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.navigation-button limel-icon{transition:color 0.2s ease, transform 0.2s cubic-bezier(0.84, 0.15, 0.52, 1.42);color:var(--header-menu-icon-color);width:1.25rem}.newTab limel-icon{transition:transform 0.2s ease;transform:scale(0.8);z-index:3}.newTab:before{z-index:2}.newTab::after{z-index:1}.newTab:before,.newTab:after{content:"";transition:transform 0.2s ease, border-color 0.2s ease;position:absolute;width:0.875rem;height:0.875rem;outline:1.5px solid rgb(var(--contrast-900));border-radius:1px;background-color:var(--navigation-button-background-color, rgb(var(--contrast-100)))}.newTab:hover limel-icon{color:var(--mdc-theme-primary);transform:translate3d(-0.1rem, 0.1rem, 0) scale(1)}.newTab:hover:before{transform:translate3d(0.125rem, -0.125rem, 0);border-color:rgb(var(--contrast-1000));box-shadow:var(--shadow-depth-8)}.newTab:hover:after{transform:translate3d(-0.15rem, 0.15rem, 0) scale(0.9);border-color:rgb(var(--contrast-700))}.expand:after{transition:transform 0.2s ease;content:"";position:absolute;z-index:1;background-color:var(--navigation-button-background-color, rgb(var(--contrast-100)));width:0.75rem;height:0.75rem}.expand:hover limel-icon{color:var(--mdc-theme-primary)}.expand:hover:after{transform:scale(0.5)}.expand:hover limel-icon{transform:scale(1.18)}.minimize:before,.minimize:after,.maximize:before,.maximize:after{content:"";transition:transform 0.3s ease-out 0.15s, background-color 0.1s ease}.minimize limel-icon,.maximize limel-icon{transition:transform 0.2s ease 0.1s}.minimize:before,.maximize:after,.maximize:hover:before{transform:scaleY(1) scaleX(1);z-index:-1;box-sizing:border-box;position:absolute;width:70%;height:60%;border-radius:0.25rem;transform-origin:bottom}.minimize:hover:before,.maximize:before{transition:transform 0.3s ease-out 0.15s, background-color 0.1s ease;transform:scaleY(0.3) scaleX(0.7);background-color:rgb(var(--contrast-500))}.minimize:hover limel-icon,.maximize limel-icon{transform:scaleX(0.8) translate3d(0, 0.4rem, 0)}.maximize limel-icon{color:rgb(var(--contrast-900))}.maximize:hover limel-icon{color:currentColor;transform:scaleX(1.1) translate3d(0, -0.1rem, 0)}.maximize:after{z-index:-2;border:1px dashed rgb(var(--contrast-800))}.close limel-icon{transition:transform 0.2s ease, color 0.2s ease}.close:before,.close:after{transition-delay:0.1s;content:"";position:absolute;inset:0;border-radius:50%;opacity:0}.close:before{transition:transform 0.3s ease, opacity 0.3s ease;background-color:rgb(var(--color-orange-dark))}.close:after{transition:transform 0.6s ease, opacity 0.6s ease;background-color:rgb(var(--color-orange-light))}.close:hover limel-icon{color:rgb(var(--color-white));transform:scale(0.7) rotate(90deg)}.close:hover:before{opacity:1;transform:scale(0.4)}.close:hover:after{opacity:0.4;transform:scale(0.6)}.float:after{transition:width 0.2s ease-out, opacity 0.2s ease;content:"";position:absolute;inset:0 0.5rem 0 auto;border-radius:1px;opacity:0.8;transform:translate3d(0, 0, 0);background-color:rgb(var(--contrast-800));width:0.125rem;height:0.6rem;margin:auto}.float:hover:after{width:0.4rem;opacity:1;transform:translate3d(0, 0, 0)}'}},[17,"limebb-navigation-button",{href:[513],tooltipLabel:[513,"tooltip-label"],tooltipHelperLabel:[513,"tooltip-helper-label"],type:[513]}]);function n(){"undefined"!=typeof customElements&&["limebb-navigation-button"].forEach((e=>{"limebb-navigation-button"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))}export{i as N,n as d}

package/dist/components/negate.js

@@ -1,40 +1 @@
-/** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/**
- * Creates a function that negates the result of the predicate `func`. The
- * `func` predicate is invoked with the `this` binding and arguments of the
- * created function.
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category Function
- * @param {Function} predicate The predicate to negate.
- * @returns {Function} Returns the new negated function.
- * @example
- *
- * function isEven(n) {
- *   return n % 2 == 0;
- * }
- *
- * _.filter([1, 2, 3, 4, 5, 6], _.negate(isEven));
- * // => [1, 3, 5]
- */
-function negate(predicate) {
-  if (typeof predicate != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  return function() {
-    var args = arguments;
-    switch (args.length) {
-      case 0: return !predicate.call(this);
-      case 1: return !predicate.call(this, args[0]);
-      case 2: return !predicate.call(this, args[0], args[1]);
-      case 3: return !predicate.call(this, args[0], args[1], args[2]);
-    }
-    return !predicate.apply(this, args);
-  };
-}
-
-export { negate as n };
+function t(t){if("function"!=typeof t)throw new TypeError("Expected a function");return function(){var r=arguments;switch(r.length){case 0:return!t.call(this);case 1:return!t.call(this,r[0]);case 2:return!t.call(this,r[0],r[1]);case 3:return!t.call(this,r[0],r[1],r[2])}return!t.apply(this,r)}}export{t as n}

package/dist/components/non-null.js

@@ -1,10 +1 @@
-/**
- *
- * @param value
- */
-// eslint-disable-next-line unicorn/prefer-native-coercion-functions
-function isNonNull(value) {
-    return Boolean(value);
-}
-
-export { isNonNull as i };
+function n(n){return Boolean(n)}export{n as i}

package/dist/components/notification-item.js

@@ -1,168 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c } from './index.esm.js';
-
-const notificationItemCss = "@charset \"UTF-8\";*{box-sizing:border-box}:host(limebb-notification-item){isolation:isolate;position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:0.25rem;margin-left:0.5rem;border-radius:0.75rem;border:1px solid rgb(var(--contrast-500))}:host(limebb-notification-item):before{content:\"\";display:block;position:absolute;left:-1rem;top:0.85rem;border-radius:50%;height:0.5rem;width:0.5rem;transition:background-color 0.2s ease, scale 0.2s cubic-bezier(0.82, 0.3, 0.14, 1.36);scale:var(--limebb-notification-item-unread-badge-scale, 0.6);background-color:var(--limebb-notification-item-unread-badge-color, transparent)}:host(limebb-notification-item:hover) .timestamp{color:rgb(var(--contrast-1100))}:host(limebb-notification-item:hover) .body-text{opacity:1}.header{display:flex;align-items:center;gap:0.25rem;min-height:2rem;padding:0 0 0 0.25rem;margin-bottom:0.25rem}.header:not(:has(.icon)){padding-left:0.75rem}.header:not(:has(.unpromoted-actions-menu)){padding-right:0.5rem}.caption,.timestamp{font-size:0.75rem}.caption{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;flex-grow:1;font-weight:600;color:rgb(var(--contrast-900))}.timestamp{flex-shrink:0;margin-left:auto;transition:color 0.4s ease, opacity 0.2s ease;color:rgb(var(--contrast-900))}.headline{display:flex;gap:0.25rem;align-items:center}.content{display:flex;min-width:0;gap:0.5rem;padding:0 0.75rem 0.5rem 0.75rem}.heading{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.5rem;font-size:0.875rem;--markdown-hyperlink-color:var(--mdc-theme-primary);--markdown-hyperlink-color--hovered:rgb(var(--color-teal-light))}.body{display:flex;flex-direction:column;gap:0.5rem}.body-text{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:4.25rem;transition:opacity 0.2s ease;opacity:0.7}.icon{--icon-background-color:var(--limebb-feed-background-color);flex-shrink:0;width:1.5rem;padding:0.125rem}.author-avatar{border-radius:50%;width:2rem;height:2rem;object-fit:cover;margin-top:auto;margin-right:-0.25rem;margin-left:auto;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.author{font-weight:bold;text-decoration:none;white-space:nowrap}a.author{position:relative;cursor:pointer;transition:color 0.2s ease;color:var(--mdc-theme-primary)}a.author: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)}a.author:hover{color:rgb(var(--color-teal-light))}a.author:hover:before{opacity:0.3;transform:scale(1)}limel-chip-set{--button-shadow-normal:none;margin-left:-1rem;margin-bottom:-0.5rem}";
-const LimebbNotificationItemStyle0 = notificationItemCss;
-
-const NotificationListItem = /*@__PURE__*/ proxyCustomElement(class NotificationListItem extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.interact = createEvent(this, "interact", 7);
-        this.handleClick = () => {
-            if (this.isItemClickable()) {
-                this.handleNotificationListItemClick();
-            }
-        };
-        this.handleKeyDown = (event) => {
-            if (this.isItemClickable() && event.key === 'Enter') {
-                this.handleNotificationListItemClick();
-            }
-        };
-        this.renderHeading = () => {
-            if (!this.item.heading) {
-                return;
-            }
-            if (!this.item.author) {
-                return (h("limel-markdown", { value: this.translator.get(this.item.heading) }));
-            }
-            const author = this.getAuthorLink();
-            const text = this.translator.get(this.item.heading, { author: author });
-            return h("limel-markdown", { class: "heading", value: text });
-        };
-        this.createMenuItem = (action) => {
-            var _a, _b;
-            if ('separator' in action) {
-                return action;
-            }
-            return {
-                value: action,
-                text: (_a = action.label) !== null && _a !== void 0 ? _a : '',
-                secondaryText: action.description,
-                disabled: action.disabled,
-                icon: (_b = action.icon) !== null && _b !== void 0 ? _b : '',
-            };
-        };
-        this.handleMenuItemSelect = (event) => {
-            var _a;
-            event.stopPropagation();
-            const command = (_a = event.detail.value) === null || _a === void 0 ? void 0 : _a.command;
-            if (command) {
-                this.commandbus.handle(command);
-            }
-        };
-        this.handleNotificationListItemClick = () => {
-            this.interact.emit(this.item);
-        };
-    }
-    render() {
-        var _a, _b;
-        return (h(Host, { key: 'ecf766dc6b3f82851c29b9797701e09c966f2b91', id: this.item.id, class: {
-                'is-clickable': this.isItemClickable(),
-                'is-read': !!((_a = this.item) === null || _a === void 0 ? void 0 : _a.read),
-                'is-selected': !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected),
-            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown, tabindex: 0 }, this.renderSource(), this.renderContent()));
-    }
-    isItemClickable() {
-        var _a;
-        return !!((_a = this.item) === null || _a === void 0 ? void 0 : _a.clickable);
-    }
-    renderSource() {
-        return (h("div", { class: "header" }, this.renderIcon(), this.renderCaption(), this.renderTimestamp(), this.renderUnpromotedActionsMenu()));
-    }
-    renderIcon() {
-        var _a, _b, _c, _d;
-        if (!this.item.icon) {
-            return;
-        }
-        return (h("limel-icon", { class: "icon", badge: true, name: (_b = (_a = this.item.icon) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : 'dot_circle', style: {
-                color: `${(_c = this.item.icon) === null || _c === void 0 ? void 0 : _c.color}`,
-                'background-color': `${(_d = this.item.icon) === null || _d === void 0 ? void 0 : _d.backgroundColor}`,
-            } }));
-    }
-    renderContent() {
-        return (h("div", { class: "content" }, h("div", { class: "body" }, this.renderHeadline(), this.renderValue()), this.renderAuthorPicture()));
-    }
-    renderHeadline() {
-        if (!this.item.heading) {
-            return;
-        }
-        return h("div", { class: "headline" }, this.renderHeading());
-    }
-    getAuthorLink() {
-        if (!this.item.author) {
-            return;
-        }
-        if (typeof this.item.author.name === 'string') {
-            return this.item.author.name;
-        }
-        const { href, text } = this.item.author.name;
-        return `[${text}](${href})`;
-    }
-    renderAuthorPicture() {
-        var _a;
-        if (!((_a = this.item.author) === null || _a === void 0 ? void 0 : _a.picture)) {
-            return;
-        }
-        return (h("img", { class: "author-avatar", loading: "lazy", src: this.item.author.picture }));
-    }
-    renderCaption() {
-        if (!this.item.caption) {
-            return;
-        }
-        return h("h2", { class: "caption" }, this.item.caption);
-    }
-    renderValue() {
-        if (!this.item.value) {
-            return;
-        }
-        return h("limel-markdown", { class: "body-text", value: this.item.value });
-    }
-    renderUnpromotedActionsMenu() {
-        var _a, _b;
-        if (!((_a = this.item.unpromotedActions) === null || _a === void 0 ? void 0 : _a.length)) {
-            return;
-        }
-        const items = this.item.unpromotedActions.map(this.createMenuItem);
-        return (h("limel-menu", { class: "unpromoted-actions-menu", items: items, openDirection: "bottom-end", onSelect: this.handleMenuItemSelect }, h("limel-icon-button", { icon: "menu_2", slot: "trigger", label: (_b = this.translator) === null || _b === void 0 ? void 0 : _b.get('webclient.more-actions') })));
-    }
-    renderTimestamp() {
-        const timestamp = this.item.timestamp;
-        if (!timestamp) {
-            return;
-        }
-        return (h("span", { class: "timestamp" }, this.dateTimeFormatter.format(timestamp, 'timeofday')));
-    }
-    get dateTimeFormatter() {
-        return this.platform.get(c.DateTimeFormatter);
-    }
-    get translator() {
-        var _a;
-        return (_a = this.platform) === null || _a === void 0 ? void 0 : _a.get(c.Translate);
-    }
-    get commandbus() {
-        var _a;
-        return (_a = this.platform) === null || _a === void 0 ? void 0 : _a.get(c.CommandBus);
-    }
-    static get style() { return LimebbNotificationItemStyle0; }
-}, [1, "limebb-notification-item", {
-        "platform": [16],
-        "context": [16],
-        "item": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-notification-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-notification-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NotificationListItem);
-            }
-            break;
-    } });
-}
-
-export { NotificationListItem as N, defineCustomElement as d };
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as r,Host as o,transformTag as n}from"@stencil/core/internal/client";import{n as a}from"./index.esm.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.interact=i(this,"interact",7),this.handleClick=()=>{this.isItemClickable()&&this.handleNotificationListItemClick()},this.handleKeyDown=t=>{this.isItemClickable()&&"Enter"===t.key&&this.handleNotificationListItemClick()},this.renderHeading=()=>{if(!this.item.heading)return;if(!this.item.author)return r("limel-markdown",{value:this.translator.get(this.item.heading)});const t=this.getAuthorLink(),e=this.translator.get(this.item.heading,{author:t});return r("limel-markdown",{class:"heading",value:e})},this.createMenuItem=t=>{var e,i;return"separator"in t?t:{value:t,text:null!==(e=t.label)&&void 0!==e?e:"",secondaryText:t.description,disabled:t.disabled,icon:null!==(i=t.icon)&&void 0!==i?i:""}},this.handleMenuItemSelect=t=>{var e;t.stopPropagation();const i=null===(e=t.detail.value)||void 0===e?void 0:e.command;i&&this.commandbus.handle(i)},this.handleNotificationListItemClick=()=>{this.interact.emit(this.item)}}render(){var t,e;return r(o,{key:"440a5f92c3e49ceefb48d92a2dbdce182ccb6b47",id:this.item.id,class:{"is-clickable":this.isItemClickable(),"is-read":!!(null===(t=this.item)||void 0===t?void 0:t.read),"is-selected":!!(null===(e=this.item)||void 0===e?void 0:e.selected)},onClick:this.handleClick,onKeyDown:this.handleKeyDown,tabindex:0},this.renderSource(),this.renderContent())}isItemClickable(){var t;return!!(null===(t=this.item)||void 0===t?void 0:t.clickable)}renderSource(){return r("div",{class:"header"},this.renderIcon(),this.renderCaption(),this.renderTimestamp(),this.renderUnpromotedActionsMenu())}renderIcon(){var t,e,i,o;if(this.item.icon)return r("limel-icon",{class:"icon",badge:!0,name:null!==(e=null===(t=this.item.icon)||void 0===t?void 0:t.name)&&void 0!==e?e:"dot_circle",style:{color:`${null===(i=this.item.icon)||void 0===i?void 0:i.color}`,"background-color":`${null===(o=this.item.icon)||void 0===o?void 0:o.backgroundColor}`}})}renderContent(){return r("div",{class:"content"},r("div",{class:"body"},this.renderHeadline(),this.renderValue()),this.renderAuthorPicture())}renderHeadline(){if(this.item.heading)return r("div",{class:"headline"},this.renderHeading())}getAuthorLink(){if(!this.item.author)return;if("string"==typeof this.item.author.name)return this.item.author.name;const{href:t,text:e}=this.item.author.name;return`[${e}](${t})`}renderAuthorPicture(){var t;if(null===(t=this.item.author)||void 0===t?void 0:t.picture)return r("img",{class:"author-avatar",loading:"lazy",src:this.item.author.picture})}renderCaption(){if(this.item.caption)return r("h2",{class:"caption"},this.item.caption)}renderValue(){if(this.item.value)return r("limel-markdown",{class:"body-text",value:this.item.value})}renderUnpromotedActionsMenu(){var t,e;if(!(null===(t=this.item.unpromotedActions)||void 0===t?void 0:t.length))return;const i=this.item.unpromotedActions.map(this.createMenuItem);return r("limel-menu",{class:"unpromoted-actions-menu",items:i,openDirection:"bottom-end",onSelect:this.handleMenuItemSelect},r("limel-icon-button",{icon:"menu_2",slot:"trigger",label:null===(e=this.translator)||void 0===e?void 0:e.get("webclient.more-actions")}))}renderTimestamp(){const t=this.item.timestamp;if(t)return r("span",{class:"timestamp"},this.dateTimeFormatter.format(t,"timeofday"))}get dateTimeFormatter(){return this.platform.get(a.DateTimeFormatter)}get translator(){var t;return null===(t=this.platform)||void 0===t?void 0:t.get(a.Translate)}get commandbus(){var t;return null===(t=this.platform)||void 0===t?void 0:t.get(a.CommandBus)}static get style(){return'@charset "UTF-8";*{box-sizing:border-box}:host(limebb-notification-item){isolation:isolate;position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:0.25rem;margin-left:0.5rem;border-radius:0.75rem;border:1px solid rgb(var(--contrast-500))}:host(limebb-notification-item):before{content:"";display:block;position:absolute;left:-1rem;top:0.85rem;border-radius:50%;height:0.5rem;width:0.5rem;transition:background-color 0.2s ease, scale 0.2s cubic-bezier(0.82, 0.3, 0.14, 1.36);scale:var(--limebb-notification-item-unread-badge-scale, 0.6);background-color:var(--limebb-notification-item-unread-badge-color, transparent)}:host(limebb-notification-item:hover) .timestamp{color:rgb(var(--contrast-1100))}:host(limebb-notification-item:hover) .body-text{opacity:1}.header{display:flex;align-items:center;gap:0.25rem;min-height:2rem;padding:0 0 0 0.25rem;margin-bottom:0.25rem}.header:not(:has(.icon)){padding-left:0.75rem}.header:not(:has(.unpromoted-actions-menu)){padding-right:0.5rem}.caption,.timestamp{font-size:0.75rem}.caption{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;flex-grow:1;font-weight:600;color:rgb(var(--contrast-900))}.timestamp{flex-shrink:0;margin-left:auto;transition:color 0.4s ease, opacity 0.2s ease;color:rgb(var(--contrast-900))}.headline{display:flex;gap:0.25rem;align-items:center}.content{display:flex;min-width:0;gap:0.5rem;padding:0 0.75rem 0.5rem 0.75rem}.heading{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.5rem;font-size:0.875rem;--markdown-hyperlink-color:var(--mdc-theme-primary);--markdown-hyperlink-color--hovered:rgb(var(--color-teal-light))}.body{display:flex;flex-direction:column;gap:0.5rem}.body-text{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:4.25rem;transition:opacity 0.2s ease;opacity:0.7}.icon{--icon-background-color:var(--limebb-feed-background-color);flex-shrink:0;width:1.5rem;padding:0.125rem}.author-avatar{border-radius:50%;width:2rem;height:2rem;object-fit:cover;margin-top:auto;margin-right:-0.25rem;margin-left:auto;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.author{font-weight:bold;text-decoration:none;white-space:nowrap}a.author{position:relative;cursor:pointer;transition:color 0.2s ease;color:var(--mdc-theme-primary)}a.author: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)}a.author:hover{color:rgb(var(--color-teal-light))}a.author:hover:before{opacity:0.3;transform:scale(1)}limel-chip-set{--button-shadow-normal:none;margin-left:-1rem;margin-bottom:-0.5rem}'}},[1,"limebb-notification-item",{platform:[16],context:[16],item:[16]}]);function l(){"undefined"!=typeof customElements&&["limebb-notification-item"].forEach((t=>{"limebb-notification-item"===t&&(customElements.get(n(t))||customElements.define(n(t),s))}))}export{s as N,l as d}

package/dist/components/order-by-editor.js

@@ -1,139 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './order-by-item.js';
-import { d as defineCustomElement$1 } from './property-selector.js';
-
-const orderByEditorCss = ":host(limebb-lime-query-order-by-editor){display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header h4{margin:0;font-size:1rem;font-weight:600;color:rgb(var(--contrast-1000))}.order-by-list{display:flex;flex-direction:column;gap:1rem;border:1px solid rgb(var(--contrast-300));border-radius:0.25rem;background-color:rgb(var(--contrast-50));min-height:4rem}.order-by-item{padding:0.5rem;border-radius:0.25rem;transition:background-color 0.2s}.order-by-item:hover{background-color:rgb(var(--contrast-100))}.actions{display:flex;width:100%}.summary{display:flex;justify-content:space-between;align-items:center;padding-top:0.5rem;border-top:1px solid rgb(var(--contrast-300))}.summary .count{font-size:0.875rem;font-weight:500;color:rgb(var(--contrast-900))}limel-header.is-narrow{--header-top-right-left-border-radius:0;width:calc(100% + var(--limebb-lime-query-builder-visual-mode-padding) * 2);margin-left:calc(var(--limebb-lime-query-builder-visual-mode-padding) * -1)}.empty-state{padding:0 2rem;text-align:center;color:rgb(var(--contrast-700))}";
-const LimebbLimeQueryOrderByEditorStyle0 = orderByEditorCss;
-
-const OrderByEditor = /*@__PURE__*/ proxyCustomElement(class OrderByEditor extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.change = createEvent(this, "change", 7);
-        /**
-         * Optional label
-         */
-        this.label = 'Sort Order';
-        this.items = [];
-        this.handleItemChange = (index) => (event) => {
-            event.stopPropagation();
-            const newItems = [...this.items];
-            if (event.detail === null) {
-                // Remove item
-                newItems.splice(index, 1);
-            }
-            else {
-                // Update item
-                newItems[index] = event.detail;
-            }
-            this.items = newItems;
-            this.emitChange();
-        };
-        this.handleAddSortField = () => {
-            // Add new item with empty path and ASC direction
-            this.items = [...this.items, { '': 'ASC' }];
-            this.emitChange();
-        };
-    }
-    componentWillLoad() {
-        if (this.value && this.value.length > 0) {
-            this.items = [...this.value];
-        }
-    }
-    handleValueChange(newValue) {
-        if (!newValue) {
-            return;
-        }
-        // Check if items have changed
-        const itemsChanged = newValue.length !== this.items.length ||
-            !newValue.every((item, index) => {
-                const currentItem = this.items[index];
-                if (!currentItem)
-                    return false;
-                const itemKey = Object.keys(item)[0];
-                const currentKey = Object.keys(currentItem)[0];
-                return (itemKey === currentKey &&
-                    item[itemKey] === currentItem[currentKey]);
-            });
-        if (itemsChanged) {
-            this.items = newValue.length > 0 ? [...newValue] : [];
-        }
-    }
-    render() {
-        return (h(Host, { key: 'd99da16b1ba63352f83dfd7f9edaa5c9fd7d97cc' }, this.renderEmptyState(), this.renderOrderByEditor()));
-    }
-    renderEmptyState() {
-        if (this.limetype) {
-            return null;
-        }
-        return (h("div", { class: "empty-state" }, h("p", null, "Select a limetype to configure sorting")));
-    }
-    renderOrderByEditor() {
-        if (!this.limetype) {
-            return null;
-        }
-        return [
-            this.renderHeader(),
-            this.renderOrderByList(),
-            this.renderActions(),
-        ];
-    }
-    renderHeader() {
-        return (h("limel-header", { class: "is-narrow", heading: this.label, icon: "sorting_arrows" }));
-    }
-    renderOrderByList() {
-        if (this.items.length === 0) {
-            return null;
-        }
-        return (h("div", { class: "order-by-list" }, this.items.map((item, index) => this.renderItem(item, index))));
-    }
-    renderActions() {
-        return (h("limel-button", { label: "Add Sort Field", icon: "plus_math", onClick: this.handleAddSortField }));
-    }
-    renderItem(item, index) {
-        const propertyPath = Object.keys(item)[0] || '';
-        return (h("limebb-lime-query-order-by-item", { key: `${propertyPath}-${index}`, class: "order-by-item", platform: this.platform, context: this.context, limetype: this.limetype, item: item, onItemChange: this.handleItemChange(index) }));
-    }
-    emitChange() {
-        this.change.emit(this.items);
-    }
-    static get watchers() { return {
-        "value": ["handleValueChange"]
-    }; }
-    static get style() { return LimebbLimeQueryOrderByEditorStyle0; }
-}, [1, "limebb-lime-query-order-by-editor", {
-        "platform": [16],
-        "context": [16],
-        "limetype": [1],
-        "value": [16],
-        "label": [1],
-        "items": [32]
-    }, undefined, {
-        "value": ["handleValueChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-lime-query-order-by-editor", "limebb-lime-query-order-by-item", "limebb-property-selector"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-lime-query-order-by-editor":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, OrderByEditor);
-            }
-            break;
-        case "limebb-lime-query-order-by-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "limebb-property-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { OrderByEditor as O, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as i,Host as s,transformTag as o}from"@stencil/core/internal/client";import{d as l}from"./order-by-item.js";import{d as n}from"./property-selector.js";const a=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=t(this,"change",7),this.label="Sort Order",this.items=[],this.handleItemChange=e=>r=>{r.stopPropagation();const t=[...this.items];null===r.detail?t.splice(e,1):t[e]=r.detail,this.items=t,this.emitChange()},this.handleAddSortField=()=>{this.items=[...this.items,{"":"ASC"}],this.emitChange()}}componentWillLoad(){this.value&&this.value.length>0&&(this.items=[...this.value])}handleValueChange(e){e&&(e.length!==this.items.length||!e.every(((e,r)=>{const t=this.items[r];if(!t)return!1;const i=Object.keys(e)[0],s=Object.keys(t)[0];return i===s&&e[i]===t[s]})))&&(this.items=e.length>0?[...e]:[])}render(){return i(s,{key:"455f24330db2e3194178c446920d6936fc1fdecc"},this.renderEmptyState(),this.renderOrderByEditor())}renderEmptyState(){return this.limetype?null:i("div",{class:"empty-state"},i("p",null,"Select a limetype to configure sorting"))}renderOrderByEditor(){return this.limetype?[this.renderHeader(),this.renderOrderByList(),this.renderActions()]:null}renderHeader(){return i("limel-header",{class:"is-narrow",heading:this.label,icon:"sorting_arrows"})}renderOrderByList(){return 0===this.items.length?null:i("div",{class:"order-by-list"},this.items.map(((e,r)=>this.renderItem(e,r))))}renderActions(){return i("limel-button",{label:"Add Sort Field",icon:"plus_math",onClick:this.handleAddSortField})}renderItem(e,r){const t=Object.keys(e)[0]||"";return i("limebb-lime-query-order-by-item",{key:`${t}-${r}`,class:"order-by-item",platform:this.platform,context:this.context,limetype:this.limetype,item:e,onItemChange:this.handleItemChange(r)})}emitChange(){this.change.emit(this.items)}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return":host(limebb-lime-query-order-by-editor){display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header h4{margin:0;font-size:1rem;font-weight:600;color:rgb(var(--contrast-1000))}.order-by-list{display:flex;flex-direction:column;gap:1rem;border:1px solid rgb(var(--contrast-300));border-radius:0.25rem;background-color:rgb(var(--contrast-50));min-height:4rem}.order-by-item{padding:0.5rem;border-radius:0.25rem;transition:background-color 0.2s}.order-by-item:hover{background-color:rgb(var(--contrast-100))}.actions{display:flex;width:100%}.summary{display:flex;justify-content:space-between;align-items:center;padding-top:0.5rem;border-top:1px solid rgb(var(--contrast-300))}.summary .count{font-size:0.875rem;font-weight:500;color:rgb(var(--contrast-900))}limel-header.is-narrow{--header-top-right-left-border-radius:0;width:calc(100% + var(--limebb-lime-query-builder-visual-mode-padding) * 2);margin-left:calc(var(--limebb-lime-query-builder-visual-mode-padding) * -1)}.empty-state{padding:0 2rem;text-align:center;color:rgb(var(--contrast-700))}"}},[1,"limebb-lime-query-order-by-editor",{platform:[16],context:[16],limetype:[1],value:[16],label:[1],items:[32]},void 0,{value:[{handleValueChange:0}]}]);function d(){"undefined"!=typeof customElements&&["limebb-lime-query-order-by-editor","limebb-lime-query-order-by-item","limebb-property-selector"].forEach((e=>{switch(e){case"limebb-lime-query-order-by-editor":customElements.get(o(e))||customElements.define(o(e),a);break;case"limebb-lime-query-order-by-item":customElements.get(o(e))||l();break;case"limebb-property-selector":customElements.get(o(e))||n()}}))}export{a as O,d}

package/dist/components/order-by-item.js

@@ -1,73 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$1 } from './property-selector.js';
-
-const orderByItemCss = "*{box-sizing:border-box}:host(limebb-lime-query-order-by-item){box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;gap:0.5rem;width:100%}limebb-property-selector{flex-grow:1}.control-buttons{flex-shrink:0;display:flex;align-items:center;gap:0.25rem}";
-const LimebbLimeQueryOrderByItemStyle0 = orderByItemCss;
-
-const OrderByItemComponent = /*@__PURE__*/ proxyCustomElement(class OrderByItemComponent extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.itemChange = createEvent(this, "itemChange", 7);
-        this.handlePathChange = (event) => {
-            event.stopPropagation();
-            const newPath = event.detail;
-            if (!newPath) {
-                // If path is cleared, keep the current item but with empty path
-                const currentDirection = this.item[Object.keys(this.item)[0]] || 'ASC';
-                this.itemChange.emit({ '': currentDirection });
-                return;
-            }
-            // Get current direction
-            const currentPath = Object.keys(this.item)[0];
-            const currentDirection = this.item[currentPath] || 'ASC';
-            // Create new item with new path but same direction
-            const newItem = { [newPath]: currentDirection };
-            this.itemChange.emit(newItem);
-        };
-        this.handleToggleDirection = () => {
-            const propertyPath = Object.keys(this.item)[0] || '';
-            const currentDirection = this.item[propertyPath] || 'ASC';
-            const newDirection = currentDirection === 'ASC' ? 'DESC' : 'ASC';
-            const newItem = { [propertyPath]: newDirection };
-            this.itemChange.emit(newItem);
-        };
-        this.handleRemove = () => {
-            this.itemChange.emit(null);
-        };
-    }
-    render() {
-        const propertyPath = Object.keys(this.item)[0] || '';
-        const direction = this.item[propertyPath] || 'ASC';
-        return (h(Host, { key: '21cad0f39f274379cb7039e4890972d9913c2ecd' }, h("limebb-property-selector", { key: 'd006e27718f4a15f5a0ed2ce24be471dbf76a24c', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: 'dfa908694cdb8c305e1377d8a15cf66623727527', class: "control-buttons" }, h("limel-icon-button", { key: 'bfbe3ce1f78ba6a313ad35d0134e61b101425042', icon: direction === 'ASC'
-                ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '0ce8594441308c30b1d3575dfb5f3ccd2bfbd484', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
-    }
-    static get style() { return LimebbLimeQueryOrderByItemStyle0; }
-}, [1, "limebb-lime-query-order-by-item", {
-        "platform": [16],
-        "context": [16],
-        "limetype": [1],
-        "item": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-lime-query-order-by-item", "limebb-property-selector"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-lime-query-order-by-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, OrderByItemComponent);
-            }
-            break;
-        case "limebb-property-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { OrderByItemComponent as O, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,Host as r,transformTag as o}from"@stencil/core/internal/client";import{d as l}from"./property-selector.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.itemChange=i(this,"itemChange",7),this.handlePathChange=e=>{e.stopPropagation();const t=e.detail;if(!t){const e=this.item[Object.keys(this.item)[0]]||"ASC";return void this.itemChange.emit({"":e})}const i=Object.keys(this.item)[0],s=this.item[i]||"ASC";this.itemChange.emit({[t]:s})},this.handleToggleDirection=()=>{const e=Object.keys(this.item)[0]||"",t="ASC"===(this.item[e]||"ASC")?"DESC":"ASC";this.itemChange.emit({[e]:t})},this.handleRemove=()=>{this.itemChange.emit(null)}}render(){const e=Object.keys(this.item)[0]||"",t=this.item[e]||"ASC";return s(r,{key:"9c9063d5089621e396a49050163649d3db4f150b"},s("limebb-property-selector",{key:"7c51b19d936d241ded4374afc5e252b8ab53ea5a",platform:this.platform,context:this.context,limetype:this.limetype,label:"Property",value:e,required:!0,onChange:this.handlePathChange}),s("div",{key:"a784f8501d526018e640a4e8c1a18bf21bf9cdfd",class:"control-buttons"},s("limel-icon-button",{key:"91a346f719c56389b744939181173204704baea4",icon:"ASC"===t?"sort_ascending":"sort_descending",label:"ASC"===t?"Ascending":"Descending",onClick:this.handleToggleDirection}),s("limel-icon-button",{key:"9f243511134e709a5625122b32cbfbc6f3eeae0a",icon:"trash",label:"Remove",onClick:this.handleRemove})))}static get style(){return"*{box-sizing:border-box}:host(limebb-lime-query-order-by-item){box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;gap:0.5rem;width:100%}limebb-property-selector{flex-grow:1}.control-buttons{flex-shrink:0;display:flex;align-items:center;gap:0.25rem}"}},[1,"limebb-lime-query-order-by-item",{platform:[16],context:[16],limetype:[1],item:[16]}]);function c(){"undefined"!=typeof customElements&&["limebb-lime-query-order-by-item","limebb-property-selector"].forEach((e=>{switch(e){case"limebb-lime-query-order-by-item":customElements.get(o(e))||customElements.define(o(e),n);break;case"limebb-property-selector":customElements.get(o(e))||l()}}))}export{n as O,c as d}

package/dist/components/percentage-class.js

@@ -1,64 +1 @@
-/**
- * Determines the appropriate CSS class name based on a percentage value.
- *
- * This function categorizes percentage values into discrete ranges with
- * increments of 10%.
- * It returns a class name string that can be used to apply styling based
- * on the value.
- *
- * For example:
- * - A value of 35 will return "has-value-30to40-positive"
- * - A value of -75 will return "has-value-80to70-negative"
- * - A value of 0 will return "has-value-0"
- * - Values over 200 or under -200 will return "has-value-200or-larger-positive"
- * or "has-value-200or-larger-negative"
- *
- * The returned class names can be used in CSS to apply different colors,
- * transformations, or other visual treatments based on the percentage range.
- *
- * @param value - The percentage value to classify,
- * can be positive, negative, or zero
- * @returns A class name string representing the percentage range,
- * or an empty string if value is null
- */
-function getPercentageClass(value) {
-    if (value === 0) {
-        return 'has-value-0';
-    }
-    if (value === null) {
-        return '';
-    }
-    const ranges = [
-        { min: 200, max: Infinity, class: 'has-value-200or-larger' },
-        { min: 100, max: 200, class: 'has-value-100to200' },
-        { min: 90, max: 100, class: 'has-value-90to100' },
-        { min: 80, max: 90, class: 'has-value-80to90' },
-        { min: 70, max: 80, class: 'has-value-70to80' },
-        { min: 60, max: 70, class: 'has-value-60to70' },
-        { min: 50, max: 60, class: 'has-value-50to60' },
-        { min: 40, max: 50, class: 'has-value-40to50' },
-        { min: 30, max: 40, class: 'has-value-30to40' },
-        { min: 20, max: 30, class: 'has-value-20to30' },
-        { min: 10, max: 20, class: 'has-value-10to20' },
-        { min: 0, max: 10, class: 'has-value-0to10' },
-        { min: -10, max: 0, class: 'has-value-10to0' },
-        { min: -20, max: -10, class: 'has-value-20to10' },
-        { min: -30, max: -20, class: 'has-value-30to20' },
-        { min: -40, max: -30, class: 'has-value-40to30' },
-        { min: -50, max: -40, class: 'has-value-50to40' },
-        { min: -60, max: -50, class: 'has-value-60to50' },
-        { min: -70, max: -60, class: 'has-value-70to60' },
-        { min: -80, max: -70, class: 'has-value-80to70' },
-        { min: -90, max: -80, class: 'has-value-90to80' },
-        { min: -100, max: -90, class: 'has-value-100to90' },
-        { min: -200, max: -100, class: 'has-value-200to100' },
-        { min: -Infinity, max: -200, class: 'has-value-200or-larger' },
-    ];
-    const range = ranges.find((r) => value >= r.min && value < r.max);
-    if (!range) {
-        return '';
-    }
-    return `${range.class}-${value > 0 ? 'positive' : 'negative'}`;
-}
-
-export { getPercentageClass as g };
+function a(a){if(0===a)return"has-value-0";if(null===a)return"";const s=[{min:200,max:1/0,class:"has-value-200or-larger"},{min:100,max:200,class:"has-value-100to200"},{min:90,max:100,class:"has-value-90to100"},{min:80,max:90,class:"has-value-80to90"},{min:70,max:80,class:"has-value-70to80"},{min:60,max:70,class:"has-value-60to70"},{min:50,max:60,class:"has-value-50to60"},{min:40,max:50,class:"has-value-40to50"},{min:30,max:40,class:"has-value-30to40"},{min:20,max:30,class:"has-value-20to30"},{min:10,max:20,class:"has-value-10to20"},{min:0,max:10,class:"has-value-0to10"},{min:-10,max:0,class:"has-value-10to0"},{min:-20,max:-10,class:"has-value-20to10"},{min:-30,max:-20,class:"has-value-30to20"},{min:-40,max:-30,class:"has-value-40to30"},{min:-50,max:-40,class:"has-value-50to40"},{min:-60,max:-50,class:"has-value-60to50"},{min:-70,max:-60,class:"has-value-70to60"},{min:-80,max:-70,class:"has-value-80to70"},{min:-90,max:-80,class:"has-value-90to80"},{min:-100,max:-90,class:"has-value-100to90"},{min:-200,max:-100,class:"has-value-200to100"},{min:-1/0,max:-200,class:"has-value-200or-larger"}].find((s=>a>=s.min&&a<s.max));return s?`${s.class}-${a>0?"positive":"negative"}`:""}export{a as g}