@limetech/lime-crm-building-blocks 1.21.9 → 1.21.11

package/dist/collection/components/feed/examples/feed-unpromoted-actions.js

@@ -23,13 +23,11 @@ export class FeedExampleUnpromotedActions {
             },
           },
           {
-            text: 'Delete',
+            text: 'Copy link',
             icon: {
-              name: 'trash',
-              color: 'rgb(var(--color-red-light))',
+              name: 'link',
             },
           },
-          { separator: true },
           {
             text: 'Info',
             icon: {
@@ -37,6 +35,14 @@ export class FeedExampleUnpromotedActions {
               color: 'rgb(var(--color-sky-light))',
             },
           },
+          { separator: true },
+          {
+            text: 'Delete',
+            icon: {
+              name: 'trash',
+              color: 'rgb(var(--color-red-light))',
+            },
+          },
         ],
       },
     ];

package/dist/collection/components/feed/feed-item/feed-timeline-item.css

@@ -232,33 +232,35 @@ limel-action-bar {
 }
 
 :host(limebb-feed-timeline-item.is-tall) .body-text {
-  overflow: hidden;
+  min-height: 11rem;
 }
 
-:host(limebb-feed-timeline-item.is-tall.shows-less) .body-text {
-  max-height: 11rem;
+:host(limebb-feed-timeline-item.is-tall.shows-less) .markdown-container {
+  grid-template-rows: 0fr;
 }
 :host(limebb-feed-timeline-item.is-tall.shows-less) .body-text:after {
   content: "";
 }
 :host(limebb-feed-timeline-item.is-tall.shows-less) #show-more-button {
-  transform: translateY(8px);
+  transform: translateY(0.5rem);
 }
 
-:host(limebb-feed-timeline-item.is-tall.shows-more) .body-text {
-  max-height: 100%;
-  padding-bottom: 1rem;
+:host(limebb-feed-timeline-item.is-tall.shows-more) .markdown-container {
+  grid-template-rows: 1fr;
 }
 :host(limebb-feed-timeline-item.is-tall.shows-more) #show-more-button limel-icon {
   rotate: 180deg;
 }
 
 .markdown-container {
+  transition: grid-template-rows 0.46s cubic-bezier(1, 0.09, 0, 0.89);
   position: relative;
+  display: grid;
 }
 
 .body-text {
   display: block;
+  overflow: hidden;
 }
 .body-text:after {
   pointer-events: none;
@@ -280,13 +282,14 @@ limel-action-bar {
   background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-normal);
   position: relative;
+  z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 0.25rem;
-  padding: 0.25rem;
   margin: auto;
-  width: 1rem;
+  width: 1.25rem;
+  height: 1.25rem;
 }
 #show-more-button:hover {
   color: var(--mdc-theme-on-surface);
@@ -305,6 +308,7 @@ limel-action-bar {
   box-shadow: var(--shadow-depth-8-focused);
 }
 #show-more-button limel-icon {
+  transition: rotate 0.2s ease 0.5s;
   color: var(--mdc-theme-primary);
   width: 0.75rem;
 }

package/dist/collection/components/feed/feed.js

@@ -86,7 +86,7 @@ export class Feed {
     return this.items.map((item, index) => {
       return [
         this.renderDateHeader(item.timestamp, index),
-        h("limebb-feed-timeline-item", { platform: this.platform, context: this.context, item: item, isBundled: this.isBundled(item, index), unpromotedActionsMenuLabel: this.unpromotedActionsMenuLabel }),
+        h("limebb-feed-timeline-item", { platform: this.platform, context: this.context, item: item, key: item.id, isBundled: this.isBundled(item, index), unpromotedActionsMenuLabel: this.unpromotedActionsMenuLabel }),
       ];
     });
   }

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { P as PlatformServiceName } from './types.js';
 
-const feedTimelineItemCss = "@charset \"UTF-8\";*{box-sizing:border-box}:host(limebb-feed-timeline-item){--limebb-feed-item-paddings:0.75rem;display:flex;gap:0.75rem;position:relative;isolation:isolate}:host(limebb-feed-timeline-item:hover) .timestamp{color:rgb(var(--contrast-1100))}:host(limebb-feed-timeline-item[is-bundled]:hover){--limebb-feed-item-timestamp-opacity-delay:0.5s}:host(limebb-feed-timeline-item[is-bundled]:hover) .timestamp{opacity:1}:host(limebb-feed-timeline-item[is-bundled]) .timestamp{opacity:0}.left:before{content:\"\";position:absolute;z-index:0;top:-0.25rem;bottom:-0.25rem;left:1rem;width:1px;background-color:rgb(var(--contrast-600));z-index:-1}.info{position:sticky;top:0.5rem;display:flex;flex-direction:column;align-items:center;gap:0.25rem}.right,.content{display:flex;flex-direction:column;flex-grow:1;min-width:0}.content{border-radius:1rem;gap:0.25rem;background-color:rgb(var(--limebb-feed-item-background-color));padding:var(--limebb-feed-item-paddings)}.header{display:flex;align-items:center;gap:0.25rem;padding-bottom:0.25rem;margin-top:-0.25rem;color:rgb(var(--contrast-900));font-size:smaller}:host(.has-unpromoted-actions) .header{padding-right:2rem}.heading{flex-grow:1;overflow:hidden;white-space:nowrap}.unpromoted-actions-menu{position:absolute;top:0;right:0}.timestamp{transition:color 0.4s ease, opacity 0.2s ease;transition-delay:var(--limebb-feed-item-timestamp-opacity-delay, 0s);font-size:0.75rem;text-align:center;color:rgb(var(--contrast-800));background-color:var(--limebb-feed-background-color);padding:0.125rem 0}.icon{--icon-background-color:var(--limebb-feed-background-color);width:2rem;padding:0.125rem}:host(.has-author-picture) .icon{width:1.5rem}img{border-radius:50%;width:2rem;height:2rem;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.author{font-weight:bold;text-decoration:none}a.author{position:relative;cursor:pointer;transition:color 0.2s ease;color:rgb(var(--color-blue-default))}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-blue-default))}a.author:hover:before{opacity:0.3;transform:scale(1)}limel-chip-set{margin-left:-1rem;margin-bottom:-0.5rem}limel-action-bar{--action-bar-item-height:1.75rem;transition:opacity 0.2s ease;justify-content:flex-start;opacity:0.8}.action-bar{display:grid;transition:grid-template-rows var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed, 0.2s) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay, 0s);grid-template-rows:var(--limebb-feed-item-action-bar-grid-template-rows, 1fr)}.action-bar-hider{overflow:hidden}limel-action-bar{transition:padding var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay);padding-bottom:0.5rem}:host(limebb-feed-timeline-item:hover) .action-bar,:host(limebb-feed-timeline-item:focus-within) .action-bar,:host(limebb-feed-timeline-item:focus-visible) .action-bar{--limebb-feed-item-action-bar-grid-template-rows:1fr;will-change:grid-template-rows}:host(limebb-feed-timeline-item:hover) limel-action-bar,:host(limebb-feed-timeline-item:focus-within) limel-action-bar,:host(limebb-feed-timeline-item:focus-visible) limel-action-bar{will-change:opacity;opacity:1}:host(limebb-feed-timeline-item:hover){--limebb-feed-item-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-feed-item-action-bar-grid-template-rows-transition-delay:0.5s}:host(limebb-feed-timeline-item.is-tall) .body-text{overflow:hidden}:host(limebb-feed-timeline-item.is-tall.shows-less) .body-text{max-height:11rem}:host(limebb-feed-timeline-item.is-tall.shows-less) .body-text:after{content:\"\"}:host(limebb-feed-timeline-item.is-tall.shows-less) #show-more-button{transform:translateY(8px)}:host(limebb-feed-timeline-item.is-tall.shows-more) .body-text{max-height:100%;padding-bottom:1rem}:host(limebb-feed-timeline-item.is-tall.shows-more) #show-more-button limel-icon{rotate:180deg}.markdown-container{position:relative}.body-text{display:block}.body-text:after{pointer-events:none;position:absolute;bottom:-0.125rem;right:-0.125rem;left:-0.125rem;height:2.5rem;background:radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0)) 0 100%, linear-gradient(to bottom, rgb(var(--limebb-feed-item-background-color), 0) 0%, rgb(var(--limebb-feed-item-background-color), 90%) 100%);background-repeat:no-repeat;background-size:100% 0.5rem, 100% 100%}#show-more-button{all:unset;transition:color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer;color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal);position:relative;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;padding:0.25rem;margin:auto;width:1rem}#show-more-button:hover{color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}#show-more-button:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}#show-more-button:focus{outline:none}#show-more-button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}#show-more-button limel-icon{color:var(--mdc-theme-primary);width:0.75rem}";
+const feedTimelineItemCss = "@charset \"UTF-8\";*{box-sizing:border-box}:host(limebb-feed-timeline-item){--limebb-feed-item-paddings:0.75rem;display:flex;gap:0.75rem;position:relative;isolation:isolate}:host(limebb-feed-timeline-item:hover) .timestamp{color:rgb(var(--contrast-1100))}:host(limebb-feed-timeline-item[is-bundled]:hover){--limebb-feed-item-timestamp-opacity-delay:0.5s}:host(limebb-feed-timeline-item[is-bundled]:hover) .timestamp{opacity:1}:host(limebb-feed-timeline-item[is-bundled]) .timestamp{opacity:0}.left:before{content:\"\";position:absolute;z-index:0;top:-0.25rem;bottom:-0.25rem;left:1rem;width:1px;background-color:rgb(var(--contrast-600));z-index:-1}.info{position:sticky;top:0.5rem;display:flex;flex-direction:column;align-items:center;gap:0.25rem}.right,.content{display:flex;flex-direction:column;flex-grow:1;min-width:0}.content{border-radius:1rem;gap:0.25rem;background-color:rgb(var(--limebb-feed-item-background-color));padding:var(--limebb-feed-item-paddings)}.header{display:flex;align-items:center;gap:0.25rem;padding-bottom:0.25rem;margin-top:-0.25rem;color:rgb(var(--contrast-900));font-size:smaller}:host(.has-unpromoted-actions) .header{padding-right:2rem}.heading{flex-grow:1;overflow:hidden;white-space:nowrap}.unpromoted-actions-menu{position:absolute;top:0;right:0}.timestamp{transition:color 0.4s ease, opacity 0.2s ease;transition-delay:var(--limebb-feed-item-timestamp-opacity-delay, 0s);font-size:0.75rem;text-align:center;color:rgb(var(--contrast-800));background-color:var(--limebb-feed-background-color);padding:0.125rem 0}.icon{--icon-background-color:var(--limebb-feed-background-color);width:2rem;padding:0.125rem}:host(.has-author-picture) .icon{width:1.5rem}img{border-radius:50%;width:2rem;height:2rem;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.author{font-weight:bold;text-decoration:none}a.author{position:relative;cursor:pointer;transition:color 0.2s ease;color:rgb(var(--color-blue-default))}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-blue-default))}a.author:hover:before{opacity:0.3;transform:scale(1)}limel-chip-set{margin-left:-1rem;margin-bottom:-0.5rem}limel-action-bar{--action-bar-item-height:1.75rem;transition:opacity 0.2s ease;justify-content:flex-start;opacity:0.8}.action-bar{display:grid;transition:grid-template-rows var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed, 0.2s) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay, 0s);grid-template-rows:var(--limebb-feed-item-action-bar-grid-template-rows, 1fr)}.action-bar-hider{overflow:hidden}limel-action-bar{transition:padding var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay);padding-bottom:0.5rem}:host(limebb-feed-timeline-item:hover) .action-bar,:host(limebb-feed-timeline-item:focus-within) .action-bar,:host(limebb-feed-timeline-item:focus-visible) .action-bar{--limebb-feed-item-action-bar-grid-template-rows:1fr;will-change:grid-template-rows}:host(limebb-feed-timeline-item:hover) limel-action-bar,:host(limebb-feed-timeline-item:focus-within) limel-action-bar,:host(limebb-feed-timeline-item:focus-visible) limel-action-bar{will-change:opacity;opacity:1}:host(limebb-feed-timeline-item:hover){--limebb-feed-item-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-feed-item-action-bar-grid-template-rows-transition-delay:0.5s}:host(limebb-feed-timeline-item.is-tall) .body-text{min-height:11rem}:host(limebb-feed-timeline-item.is-tall.shows-less) .markdown-container{grid-template-rows:0fr}:host(limebb-feed-timeline-item.is-tall.shows-less) .body-text:after{content:\"\"}:host(limebb-feed-timeline-item.is-tall.shows-less) #show-more-button{transform:translateY(0.5rem)}:host(limebb-feed-timeline-item.is-tall.shows-more) .markdown-container{grid-template-rows:1fr}:host(limebb-feed-timeline-item.is-tall.shows-more) #show-more-button limel-icon{rotate:180deg}.markdown-container{transition:grid-template-rows 0.46s cubic-bezier(1, 0.09, 0, 0.89);position:relative;display:grid}.body-text{display:block;overflow:hidden}.body-text:after{pointer-events:none;position:absolute;bottom:-0.125rem;right:-0.125rem;left:-0.125rem;height:2.5rem;background:radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0)) 0 100%, linear-gradient(to bottom, rgb(var(--limebb-feed-item-background-color), 0) 0%, rgb(var(--limebb-feed-item-background-color), 90%) 100%);background-repeat:no-repeat;background-size:100% 0.5rem, 100% 100%}#show-more-button{all:unset;transition:color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer;color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;margin:auto;width:1.25rem;height:1.25rem}#show-more-button:hover{color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}#show-more-button:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}#show-more-button:focus{outline:none}#show-more-button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}#show-more-button limel-icon{transition:rotate 0.2s ease 0.5s;color:var(--mdc-theme-primary);width:0.75rem}";
 
 const FeedTimelineItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/feed.js

@@ -170,7 +170,7 @@ const Feed = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return this.items.map((item, index) => {
       return [
         this.renderDateHeader(item.timestamp, index),
-        h("limebb-feed-timeline-item", { platform: this.platform, context: this.context, item: item, isBundled: this.isBundled(item, index), unpromotedActionsMenuLabel: this.unpromotedActionsMenuLabel }),
+        h("limebb-feed-timeline-item", { platform: this.platform, context: this.context, item: item, key: item.id, isBundled: this.isBundled(item, index), unpromotedActionsMenuLabel: this.unpromotedActionsMenuLabel }),
       ];
     });
   }

package/dist/components/limebb-example-feed-unpromoted-actions.js

@@ -22,13 +22,11 @@ const FeedExampleUnpromotedActions = /*@__PURE__*/ proxyCustomElement(class exte
             },
           },
           {
-            text: 'Delete',
+            text: 'Copy link',
             icon: {
-              name: 'trash',
-              color: 'rgb(var(--color-red-light))',
+              name: 'link',
             },
           },
-          { separator: true },
           {
             text: 'Info',
             icon: {
@@ -36,6 +34,14 @@ const FeedExampleUnpromotedActions = /*@__PURE__*/ proxyCustomElement(class exte
               color: 'rgb(var(--color-sky-light))',
             },
           },
+          { separator: true },
+          {
+            text: 'Delete',
+            icon: {
+              name: 'trash',
+              color: 'rgb(var(--color-red-light))',
+            },
+          },
         ],
       },
     ];

package/dist/esm/{index-f703c901.js → index-9d94fec9.js}

@@ -54,6 +54,7 @@ const isComplexType = (o) => {
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
     let child = null;
+    let key = null;
     let simple = false;
     let lastSimple = false;
     const vNodeChildren = [];
@@ -81,6 +82,10 @@ const h = (nodeName, vnodeData, ...children) => {
     };
     walk(children);
     if (vnodeData) {
+        // normalize class / classname attributes
+        if (vnodeData.key) {
+            key = vnodeData.key;
+        }
         {
             const classData = vnodeData.className || vnodeData.class;
             if (classData) {
@@ -98,6 +103,9 @@ const h = (nodeName, vnodeData, ...children) => {
     if (vNodeChildren.length > 0) {
         vnode.$children$ = vNodeChildren;
     }
+    {
+        vnode.$key$ = key;
+    }
     return vnode;
 };
 const newVNode = (tag, text) => {
@@ -111,6 +119,9 @@ const newVNode = (tag, text) => {
     {
         vnode.$attrs$ = null;
     }
+    {
+        vnode.$key$ = null;
+    }
     return vnode;
 };
 const Host = {};
@@ -302,6 +313,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                 }
             }
         }
+        else if (memberName === 'key')
+            ;
         else if (memberName === 'ref') {
             // minifier will clean this up
             if (newValue) {
@@ -551,6 +564,8 @@ const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
 const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
     let oldStartIdx = 0;
     let newStartIdx = 0;
+    let idxInOld = 0;
+    let i = 0;
     let oldEndIdx = oldCh.length - 1;
     let oldStartVnode = oldCh[0];
     let oldEndVnode = oldCh[oldEndIdx];
@@ -558,6 +573,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
     let newStartVnode = newCh[0];
     let newEndVnode = newCh[newEndIdx];
     let node;
+    let elmToMove;
     while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
         if (oldStartVnode == null) {
             // VNode might have been moved left
@@ -624,7 +640,41 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
             newStartVnode = newCh[++newStartIdx];
         }
         else {
+            // Here we do some checks to match up old and new nodes based on the
+            // `$key$` attribute, which is set by putting a `key="my-key"` attribute
+            // in the JSX for a DOM element in the implementation of a Stencil
+            // component.
+            //
+            // First we check to see if there are any nodes in the array of old
+            // children which have the same key as the first node in the new
+            // children.
+            idxInOld = -1;
             {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if (idxInOld >= 0) {
+                // We found a node in the old children which matches up with the first
+                // node in the new children! So let's deal with that
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    // the tag doesn't match so we'll need a new DOM element
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld);
+                }
+                else {
+                    patch(elmToMove, newStartVnode);
+                    // invalidate the matching old node so that we won't try to update it
+                    // again later on
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
                 // We either didn't find an element in the old children that matches
                 // the key of the first new child OR the build is not using `key`
                 // attributes at all. In either case we need to create a new element
@@ -672,7 +722,10 @@ const isSameVnode = (leftVNode, rightVNode) => {
     // compare if two vnode to see if they're "technically" the same
     // need to have the same element tag, and same key to be the same
     if (leftVNode.$tag$ === rightVNode.$tag$) {
-        return true;
+        // this will be set if components in the build have `key` attrs set on them
+        {
+            return leftVNode.$key$ === rightVNode.$key$;
+        }
     }
     return false;
 };

package/dist/esm/lime-crm-building-blocks.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-f703c901.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-9d94fec9.js';
 
 /*
  Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com

package/dist/esm/limebb-currency-picker.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-f703c901.js';
+import { r as registerInstance, c as createEvent, h } from './index-9d94fec9.js';
 import { P as PlatformServiceName } from './types-acf07609.js';
 import { a as allCurrencies } from './currencies-0d90053e.js';
 

package/dist/esm/limebb-dashboard-widget.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 
 const dashboardWidgetCss = ":host(limebb-dashboard-widget){--dashboard-widget-background-color:var(\n      --start-page-grid-widget-background-color,\n      rgb(var(--contrast-100))\n  );--header-icon-color:var(--dashboard-widget-icon-color);--header-background-color:var(\n      --dashboard-widget-header-background-color,\n      var(--start-page-grid-widget-header-color)\n  );--dashboard-widget-border-radius:var(\n      --start-page-grid-widget-border-radius,\n      1rem\n  );--header-top-right-left-border-radius:0;display:flex;flex-direction:column;border-radius:var(--dashboard-widget-border-radius);background-color:var(--dashboard-widget-background-color);height:100%;width:100%;overflow:hidden}";
 

package/dist/esm/limebb-date-picker_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-f703c901.js';
+import { r as registerInstance, c as createEvent, h } from './index-9d94fec9.js';
 import { P as PlatformServiceName } from './types-acf07609.js';
 import { a as isObjectLike, b as baseGetTag, d as baseUnary, n as nodeUtil, c as isObject, i as isArray } from './_nodeUtil-0fe4ef3d.js';
 

package/dist/esm/limebb-date-range.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-f703c901.js';
+import { r as registerInstance, c as createEvent, h } from './index-9d94fec9.js';
 
 const dateRangeCss = ":host(limebb-date-range){isolation:isolate;display:block;position:relative}*{box-sizing:border-box}.date-pickers{display:grid;grid-template-columns:repeat(auto-fit, minmax(13.5rem, 1fr));gap:0.5rem;padding:0.75rem 1rem 1.25rem 1rem}.label-group{display:flex;align-items:center;margin-bottom:0.25rem}.end-time .label-group{flex-direction:row-reverse}.label-group .label{font-size:0.75rem;padding:0 0.25rem}.label-group .circle{flex-shrink:0;width:0.5rem;height:0.5rem;border-radius:50%}.start-time .label-group .circle{background-color:rgb(var(--color-green-default))}.end-time .label-group .circle{background-color:rgb(var(--color-coral-default))}.label-group .line{flex-grow:1;height:0.25rem;border-radius:1rem}.start-time .label-group .line{background-image:linear-gradient(to right, rgb(var(--color-green-light)), rgb(var(--contrast-400)) 30%)}.end-time .label-group .line{background-image:linear-gradient(to left, rgb(var(--color-coral-light)), rgb(var(--contrast-400)) 30%)}.date-pickers:has(>:last-child:nth-child(2)) .start-time .line{margin-right:-0.5rem}.date-pickers:has(>:last-child:nth-child(2)) .end-time .line{margin-left:-0.5rem}";
 

package/dist/esm/limebb-example-currency-picker-european.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { e as europeanMarketCurrencies } from './currencies-0d90053e.js';
 
 const CurrencyPickerExample = class {

package/dist/esm/limebb-example-currency-picker-nordic.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { n as nordicMarketCurrencies } from './currencies-0d90053e.js';
 
 const CurrencyPickerExample = class {

package/dist/esm/limebb-example-currency-picker.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 
 const CurrencyPickerExample = class {
   constructor(hostRef) {

package/dist/esm/limebb-example-dashboard-widget-slots.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 
 const DashboardWidgetSlotsExample = class {
   constructor(hostRef) {

package/dist/esm/limebb-example-dashboard-widget-styles.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 
 const dashboardWidgetStylesCss = "limebb-dashboard-widget{--dashboard-widget-header-background-color:rgb(\n      var(--color-yellow-default)\n  );--dashboard-widget-background-color:rgb(var(--contrast-300));--dashboard-widget-icon-color:rgb(var(--color-orange-default))}[slot=content]{padding:0 1rem}";
 

package/dist/esm/limebb-example-dashboard-widget.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 
 const DashboardWidgetExample = class {
   constructor(hostRef) {

package/dist/esm/limebb-example-date-picker-date.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-a7f72da9.js';
 import './types-acf07609.js';
 import './index-16157a5c.js';

package/dist/esm/limebb-example-date-picker-datetime.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-a7f72da9.js';
 import './types-acf07609.js';
 import './index-16157a5c.js';

package/dist/esm/limebb-example-date-picker-time.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-a7f72da9.js';
 import './types-acf07609.js';
 import './index-16157a5c.js';

package/dist/esm/limebb-example-date-picker-week.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-a7f72da9.js';
 import './types-acf07609.js';
 import './index-16157a5c.js';

package/dist/esm/limebb-example-date-range.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-a7f72da9.js';
 import './types-acf07609.js';
 import './index-16157a5c.js';

package/dist/esm/limebb-example-feed-author-picture.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-a7f72da9.js';
 import './types-acf07609.js';
 import './index-16157a5c.js';

package/dist/esm/limebb-example-feed-author.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-a7f72da9.js';
 import './types-acf07609.js';
 import './index-16157a5c.js';

package/dist/esm/limebb-example-feed-item-heading.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-a7f72da9.js';
 import './types-acf07609.js';
 import './index-16157a5c.js';

package/dist/esm/limebb-example-feed-load-more.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-a7f72da9.js';
 import { f as feedItems } from './feed-items-392f557e.js';
 import { b as baseIteratee, a as arrayMap, c as baseMap } from './_baseMap-7463343c.js';

package/dist/esm/limebb-example-feed-promoted-actions.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-a7f72da9.js';
 import './types-acf07609.js';
 import './index-16157a5c.js';

package/dist/esm/limebb-example-feed-relations.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-a7f72da9.js';
 import './types-acf07609.js';
 import './index-16157a5c.js';

package/dist/esm/limebb-example-feed-tall-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-a7f72da9.js';
 import './types-acf07609.js';
 import './index-16157a5c.js';

package/dist/esm/limebb-example-feed-unpromoted-actions.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-a7f72da9.js';
 import './types-acf07609.js';
 import './index-16157a5c.js';
@@ -21,13 +21,11 @@ const FeedExampleUnpromotedActions = class {
             },
           },
           {
-            text: 'Delete',
+            text: 'Copy link',
             icon: {
-              name: 'trash',
-              color: 'rgb(var(--color-red-light))',
+              name: 'link',
             },
           },
-          { separator: true },
           {
             text: 'Info',
             icon: {
@@ -35,6 +33,14 @@ const FeedExampleUnpromotedActions = class {
               color: 'rgb(var(--color-sky-light))',
             },
           },
+          { separator: true },
+          {
+            text: 'Delete',
+            icon: {
+              name: 'trash',
+              color: 'rgb(var(--color-red-light))',
+            },
+          },
         ],
       },
     ];

package/dist/esm/limebb-example-feed.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-a7f72da9.js';
 import { f as feedItems } from './feed-items-392f557e.js';
 import './types-acf07609.js';

package/dist/esm/limebb-example-icon-picker.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 
 const IconPickerExample = class {
   constructor(hostRef) {

package/dist/esm/limebb-example-locale-picker-multiple.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-422c3a1b.js';
 import './index-16157a5c.js';
 

package/dist/esm/limebb-example-locale-picker.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 import { p as platform } from './platform-422c3a1b.js';
 import './index-16157a5c.js';
 

package/dist/esm/limebb-example-navigation-button-back.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 
 const NavigationButtonBackExample = class {
   constructor(hostRef) {

package/dist/esm/limebb-example-navigation-button-close.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 
 const NavigationButtonCloseExample = class {
   constructor(hostRef) {

package/dist/esm/limebb-example-navigation-button-expand.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 
 const NavigationButtonExpandExample = class {
   constructor(hostRef) {

package/dist/esm/limebb-example-navigation-button-float.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 
 const NavigationButtonFloatExample = class {
   constructor(hostRef) {

package/dist/esm/limebb-example-navigation-button-maximize.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 
 const NavigationButtonMaximizeExample = class {
   constructor(hostRef) {

package/dist/esm/limebb-example-navigation-button-minimize.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 
 const NavigationButtonMinimizeExample = class {
   constructor(hostRef) {

package/dist/esm/limebb-example-navigation-button-new-tab.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 
 const NavigationButtonNewTabExample = class {
   constructor(hostRef) {

package/dist/esm/limebb-example-navigation-button-shrink.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f703c901.js';
+import { r as registerInstance, h } from './index-9d94fec9.js';
 
 const NavigationButtonShrinkExample = class {
   constructor(hostRef) {