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

package/dist/components/limebb-empty-state.js

@@ -1,6 +1 @@
-import { E as EmptyState, d as defineCustomElement$1 } from './empty-state.js';
-
-const LimebbEmptyState = EmptyState;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbEmptyState, defineCustomElement };
+import{E as t,d as s}from"./empty-state.js";const o=t,a=s;export{o as LimebbEmptyState,a as defineCustomElement}

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

@@ -1,6 +1 @@
-import { F as FeedItemThumbnailFileInfo, d as defineCustomElement$1 } from './feed-item-thumbnail-file-info.js';
-
-const LimebbFeedItemThumbnailFileInfo = FeedItemThumbnailFileInfo;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbFeedItemThumbnailFileInfo, defineCustomElement };
+import{F as e,d as i}from"./feed-item-thumbnail-file-info.js";const o=e,t=i;export{o as LimebbFeedItemThumbnailFileInfo,t as defineCustomElement}

package/dist/components/limebb-feed-timeline-item.js

@@ -1,6 +1 @@
-import { F as FeedTimelineItem, d as defineCustomElement$1 } from './feed-timeline-item.js';
-
-const LimebbFeedTimelineItem = FeedTimelineItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbFeedTimelineItem, defineCustomElement };
+import{F as e,d as t}from"./feed-timeline-item.js";const i=e,m=t;export{i as LimebbFeedTimelineItem,m as defineCustomElement}

package/dist/components/limebb-feed.js

@@ -1,398 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c } from './index.esm.js';
-import { H as HighlightFeedItemHandler } from './highlight-item.handler.js';
-import { d as defineCustomElement$6 } from './empty-state.js';
-import { d as defineCustomElement$5 } from './feed-item-thumbnail-file-info.js';
-import { d as defineCustomElement$4 } from './feed-timeline-item.js';
-import { d as defineCustomElement$3 } from './navigation-button.js';
-import { d as defineCustomElement$2 } from './summary-popover.js';
-
-function getRoundingMethod(method) {
-  return (number) => {
-    const round = method ? Math[method] : Math.trunc;
-    const result = round(number);
-    // Prevent negative zero
-    return result === 0 ? 0 : result;
-  };
-}
-
-/**
- * @module constants
- * @summary Useful constants
- * @description
- * Collection of useful date constants.
- *
- * The constants could be imported from `date-fns/constants`:
- *
- * ```ts
- * import { maxTime, minTime } from "./constants/date-fns/constants";
- *
- * function isAllowedTime(time) {
- *   return time <= maxTime && time >= minTime;
- * }
- * ```
- */
-
-/**
- * @constant
- * @name millisecondsInMinute
- * @summary Milliseconds in 1 minute
- */
-const millisecondsInMinute = 60000;
-
-/**
- * @name toDate
- * @category Common Helpers
- * @summary Convert the given argument to an instance of Date.
- *
- * @description
- * Convert the given argument to an instance of Date.
- *
- * If the argument is an instance of Date, the function returns its clone.
- *
- * If the argument is a number, it is treated as a timestamp.
- *
- * If the argument is none of the above, the function returns Invalid Date.
- *
- * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param argument - The value to convert
- *
- * @returns The parsed date in the local time zone
- *
- * @example
- * // Clone the date:
- * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
- * //=> Tue Feb 11 2014 11:30:30
- *
- * @example
- * // Convert the timestamp to date:
- * const result = toDate(1392098430000)
- * //=> Tue Feb 11 2014 11:30:30
- */
-function toDate(argument) {
-  const argStr = Object.prototype.toString.call(argument);
-
-  // Clone the date
-  if (
-    argument instanceof Date ||
-    (typeof argument === "object" && argStr === "[object Date]")
-  ) {
-    // Prevent the date to lose the milliseconds when passed to new Date() in IE10
-    return new argument.constructor(+argument);
-  } else if (
-    typeof argument === "number" ||
-    argStr === "[object Number]" ||
-    typeof argument === "string" ||
-    argStr === "[object String]"
-  ) {
-    // TODO: Can we get rid of as?
-    return new Date(argument);
-  } else {
-    // TODO: Can we get rid of as?
-    return new Date(NaN);
-  }
-}
-
-/**
- * @name differenceInMilliseconds
- * @category Millisecond Helpers
- * @summary Get the number of milliseconds between the given dates.
- *
- * @description
- * Get the number of milliseconds between the given dates.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param dateLeft - The later date
- * @param dateRight - The earlier date
- *
- * @returns The number of milliseconds
- *
- * @example
- * // How many milliseconds are between
- * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?
- * const result = differenceInMilliseconds(
- *   new Date(2014, 6, 2, 12, 30, 21, 700),
- *   new Date(2014, 6, 2, 12, 30, 20, 600)
- * )
- * //=> 1100
- */
-function differenceInMilliseconds(dateLeft, dateRight) {
-  return +toDate(dateLeft) - +toDate(dateRight);
-}
-
-/**
- * The {@link differenceInMinutes} function options.
- */
-
-/**
- * @name differenceInMinutes
- * @category Minute Helpers
- * @summary Get the number of minutes between the given dates.
- *
- * @description
- * Get the signed number of full (rounded towards 0) minutes between the given dates.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param dateLeft - The later date
- * @param dateRight - The earlier date
- * @param options - An object with options.
- *
- * @returns The number of minutes
- *
- * @example
- * // How many minutes are between 2 July 2014 12:07:59 and 2 July 2014 12:20:00?
- * const result = differenceInMinutes(
- *   new Date(2014, 6, 2, 12, 20, 0),
- *   new Date(2014, 6, 2, 12, 7, 59)
- * )
- * //=> 12
- *
- * @example
- * // How many minutes are between 10:01:59 and 10:00:00
- * const result = differenceInMinutes(
- *   new Date(2000, 0, 1, 10, 0, 0),
- *   new Date(2000, 0, 1, 10, 1, 59)
- * )
- * //=> -1
- */
-function differenceInMinutes(dateLeft, dateRight, options) {
-  const diff =
-    differenceInMilliseconds(dateLeft, dateRight) / millisecondsInMinute;
-  return getRoundingMethod(options?.roundingMethod)(diff);
-}
-
-const feedCss = ":host(limebb-feed){--limebb-feed-background-color:var(\n      --feed-background-color,\n      rgb(var(--contrast-100))\n  );--limebb-feed-item-background-color:var(--contrast-300);display:flex;flex-direction:column;gap:0.25rem;max-width:45rem;background-color:var(--limebb-feed-background-color)}limel-spinner{align-self:center;justify-self:center;margin:auto}.date-group{isolation:isolate;display:flex;flex-direction:column;gap:0.375rem}.date-heading{position:sticky;z-index:1;top:0.25rem;display:flex;border-radius:9rem;padding:0.25rem 0.5rem;margin:0 auto 0 -0.5rem;width:fit-content;font-size:0.75rem;line-height:1;color:rgb(var(--contrast-900));backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem);transition:color 0.2s ease, border-color 0.4s ease}.date-heading:hover{color:rgb(var(--contrast-1000));border-color:rgb(var(--contrast-500))}.date-heading:hover:before{opacity:1}.date-heading:before{transition:opacity 0.2s ease;content:\"\";position:absolute;z-index:-1;inset:0;opacity:0.6;border-radius:inherit;background-color:rgb(var(--contrast-100))}limebb-feed-timeline-item:has(+limebb-feed-timeline-item[is-bundled]){--limebb-promoted-action-bar-grid-template-rows:0fr}.load-more-button{margin-top:0.5rem}limebb-feed-timeline-item:focus{outline:none}limebb-feed-timeline-item[aria-current=true]:focus{animation:highlight-animation ease-in-out;animation-duration:var(--limebb-feed-highlight-duration)}@keyframes highlight-animation{0%,20%,100%{box-shadow:none}10%,50%,60%{box-shadow:var(--shadow-focused-state)}}";
-const LimebbFeedStyle0 = feedCss;
-
-const MINUTES_OF_PROXIMITY = 5;
-const ITEM_HIGHLIGHT_DURATION = 3000;
-const Feed = /*@__PURE__*/ proxyCustomElement(class Feed extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.loadMore = createEvent(this, "loadMore", 7);
-        this.highlightedItemIdNotFound = createEvent(this, "highlightedItemIdNotFound", 7);
-        /**
-         * List of items to display in the feed.
-         */
-        this.items = [];
-        /**
-         * Number of minutes to take into account, when bundling several
-         * feed-items that are created by the same author in a close timespan.
-         */
-        this.minutesOfProximity = MINUTES_OF_PROXIMITY;
-        /**
-         * The total number of items available
-         */
-        this.totalCount = 0;
-        /**
-         * Defines the chronological sorting of the array of items which are
-         * provided to the feed. It is used for visual grouping & bundling logic,
-         * as well as rendering the last visited timestamp in the right place.
-         * - 'ASC'  : Items are provided oldest -> newest (newest last).
-         * Often used when the UI shows newer items near the bottom and older ones above.
-         * - 'DESC' : Items are provided newest -> oldest (newest first).
-         * Often used when the UI places the latest item at the top.
-         *
-         * :::important
-         * This component does not re-sort the provided `items`.
-         * It only renders them in the order received from the consumer.
-         * :::
-         */
-        this.direction = 'ASC';
-        this.isBundled = (item, index) => {
-            var _a, _b, _c, _d, _e, _f;
-            if (index === 0) {
-                return false;
-            }
-            const previousAuthorId = (_b = (_a = this.items[index - 1]) === null || _a === void 0 ? void 0 : _a.author) === null || _b === void 0 ? void 0 : _b.id;
-            const currentAuthorId = (_c = item === null || item === void 0 ? void 0 : item.author) === null || _c === void 0 ? void 0 : _c.id;
-            if (previousAuthorId !== currentAuthorId) {
-                return false;
-            }
-            const previousItemIcon = (_e = (_d = this.items[index - 1]) === null || _d === void 0 ? void 0 : _d.icon) === null || _e === void 0 ? void 0 : _e.name;
-            const currentItemIcon = (_f = item === null || item === void 0 ? void 0 : item.icon) === null || _f === void 0 ? void 0 : _f.name;
-            if (previousItemIcon !== currentItemIcon) {
-                return false;
-            }
-            const currentIndexDate = new Date(item.timestamp);
-            const previousIndexDate = new Date(this.items[index - 1].timestamp);
-            const previousItemDate = new Date(previousIndexDate);
-            const currentItemDate = new Date(currentIndexDate);
-            if (this.direction === 'DESC') {
-                return (differenceInMinutes(previousItemDate, currentItemDate) <=
-                    this.minutesOfProximity);
-            }
-            return (differenceInMinutes(currentItemDate, previousItemDate) <=
-                this.minutesOfProximity);
-        };
-        this.handleLoadMore = (event) => {
-            event.stopPropagation();
-            this.loadMore.emit();
-        };
-    }
-    connectedCallback() {
-        this.highlighter.registerFeed(this.feedItemElement);
-    }
-    disconnectedCallback() {
-        this.highlighter.unregisterFeed(this.feedItemElement);
-    }
-    render() {
-        return (h(Host, { key: 'b56f2996447a80c5cf12f83fce2ca05de53553e4', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
-                '--limebb-feed-highlight-duration': `${ITEM_HIGHLIGHT_DURATION}ms`,
-            } }, this.renderLoadMore(), this.renderEmptyFeedMessage(), this.renderSpinner(), this.renderFeedItems()));
-    }
-    renderSpinner() {
-        if (this.loading) {
-            return h("limel-spinner", { size: "small" });
-        }
-    }
-    renderEmptyFeedMessage() {
-        if (this.loading) {
-            return;
-        }
-        if (this.items.length === 0) {
-            return (h("limebb-empty-state", { heading: this.heading, value: this.emptyStateMessage, icon: {
-                    name: 'typewriter_with_paper',
-                    color: 'rgb(var(--contrast-800))',
-                } }));
-        }
-    }
-    renderFeedItems() {
-        return this.groupedItems.map((group) => (h("section", { class: "date-group", key: `date-group-${group.date}` }, h("a", { class: "date-heading" }, group.date), group.items.map(({ item, index }) => (h("limebb-feed-timeline-item", { platform: this.platform, context: this.context, item: item, key: item.id, ui: item === null || item === void 0 ? void 0 : item.ui, helperText: item === null || item === void 0 ? void 0 : item.helperText, hasError: item === null || item === void 0 ? void 0 : item.hasError, isBundled: this.isBundled(item, index), class: this.isNewItem(item) ? 'is-new' : undefined }))))));
-    }
-    isNewItem(item) {
-        if (!this.lastVisitedTimestamp) {
-            return false;
-        }
-        const lastVisited = new Date(this.lastVisitedTimestamp);
-        const itemTime = new Date(item.timestamp);
-        return itemTime > lastVisited;
-    }
-    renderLoadMore() {
-        if (this.items.length === 0 || this.totalCount <= this.items.length) {
-            return;
-        }
-        return (h("limel-icon-button", { class: "load-more-button", icon: "more", onClick: this.handleLoadMore, elevated: true, label: this.loadMoreLabel }));
-    }
-    get dateTimeFormatter() {
-        return this.platform.get(c.DateTimeFormatter);
-    }
-    get loadMoreLabel() {
-        return this.translator.get('webclient.load-more');
-    }
-    get translator() {
-        return this.platform.get(c.Translate);
-    }
-    /**
-     * Groups feed items by calendar date (formatted using date formatter 'date').
-     * Returns an array of groups each containing the display date string and
-     * the original items with their indices.
-     */
-    get groupedItems() {
-        const groups = [];
-        for (let index = 0; index < this.items.length; index++) {
-            const item = this.items[index];
-            const dateKey = this.dateTimeFormatter.format(item.timestamp, 'date');
-            const lastGroup = groups.at(-1);
-            if (!lastGroup || lastGroup.date !== dateKey) {
-                groups.push({ date: dateKey, items: [{ item, index }] });
-            }
-            else {
-                lastGroup.items.push({ item, index });
-            }
-        }
-        return groups;
-    }
-    highlightedItemIdChanged(newValue) {
-        if (newValue !== undefined) {
-            this.highlightItem(newValue);
-        }
-    }
-    highlightItem(id) {
-        var _a;
-        const itemElement = (_a = this.feedItemElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`limebb-feed-timeline-item[id="${id}"]`);
-        if (itemElement) {
-            itemElement.setAttribute('aria-current', 'true');
-            itemElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
-            itemElement.focus();
-            setTimeout(() => {
-                itemElement.removeAttribute('aria-current');
-            }, ITEM_HIGHLIGHT_DURATION);
-            return true;
-        }
-        this.highlightedItemIdNotFound.emit({ id: id });
-        return false;
-    }
-    get highlighter() {
-        return this.platform.get(HighlightFeedItemHandler.SERVICE_NAME);
-    }
-    get feedItemElement() { return this; }
-    static get watchers() { return {
-        "highlightedItemId": ["highlightedItemIdChanged"]
-    }; }
-    static get style() { return LimebbFeedStyle0; }
-}, [1, "limebb-feed", {
-        "platform": [16],
-        "context": [16],
-        "items": [16],
-        "emptyStateMessage": [1, "empty-state-message"],
-        "heading": [1],
-        "loading": [4],
-        "minutesOfProximity": [2, "minutes-of-proximity"],
-        "totalCount": [2, "total-count"],
-        "direction": [513],
-        "lastVisitedTimestamp": [1, "last-visited-timestamp"],
-        "highlightedItemId": [8, "highlighted-item-id"]
-    }, undefined, {
-        "highlightedItemId": ["highlightedItemIdChanged"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-feed", "limebb-empty-state", "limebb-feed-item-thumbnail-file-info", "limebb-feed-timeline-item", "limebb-navigation-button", "limebb-summary-popover"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-feed":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Feed);
-            }
-            break;
-        case "limebb-empty-state":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "limebb-feed-item-thumbnail-file-info":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "limebb-feed-timeline-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "limebb-navigation-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "limebb-summary-popover":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const LimebbFeed = Feed;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbFeed, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as r,Host as n,transformTag as o}from"@stencil/core/internal/client";import{n as s}from"./index.esm.js";import{H as a}from"./highlight-item.handler.js";import{d as l}from"./empty-state.js";import{d as m}from"./feed-item-thumbnail-file-info.js";import{d}from"./feed-timeline-item.js";import{d as h}from"./navigation-button.js";import{d as u}from"./summary-popover.js";var c,b={},f={};function g(){return c||(c=1,f.getRoundingMethod=function(e){return t=>{const i=(e?Math[e]:Math.trunc)(t);return 0===i?0:i}}),f}var p,v={};function y(){if(p)return v;p=1,v.secondsInYear=v.secondsInWeek=v.secondsInQuarter=v.secondsInMonth=v.secondsInMinute=v.secondsInHour=v.secondsInDay=v.quartersInYear=v.monthsInYear=v.monthsInQuarter=v.minutesInYear=v.minutesInMonth=v.minutesInHour=v.minutesInDay=v.minTime=v.millisecondsInWeek=v.millisecondsInSecond=v.millisecondsInMinute=v.millisecondsInHour=v.millisecondsInDay=v.maxTime=v.daysInYear=v.daysInWeek=void 0,v.daysInWeek=7;const e=v.daysInYear=365.2425,t=v.maxTime=864e13;v.minTime=-t,v.millisecondsInWeek=6048e5,v.millisecondsInDay=864e5,v.millisecondsInMinute=6e4,v.millisecondsInHour=36e5,v.millisecondsInSecond=1e3,v.minutesInYear=525600,v.minutesInMonth=43200,v.minutesInDay=1440,v.minutesInHour=60,v.monthsInQuarter=3,v.monthsInYear=12,v.quartersInYear=4;const i=v.secondsInHour=3600;v.secondsInMinute=60;const r=v.secondsInDay=24*i;v.secondsInWeek=7*r;const n=v.secondsInYear=r*e,o=v.secondsInMonth=n/12;return v.secondsInQuarter=3*o,v}var k,w,x,I={},j={};function E(){return k||(k=1,j.toDate=function(e){const t=Object.prototype.toString.call(e);return e instanceof Date||"object"==typeof e&&"[object Date]"===t?new e.constructor(+e):new Date("number"==typeof e||"[object Number]"===t||"string"==typeof e||"[object String]"===t?e:NaN)}),j}function D(){if(w)return I;w=1,I.differenceInMilliseconds=function(t,i){return+(0,e.toDate)(t)-+(0,e.toDate)(i)};var e=E();return I}function C(){if(x)return b;x=1,b.differenceInMinutes=function(r,n,o){const s=(0,i.differenceInMilliseconds)(r,n)/t.millisecondsInMinute;return(0,e.getRoundingMethod)(o?.roundingMethod)(s)};var e=g(),t=y(),i=D();return b}var M=C();const N=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.loadMore=i(this,"loadMore",7),this.highlightedItemIdNotFound=i(this,"highlightedItemIdNotFound",7),this.items=[],this.minutesOfProximity=5,this.totalCount=0,this.direction="ASC",this.isBundled=(e,t)=>{var i,r,n,o,s,a;if(0===t)return!1;if((null===(r=null===(i=this.items[t-1])||void 0===i?void 0:i.author)||void 0===r?void 0:r.id)!==(null===(n=null==e?void 0:e.author)||void 0===n?void 0:n.id))return!1;if((null===(s=null===(o=this.items[t-1])||void 0===o?void 0:o.icon)||void 0===s?void 0:s.name)!==(null===(a=null==e?void 0:e.icon)||void 0===a?void 0:a.name))return!1;const l=new Date(e.timestamp),m=new Date(new Date(this.items[t-1].timestamp)),d=new Date(l);return"DESC"===this.direction?M.differenceInMinutes(m,d)<=this.minutesOfProximity:M.differenceInMinutes(d,m)<=this.minutesOfProximity},this.handleLoadMore=e=>{e.stopPropagation(),this.loadMore.emit()}}connectedCallback(){this.highlighter.registerFeed(this.feedItemElement)}disconnectedCallback(){this.highlighter.unregisterFeed(this.feedItemElement)}render(){return r(n,{key:"e1090553b32128e7667298bdb678a27e3dc3e7e4",role:"log","aria-busy":this.loading?"true":"false",style:{"--limebb-feed-highlight-duration":"3000ms"}},this.renderLoadMore(),this.renderEmptyFeedMessage(),this.renderSpinner(),this.renderFeedItems())}renderSpinner(){if(this.loading)return r("limel-spinner",{size:"small"})}renderEmptyFeedMessage(){if(!this.loading)return 0===this.items.length?r("limebb-empty-state",{heading:this.heading,value:this.emptyStateMessage,icon:{name:"typewriter_with_paper",color:"rgb(var(--contrast-800))"}}):void 0}renderFeedItems(){return this.groupedItems.map((e=>r("section",{class:"date-group",key:"date-group-"+e.date},r("a",{class:"date-heading"},e.date),e.items.map((({item:e,index:t})=>r("limebb-feed-timeline-item",{platform:this.platform,context:this.context,item:e,key:e.id,ui:null==e?void 0:e.ui,helperText:null==e?void 0:e.helperText,hasError:null==e?void 0:e.hasError,isBundled:this.isBundled(e,t),class:this.isNewItem(e)?"is-new":void 0}))))))}isNewItem(e){if(!this.lastVisitedTimestamp)return!1;const t=new Date(this.lastVisitedTimestamp);return new Date(e.timestamp)>t}renderLoadMore(){if(!(0===this.items.length||this.totalCount<=this.items.length))return r("limel-icon-button",{class:"load-more-button",icon:"more",onClick:this.handleLoadMore,elevated:!0,label:this.loadMoreLabel})}get dateTimeFormatter(){return this.platform.get(s.DateTimeFormatter)}get loadMoreLabel(){return this.translator.get("webclient.load-more")}get translator(){return this.platform.get(s.Translate)}get groupedItems(){const e=[];for(let t=0;t<this.items.length;t++){const i=this.items[t],r=this.dateTimeFormatter.format(i.timestamp,"date"),n=e.at(-1);n&&n.date===r?n.items.push({item:i,index:t}):e.push({date:r,items:[{item:i,index:t}]})}return e}highlightedItemIdChanged(e){void 0!==e&&this.highlightItem(e)}highlightItem(e){var t;const i=null===(t=this.feedItemElement.shadowRoot)||void 0===t?void 0:t.querySelector(`limebb-feed-timeline-item[id="${e}"]`);return i?(i.setAttribute("aria-current","true"),i.scrollIntoView({behavior:"smooth",block:"center"}),i.focus(),setTimeout((()=>{i.removeAttribute("aria-current")}),3e3),!0):(this.highlightedItemIdNotFound.emit({id:e}),!1)}get highlighter(){return this.platform.get(a.SERVICE_NAME)}get feedItemElement(){return this}static get watchers(){return{highlightedItemId:[{highlightedItemIdChanged:0}]}}static get style(){return':host(limebb-feed){--limebb-feed-background-color:var(       --feed-background-color,       rgb(var(--contrast-100))   );--limebb-feed-item-background-color:var(--contrast-300);display:flex;flex-direction:column;gap:0.25rem;max-width:45rem;background-color:var(--limebb-feed-background-color)}limel-spinner{align-self:center;justify-self:center;margin:auto}.date-group{isolation:isolate;display:flex;flex-direction:column;gap:0.375rem}.date-heading{position:sticky;z-index:1;top:0.25rem;display:flex;border-radius:9rem;padding:0.25rem 0.5rem;margin:0 auto 0 -0.5rem;width:fit-content;font-size:0.75rem;line-height:1;color:rgb(var(--contrast-900));backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem);transition:color 0.2s ease, border-color 0.4s ease}.date-heading:hover{color:rgb(var(--contrast-1000));border-color:rgb(var(--contrast-500))}.date-heading:hover:before{opacity:1}.date-heading:before{transition:opacity 0.2s ease;content:"";position:absolute;z-index:-1;inset:0;opacity:0.6;border-radius:inherit;background-color:rgb(var(--contrast-100))}limebb-feed-timeline-item:has(+limebb-feed-timeline-item[is-bundled]){--limebb-promoted-action-bar-grid-template-rows:0fr}.load-more-button{margin-top:0.5rem}limebb-feed-timeline-item:focus{outline:none}limebb-feed-timeline-item[aria-current=true]:focus{animation:highlight-animation ease-in-out;animation-duration:var(--limebb-feed-highlight-duration)}@keyframes highlight-animation{0%,20%,100%{box-shadow:none}10%,50%,60%{box-shadow:var(--shadow-focused-state)}}'}},[1,"limebb-feed",{platform:[16],context:[16],items:[16],emptyStateMessage:[1,"empty-state-message"],heading:[1],loading:[4],minutesOfProximity:[2,"minutes-of-proximity"],totalCount:[2,"total-count"],direction:[513],lastVisitedTimestamp:[1,"last-visited-timestamp"],highlightedItemId:[8,"highlighted-item-id"]},void 0,{highlightedItemId:[{highlightedItemIdChanged:0}]}]),S=N,z=function(){"undefined"!=typeof customElements&&["limebb-feed","limebb-empty-state","limebb-feed-item-thumbnail-file-info","limebb-feed-timeline-item","limebb-navigation-button","limebb-summary-popover"].forEach((e=>{switch(e){case"limebb-feed":customElements.get(o(e))||customElements.define(o(e),N);break;case"limebb-empty-state":customElements.get(o(e))||l();break;case"limebb-feed-item-thumbnail-file-info":customElements.get(o(e))||m();break;case"limebb-feed-timeline-item":customElements.get(o(e))||d();break;case"limebb-navigation-button":customElements.get(o(e))||h();break;case"limebb-summary-popover":customElements.get(o(e))||u()}}))};export{S as LimebbFeed,z as defineCustomElement}