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

package/dist/components/limebb-info-tile.js

@@ -1,626 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c, a as ar, f as fr, Z as Ze, s as sr, r as re } from './index.esm.js';
-import { i as isArrayLike, a as isBuffer, b as isTypedArray, c as isArguments, g as getTag, d as isPrototype, e as baseKeys } from './_getTag.js';
-import { i as isArray } from './_Map.js';
-
-/** `Object#toString` result references. */
-var mapTag = '[object Map]',
-    setTag = '[object Set]';
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto.hasOwnProperty;
-
-/**
- * Checks if `value` is an empty object, collection, map, or set.
- *
- * Objects are considered empty if they have no own enumerable string keyed
- * properties.
- *
- * Array-like values such as `arguments` objects, arrays, buffers, strings, or
- * jQuery-like collections are considered empty if they have a `length` of `0`.
- * Similarly, maps and sets are considered empty if they have a `size` of `0`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is empty, else `false`.
- * @example
- *
- * _.isEmpty(null);
- * // => true
- *
- * _.isEmpty(true);
- * // => true
- *
- * _.isEmpty(1);
- * // => true
- *
- * _.isEmpty([1, 2, 3]);
- * // => false
- *
- * _.isEmpty({ 'a': 1 });
- * // => false
- */
-function isEmpty(value) {
-  if (value == null) {
-    return true;
-  }
-  if (isArrayLike(value) &&
-      (isArray(value) || typeof value == 'string' || typeof value.splice == 'function' ||
-        isBuffer(value) || isTypedArray(value) || isArguments(value))) {
-    return !value.length;
-  }
-  var tag = getTag(value);
-  if (tag == mapTag || tag == setTag) {
-    return !value.size;
-  }
-  if (isPrototype(value)) {
-    return !baseKeys(value).length;
-  }
-  for (var key in value) {
-    if (hasOwnProperty.call(value, key)) {
-      return false;
-    }
-  }
-  return true;
-}
-
-/**
- * Context provider for the info-tile component.
- *
- * This provider contributes contextual information about an info tile
- * to the AI chat feature, including the limetype, filter, aggregation
- * method, and current value.
- *
- * @alpha
- */
-class InfoTileContextProvider {
-    /**
-     * Create an InfoTileContextProvider.
-     *
-     * @param getState - Function that returns the current tile state
-     */
-    constructor(getState) {
-        this.getState = getState;
-        this.contextType = 'info-tile';
-    }
-    getContext() {
-        const { limetype, filterId, filterName, aggregateOperator, propertyName, value, label, } = this.getState();
-        if (!limetype || !filterId) {
-            console.debug('InfoTileContextProvider: No limetype or filterId available');
-            return null;
-        }
-        const data = {
-            widgetType: 'info-tile',
-            limetype,
-            filterId,
-        };
-        if (filterName) {
-            data.filterName = filterName;
-        }
-        data.aggregateOperator = aggregateOperator;
-        if (propertyName) {
-            data.propertyName = propertyName;
-        }
-        if (value !== undefined) {
-            data.value = value;
-        }
-        if (label) {
-            data.label = label;
-        }
-        return {
-            data,
-            purpose: 'Shows an aggregated value from a filter. ' +
-                'Clicking navigates to the explorer with that filter applied.',
-        };
-    }
-}
-
-class InfoTileLoader {
-    constructor(platform, filters = []) {
-        this.platform = platform;
-        this.filters = filters;
-    }
-    async load(aggregator, context) {
-        let value;
-        if (this.isObjectIdentifier(context)) {
-            value = await this.loadLimeObjectInfoTile(aggregator, context);
-        }
-        else {
-            value = await this.loadBasicInfoTile(aggregator);
-        }
-        return value;
-    }
-    async loadBasicInfoTile(aggregator) {
-        const filter = this.getFilter(aggregator.filter);
-        if (!filter) {
-            throw new Error(`Filter "${aggregator.filter}" not found`);
-        }
-        const result = await this.query.execute({
-            limetype: filter.limetype,
-            responseFormat: {
-                aggregates: {
-                    infotiles: {
-                        value: {
-                            op: aggregator.operator,
-                            key: aggregator.name,
-                        },
-                    },
-                },
-            },
-            filter: filter.filter,
-        });
-        return result.aggregates.infotiles[0].value;
-    }
-    async loadLimeObjectInfoTile(aggregator, identifier) {
-        await this.objectRepository.loadObject(identifier.limetype, identifier.id, {
-            properties: [aggregator],
-        });
-        const limeobject = this.objectRepository.getObject(identifier.limetype, identifier.id);
-        return limeobject === null || limeobject === void 0 ? void 0 : limeobject.getValue([aggregator.name, aggregator.key].join('.'));
-    }
-    isObjectIdentifier(context) {
-        return Boolean((context === null || context === void 0 ? void 0 : context.limetype) && (context === null || context === void 0 ? void 0 : context.id));
-    }
-    getFilter(id) {
-        return this.filters.find((filter) => filter.id === id);
-    }
-    get query() {
-        return this.platform.get(c.Query);
-    }
-    get objectRepository() {
-        return this.platform.get(c.LimeObjectRepository);
-    }
-}
-
-class BasicFormatter {
-    constructor(locale) {
-        this.locale = locale;
-    }
-    format(value) {
-        let formattedValue = String(value);
-        if (typeof value === 'number') {
-            formattedValue = new Intl.NumberFormat(this.locale).format(value);
-        }
-        else if (new Date(value).getTime()) {
-            formattedValue = new Intl.DateTimeFormat(this.locale).format(new Date(value));
-        }
-        return {
-            value: formattedValue,
-        };
-    }
-}
-
-class DateTimeFormatter {
-    constructor(locale) {
-        this.locale = locale;
-    }
-    format(value, format) {
-        const date = new Date(value);
-        return {
-            prefix: this.formatAffix('prefix', date, format),
-            value: this.formatValue(date, format),
-            suffix: this.formatAffix('suffix', date, format),
-        };
-    }
-    formatValue(date, format) {
-        const options = Object.assign({}, format.options);
-        if (format.prefix)
-            for (const prefix of format.prefix) {
-                delete options[prefix];
-            }
-        if (format.suffix)
-            for (const suffix of format.suffix) {
-                delete options[suffix];
-            }
-        const formatter = new Intl.DateTimeFormat(this.locale, options);
-        return formatter.format(date);
-    }
-    formatAffix(affix, date, format) {
-        const options = Object.assign({}, format.options);
-        for (const option of Object.keys(options)) {
-            if (option === 'hour12') {
-                continue;
-            }
-            if ((format[affix] || []).includes(option)) {
-                continue;
-            }
-            delete options[option];
-        }
-        if (Object.values(options).filter(Boolean).length === 0) {
-            return;
-        }
-        const formatter = new Intl.DateTimeFormat(this.locale, options);
-        return formatter.format(date);
-    }
-}
-
-class NumberFormatter {
-    constructor(locale) {
-        this.locale = locale;
-    }
-    format(value, format) {
-        var _a, _b;
-        const formatter = new Intl.NumberFormat(this.locale, format.options);
-        const parts = formatter.formatToParts(value);
-        let prefix = '';
-        let number = '';
-        let suffix = '';
-        for (const part of parts) {
-            if ((_a = format.prefix) === null || _a === void 0 ? void 0 : _a.includes(part.type)) {
-                prefix += part.value;
-            }
-            else if ((_b = format.suffix) === null || _b === void 0 ? void 0 : _b.includes(part.type)) {
-                suffix += part.value;
-            }
-            else {
-                number += part.value;
-            }
-        }
-        if (!number) {
-            number = formatter.format(value);
-            prefix = '';
-            suffix = '';
-        }
-        return {
-            prefix: prefix,
-            value: number,
-            suffix: suffix,
-        };
-    }
-}
-
-class RelativeDateFormatter {
-    constructor(locale) {
-        this.locale = locale;
-    }
-    format(value, format) {
-        const formatter = new Intl.RelativeTimeFormat(this.locale, format.options);
-        const { value: relativeTime, unit } = this.getRelativeTime(value);
-        const parts = formatter.formatToParts(relativeTime, unit);
-        let prefix = '';
-        let formattedValue = '';
-        let suffix = '';
-        for (const part of parts) {
-            if (part.type === 'literal' && !formattedValue) {
-                prefix += part.value;
-            }
-            else if (part.type === 'literal' && formattedValue) {
-                suffix += part.value;
-            }
-            else {
-                formattedValue += part.value;
-            }
-        }
-        if (!formattedValue) {
-            formattedValue = prefix || suffix;
-            prefix = '';
-            suffix = '';
-        }
-        return {
-            prefix: prefix,
-            value: formattedValue,
-            suffix: suffix,
-        };
-    }
-    getRelativeTime(value) {
-        const date = new Date(value);
-        const now = new Date();
-        const diffInMs = date.getTime() - now.getTime();
-        const times = [
-            { unit: 'year', value: 1000 * 60 * 60 * 24 * 365 },
-            { unit: 'month', value: 1000 * 60 * 60 * 24 * 30 },
-            { unit: 'week', value: 1000 * 60 * 60 * 24 * 7 },
-            { unit: 'day', value: 1000 * 60 * 60 * 24 },
-            { unit: 'hour', value: 1000 * 60 * 60 },
-            { unit: 'minute', value: 1000 * 60 },
-            { unit: 'second', value: 1000 },
-        ];
-        for (const time of times) {
-            const diff = diffInMs / time.value;
-            if (Math.abs(diff) >= 1) {
-                return { value: Math.round(diff), unit: time.unit };
-            }
-        }
-        return { value: 0, unit: 'second' };
-    }
-}
-
-class InfoTileFormatterFactory {
-    constructor(locale) {
-        this.locale = locale;
-    }
-    createFormatter(format, value) {
-        if ((format === null || format === void 0 ? void 0 : format.type) === 'number' && typeof value === 'number') {
-            return new NumberFormatter(this.locale);
-        }
-        if ((format === null || format === void 0 ? void 0 : format.type) === 'date' && typeof value === 'string') {
-            return new DateTimeFormatter(this.locale);
-        }
-        if ((format === null || format === void 0 ? void 0 : format.type) === 'relative-date' && typeof value === 'string') {
-            return new RelativeDateFormatter(this.locale);
-        }
-        return new BasicFormatter(this.locale);
-    }
-}
-
-const infoTileCss = ":host(limebb-info-tile){display:block;overflow:visible !important;background-color:transparent !important}limel-info-tile.error{--info-tile-icon-color:rgb(var(--color-red-dark));border:1px dashed rgb(var(--contrast-500));border-radius:var(--info-tile-border-radius, 1rem)}";
-const LimebbInfoTileStyle0 = infoTileCss;
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const InfoTile = /*@__PURE__*/ proxyCustomElement(class InfoTile extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * Type of aggregation operator to use
-         */
-        this.aggregateOperator = sr.Count;
-        this.loading = false;
-        this.error = false;
-    }
-    connectedCallback() {
-        this.registerContextProvider();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.unregisterContextProvider) === null || _a === void 0 ? void 0 : _a.call(this);
-    }
-    componentWillLoad() {
-        this.loadInfoTileValue();
-    }
-    watchFilterId() {
-        this.loadInfoTileValue();
-    }
-    watchPropertyName() {
-        this.loadInfoTileValue();
-    }
-    watchAggregateOperator() {
-        this.loadInfoTileValue();
-    }
-    async loadInfoTileValue() {
-        this.loading = true;
-        this.error = false;
-        const filter = this.getFilter();
-        if (!filter) {
-            this.error = true;
-            return;
-        }
-        try {
-            const aggregator = {
-                key: this.getKey(),
-                name: this.propertyName,
-                operator: this.aggregateOperator,
-                filter: this.filterId,
-            };
-            this.value = await this.loader.load(aggregator, this.context);
-        }
-        catch (error) {
-            console.error(error);
-            this.error = true;
-        }
-        this.loading = false;
-    }
-    getKey() {
-        const RADIX = 36;
-        const START = 2;
-        // eslint-disable-next-line sonarjs/pseudo-random
-        return Math.random().toString(RADIX).slice(START);
-    }
-    render() {
-        var _a, _b;
-        const filter = this.getFilter();
-        const value = this.getFormattedValue();
-        const baseProps = {
-            disabled: this.disabled,
-            icon: this.icon,
-            prefix: ((_a = value === null || value === void 0 ? void 0 : value.prefix) === null || _a === void 0 ? void 0 : _a.trim()) || this.prefix,
-            suffix: ((_b = value === null || value === void 0 ? void 0 : value.suffix) === null || _b === void 0 ? void 0 : _b.trim()) || this.suffix,
-        };
-        const errorProps = Object.assign(Object.assign({}, baseProps), { icon: 'error', prefix: 'ERROR', loading: true, label: this.getLabel(filter) });
-        const normalProps = Object.assign(Object.assign({}, baseProps), { label: this.getLabel(filter), link: this.getLink(filter), loading: this.loading, value: value === null || value === void 0 ? void 0 : value.value.trim() });
-        const props = !filter || this.error ? errorProps : normalProps;
-        return (h("limel-info-tile", Object.assign({ key: '95cff868253a68eefdf7845a344c41c5b37a2bb8', class: { error: !filter || this.error } }, props)));
-    }
-    getFormattedValue() {
-        if (!this.value && this.value !== 0) {
-            return {
-                value: '',
-            };
-        }
-        try {
-            return this.getFormatter(this.value).format(this.value, this.format);
-        }
-        catch (_a) {
-            const formatter = new BasicFormatter(this.language);
-            return formatter.format(this.value);
-        }
-    }
-    getLabel(filter) {
-        if (!filter) {
-            return 'No filter set is selected';
-        }
-        if (typeof this.label === 'string') {
-            return this.translator.get(this.label);
-        }
-        if (this.label && typeof this.label === 'object') {
-            return this.getLocalizedString(this.label);
-        }
-        return this.getLocalizedString(filter.name);
-    }
-    getLocalizedString(strings) {
-        if (isEmpty(strings)) {
-            return '';
-        }
-        let localizedString = strings[this.language];
-        if (!localizedString) {
-            localizedString =
-                strings.en ||
-                    strings.en_us ||
-                    Object.values(localizedString !== null && localizedString !== void 0 ? localizedString : {}).find((name) => !!name);
-        }
-        return localizedString !== null && localizedString !== void 0 ? localizedString : '';
-    }
-    getLink(filter) {
-        if (!filter) {
-            return { href: '#' };
-        }
-        const baseHref = ['explorer', filter.limetype, filter.id].join('/');
-        const relationPropertyName = this.getRelationPropertyName(this.limetypes[filter.limetype]);
-        const contextAwareFilter = this.buildContextAwareFilter(filter.filter, relationPropertyName);
-        if (!contextAwareFilter) {
-            return { href: baseHref };
-        }
-        const filterQuery = encodeURIComponent(JSON.stringify(contextAwareFilter));
-        return { href: `${baseHref}?filter=${filterQuery}` };
-    }
-    buildContextAwareFilter(filter, relationPropertyName) {
-        if (!relationPropertyName) {
-            return filter;
-        }
-        const relationFilter = {
-            key: relationPropertyName,
-            op: re.EQUALS,
-            exp: this.context.id,
-        };
-        if (!filter) {
-            return {
-                relationFilter,
-            };
-        }
-        return {
-            op: re.AND,
-            exp: [relationFilter, filter],
-        };
-    }
-    getFilter() {
-        var _a;
-        return (_a = this.filters) === null || _a === void 0 ? void 0 : _a.find((filter) => filter.id === this.filterId);
-    }
-    getFormatter(value) {
-        return new InfoTileFormatterFactory(this.language).createFormatter(this.format, value);
-    }
-    getRelationPropertyName(limetype) {
-        var _a, _b, _c;
-        if (!limetype || !this.context.limetype || !this.context.id) {
-            return;
-        }
-        if (this.propertyName) {
-            const currentLimeType = this.limetypes[this.context.limetype];
-            const backReference = (_b = (_a = currentLimeType === null || currentLimeType === void 0 ? void 0 : currentLimeType.getProperty(this.propertyName)) === null || _a === void 0 ? void 0 : _a.relation) === null || _b === void 0 ? void 0 : _b.getBackreference();
-            if (backReference) {
-                return backReference.name;
-            }
-        }
-        return (_c = Object.values(limetype.properties).find((property) => {
-            var _a;
-            return (((_a = property.relation) === null || _a === void 0 ? void 0 : _a.getLimetype().name) === this.context.limetype);
-        })) === null || _c === void 0 ? void 0 : _c.name;
-    }
-    get translator() {
-        return this.platform.get(c.Translate);
-    }
-    get language() {
-        return this.platform.get(c.Application).getLanguage();
-    }
-    get loader() {
-        return new InfoTileLoader(this.platform, this.filters);
-    }
-    registerContextProvider() {
-        const registry = this.platform.get(c.AIContextRegistry);
-        if (!(registry === null || registry === void 0 ? void 0 : registry.register)) {
-            return;
-        }
-        const provider = new InfoTileContextProvider(() => {
-            const filter = this.getFilter();
-            return {
-                limetype: filter === null || filter === void 0 ? void 0 : filter.limetype,
-                filterId: this.filterId,
-                filterName: filter
-                    ? this.getLocalizedString(filter.name)
-                    : undefined,
-                aggregateOperator: this.aggregateOperator,
-                propertyName: this.propertyName,
-                value: this.value,
-                label: this.getLabel(filter),
-            };
-        });
-        this.unregisterContextProvider = registry.register(provider, 
-        // This cast is needed because there's a type conflict between
-        // `HTMLElement.prefix` and `HTMLLimebbInfoTileElement.prefix`.
-        // The problem here is that this info-tile component has a property
-        // (`prefix`) with the same name as one of the native HTML attributes.
-        this.host);
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "filterId": ["watchFilterId"],
-        "propertyName": ["watchPropertyName"],
-        "aggregateOperator": ["watchAggregateOperator"]
-    }; }
-    static get style() { return LimebbInfoTileStyle0; }
-}, [1, "limebb-info-tile", {
-        "platform": [16],
-        "context": [16],
-        "filterId": [513, "filter-id"],
-        "disabled": [4],
-        "icon": [513],
-        "label": [1],
-        "prefix": [1],
-        "suffix": [1],
-        "propertyName": [1, "property-name"],
-        "aggregateOperator": [1, "aggregate-operator"],
-        "format": [16],
-        "config": [32],
-        "filters": [32],
-        "value": [32],
-        "loading": [32],
-        "error": [32],
-        "limetypes": [32]
-    }, undefined, {
-        "filterId": ["watchFilterId"],
-        "propertyName": ["watchPropertyName"],
-        "aggregateOperator": ["watchAggregateOperator"]
-    }]);
-__decorate([
-    ar({})
-], InfoTile.prototype, "config", void 0);
-__decorate([
-    fr()
-], InfoTile.prototype, "filters", void 0);
-__decorate([
-    Ze()
-], InfoTile.prototype, "limetypes", void 0);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-info-tile"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-info-tile":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InfoTile);
-            }
-            break;
-    } });
-}
-
-const LimebbInfoTile = InfoTile;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbInfoTile, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,h as i,transformTag as r}from"@stencil/core/internal/client";import{n as o,r as s,b as n,j as l,Z as a,X as u}from"./index.esm.js";import{i as h,a as c,b as f,c as d,g as p,d as v,e as g}from"./_getTag.js";import{a as m}from"./_Map.js";var b=Object.prototype.hasOwnProperty;class y{constructor(t){this.getState=t,this.contextType="info-tile"}getContext(){const{limetype:t,filterId:e,filterName:i,aggregateOperator:r,propertyName:o,value:s,label:n}=this.getState();if(!t||!e)return console.debug("InfoTileContextProvider: No limetype or filterId available"),null;const l={widgetType:"info-tile",limetype:t,filterId:e};return i&&(l.filterName=i),l.aggregateOperator=r,o&&(l.propertyName=o),void 0!==s&&(l.value=s),n&&(l.label=n),{data:l,purpose:"Shows an aggregated value from a filter. Clicking navigates to the explorer with that filter applied."}}}class w{constructor(t,e=[]){this.platform=t,this.filters=e}async load(t,e){let i;return i=this.isObjectIdentifier(e)?await this.loadLimeObjectInfoTile(t,e):await this.loadBasicInfoTile(t),i}async loadBasicInfoTile(t){const e=this.getFilter(t.filter);if(!e)throw Error(`Filter "${t.filter}" not found`);return(await this.query.execute({limetype:e.limetype,responseFormat:{aggregates:{infotiles:{value:{op:t.operator,key:t.name}}}},filter:e.filter})).aggregates.infotiles[0].value}async loadLimeObjectInfoTile(t,e){await this.objectRepository.loadObject(e.limetype,e.id,{properties:[t]});const i=this.objectRepository.getObject(e.limetype,e.id);return null==i?void 0:i.getValue([t.name,t.key].join("."))}isObjectIdentifier(t){return!(!(null==t?void 0:t.limetype)||!(null==t?void 0:t.id))}getFilter(t){return this.filters.find((e=>e.id===t))}get query(){return this.platform.get(o.Query)}get objectRepository(){return this.platform.get(o.LimeObjectRepository)}}class x{constructor(t){this.locale=t}format(t){let e=t+"";return"number"==typeof t?e=new Intl.NumberFormat(this.locale).format(t):new Date(t).getTime()&&(e=new Intl.DateTimeFormat(this.locale).format(new Date(t))),{value:e}}}class O{constructor(t){this.locale=t}format(t,e){const i=new Date(t);return{prefix:this.formatAffix("prefix",i,e),value:this.formatValue(i,e),suffix:this.formatAffix("suffix",i,e)}}formatValue(t,e){const i=Object.assign({},e.options);if(e.prefix)for(const t of e.prefix)delete i[t];if(e.suffix)for(const t of e.suffix)delete i[t];return new Intl.DateTimeFormat(this.locale,i).format(t)}formatAffix(t,e,i){const r=Object.assign({},i.options);for(const e of Object.keys(r))"hour12"!==e&&((i[t]||[]).includes(e)||delete r[e]);if(0!==Object.values(r).filter(Boolean).length)return new Intl.DateTimeFormat(this.locale,r).format(e)}}class j{constructor(t){this.locale=t}format(t,e){var i,r;const o=new Intl.NumberFormat(this.locale,e.options),s=o.formatToParts(t);let n="",l="",a="";for(const t of s)(null===(i=e.prefix)||void 0===i?void 0:i.includes(t.type))?n+=t.value:(null===(r=e.suffix)||void 0===r?void 0:r.includes(t.type))?a+=t.value:l+=t.value;return l||(l=o.format(t),n="",a=""),{prefix:n,value:l,suffix:a}}}class I{constructor(t){this.locale=t}format(t,e){const i=new Intl.RelativeTimeFormat(this.locale,e.options),{value:r,unit:o}=this.getRelativeTime(t),s=i.formatToParts(r,o);let n="",l="",a="";for(const t of s)"literal"!==t.type||l?"literal"===t.type&&l?a+=t.value:l+=t.value:n+=t.value;return l||(l=n||a,n="",a=""),{prefix:n,value:l,suffix:a}}getRelativeTime(t){const e=new Date(t),i=new Date,r=e.getTime()-i.getTime(),o=[{unit:"year",value:31536e6},{unit:"month",value:2592e6},{unit:"week",value:6048e5},{unit:"day",value:864e5},{unit:"hour",value:36e5},{unit:"minute",value:6e4},{unit:"second",value:1e3}];for(const t of o){const e=r/t.value;if(Math.abs(e)>=1)return{value:Math.round(e),unit:t.unit}}return{value:0,unit:"second"}}}class N{constructor(t){this.locale=t}createFormatter(t,e){return"number"===(null==t?void 0:t.type)&&"number"==typeof e?new j(this.locale):"date"===(null==t?void 0:t.type)&&"string"==typeof e?new O(this.locale):"relative-date"===(null==t?void 0:t.type)&&"string"==typeof e?new I(this.locale):new x(this.locale)}}var k=function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};const F=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.aggregateOperator=a.Count,this.loading=!1,this.error=!1}connectedCallback(){this.registerContextProvider()}disconnectedCallback(){var t;null===(t=this.unregisterContextProvider)||void 0===t||t.call(this)}componentWillLoad(){this.loadInfoTileValue()}watchFilterId(){this.loadInfoTileValue()}watchPropertyName(){this.loadInfoTileValue()}watchAggregateOperator(){this.loadInfoTileValue()}async loadInfoTileValue(){if(this.loading=!0,this.error=!1,this.getFilter()){try{const t={key:this.getKey(),name:this.propertyName,operator:this.aggregateOperator,filter:this.filterId};this.value=await this.loader.load(t,this.context)}catch(t){console.error(t),this.error=!0}this.loading=!1}else this.error=!0}getKey(){return Math.random().toString(36).slice(2)}render(){var t,e;const r=this.getFilter(),o=this.getFormattedValue(),s={disabled:this.disabled,icon:this.icon,prefix:(null===(t=null==o?void 0:o.prefix)||void 0===t?void 0:t.trim())||this.prefix,suffix:(null===(e=null==o?void 0:o.suffix)||void 0===e?void 0:e.trim())||this.suffix},n=Object.assign(Object.assign({},s),{icon:"error",prefix:"ERROR",loading:!0,label:this.getLabel(r)}),l=Object.assign(Object.assign({},s),{label:this.getLabel(r),link:this.getLink(r),loading:this.loading,value:null==o?void 0:o.value.trim()});return i("limel-info-tile",Object.assign({key:"ed37d3978ead3c591dc1e357b0583c6c2e5350a1",class:{error:!r||this.error}},!r||this.error?n:l))}getFormattedValue(){if(!this.value&&0!==this.value)return{value:""};try{return this.getFormatter(this.value).format(this.value,this.format)}catch(t){return new x(this.language).format(this.value)}}getLabel(t){return t?"string"==typeof this.label?this.translator.get(this.label):this.getLocalizedString(this.label&&"object"==typeof this.label?this.label:t.name):"No filter set is selected"}getLocalizedString(t){if(function(t){if(null==t)return!0;if(h(t)&&(m(t)||"string"==typeof t||"function"==typeof t.splice||c(t)||f(t)||d(t)))return!t.length;var e=p(t);if("[object Map]"==e||"[object Set]"==e)return!t.size;if(v(t))return!g(t).length;for(var i in t)if(b.call(t,i))return!1;return!0}(t))return"";let e=t[this.language];return e||(e=t.en||t.en_us||Object.values(null!=e?e:{}).find((t=>!!t))),null!=e?e:""}getLink(t){if(!t)return{href:"#"};const e=["explorer",t.limetype,t.id].join("/"),i=this.getRelationPropertyName(this.limetypes[t.limetype]),r=this.buildContextAwareFilter(t.filter,i);return r?{href:`${e}?filter=${encodeURIComponent(JSON.stringify(r))}`}:{href:e}}buildContextAwareFilter(t,e){if(!e)return t;const i={key:e,op:u.EQUALS,exp:this.context.id};return t?{op:u.AND,exp:[i,t]}:{relationFilter:i}}getFilter(){var t;return null===(t=this.filters)||void 0===t?void 0:t.find((t=>t.id===this.filterId))}getFormatter(t){return new N(this.language).createFormatter(this.format,t)}getRelationPropertyName(t){var e,i,r;if(t&&this.context.limetype&&this.context.id){if(this.propertyName){const t=this.limetypes[this.context.limetype],r=null===(i=null===(e=null==t?void 0:t.getProperty(this.propertyName))||void 0===e?void 0:e.relation)||void 0===i?void 0:i.getBackreference();if(r)return r.name}return null===(r=Object.values(t.properties).find((t=>{var e;return(null===(e=t.relation)||void 0===e?void 0:e.getLimetype().name)===this.context.limetype})))||void 0===r?void 0:r.name}}get translator(){return this.platform.get(o.Translate)}get language(){return this.platform.get(o.Application).getLanguage()}get loader(){return new w(this.platform,this.filters)}registerContextProvider(){const t=this.platform.get(o.AIContextRegistry);if(!(null==t?void 0:t.register))return;const e=new y((()=>{const t=this.getFilter();return{limetype:null==t?void 0:t.limetype,filterId:this.filterId,filterName:t?this.getLocalizedString(t.name):void 0,aggregateOperator:this.aggregateOperator,propertyName:this.propertyName,value:this.value,label:this.getLabel(t)}}));this.unregisterContextProvider=t.register(e,this.host)}get host(){return this}static get watchers(){return{filterId:[{watchFilterId:0}],propertyName:[{watchPropertyName:0}],aggregateOperator:[{watchAggregateOperator:0}]}}static get style(){return":host(limebb-info-tile){display:block;overflow:visible !important;background-color:transparent !important}limel-info-tile.error{--info-tile-icon-color:rgb(var(--color-red-dark));border:1px dashed rgb(var(--contrast-500));border-radius:var(--info-tile-border-radius, 1rem)}"}},[1,"limebb-info-tile",{platform:[16],context:[16],filterId:[513,"filter-id"],disabled:[4],icon:[513],label:[1],prefix:[1],suffix:[1],propertyName:[1,"property-name"],aggregateOperator:[1,"aggregate-operator"],format:[16],config:[32],filters:[32],value:[32],loading:[32],error:[32],limetypes:[32]},void 0,{filterId:[{watchFilterId:0}],propertyName:[{watchPropertyName:0}],aggregateOperator:[{watchAggregateOperator:0}]}]);k([s({})],F.prototype,"config",void 0),k([n()],F.prototype,"filters",void 0),k([l()],F.prototype,"limetypes",void 0);const R=F,C=function(){"undefined"!=typeof customElements&&["limebb-info-tile"].forEach((t=>{"limebb-info-tile"===t&&(customElements.get(r(t))||customElements.define(r(t),F))}))};export{R as LimebbInfoTile,C as defineCustomElement}

package/dist/components/limebb-kanban-group.js

@@ -1,6 +1 @@
-import { K as KanbanGroup, d as defineCustomElement$1 } from './kanban-group.js';
-
-const LimebbKanbanGroup = KanbanGroup;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbKanbanGroup, defineCustomElement };
+import{K as o,d as a}from"./kanban-group.js";const r=o,s=a;export{r as LimebbKanbanGroup,s as defineCustomElement}

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

@@ -1,6 +1 @@
-import { K as KanbanItemComponent, d as defineCustomElement$1 } from './kanban-item.js';
-
-const LimebbKanbanItem = KanbanItemComponent;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbKanbanItem, defineCustomElement };
+import{K as a,d as o}from"./kanban-item.js";const s=a,t=o;export{s as LimebbKanbanItem,t as defineCustomElement}