@limetech/lime-crm-building-blocks 1.122.0 → 1.123.0

package/dist/components/kanban-item.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as o,h as r,Host as a,transformTag as s}from"@stencil/core/internal/client";import{n as t}from"./index.esm.js";import{d as n}from"./navigation-button.js";import{d as l}from"./summary-popover.js";const c=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.interact=o(this,"interact",7),this.renderRelations=()=>{var e,i,o;if(null===(i=null===(e=this.item)||void 0===e?void 0:e.relations)||void 0===i?void 0:i.length)return r("limel-chip-set",{value:null===(o=this.item)||void 0===o?void 0:o.relations})},this.renderAssigneesAvatar=e=>e.picture?r("img",{loading:"lazy",src:e.picture,alt:e.name.text}):r("limel-icon",{name:e.icon.name,style:{color:`${e.icon.color}`,"background-color":`${e.icon.backgroundColor}`}}),this.createMenuItem=e=>{var i,o;return"separator"in e?e:{value:e,text:null!==(i=e.label)&&void 0!==i?i:"",secondaryText:e.description,disabled:e.disabled,icon:null!==(o=e.icon)&&void 0!==o?o:""}},this.handleMenuItemSelect=e=>{var i;e.stopPropagation();const o=null===(i=e.detail.value)||void 0===i?void 0:i.command;o&&this.commandbus.handle(o)},this.handleKeyDown=e=>{"Enter"===e.key&&this.handleKanbanItemClick()},this.handleKanbanItemClick=()=>{this.interact.emit(this.item)}}render(){var e,i;return r(a,{key:"48f771e7570acbeb3c24025def5586ca4de3c5fe",id:this.item.id.toString(),class:{"has-unpromoted-actions":!!(null===(e=this.item.unpromotedActions)||void 0===e?void 0:e.length),"is-selected":!!(null===(i=this.item)||void 0===i?void 0:i.selected)},style:{"--limebb-kanban-item-color-code":`${this.item.color}`},onClick:this.handleKanbanItemClick,onKeyDown:this.handleKeyDown},this.renderHeader(),this.renderContent(),this.renderSlot(),this.renderRelations(),this.renderFooter())}renderHeader(){return r("div",{class:"header"},this.renderIcon(),this.renderHeading(),this.renderUnpromotedActionsMenu())}renderIcon(){var e,i,o,a;if(this.item.icon)return r("limel-icon",{class:"icon",badge:!0,name:null!==(i=null===(e=this.item.icon)||void 0===e?void 0:e.name)&&void 0!==i?i:"dot_circle",style:{color:`${null===(o=this.item.icon)||void 0===o?void 0:o.color}`,"background-color":`${null===(a=this.item.icon)||void 0===a?void 0:a.backgroundColor}`}})}renderContent(){if(this.item.value)return r("div",{class:"content"},this.renderValue())}renderHeading(){if(this.item.heading)return r("limel-markdown",{class:"heading",value:this.item.heading})}renderValue(){if(this.item.value)return r("limel-markdown",{class:"body reset-img-height",value:this.item.value})}renderUnpromotedActionsMenu(){var e,i;if(!(null===(e=this.item.unpromotedActions)||void 0===e?void 0:e.length))return;const o=this.item.unpromotedActions.map(this.createMenuItem);return r("limel-menu",{class:"unpromoted-actions-menu",items:o,openDirection:"bottom-end",onSelect:this.handleMenuItemSelect},r("limel-icon",{class:"actions",name:"menu_2",slot:"trigger",size:"small",id:"item-actions-tooltip"}),r("limel-tooltip",{elementId:"item-actions-tooltip",label:null===(i=this.translator)||void 0===i?void 0:i.get("webclient.more-actions"),openDirection:"top-end"}))}renderSlot(){var e;if(null===(e=this.item)||void 0===e?void 0:e.bodyComponent)return r("slot",{name:"body"})}renderFooter(){var e;if(null===(e=this.item.assignees)||void 0===e?void 0:e.length)return r("div",{class:"footer"},this.renderAssignees())}renderAssignees(){var e;if(null===(e=this.item.assignees)||void 0===e?void 0:e.length)return r("div",{class:"assignees"},this.item.assignees.map((e=>{var i;return r("limebb-summary-popover",Object.assign({icon:null===(i=e.icon)||void 0===i?void 0:i.name},e.picture&&{image:{src:e.picture,alt:e.name.text||""}},{heading:e.name.text,value:this.createLinkToAssignee(e)}),r("a",{slot:"trigger",class:"assignee",href:e.name.href,title:e.name.text},this.renderAssigneesAvatar(e),r("span",null,e.name.text)))})))}createLinkToAssignee(e){const i=this.translator.get("webclient.actions.goto-object",{limetype:": <br><b>"+e.name.text+"</b>"});return`<a class="author" href="${e.name.href}" title="${e.name.text}">${i}</a>`}get translator(){var e;return null===(e=this.platform)||void 0===e?void 0:e.get(t.Translate)}get commandbus(){var e;return null===(e=this.platform)||void 0===e?void 0:e.get(t.CommandBus)}static get style(){return'@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}:host(limebb-kanban-item){position:relative;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0.5rem}:host(limebb-kanban-item):before{content:"";display:block;position:absolute;top:1rem;bottom:1rem;right:0;transform:translateX(50%);width:0.25rem;border-radius:1rem;background-color:var(--limebb-kanban-item-color-code)}.content{padding-top:0.25rem}.header{display:flex;align-items:flex-start;gap:0.5rem;min-height:1.75rem;padding:0.25rem 0.5rem;border-radius:0.5rem 0.5rem 0 0;background-color:rgb(var(--contrast-300))}.header a{position:relative;cursor:pointer;transition:color 0.2s ease;color:var(--mdc-theme-primary);text-decoration:none}.header a: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)}.header a:hover{color:rgb(var(--color-teal-light))}.header a:hover:before{opacity:0.3;transform:scale(1)}.heading{--markdown-hyperlink-color:var(--mdc-theme-primary);--markdown-hyperlink-color--hovered:rgb(var(--color-teal-light))}.unpromoted-actions-menu{margin:-0.5rem -0.5rem -0.25rem auto}.body{--limel-top-edge-fade-height:0.5rem;--limel-bottom-edge-fade-height:0.5rem;display:block;padding-left:0.5rem;padding-right:0.5rem;margin-top:-0.5rem;color:rgb(var(--contrast-1100));max-height:12rem;--limel-overflow-mask-vertical:linear-gradient(       to bottom,       transparent 0%,       black calc(0% + var(--limel-top-edge-fade-height, 1rem)),       black calc(100% - var(--limel-bottom-edge-fade-height, 1rem)),       transparent 100%   );-webkit-mask-image:var(--limel-overflow-mask-vertical);mask-image:var(--limel-overflow-mask-vertical);padding-top:var(--limel-top-edge-fade-height, 1rem);padding-bottom:var(--limel-bottom-edge-fade-height, 1rem)}limel-chip-set{--limel-chip-size:1.5rem;display:block;margin-left:-0.5rem;margin-right:0.5rem;padding-bottom:0.5rem}.footer{position:relative;display:flex;align-items:center;gap:0.5rem;padding:0.25rem 0.25rem 0.125rem;margin:0 0.25rem;border-top:1px dashed rgb(var(--contrast-300))}.header limel-icon,.footer limel-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.header .actions{margin:0.5rem 0.25rem 0}.header .actions:hover{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal)}.header .actions:hover:hover,.header .actions:hover:focus,.header .actions:hover:focus-visible{will-change:color, background-color, box-shadow, transform}.header .actions:hover:hover,.header .actions:hover:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}.header .actions:hover:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.header .actions:hover:hover,.header .actions:hover:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.footer img{border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-800), 0.4);flex-shrink:0;width:1.25rem;height:1.25rem}.assignees{display:flex;align-items:center;gap:0.25rem}.assignees:has(>:nth-child(2)) span{display:none}.assignees:has(>:nth-child(2)) img,.assignees:has(>:nth-child(2)) limel-icon{margin-right:-0.5rem}.assignees:hover img,.assignees:hover limel-icon,.assignees:focus-within img,.assignees:focus-within limel-icon{margin-right:0rem}.assignees:hover .assignee:not(:hover):not(:focus-visible) img,.assignees:hover .assignee:not(:hover):not(:focus-visible) limel-icon,.assignees:focus-within .assignee:not(:hover):not(:focus-visible) img,.assignees:focus-within .assignee:not(:hover):not(:focus-visible) limel-icon{filter:grayscale(1);opacity:0.6}.assignee{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:transparent;display:flex;align-items:center;text-decoration:none;gap:0.25rem;margin-left:0;border-radius:1rem}.assignee:hover,.assignee:focus,.assignee:focus-visible{will-change:color, background-color, box-shadow, transform}.assignee:hover,.assignee:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.assignee:hover{box-shadow:var(--button-shadow-hovered)}.assignee:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.assignee:hover,.assignee:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.assignee:focus{outline:none}.assignee:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.assignee limel-icon,.assignee img{transition:margin 0.2s ease, opacity 0.2s ease, filter 0.2s ease}.assignee limel-icon{padding:0.125rem;box-shadow:0 0 0 1px rgb(var(--contrast-800), 0.4);background-color:rgb(var(--contrast-100))}.assignee span{font-size:0.75rem;color:rgb(var(--contrast-900));padding-right:0.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}slot[name=body]{display:block;padding:0.5rem}'}},[257,"limebb-kanban-item",{platform:[16],context:[16],item:[16]}]);function m(){"undefined"!=typeof customElements&&["limebb-kanban-item","limebb-navigation-button","limebb-summary-popover"].forEach((e=>{switch(e){case"limebb-kanban-item":customElements.get(s(e))||customElements.define(s(e),c);break;case"limebb-navigation-button":customElements.get(s(e))||n();break;case"limebb-summary-popover":customElements.get(s(e))||l()}}))}export{c as K,m as d}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as o,h as r,Host as a,transformTag as s}from"@stencil/core/internal/client";import{n as t}from"./index.esm.js";import{d as n}from"./navigation-button.js";import{d as l}from"./summary-popover.js";const c=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.interact=o(this,"interact",7),this.renderRelations=()=>{var e,i,o;if(null===(i=null===(e=this.item)||void 0===e?void 0:e.relations)||void 0===i?void 0:i.length)return r("limel-chip-set",{value:null===(o=this.item)||void 0===o?void 0:o.relations})},this.renderAssigneesAvatar=e=>e.picture?r("img",{loading:"lazy",src:e.picture,alt:e.name.text}):r("limel-icon",{name:e.icon.name,style:{color:`${e.icon.color}`,"background-color":`${e.icon.backgroundColor}`}}),this.createMenuItem=e=>{var i,o;return"separator"in e?e:{value:e,text:null!==(i=e.label)&&void 0!==i?i:"",secondaryText:e.description,disabled:e.disabled,icon:null!==(o=e.icon)&&void 0!==o?o:""}},this.handleMenuItemSelect=e=>{var i;e.stopPropagation();const o=null===(i=e.detail.value)||void 0===i?void 0:i.command;o&&this.commandbus.handle(o)},this.handleKeyDown=e=>{"Enter"===e.key&&this.handleKanbanItemClick()},this.handleKanbanItemClick=()=>{this.interact.emit(this.item)}}render(){var e,i;return r(a,{key:"d74307473fc2fa7301c9da20e6ce026b86c3d6d1",id:this.item.id.toString(),class:{"has-unpromoted-actions":!!(null===(e=this.item.unpromotedActions)||void 0===e?void 0:e.length),"is-selected":!!(null===(i=this.item)||void 0===i?void 0:i.selected)},style:{"--limebb-kanban-item-color-code":`${this.item.color}`},onClick:this.handleKanbanItemClick,onKeyDown:this.handleKeyDown},this.renderHeader(),this.renderContent(),this.renderSlot(),this.renderRelations(),this.renderFooter())}renderHeader(){return r("div",{class:"header"},this.renderIcon(),this.renderHeading(),this.renderUnpromotedActionsMenu())}renderIcon(){var e,i,o,a;if(this.item.icon)return r("limel-icon",{class:"icon",badge:!0,name:null!==(i=null===(e=this.item.icon)||void 0===e?void 0:e.name)&&void 0!==i?i:"dot_circle",style:{color:`${null===(o=this.item.icon)||void 0===o?void 0:o.color}`,"background-color":`${null===(a=this.item.icon)||void 0===a?void 0:a.backgroundColor}`}})}renderContent(){if(this.item.value)return r("div",{class:"content"},this.renderValue())}renderHeading(){if(this.item.heading)return r("limel-markdown",{class:"heading",value:this.item.heading})}renderValue(){if(this.item.value)return r("limel-markdown",{class:"body reset-img-height",value:this.item.value})}renderUnpromotedActionsMenu(){var e,i;if(!(null===(e=this.item.unpromotedActions)||void 0===e?void 0:e.length))return;const o=this.item.unpromotedActions.map(this.createMenuItem);return r("limel-menu",{class:"unpromoted-actions-menu",items:o,openDirection:"bottom-end",onSelect:this.handleMenuItemSelect},r("limel-icon",{class:"actions",name:"menu_2",slot:"trigger",size:"small",id:"item-actions-tooltip"}),r("limel-tooltip",{elementId:"item-actions-tooltip",label:null===(i=this.translator)||void 0===i?void 0:i.get("webclient.more-actions"),openDirection:"top-end"}))}renderSlot(){var e;if(null===(e=this.item)||void 0===e?void 0:e.bodyComponent)return r("slot",{name:"body"})}renderFooter(){var e;if(null===(e=this.item.assignees)||void 0===e?void 0:e.length)return r("div",{class:"footer"},this.renderAssignees())}renderAssignees(){var e;if(null===(e=this.item.assignees)||void 0===e?void 0:e.length)return r("div",{class:"assignees"},this.item.assignees.map((e=>{var i;return r("limebb-summary-popover",Object.assign({icon:null===(i=e.icon)||void 0===i?void 0:i.name},e.picture&&{image:{src:e.picture,alt:e.name.text||""}},{heading:e.name.text,value:this.createLinkToAssignee(e)}),r("a",{slot:"trigger",class:"assignee",href:e.name.href,title:e.name.text},this.renderAssigneesAvatar(e),r("span",null,e.name.text)))})))}createLinkToAssignee(e){const i=this.translator.get("webclient.actions.goto-object",{limetype:": <br><b>"+e.name.text+"</b>"});return`<a class="author" href="${e.name.href}" title="${e.name.text}">${i}</a>`}get translator(){var e;return null===(e=this.platform)||void 0===e?void 0:e.get(t.Translate)}get commandbus(){var e;return null===(e=this.platform)||void 0===e?void 0:e.get(t.CommandBus)}static get style(){return'@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}:host(limebb-kanban-item){position:relative;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0.5rem}:host(limebb-kanban-item):before{content:"";display:block;position:absolute;top:1rem;bottom:1rem;right:0;transform:translateX(50%);width:0.25rem;border-radius:1rem;background-color:var(--limebb-kanban-item-color-code)}.content{padding-top:0.25rem}.header{display:flex;align-items:flex-start;gap:0.5rem;min-height:1.75rem;padding:0.25rem 0.5rem;border-radius:0.5rem 0.5rem 0 0;background-color:rgb(var(--contrast-300))}.header a{position:relative;cursor:pointer;transition:color 0.2s ease;color:var(--mdc-theme-primary);text-decoration:none}.header a: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)}.header a:hover{color:rgb(var(--color-teal-light))}.header a:hover:before{opacity:0.3;transform:scale(1)}.heading{--markdown-hyperlink-color:var(--mdc-theme-primary);--markdown-hyperlink-color--hovered:rgb(var(--color-teal-light))}.unpromoted-actions-menu{margin:-0.5rem -0.5rem -0.25rem auto}.body{--limel-top-edge-fade-height:0.5rem;--limel-bottom-edge-fade-height:0.5rem;display:block;padding-left:0.5rem;padding-right:0.5rem;margin-top:-0.5rem;color:rgb(var(--contrast-1100));max-height:12rem;--limel-overflow-mask-vertical:linear-gradient(       to bottom,       transparent 0%,       black calc(0% + var(--limel-top-edge-fade-height, 1rem)),       black calc(100% - var(--limel-bottom-edge-fade-height, 1rem)),       transparent 100%   );-webkit-mask-image:var(--limel-overflow-mask-vertical);mask-image:var(--limel-overflow-mask-vertical);padding-top:var(--limel-top-edge-fade-height, 1rem);padding-bottom:var(--limel-bottom-edge-fade-height, 1rem)}limel-chip-set{--limel-chip-size:1.5rem;display:block;margin-left:-0.5rem;margin-right:0.5rem;padding-bottom:0.5rem}.footer{position:relative;display:flex;align-items:center;gap:0.5rem;padding:0.25rem 0.25rem 0.125rem;margin:0 0.25rem;border-top:1px dashed rgb(var(--contrast-300))}.header limel-icon,.footer limel-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.header .actions{margin:0.5rem 0.25rem 0}.header .actions:hover{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal)}.header .actions:hover:hover,.header .actions:hover:focus,.header .actions:hover:focus-visible{will-change:color, background-color, box-shadow, transform}.header .actions:hover:hover,.header .actions:hover:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}.header .actions:hover:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.header .actions:hover:hover,.header .actions:hover:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.footer img{border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-800), 0.4);flex-shrink:0;width:1.25rem;height:1.25rem}.assignees{display:flex;align-items:center;gap:0.25rem}.assignees:has(>:nth-child(2)) span{display:none}.assignees:has(>:nth-child(2)) img,.assignees:has(>:nth-child(2)) limel-icon{margin-right:-0.5rem}.assignees:hover img,.assignees:hover limel-icon,.assignees:focus-within img,.assignees:focus-within limel-icon{margin-right:0rem}.assignees:hover .assignee:not(:hover):not(:focus-visible) img,.assignees:hover .assignee:not(:hover):not(:focus-visible) limel-icon,.assignees:focus-within .assignee:not(:hover):not(:focus-visible) img,.assignees:focus-within .assignee:not(:hover):not(:focus-visible) limel-icon{filter:grayscale(1);opacity:0.6}.assignee{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:transparent;display:flex;align-items:center;text-decoration:none;gap:0.25rem;margin-left:0;border-radius:1rem}.assignee:hover,.assignee:focus,.assignee:focus-visible{will-change:color, background-color, box-shadow, transform}.assignee:hover,.assignee:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.assignee:hover{box-shadow:var(--button-shadow-hovered)}.assignee:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.assignee:hover,.assignee:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.assignee:focus{outline:none}.assignee:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.assignee limel-icon,.assignee img{transition:margin 0.2s ease, opacity 0.2s ease, filter 0.2s ease}.assignee limel-icon{padding:0.125rem;box-shadow:0 0 0 1px rgb(var(--contrast-800), 0.4);background-color:rgb(var(--contrast-100))}.assignee span{font-size:0.75rem;color:rgb(var(--contrast-900));padding-right:0.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}slot[name=body]{display:block;padding:0.5rem}'}},[257,"limebb-kanban-item",{platform:[16],context:[16],item:[16]}]);function m(){"undefined"!=typeof customElements&&["limebb-kanban-item","limebb-navigation-button","limebb-summary-popover"].forEach((e=>{switch(e){case"limebb-kanban-item":customElements.get(s(e))||customElements.define(s(e),c);break;case"limebb-navigation-button":customElements.get(s(e))||n();break;case"limebb-summary-popover":customElements.get(s(e))||l()}}))}export{c as K,m as d}

package/dist/components/lime-query-filter-comparison.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as l,Host as r,transformTag as a}from"@stencil/core/internal/client";import{X as s,n as o}from"./index.esm.js";import{d as n}from"./lime-query-value-input.js";import{d as c}from"./property-selector.js";const p=[{value:s.EQUALS,label:"webclient.operator.equals",icon:"-lime-filter-equal"},{value:s.NOT_EQUALS,label:"webclient.operator.not-equals",icon:"-lime-filter-equal-not"},{value:s.GREATER,label:"webclient.operator.greater-than",icon:"-lime-filter-greater",applicableTypes:["integer","decimal","date","time"]},{value:s.GREATER_OR_EQUAL,label:"webclient.operator.greater-than-or-equal-to",icon:"-lime-filter-greater-equal",applicableTypes:["integer","decimal","date","time"]},{value:s.LESS,label:"webclient.operator.less-than",icon:"-lime-filter-less",applicableTypes:["integer","decimal","date","time"]},{value:s.LESS_OR_EQUAL,label:"webclient.operator.less-than-or-equal-to",icon:"-lime-filter-less-equal",applicableTypes:["integer","decimal","date","time"]},{value:s.IN,label:"webclient.operator.in-filter",icon:"-lime-filter-set-included"},{value:s.LIKE,label:"webclient.operator.contains",icon:"-lime-filter-contain",applicableTypes:["string","text"]},{value:s.BEGINS,label:"webclient.operator.begins-with",icon:"-lime-filter-starts-with",applicableTypes:["string","text"]},{value:s.ENDS,label:"webclient.operator.ends-with",icon:"-lime-filter-ends-with",applicableTypes:["string","text"]}],m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=i(this,"expressionChange",7),this.handlePropertyChange=e=>{e.stopPropagation(),this.expressionChange.emit(Object.assign(Object.assign({},this.expression),{key:e.detail}))},this.handleOperatorChange=e=>{e.stopPropagation();const t=e.detail.value,i=this.expression.op;let l=this.expression.exp;t!==s.IN||Array.isArray(l)?i===s.IN&&t!==s.IN&&Array.isArray(l)&&(l=l.length>0?l[0]:""):l=void 0!==l&&""!==l?[l]:[],this.expressionChange.emit({key:this.expression.key,op:t,exp:l})},this.handleValueChange=e=>{e.stopPropagation(),this.expressionChange.emit(Object.assign(Object.assign({},this.expression),{exp:e.detail}))},this.removeExpression=()=>{this.expressionChange.emit(void 0)}}render(){return l(r,{key:"4c922a895026e3cba05ff662c63af78e57e8fcf6"},this.renderHeader(),l("div",{key:"9e535274b8550eae0735d0f159a131df4e9219e1",class:"expression-container"},this.renderPropertySelector(),this.renderOperator(),this.renderValueInput(),l("limel-icon-button",{key:"dc2fc7b2a82f16163a8beebb7bb1f40694fe0501",class:"remove",icon:"trash",label:"Remove condition",onClick:this.removeExpression})))}renderHeader(){if(this.label)return l("limel-header",{subheading:this.label})}renderPropertySelector(){return l("limebb-property-selector",{platform:this.platform,context:this.context,label:"Property",limetype:this.limetype,value:this.expression.key,required:!0,onChange:this.handlePropertyChange})}renderOperator(){const e=!!this.expression.op,t=p.map((e=>{var t,i;return{text:null!==(i=null===(t=this.translator)||void 0===t?void 0:t.get(e.label))&&void 0!==i?i:e.label,value:e.value,icon:e.icon?{name:e.icon}:void 0}})),i=t.find((e=>e.value===this.expression.op));return l("limel-select",{class:"operator",label:"Operator",value:i,options:t,disabled:!e&&!this.expression.key,onChange:this.handleOperatorChange})}renderValueInput(){return this.expression.op?l("limebb-lime-query-value-input",{platform:this.platform,context:this.context,limetype:this.limetype,activeLimetype:this.activeLimetype,propertyPath:this.expression.key,operator:this.expression.op,value:this.expression.exp,onChange:this.handleValueChange}):null}get translator(){var e;return null===(e=this.platform)||void 0===e?void 0:e.get(o.Translate)}static get style(){return":host(limebb-lime-query-filter-comparison){display:flex;flex-direction:column;gap:0.5rem}.expression-container{position:relative;display:grid;grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr));grid-gap:0.5rem;padding-right:2.75rem}.remove{position:absolute;right:0;top:0.125rem}"}},[1,"limebb-lime-query-filter-comparison",{platform:[16],context:[16],label:[513],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16]}]);function b(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-comparison","limebb-lime-query-value-input","limebb-property-selector"].forEach((e=>{switch(e){case"limebb-lime-query-filter-comparison":customElements.get(a(e))||customElements.define(a(e),m);break;case"limebb-lime-query-value-input":customElements.get(a(e))||n();break;case"limebb-property-selector":customElements.get(a(e))||c()}}))}export{m as L,b as d}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as l,Host as r,transformTag as a}from"@stencil/core/internal/client";import{X as s,n as o}from"./index.esm.js";import{d as n}from"./lime-query-value-input.js";import{d as c}from"./property-selector.js";const p=[{value:s.EQUALS,label:"webclient.operator.equals",icon:"-lime-filter-equal"},{value:s.NOT_EQUALS,label:"webclient.operator.not-equals",icon:"-lime-filter-equal-not"},{value:s.GREATER,label:"webclient.operator.greater-than",icon:"-lime-filter-greater",applicableTypes:["integer","decimal","date","time"]},{value:s.GREATER_OR_EQUAL,label:"webclient.operator.greater-than-or-equal-to",icon:"-lime-filter-greater-equal",applicableTypes:["integer","decimal","date","time"]},{value:s.LESS,label:"webclient.operator.less-than",icon:"-lime-filter-less",applicableTypes:["integer","decimal","date","time"]},{value:s.LESS_OR_EQUAL,label:"webclient.operator.less-than-or-equal-to",icon:"-lime-filter-less-equal",applicableTypes:["integer","decimal","date","time"]},{value:s.IN,label:"webclient.operator.in-filter",icon:"-lime-filter-set-included"},{value:s.LIKE,label:"webclient.operator.contains",icon:"-lime-filter-contain",applicableTypes:["string","text"]},{value:s.BEGINS,label:"webclient.operator.begins-with",icon:"-lime-filter-starts-with",applicableTypes:["string","text"]},{value:s.ENDS,label:"webclient.operator.ends-with",icon:"-lime-filter-ends-with",applicableTypes:["string","text"]}],m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=i(this,"expressionChange",7),this.handlePropertyChange=e=>{e.stopPropagation(),this.expressionChange.emit(Object.assign(Object.assign({},this.expression),{key:e.detail}))},this.handleOperatorChange=e=>{e.stopPropagation();const t=e.detail.value,i=this.expression.op;let l=this.expression.exp;t!==s.IN||Array.isArray(l)?i===s.IN&&t!==s.IN&&Array.isArray(l)&&(l=l.length>0?l[0]:""):l=void 0!==l&&""!==l?[l]:[],this.expressionChange.emit({key:this.expression.key,op:t,exp:l})},this.handleValueChange=e=>{e.stopPropagation(),this.expressionChange.emit(Object.assign(Object.assign({},this.expression),{exp:e.detail}))},this.removeExpression=()=>{this.expressionChange.emit(void 0)}}render(){return l(r,{key:"3c0ce4280b45c19522a5e159bfe41e9866737d5a"},this.renderHeader(),l("div",{key:"6e4afb9968ed2974ec35ce831c474ffc0f5448aa",class:"expression-container"},this.renderPropertySelector(),this.renderOperator(),this.renderValueInput(),l("limel-icon-button",{key:"0d0d87b9dee114c311958049015e493578ecc3e4",class:"remove",icon:"trash",label:"Remove condition",onClick:this.removeExpression})))}renderHeader(){if(this.label)return l("limel-header",{subheading:this.label})}renderPropertySelector(){return l("limebb-property-selector",{platform:this.platform,context:this.context,label:"Property",limetype:this.limetype,value:this.expression.key,required:!0,onChange:this.handlePropertyChange})}renderOperator(){const e=!!this.expression.op,t=p.map((e=>{var t,i;return{text:null!==(i=null===(t=this.translator)||void 0===t?void 0:t.get(e.label))&&void 0!==i?i:e.label,value:e.value,icon:e.icon?{name:e.icon}:void 0}})),i=t.find((e=>e.value===this.expression.op));return l("limel-select",{class:"operator",label:"Operator",value:i,options:t,disabled:!e&&!this.expression.key,onChange:this.handleOperatorChange})}renderValueInput(){return this.expression.op?l("limebb-lime-query-value-input",{platform:this.platform,context:this.context,limetype:this.limetype,activeLimetype:this.activeLimetype,propertyPath:this.expression.key,operator:this.expression.op,value:this.expression.exp,onChange:this.handleValueChange}):null}get translator(){var e;return null===(e=this.platform)||void 0===e?void 0:e.get(o.Translate)}static get style(){return":host(limebb-lime-query-filter-comparison){display:flex;flex-direction:column;gap:0.5rem}.expression-container{position:relative;display:grid;grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr));grid-gap:0.5rem;padding-right:2.75rem}.remove{position:absolute;right:0;top:0.125rem}"}},[1,"limebb-lime-query-filter-comparison",{platform:[16],context:[16],label:[513],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16]}]);function u(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-comparison","limebb-lime-query-value-input","limebb-property-selector"].forEach((e=>{switch(e){case"limebb-lime-query-filter-comparison":customElements.get(a(e))||customElements.define(a(e),m);break;case"limebb-lime-query-value-input":customElements.get(a(e))||n();break;case"limebb-property-selector":customElements.get(a(e))||c()}}))}export{m as L,u as d}

package/dist/components/lime-query-filter-expression.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as r,transformTag as s,Host as l}from"@stencil/core/internal/client";import{X as o}from"./index.esm.js";import{d as n}from"./lime-query-filter-comparison.js";import{d as m}from"./lime-query-value-input.js";import{d as a}from"./property-selector.js";function c(){return{key:"",op:o.EQUALS,exp:""}}function u(e,t){return{op:e.op,exp:[...e.exp,t]}}const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=i(this,"expressionChange",7),this.handleExpressionChange=e=>{var t;e.stopPropagation();const i=null!==(t=e.detail)&&void 0!==t?t:void 0;this.expressionChange.emit(void 0!==i?{op:o.NOT,exp:i}:void 0)}}render(){return r("div",{key:"f4898ca3ce4254cfb678dd15aefde2190e1b3c4d",class:"expression"},this.label&&r("limel-header",{key:"90246f597211851f12d9f266610f5fb2e7444e78",heading:this.label}),r("limebb-lime-query-filter-expression",{key:"3b16c8abdf895b1a43da6c6daf14ea959ec28946",platform:this.platform,context:this.context,label:"Not",limetype:this.limetype,activeLimetype:this.activeLimetype,expression:this.expression.exp,onExpressionChange:this.handleExpressionChange}))}static get style(){return'@charset "UTF-8";.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:1rem;padding:1rem;border-left:0.25rem solid rgb(var(--contrast-400));background-color:rgb(var(--contrast-100))}'}},[1,"limebb-lime-query-filter-not",{platform:[16],context:[16],label:[1],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16]}]);function p(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-not","limebb-lime-query-filter-comparison","limebb-lime-query-filter-expression","limebb-lime-query-filter-group","limebb-lime-query-filter-not"].forEach((e=>{switch(e){case"limebb-lime-query-filter-not":customElements.get(s(e))||customElements.define(s(e),b);break;case"limebb-lime-query-filter-comparison":customElements.get(s(e))||n();break;case"limebb-lime-query-filter-expression":customElements.get(s(e))||y();break;case"limebb-lime-query-filter-group":customElements.get(s(e))||h();break;case"limebb-lime-query-filter-not":customElements.get(s(e))||p()}}))}const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=i(this,"expressionChange",7),this.options=[{text:"All",secondaryText:"AND operator",value:"and"},{text:"Any",secondaryText:"OR operator",value:"or"}],this.renderChildExpression=(e,t)=>r("limebb-lime-query-filter-expression",{role:"listitem",platform:this.platform,context:this.context,limetype:this.limetype,activeLimetype:this.activeLimetype,expression:e,onExpressionChange:this.handleExpressionChange(t)}),this.handleDeleteGroup=()=>{this.expressionChange.emit()},this.handleToggleOperator=e=>{const t=Array.isArray(e.detail)?e.detail[0]:e.detail;if(this.value=t,("and"===t.value?o.AND:o.OR)!==this.expression.op){const e={op:(i=this.expression).op===o.AND?o.OR:o.AND,exp:[...i.exp]};this.expressionChange.emit(e)}var i},this.handleAddChildExpression=()=>{const e=c(),t=u(this.expression,e);this.expressionChange.emit(t)},this.handleAddChildGroup=()=>{const e={op:this.expression.op===o.AND?o.OR:o.AND,exp:[c()]},t=u(this.expression,e);this.expressionChange.emit(t)},this.handleExpressionChange=e=>t=>{t.stopPropagation();const i=function(e,t,i){const r=[...e.exp];return i?(r[t]=i,{type:"updated",expression:{op:e.op,exp:r}}):(r.splice(t,1),0===r.length?{type:"removed",expression:void 0}:1===r.length?{type:"unwrapped",expression:r[0]}:{type:"updated",expression:{op:e.op,exp:r}})}(this.expression,e,t.detail);this.expressionChange.emit(i.expression)}}componentWillLoad(){this.value=this.options.find((e=>e.value===(this.expression.op===o.AND?"and":"or")))||this.options[0]}render(){return r(l,{key:"d05a879f0b2434944cc4ee377fdb93cac9dad1e4",style:{"--limebb-lime-query-filter-group-operator":`"${this.expression.op===o.AND?"AND":"OR"}"`}},r("div",{key:"79442b5366ac59c676c885104419a30f7afd0f72",class:"expression"},this.renderHeader(),r("ul",{key:"1e173062114f2b59b86abbeae462ccee57d1f0eb"},this.expression.exp.map(this.renderChildExpression),this.renderAddButton()),this.renderAddGroupButton()))}renderHeader(){const e=this.getSubheading();return e?r("limel-header",{subheading:e},this.renderOperators(),this.renderDeleteGroupButton()):null}renderOperators(){return r("limel-select",{class:"operator-select",slot:"actions",value:this.value,options:this.options,onChange:this.handleToggleOperator})}renderDeleteGroupButton(){return r("limel-icon-button",{class:"delete-group",slot:"actions",icon:"trash",label:"Delete This Group",onClick:this.handleDeleteGroup})}getSubheading(){return this.expression.exp.length<=1?"":this.expression.op===o.AND?"All of these conditions are met":"Any of these conditions are met"}renderAddButton(){return r("limel-button",{role:"listitem",label:"Condition",icon:{name:"plus_math",title:"Add"},onClick:this.handleAddChildExpression})}renderAddGroupButton(){return r("limel-button",{class:"add-group",label:"Group",icon:{name:"plus_math",title:"Add"},onClick:this.handleAddChildGroup})}static get style(){return'@charset "UTF-8";*,*::before,*::after{box-sizing:border-box}limebb-lime-query-filter-expression{position:relative;isolation:isolate}limebb-lime-query-filter-expression:not(:first-of-type):after{content:"";position:absolute;top:-0.5rem;left:0.75rem;display:block;border-radius:1rem;height:2rem;width:0.125rem;background-color:var(--limebb-lime-query-builder-group-color)}limebb-lime-query-filter-expression:not(:first-of-type):before{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;height:1rem;content:var(--limebb-lime-query-filter-group-operator);display:inline-block;margin:0 auto 0.5rem auto;transform:translateY(-50%);font-size:0.625rem;padding:0 0.5rem;color:rgb(var(--color-blue-dark));background-color:var(--limebb-lime-query-builder-group-color);border-radius:2rem}.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:0;background-color:rgb(var(--contrast-100));border-radius:0.75rem;border:1px solid var(--limebb-lime-query-builder-group-color)}.expression ul{list-style:none;margin:0;padding:0.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.expression ul [role=listitem]{list-style:none;width:100%}limel-button.add-group{width:fit-content;margin:0.5rem}limel-icon-button.delete-group{margin-left:0.5rem}limel-select.operator-select{min-width:8rem}'}},[1,"limebb-lime-query-filter-group",{platform:[16],context:[16],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16],value:[32]}]);function h(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-group","limebb-lime-query-filter-comparison","limebb-lime-query-filter-expression","limebb-lime-query-filter-group","limebb-lime-query-filter-not"].forEach((e=>{switch(e){case"limebb-lime-query-filter-group":customElements.get(s(e))||customElements.define(s(e),d);break;case"limebb-lime-query-filter-comparison":customElements.get(s(e))||n();break;case"limebb-lime-query-filter-expression":customElements.get(s(e))||y();break;case"limebb-lime-query-filter-group":customElements.get(s(e))||h();break;case"limebb-lime-query-filter-not":customElements.get(s(e))||p()}}))}const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=i(this,"expressionChange",7),this.handleExpressionChange=e=>{e.stopPropagation(),this.expressionChange.emit(e.detail)}}render(){if(!this.expression)return;const e={platform:this.platform,context:this.context,label:this.label,limetype:this.limetype,activeLimetype:this.activeLimetype};return"key"in this.expression?r("limebb-lime-query-filter-comparison",Object.assign({},e,{expression:this.expression,onExpressionChange:this.handleExpressionChange})):this.expression.op===o.AND||this.expression.op===o.OR?r("limebb-lime-query-filter-group",Object.assign({},e,{expression:this.expression,onExpressionChange:this.handleExpressionChange})):this.expression.op===o.NOT?r("limebb-lime-query-filter-not",Object.assign({},e,{expression:this.expression,onExpressionChange:this.handleExpressionChange})):void 0}static get style(){return'@charset "UTF-8";.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:1rem}'}},[1,"limebb-lime-query-filter-expression",{platform:[16],context:[16],label:[1],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16]}]);function y(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-expression","limebb-lime-query-filter-comparison","limebb-lime-query-filter-expression","limebb-lime-query-filter-group","limebb-lime-query-filter-not","limebb-lime-query-value-input","limebb-property-selector"].forEach((e=>{switch(e){case"limebb-lime-query-filter-expression":customElements.get(s(e))||customElements.define(s(e),f);break;case"limebb-lime-query-filter-comparison":customElements.get(s(e))||n();break;case"limebb-lime-query-filter-expression":customElements.get(s(e))||y();break;case"limebb-lime-query-filter-group":customElements.get(s(e))||h();break;case"limebb-lime-query-filter-not":customElements.get(s(e))||p();break;case"limebb-lime-query-value-input":customElements.get(s(e))||m();break;case"limebb-property-selector":customElements.get(s(e))||a()}}))}export{f as L,d as a,h as b,b as c,y as d,p as e}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as r,transformTag as s,Host as l}from"@stencil/core/internal/client";import{X as o}from"./index.esm.js";import{d as n}from"./lime-query-filter-comparison.js";import{d as m}from"./lime-query-value-input.js";import{d as a}from"./property-selector.js";function c(){return{key:"",op:o.EQUALS,exp:""}}function u(e,t){return{op:e.op,exp:[...e.exp,t]}}const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=i(this,"expressionChange",7),this.handleExpressionChange=e=>{var t;e.stopPropagation();const i=null!==(t=e.detail)&&void 0!==t?t:void 0;this.expressionChange.emit(void 0!==i?{op:o.NOT,exp:i}:void 0)}}render(){return r("div",{key:"540260cd3203c932bb630f7a714447d574c371c6",class:"expression"},this.label&&r("limel-header",{key:"32eb4b638008d7409c017627c556944d85d5db33",heading:this.label}),r("limebb-lime-query-filter-expression",{key:"e547fef08281f285baa1868a7942f3c7db1cf87f",platform:this.platform,context:this.context,label:"Not",limetype:this.limetype,activeLimetype:this.activeLimetype,expression:this.expression.exp,onExpressionChange:this.handleExpressionChange}))}static get style(){return'@charset "UTF-8";.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:1rem;padding:1rem;border-left:0.25rem solid rgb(var(--contrast-400));background-color:rgb(var(--contrast-100))}'}},[1,"limebb-lime-query-filter-not",{platform:[16],context:[16],label:[1],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16]}]);function p(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-not","limebb-lime-query-filter-comparison","limebb-lime-query-filter-expression","limebb-lime-query-filter-group","limebb-lime-query-filter-not"].forEach((e=>{switch(e){case"limebb-lime-query-filter-not":customElements.get(s(e))||customElements.define(s(e),b);break;case"limebb-lime-query-filter-comparison":customElements.get(s(e))||n();break;case"limebb-lime-query-filter-expression":customElements.get(s(e))||y();break;case"limebb-lime-query-filter-group":customElements.get(s(e))||h();break;case"limebb-lime-query-filter-not":customElements.get(s(e))||p()}}))}const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=i(this,"expressionChange",7),this.options=[{text:"All",secondaryText:"AND operator",value:"and"},{text:"Any",secondaryText:"OR operator",value:"or"}],this.renderChildExpression=(e,t)=>r("limebb-lime-query-filter-expression",{role:"listitem",platform:this.platform,context:this.context,limetype:this.limetype,activeLimetype:this.activeLimetype,expression:e,onExpressionChange:this.handleExpressionChange(t)}),this.handleDeleteGroup=()=>{this.expressionChange.emit()},this.handleToggleOperator=e=>{const t=Array.isArray(e.detail)?e.detail[0]:e.detail;if(this.value=t,("and"===t.value?o.AND:o.OR)!==this.expression.op){const e={op:(i=this.expression).op===o.AND?o.OR:o.AND,exp:[...i.exp]};this.expressionChange.emit(e)}var i},this.handleAddChildExpression=()=>{const e=c(),t=u(this.expression,e);this.expressionChange.emit(t)},this.handleAddChildGroup=()=>{const e={op:this.expression.op===o.AND?o.OR:o.AND,exp:[c()]},t=u(this.expression,e);this.expressionChange.emit(t)},this.handleExpressionChange=e=>t=>{t.stopPropagation();const i=function(e,t,i){const r=[...e.exp];return i?(r[t]=i,{type:"updated",expression:{op:e.op,exp:r}}):(r.splice(t,1),0===r.length?{type:"removed",expression:void 0}:1===r.length?{type:"unwrapped",expression:r[0]}:{type:"updated",expression:{op:e.op,exp:r}})}(this.expression,e,t.detail);this.expressionChange.emit(i.expression)}}componentWillLoad(){this.value=this.options.find((e=>e.value===(this.expression.op===o.AND?"and":"or")))||this.options[0]}render(){return r(l,{key:"b6fa2e2e21d68867587e42b9247df54495c64a86",style:{"--limebb-lime-query-filter-group-operator":`"${this.expression.op===o.AND?"AND":"OR"}"`}},r("div",{key:"2d02f59f34a6bcd52f24dc942eb55ca8405ae744",class:"expression"},this.renderHeader(),r("ul",{key:"8fba5156c7e8573aaee21932640112d04d7890cf"},this.expression.exp.map(this.renderChildExpression),this.renderAddButton()),this.renderAddGroupButton()))}renderHeader(){const e=this.getSubheading();return e?r("limel-header",{subheading:e},this.renderOperators(),this.renderDeleteGroupButton()):null}renderOperators(){return r("limel-select",{class:"operator-select",slot:"actions",value:this.value,options:this.options,onChange:this.handleToggleOperator})}renderDeleteGroupButton(){return r("limel-icon-button",{class:"delete-group",slot:"actions",icon:"trash",label:"Delete This Group",onClick:this.handleDeleteGroup})}getSubheading(){return this.expression.exp.length<=1?"":this.expression.op===o.AND?"All of these conditions are met":"Any of these conditions are met"}renderAddButton(){return r("limel-button",{role:"listitem",label:"Condition",icon:{name:"plus_math",title:"Add"},onClick:this.handleAddChildExpression})}renderAddGroupButton(){return r("limel-button",{class:"add-group",label:"Group",icon:{name:"plus_math",title:"Add"},onClick:this.handleAddChildGroup})}static get style(){return'@charset "UTF-8";*,*::before,*::after{box-sizing:border-box}limebb-lime-query-filter-expression{position:relative;isolation:isolate}limebb-lime-query-filter-expression:not(:first-of-type):after{content:"";position:absolute;top:-0.5rem;left:0.75rem;display:block;border-radius:1rem;height:2rem;width:0.125rem;background-color:var(--limebb-lime-query-builder-group-color)}limebb-lime-query-filter-expression:not(:first-of-type):before{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;height:1rem;content:var(--limebb-lime-query-filter-group-operator);display:inline-block;margin:0 auto 0.5rem auto;transform:translateY(-50%);font-size:0.625rem;padding:0 0.5rem;color:rgb(var(--color-blue-dark));background-color:var(--limebb-lime-query-builder-group-color);border-radius:2rem}.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:0;background-color:rgb(var(--contrast-100));border-radius:0.75rem;border:1px solid var(--limebb-lime-query-builder-group-color)}.expression ul{list-style:none;margin:0;padding:0.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.expression ul [role=listitem]{list-style:none;width:100%}limel-button.add-group{width:fit-content;margin:0.5rem}limel-icon-button.delete-group{margin-left:0.5rem}limel-select.operator-select{min-width:8rem}'}},[1,"limebb-lime-query-filter-group",{platform:[16],context:[16],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16],value:[32]}]);function h(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-group","limebb-lime-query-filter-comparison","limebb-lime-query-filter-expression","limebb-lime-query-filter-group","limebb-lime-query-filter-not"].forEach((e=>{switch(e){case"limebb-lime-query-filter-group":customElements.get(s(e))||customElements.define(s(e),d);break;case"limebb-lime-query-filter-comparison":customElements.get(s(e))||n();break;case"limebb-lime-query-filter-expression":customElements.get(s(e))||y();break;case"limebb-lime-query-filter-group":customElements.get(s(e))||h();break;case"limebb-lime-query-filter-not":customElements.get(s(e))||p()}}))}const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=i(this,"expressionChange",7),this.handleExpressionChange=e=>{e.stopPropagation(),this.expressionChange.emit(e.detail)}}render(){if(!this.expression)return;const e={platform:this.platform,context:this.context,label:this.label,limetype:this.limetype,activeLimetype:this.activeLimetype};return"key"in this.expression?r("limebb-lime-query-filter-comparison",Object.assign({},e,{expression:this.expression,onExpressionChange:this.handleExpressionChange})):this.expression.op===o.AND||this.expression.op===o.OR?r("limebb-lime-query-filter-group",Object.assign({},e,{expression:this.expression,onExpressionChange:this.handleExpressionChange})):this.expression.op===o.NOT?r("limebb-lime-query-filter-not",Object.assign({},e,{expression:this.expression,onExpressionChange:this.handleExpressionChange})):void 0}static get style(){return'@charset "UTF-8";.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:1rem}'}},[1,"limebb-lime-query-filter-expression",{platform:[16],context:[16],label:[1],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16]}]);function y(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-expression","limebb-lime-query-filter-comparison","limebb-lime-query-filter-expression","limebb-lime-query-filter-group","limebb-lime-query-filter-not","limebb-lime-query-value-input","limebb-property-selector"].forEach((e=>{switch(e){case"limebb-lime-query-filter-expression":customElements.get(s(e))||customElements.define(s(e),f);break;case"limebb-lime-query-filter-comparison":customElements.get(s(e))||n();break;case"limebb-lime-query-filter-expression":customElements.get(s(e))||y();break;case"limebb-lime-query-filter-group":customElements.get(s(e))||h();break;case"limebb-lime-query-filter-not":customElements.get(s(e))||p();break;case"limebb-lime-query-value-input":customElements.get(s(e))||m();break;case"limebb-property-selector":customElements.get(s(e))||a()}}))}export{f as L,d as a,h as b,b as c,y as d,p as e}

package/dist/components/limebb-alert-dialog.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as o,transformTag as a}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dismiss=r(this,"dismiss",7),this.type="note",this.open=!1,this.handleClose=()=>{this.dismiss.emit()}}render(){return o("limel-dialog",{key:"3de80fdee6a449dd2acb9f4cb6a04f6bed59e3ab",open:this.open,onClose:this.handleClose},o("div",{key:"66a03e3c422e8abc953e711c3b50e269e463635d",class:"dialog-content"},o("div",{key:"7b10a07b791a3dc1bda11a93a8be85d7ac86cb51",class:"icon-slot"},o("limel-icon",{key:"222b33b097852fb3c659241b6cd27267cfbeb5e6",name:this.getIconName(),"aria-hidden":"true"})),o("h1",{key:"9099e453f67703b904299c440d1fb38ad7662ec0",id:"alert-dialog-title"},this.heading),this.renderSubheading()),o("div",{key:"e6624fd16ab3b8b5d711b1584d34904ac86dd626",slot:"button"},o("slot",{key:"e157446171a7ef74224b5a6b68e17ab9149a7ba1",name:"button"})))}renderSubheading(){return this.subheading?o("h2",{id:"alert-dialog-content"},this.subheading):null}getIconName(){return this.icon?this.icon:{note:"information",success:"check_mark",caution:"error_(14)",warning:"multiply"}[this.type]}static get style(){return'@charset "UTF-8";:host(limebb-alert-dialog){--dialog-width:20rem;overflow:hidden}:host([type=note]){--alert-type-background:var(--color-sky-lighter);--alert-type-color:var(--color-sky-dark)}:host([type=success]){--alert-type-background:var(--color-lime-lighter);--alert-type-color:var(--color-lime-dark)}:host([type=caution]){--alert-type-background:var(--color-orange-lighter);--alert-type-color:var(--color-orange-dark)}:host([type=warning]){--alert-type-background:var(--color-coral-lighter);--alert-type-color:var(--color-coral-dark)}.dialog-content{display:flex;flex-direction:column;align-items:center}.icon-slot{display:flex;justify-content:center;align-items:center;height:7rem;width:7rem;border-radius:50%;margin:1.5rem 0;background:rgb(var(--alert-type-background))}limel-icon{height:3.5rem;width:3.5rem;color:rgb(var(--alert-type-color))}h1{color:rgb(var(--contrast-1500));font-size:1.5rem}h2{text-align:center;color:rgb(var(--contrast-1200));margin:0 0 0.25rem 0;font-size:0.9rem;font-weight:500;line-height:1.2rem}div[slot=button]{display:flex;flex-direction:column;align-items:center;gap:0.5rem;width:100%}::slotted(limel-button){display:block;width:100%}::slotted(limel-button[primary]){color:rgb(var(--contrast-100));--lime-primary-color:rgb(var(--alert-type-color))}::slotted(limel-button:not([primary])){--lime-primary-color:rgb(var(--contrast-1000))}::slotted(button){appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit}::slotted(a){all:unset}::slotted(button),::slotted(a){color:rgb(var(--contrast-1000));border-bottom:1px solid rgb(var(--contrast-800));text-align:center;width:fit-content;cursor:pointer}::slotted(button:focus-visible),::slotted(a:focus-visible){outline:none;box-shadow:var(--shadow-depth-8-focused)}'}},[257,"limebb-alert-dialog",{type:[513],open:[516],icon:[513],heading:[513],subheading:[1]}]),l=i,n=function(){"undefined"!=typeof customElements&&["limebb-alert-dialog"].forEach((e=>{"limebb-alert-dialog"===e&&(customElements.get(a(e))||customElements.define(a(e),i))}))};export{l as LimebbAlertDialog,n as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as o,transformTag as a}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dismiss=r(this,"dismiss",7),this.type="note",this.open=!1,this.handleClose=()=>{this.dismiss.emit()}}render(){return o("limel-dialog",{key:"c010a0533960fb2c28daeab4cdfa98160364479c",open:this.open,onClose:this.handleClose},o("div",{key:"2fc0c12cee6fccc2df23f653ea63264a080e8580",class:"dialog-content"},o("div",{key:"a2487c5625153a2546664724270b248491657222",class:"icon-slot"},o("limel-icon",{key:"42134c64cef2d38a6f4a6cfcecfe3e3415af1646",name:this.getIconName(),"aria-hidden":"true"})),o("h1",{key:"b42a073077fae6d410e9218175998d852c3d88ce",id:"alert-dialog-title"},this.heading),this.renderSubheading()),o("div",{key:"5fe979e8788bdefa8aa051dd5d150fb48b0a3248",slot:"button"},o("slot",{key:"41d1da55f437358e1f3bf943e7ba4103bb6c73ad",name:"button"})))}renderSubheading(){return this.subheading?o("h2",{id:"alert-dialog-content"},this.subheading):null}getIconName(){return this.icon?this.icon:{note:"information",success:"check_mark",caution:"error_(14)",warning:"multiply"}[this.type]}static get style(){return'@charset "UTF-8";:host(limebb-alert-dialog){--dialog-width:20rem;overflow:hidden}:host([type=note]){--alert-type-background:var(--color-sky-lighter);--alert-type-color:var(--color-sky-dark)}:host([type=success]){--alert-type-background:var(--color-lime-lighter);--alert-type-color:var(--color-lime-dark)}:host([type=caution]){--alert-type-background:var(--color-orange-lighter);--alert-type-color:var(--color-orange-dark)}:host([type=warning]){--alert-type-background:var(--color-coral-lighter);--alert-type-color:var(--color-coral-dark)}.dialog-content{display:flex;flex-direction:column;align-items:center}.icon-slot{display:flex;justify-content:center;align-items:center;height:7rem;width:7rem;border-radius:50%;margin:1.5rem 0;background:rgb(var(--alert-type-background))}limel-icon{height:3.5rem;width:3.5rem;color:rgb(var(--alert-type-color))}h1{color:rgb(var(--contrast-1500));font-size:1.5rem}h2{text-align:center;color:rgb(var(--contrast-1200));margin:0 0 0.25rem 0;font-size:0.9rem;font-weight:500;line-height:1.2rem}div[slot=button]{display:flex;flex-direction:column;align-items:center;gap:0.5rem;width:100%}::slotted(limel-button){display:block;width:100%}::slotted(limel-button[primary]){color:rgb(var(--contrast-100));--lime-primary-color:rgb(var(--alert-type-color))}::slotted(limel-button:not([primary])){--lime-primary-color:rgb(var(--contrast-1000))}::slotted(button){appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit}::slotted(a){all:unset}::slotted(button),::slotted(a){color:rgb(var(--contrast-1000));border-bottom:1px solid rgb(var(--contrast-800));text-align:center;width:fit-content;cursor:pointer}::slotted(button:focus-visible),::slotted(a:focus-visible){outline:none;box-shadow:var(--shadow-depth-8-focused)}'}},[257,"limebb-alert-dialog",{type:[513],open:[516],icon:[513],heading:[513],subheading:[1]}]),l=i,n=function(){"undefined"!=typeof customElements&&["limebb-alert-dialog"].forEach((e=>{"limebb-alert-dialog"===e&&(customElements.get(a(e))||customElements.define(a(e),i))}))};export{l as LimebbAlertDialog,n as defineCustomElement}

package/dist/components/limebb-browser.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,transformTag as r}from"@stencil/core/internal/client";import{n as o}from"./index.esm.js";import{a as n}from"./keycodes.js";import{n as a}from"./negate.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.layout="grid",this.handleChangeFilter=t=>{t.stopPropagation(),this.filter=t.detail},this.isIncluded=(t,e)=>this.isSeparator(t)?!(0===e&&!t.text):!this.filter||t.text.toLocaleLowerCase().includes(this.filter.toLocaleLowerCase()),this.isEmptyGroup=(t,e,i)=>{if(!this.isSeparator(t))return!1;const s=i[e+1];return!s||this.isSeparator(s)},this.handleChange=t=>{t.preventDefault(),this.handleItemChange(t.detail)},this.handleKeyDown=t=>{var e;if(t.key!==n)return;const i=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector("limel-list"),s=this.getItems().filter(a(this.isSeparator));i&&s.length>0&&(i.focus(),this.handleItemChange(s[0]))}}render(){return[s("limel-input-field",{key:"ecc09b391612ed807379fae5e4b175e6b87f4e9f",tabIndex:0,value:this.filter,type:"search","leading-icon":"search",placeholder:this.translator.get("webclient.global-search-route"),onChange:this.handleChangeFilter,onKeyDown:this.handleKeyDown}),s("limel-list",{key:"2e82f8ffdf20ef251967a27e26664519c2f03ca5",items:this.getItems(),type:"selectable",class:{"has-interactive-items":!0,"has-grid-layout":"grid"===this.layout},onChange:this.handleChange})]}isSeparator(t){return!!t&&"object"==typeof t&&"separator"in t}get navigator(){return this.platform.get(o.Navigator)}get translator(){var t;return null===(t=this.platform)||void 0===t?void 0:t.get(o.Translate)}handleItemChange(t){this.change.emit(t),this.filter=void 0,this.navigator.navigate(t.path)}getItems(){return this.items.filter(this.isIncluded).filter(a(this.isEmptyGroup))}static get delegatesFocus(){return!0}get host(){return this}static get style(){return":host(limebb-browser){isolation:isolate;display:flex;flex-direction:column;background-color:rgba(var(--contrast-100))}limel-input-field{position:sticky;top:0;z-index:1;padding:0.5rem 0.75rem;background-color:rgba(var(--contrast-100), 0.75);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem)}"}},[17,"limebb-browser",{platform:[16],context:[16],items:[16],layout:[1],filter:[32]}]),h=l,c=function(){"undefined"!=typeof customElements&&["limebb-browser"].forEach((t=>{"limebb-browser"===t&&(customElements.get(r(t))||customElements.define(r(t),l))}))};export{h as LimebbBrowser,c as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,transformTag as r}from"@stencil/core/internal/client";import{n as o}from"./index.esm.js";import{a as n}from"./keycodes.js";import{n as l}from"./negate.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.layout="grid",this.handleChangeFilter=t=>{t.stopPropagation(),this.filter=t.detail},this.isIncluded=(t,e)=>this.isSeparator(t)?!(0===e&&!t.text):!this.filter||t.text.toLocaleLowerCase().includes(this.filter.toLocaleLowerCase()),this.isEmptyGroup=(t,e,i)=>{if(!this.isSeparator(t))return!1;const s=i[e+1];return!s||this.isSeparator(s)},this.handleChange=t=>{t.preventDefault(),this.handleItemChange(t.detail)},this.handleKeyDown=t=>{var e;if(t.key!==n)return;const i=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector("limel-list"),s=this.getItems().filter(l(this.isSeparator));i&&s.length>0&&(i.focus(),this.handleItemChange(s[0]))}}render(){return[s("limel-input-field",{key:"e4214f985b236a084cee716d28caf2fb9e8f92e6",tabIndex:0,value:this.filter,type:"search","leading-icon":"search",placeholder:this.translator.get("webclient.global-search-route"),onChange:this.handleChangeFilter,onKeyDown:this.handleKeyDown}),s("limel-list",{key:"fc81c010b7132ef120b089c5c7996052c7d7fc05",items:this.getItems(),type:"selectable",class:{"has-interactive-items":!0,"has-grid-layout":"grid"===this.layout},onChange:this.handleChange})]}isSeparator(t){return!!t&&"object"==typeof t&&"separator"in t}get navigator(){return this.platform.get(o.Navigator)}get translator(){var t;return null===(t=this.platform)||void 0===t?void 0:t.get(o.Translate)}handleItemChange(t){this.change.emit(t),this.filter=void 0,this.navigator.navigate(t.path)}getItems(){return this.items.filter(this.isIncluded).filter(l(this.isEmptyGroup))}static get delegatesFocus(){return!0}get host(){return this}static get style(){return":host(limebb-browser){isolation:isolate;display:flex;flex-direction:column;background-color:rgba(var(--contrast-100))}limel-input-field{position:sticky;top:0;z-index:1;padding:0.5rem 0.75rem;background-color:rgba(var(--contrast-100), 0.75);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem)}"}},[17,"limebb-browser",{platform:[16],context:[16],items:[16],layout:[1],filter:[32]}]),h=a,c=function(){"undefined"!=typeof customElements&&["limebb-browser"].forEach((t=>{"limebb-browser"===t&&(customElements.get(r(t))||customElements.define(r(t),a))}))};export{h as LimebbBrowser,c as defineCustomElement}

package/dist/components/limebb-chat-list.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as i,Host as r,transformTag as n}from"@stencil/core/internal/client";import{n as o}from"./index.esm.js";import{d as s}from"./chat-icon-list.js";import{d as a}from"./chat-item.js";import{d as l}from"./typing-indicator.js";function c(t){return"type"in t&&"iconList"===t.type}function d(t){if("chat"===t.type||"iconList"===t.type)return t.item.timestamp}function h(t){for(const e of t.items)c(e)?t.processedItems.push({type:"iconList",item:e}):t.processedItems.push({type:"chat",item:e});return t}function m(t){if(!t.lastVisitedTimestamp)return t;const e=t.processedItems,i=t.lastVisitedTimestamp;for(let r=e.length-1;r>=0;r--){const n=e[r];if("group"!==n.type)continue;const o=p(n.items,i);if(-1!==o)return b(t,e,r,n,o)}return t}function p(t,e){for(let i=t.length-1;i>=0;i--){const r=d(t[i]);if(void 0!==r&&new Date(r)<=e)return i}return-1}function b(t,e,i,r,n){const o=n===r.items.length-1;if(o&&i===e.length-1)return t;if(o)return Object.assign(Object.assign({},t),{processedItems:[...e.slice(0,i+1),{type:"newItemIndicator"},...e.slice(i+1)]});const s=[...r.items.slice(0,n+1),{type:"newItemIndicator"},...r.items.slice(n+1)];return Object.assign(Object.assign({},t),{processedItems:[...e.slice(0,i),Object.assign(Object.assign({},r),{items:s}),...e.slice(i+1)]})}function g(t){const e=[];let i=null,r=null;for(const n of t.processedItems){if("chat"!==n.type&&"iconList"!==n.type)continue;const o=t.dateTimeFormatter.format(new Date(n.item.timestamp),"date");o===r?null==i||i.items.push(n):(i&&e.push(i),i={type:"group",groupType:"dateGroup",heading:o,items:[n]},r=o)}return i&&e.push(i),Object.assign(Object.assign({},t),{processedItems:e})}class u{constructor(t,e,i){this.scrollContainer=t,this.getOrder=e,this.isSticky=!0,this.paintedOrder=i}beforeRender(){this.scrollContainer.isConnected&&(this.isSticky=this.distanceFromNewestEdge(this.paintedOrder)<50)}afterRender(){this.scrollContainer.isConnected&&(this.paintedOrder=this.getOrder(),this.isSticky&&this.scrollToNewest())}repinIfSticky(){this.scrollContainer.isConnected&&this.isSticky&&this.scrollToNewest()}scrollToNewest(){const t="oldest-on-top"===this.getOrder()?this.scrollContainer.scrollHeight:0;this.scrollContainer.scrollTop!==t&&(this.scrollContainer.scrollTop=t)}distanceFromNewestEdge(t){return"oldest-on-top"===t?this.scrollContainer.scrollHeight-this.scrollContainer.scrollTop-this.scrollContainer.clientHeight:this.scrollContainer.scrollTop}}const f="grid-template-rows",y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.items=[],this.order="oldest-on-top",this.processedItems=[],this.handleHeightTransitionEnd=function(t){return e=>{e.propertyName===f&&t()}}((()=>{var t;return null===(t=this.scrollAnchor)||void 0===t?void 0:t.repinIfSticky()}))}handleItemsChange(){let t=null;this.lastVisitedTimestamp&&(t=function(t){return new Date("string"==typeof t?Date.parse(t):t)}(this.lastVisitedTimestamp));const e=function(t,e,i){return function(t){return[h,g,m].reduce(((t,e)=>e(t)),t)}({items:t,processedItems:[],lastVisitedTimestamp:i,dateTimeFormatter:e}).processedItems}(this.items,this.dateTimeFormatter,t);this.processedItems="newest-on-top"===this.order?function(t){return t.toReversed().map((t=>"group"!==t.type?t:Object.assign(Object.assign({},t),{items:t.items.toReversed()})))}(e):e}componentWillLoad(){this.handleItemsChange(),this.scrollAnchor=new u(this.host,(()=>this.order),this.order)}componentDidLoad(){var t;!function(t){if(!t)return;const e=globalThis.getComputedStyle(t).transitionProperty;if(!e)return;const i=new Set(e.split(",").map((t=>t.trim())));i.has("all")||i.has(f)||console.warn(`[limebb-chat-list] Typing indicator is transitioning \`${e}\` instead of \`${f}\`. The auto-scroll on indicator appearance will not fire. Update the CSS or the handler so they match.`)}(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".typing-indicator-height-animation"))}componentWillRender(){0!==this.items.length&&this.scrollAnchor.beforeRender()}componentDidRender(){0!==this.items.length&&this.scrollAnchor.afterRender()}render(){return i(r,{key:"002369dc1f47978696b4eb8ac7189f794568b0b4",class:{"is-empty":0===this.items.length&&!this.isTypingIndicatorVisible},"aria-busy":this.isBusy(),role:"log"},this.renderSpinner(),"newest-on-top"===this.order&&this.renderTypingIndicatorBlock(),this.renderChatItems(),"oldest-on-top"===this.order&&this.renderTypingIndicatorBlock())}renderSpinner(){if(this.loading)return i("limel-spinner",null)}renderTypingIndicatorBlock(){return i("div",{class:"typing-indicator-height-animation",onTransitionEnd:this.handleHeightTransitionEnd},i("div",null,this.renderTypingIndicator()))}renderTypingIndicator(){if(this.isTypingIndicatorVisible)return i("limebb-typing-indicator",null)}renderChatItems(){return this.processedItems.map((t=>{switch(t.type){case"group":return this.renderGroup(t);case"newItemIndicator":return this.renderIndicator();case"chat":case"iconList":return null;default:return w(t)}}))}renderGroup(t){const e=t.items.map((t=>{switch(t.type){case"chat":return this.renderChatItem(t.item);case"iconList":return this.renderIconList(t.item);case"newItemIndicator":return this.renderIndicator();case"group":return null;default:return w(t)}})),r="date-group-"+t.heading,n=("heading-"+r).replaceAll(/[^a-zA-Z0-9_-]/g,"_"),o=i("a",{id:n,class:"date-heading",role:"heading","aria-level":2},t.heading);return i("section",{class:"date-group",key:r,"aria-labelledby":n},o,e)}renderChatItem(t){return i("limebb-chat-item",{platform:this.platform,context:this.context,item:t,helperText:t.helperText,hasError:t.hasError,key:t.id})}renderIconList(t){return i("limebb-chat-icon-list",{item:t,key:t.id})}renderIndicator(){return i("div",{class:"new-items-indicator",role:"separator"},i("hr",null),i("h3",null,this.translator.get("webclient.new")))}isBusy(){return this.loading||this.isTypingIndicatorVisible?"true":"false"}get dateTimeFormatter(){return this.platform.get(o.DateTimeFormatter)}get translator(){return this.platform.get(o.Translate)}get host(){return this}static get watchers(){return{items:[{handleItemsChange:0}],order:[{handleItemsChange:0}]}}static get style(){return'@charset "UTF-8";:host(limebb-chat-list){--limel-top-edge-fade-height:0.75rem;isolation:isolate;--limel-overflow-mask-vertical:linear-gradient(       to bottom,       transparent 0%,       black calc(0% + var(--limel-top-edge-fade-height, 1rem)),       black calc(100% - var(--limel-bottom-edge-fade-height, 1rem)),       transparent 100%   );-webkit-mask-image:var(--limel-overflow-mask-vertical);mask-image:var(--limel-overflow-mask-vertical);padding-top:var(--limel-top-edge-fade-height, 1rem);padding-bottom:var(--limel-bottom-edge-fade-height, 1rem);box-sizing:border-box;display:flex;flex-direction:column;gap:0.5rem;height:100%;width:100%;min-width:0;min-height:0;padding:var(--limel-top-edge-fade-height) 0.5rem;overflow:hidden auto}:host(limebb-chat-list.is-empty){padding:0}*{box-sizing:border-box}limel-spinner{align-self:center;justify-self:center;margin:auto}.date-group{isolation:isolate;display:flex;flex-direction:inherit;gap:0.5rem}.date-heading{position:sticky;z-index:1;top:0.25rem;display:flex;border-radius:9rem;padding:0.25rem 0.5rem;margin:0 auto;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))}.new-items-indicator{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;margin:0.25rem 0}.new-items-indicator hr{border:none;position:absolute;width:100%;height:1px;background-color:rgb(var(--color-red-lighter))}.new-items-indicator h3{z-index:1;padding:0 0.5rem;border-radius:1rem;margin:0 1rem;font-size:small;line-height:0.75rem;text-transform:lowercase;color:rgb(var(--color-red-default));background-color:rgb(var(--contrast-100))}.typing-indicator-height-animation{--limebb-chat-typing-opacity-transition-speed:0.1s;--limebb-chat-typing-opacity-transition-delay:0s;--limebb-chat-typing-grid-template-rows-transition-speed:0.3s;position:sticky;z-index:1;transition:grid-template-rows var(--limebb-chat-typing-grid-template-rows-transition-speed) ease;display:grid;grid-template-rows:0}.typing-indicator-height-animation div{transition:opacity var(--limebb-chat-typing-opacity-transition-speed) ease var(--limebb-chat-typing-opacity-transition-delay);overflow:hidden;opacity:0}:host(limebb-chat-list[order=oldest-on-top]) .typing-indicator-height-animation{bottom:0}:host(limebb-chat-list[order=newest-on-top]) .typing-indicator-height-animation{top:0}:host(limebb-chat-list[is-typing-indicator-visible]) .typing-indicator-height-animation{--limebb-chat-typing-opacity-transition-speed:0.4s;--limebb-chat-typing-opacity-transition-delay:0.3s;--limebb-chat-typing-grid-template-rows-transition-speed:0.46s;grid-template-rows:1.5rem}:host(limebb-chat-list[is-typing-indicator-visible]) .typing-indicator-height-animation div{opacity:1}.date-group limebb-chat-item{--limebb-promoted-action-bar-grid-template-rows:0fr}:host(limebb-chat-list[order=oldest-on-top]) .date-group:last-of-type limebb-chat-item:last-of-type{--limebb-promoted-action-bar-grid-template-rows:1fr}:host(limebb-chat-list[order=newest-on-top]) .date-group:first-of-type limebb-chat-item:first-of-type{--limebb-promoted-action-bar-grid-template-rows:1fr}'}},[1,"limebb-chat-list",{platform:[16],context:[16],items:[16],loading:[516],isTypingIndicatorVisible:[516,"is-typing-indicator-visible"],lastVisitedTimestamp:[513,"last-visited-timestamp"],order:[513]},void 0,{items:[{handleItemsChange:0}],order:[{handleItemsChange:0}]}]);function w(t){throw Error("Unexpected value in exhaustive switch: "+JSON.stringify(t))}const v=y,k=function(){"undefined"!=typeof customElements&&["limebb-chat-list","limebb-chat-icon-list","limebb-chat-item","limebb-typing-indicator"].forEach((t=>{switch(t){case"limebb-chat-list":customElements.get(n(t))||customElements.define(n(t),y);break;case"limebb-chat-icon-list":customElements.get(n(t))||s();break;case"limebb-chat-item":customElements.get(n(t))||a();break;case"limebb-typing-indicator":customElements.get(n(t))||l()}}))};export{v as LimebbChatList,k as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as r,transformTag as n}from"@stencil/core/internal/client";import{n as o}from"./index.esm.js";import{d as s}from"./chat-icon-list.js";import{d as a}from"./chat-item.js";import{d as l}from"./typing-indicator.js";function c(t){return"type"in t&&"iconList"===t.type}function d(t){if("chat"===t.type||"iconList"===t.type)return t.item.timestamp}function h(t){for(const e of t.items)c(e)?t.processedItems.push({type:"iconList",item:e}):t.processedItems.push({type:"chat",item:e});return t}function m(t){if(!t.lastVisitedTimestamp)return t;const e=t.processedItems,i=t.lastVisitedTimestamp;for(let r=e.length-1;r>=0;r--){const n=e[r];if("group"!==n.type)continue;const o=p(n.items,i);if(-1!==o)return b(t,e,r,n,o)}return t}function p(t,e){for(let i=t.length-1;i>=0;i--){const r=d(t[i]);if(void 0!==r&&new Date(r)<=e)return i}return-1}function b(t,e,i,r,n){const o=n===r.items.length-1;if(o&&i===e.length-1)return t;if(o)return Object.assign(Object.assign({},t),{processedItems:[...e.slice(0,i+1),{type:"newItemIndicator"},...e.slice(i+1)]});const s=[...r.items.slice(0,n+1),{type:"newItemIndicator"},...r.items.slice(n+1)];return Object.assign(Object.assign({},t),{processedItems:[...e.slice(0,i),Object.assign(Object.assign({},r),{items:s}),...e.slice(i+1)]})}function g(t){const e=[];let i=null,r=null;for(const n of t.processedItems){if("chat"!==n.type&&"iconList"!==n.type)continue;const o=t.dateTimeFormatter.format(new Date(n.item.timestamp),"date");o===r?null==i||i.items.push(n):(i&&e.push(i),i={type:"group",groupType:"dateGroup",heading:o,items:[n]},r=o)}return i&&e.push(i),Object.assign(Object.assign({},t),{processedItems:e})}class u{constructor(t,e,i){this.scrollContainer=t,this.getOrder=e,this.isSticky=!0,this.paintedOrder=i}beforeRender(){this.scrollContainer.isConnected&&(this.isSticky=this.distanceFromNewestEdge(this.paintedOrder)<50)}afterRender(){this.scrollContainer.isConnected&&(this.paintedOrder=this.getOrder(),this.isSticky&&this.scrollToNewest())}repinIfSticky(){this.scrollContainer.isConnected&&this.isSticky&&this.scrollToNewest()}scrollToNewest(){const t="oldest-on-top"===this.getOrder()?this.scrollContainer.scrollHeight:0;this.scrollContainer.scrollTop!==t&&(this.scrollContainer.scrollTop=t)}distanceFromNewestEdge(t){return"oldest-on-top"===t?this.scrollContainer.scrollHeight-this.scrollContainer.scrollTop-this.scrollContainer.clientHeight:this.scrollContainer.scrollTop}}const f="grid-template-rows",y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.items=[],this.order="oldest-on-top",this.processedItems=[],this.handleHeightTransitionEnd=function(t){return e=>{e.propertyName===f&&t()}}((()=>{var t;return null===(t=this.scrollAnchor)||void 0===t?void 0:t.repinIfSticky()}))}handleItemsChange(){let t=null;this.lastVisitedTimestamp&&(t=function(t){return new Date("string"==typeof t?Date.parse(t):t)}(this.lastVisitedTimestamp));const e=function(t,e,i){return function(t){return[h,g,m].reduce(((t,e)=>e(t)),t)}({items:t,processedItems:[],lastVisitedTimestamp:i,dateTimeFormatter:e}).processedItems}(this.items,this.dateTimeFormatter,t);this.processedItems="newest-on-top"===this.order?function(t){return t.toReversed().map((t=>"group"!==t.type?t:Object.assign(Object.assign({},t),{items:t.items.toReversed()})))}(e):e}componentWillLoad(){this.handleItemsChange(),this.scrollAnchor=new u(this.host,(()=>this.order),this.order)}componentDidLoad(){var t;!function(t){if(!t)return;const e=globalThis.getComputedStyle(t).transitionProperty;if(!e)return;const i=new Set(e.split(",").map((t=>t.trim())));i.has("all")||i.has(f)||console.warn(`[limebb-chat-list] Typing indicator is transitioning \`${e}\` instead of \`${f}\`. The auto-scroll on indicator appearance will not fire. Update the CSS or the handler so they match.`)}(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".typing-indicator-height-animation"))}componentWillRender(){0!==this.items.length&&this.scrollAnchor.beforeRender()}componentDidRender(){0!==this.items.length&&this.scrollAnchor.afterRender()}render(){return i(r,{key:"db0e4d5c13b4e4e23a8ea746a777b597bec753e5",class:{"is-empty":0===this.items.length&&!this.isTypingIndicatorVisible},"aria-busy":this.isBusy(),role:"log"},this.renderSpinner(),"newest-on-top"===this.order&&this.renderTypingIndicatorBlock(),this.renderChatItems(),"oldest-on-top"===this.order&&this.renderTypingIndicatorBlock())}renderSpinner(){if(this.loading)return i("limel-spinner",null)}renderTypingIndicatorBlock(){return i("div",{class:"typing-indicator-height-animation",onTransitionEnd:this.handleHeightTransitionEnd},i("div",null,this.renderTypingIndicator()))}renderTypingIndicator(){if(this.isTypingIndicatorVisible)return i("limebb-typing-indicator",null)}renderChatItems(){return this.processedItems.map((t=>{switch(t.type){case"group":return this.renderGroup(t);case"newItemIndicator":return this.renderIndicator();case"chat":case"iconList":return null;default:return w(t)}}))}renderGroup(t){const e=t.items.map((t=>{switch(t.type){case"chat":return this.renderChatItem(t.item);case"iconList":return this.renderIconList(t.item);case"newItemIndicator":return this.renderIndicator();case"group":return null;default:return w(t)}})),r="date-group-"+t.heading,n=("heading-"+r).replaceAll(/[^a-zA-Z0-9_-]/g,"_"),o=i("a",{id:n,class:"date-heading",role:"heading","aria-level":2},t.heading);return i("section",{class:"date-group",key:r,"aria-labelledby":n},o,e)}renderChatItem(t){return i("limebb-chat-item",{platform:this.platform,context:this.context,item:t,helperText:t.helperText,hasError:t.hasError,key:t.id})}renderIconList(t){return i("limebb-chat-icon-list",{item:t,key:t.id})}renderIndicator(){return i("div",{class:"new-items-indicator",role:"separator"},i("hr",null),i("h3",null,this.translator.get("webclient.new")))}isBusy(){return this.loading||this.isTypingIndicatorVisible?"true":"false"}get dateTimeFormatter(){return this.platform.get(o.DateTimeFormatter)}get translator(){return this.platform.get(o.Translate)}get host(){return this}static get watchers(){return{items:[{handleItemsChange:0}],order:[{handleItemsChange:0}]}}static get style(){return'@charset "UTF-8";:host(limebb-chat-list){--limel-top-edge-fade-height:0.75rem;isolation:isolate;--limel-overflow-mask-vertical:linear-gradient(       to bottom,       transparent 0%,       black calc(0% + var(--limel-top-edge-fade-height, 1rem)),       black calc(100% - var(--limel-bottom-edge-fade-height, 1rem)),       transparent 100%   );-webkit-mask-image:var(--limel-overflow-mask-vertical);mask-image:var(--limel-overflow-mask-vertical);padding-top:var(--limel-top-edge-fade-height, 1rem);padding-bottom:var(--limel-bottom-edge-fade-height, 1rem);box-sizing:border-box;display:flex;flex-direction:column;gap:0.5rem;height:100%;width:100%;min-width:0;min-height:0;padding:var(--limel-top-edge-fade-height) 0.5rem;overflow:hidden auto}:host(limebb-chat-list.is-empty){padding:0}*{box-sizing:border-box}limel-spinner{align-self:center;justify-self:center;margin:auto}.date-group{isolation:isolate;display:flex;flex-direction:inherit;gap:0.5rem}.date-heading{position:sticky;z-index:1;top:0.25rem;display:flex;border-radius:9rem;padding:0.25rem 0.5rem;margin:0 auto;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))}.new-items-indicator{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;margin:0.25rem 0}.new-items-indicator hr{border:none;position:absolute;width:100%;height:1px;background-color:rgb(var(--color-red-lighter))}.new-items-indicator h3{z-index:1;padding:0 0.5rem;border-radius:1rem;margin:0 1rem;font-size:small;line-height:0.75rem;text-transform:lowercase;color:rgb(var(--color-red-default));background-color:rgb(var(--contrast-100))}.typing-indicator-height-animation{--limebb-chat-typing-opacity-transition-speed:0.1s;--limebb-chat-typing-opacity-transition-delay:0s;--limebb-chat-typing-grid-template-rows-transition-speed:0.3s;position:sticky;z-index:1;transition:grid-template-rows var(--limebb-chat-typing-grid-template-rows-transition-speed) ease;display:grid;grid-template-rows:0}.typing-indicator-height-animation div{transition:opacity var(--limebb-chat-typing-opacity-transition-speed) ease var(--limebb-chat-typing-opacity-transition-delay);overflow:hidden;opacity:0}:host(limebb-chat-list[order=oldest-on-top]) .typing-indicator-height-animation{bottom:0}:host(limebb-chat-list[order=newest-on-top]) .typing-indicator-height-animation{top:0}:host(limebb-chat-list[is-typing-indicator-visible]) .typing-indicator-height-animation{--limebb-chat-typing-opacity-transition-speed:0.4s;--limebb-chat-typing-opacity-transition-delay:0.3s;--limebb-chat-typing-grid-template-rows-transition-speed:0.46s;grid-template-rows:1.5rem}:host(limebb-chat-list[is-typing-indicator-visible]) .typing-indicator-height-animation div{opacity:1}.date-group limebb-chat-item{--limebb-promoted-action-bar-grid-template-rows:0fr}:host(limebb-chat-list[order=oldest-on-top]) .date-group:last-of-type limebb-chat-item:last-of-type{--limebb-promoted-action-bar-grid-template-rows:1fr}:host(limebb-chat-list[order=newest-on-top]) .date-group:first-of-type limebb-chat-item:first-of-type{--limebb-promoted-action-bar-grid-template-rows:1fr}'}},[1,"limebb-chat-list",{platform:[16],context:[16],items:[16],loading:[516],isTypingIndicatorVisible:[516,"is-typing-indicator-visible"],lastVisitedTimestamp:[513,"last-visited-timestamp"],order:[513]},void 0,{items:[{handleItemsChange:0}],order:[{handleItemsChange:0}]}]);function w(t){throw Error("Unexpected value in exhaustive switch: "+JSON.stringify(t))}const v=y,k=function(){"undefined"!=typeof customElements&&["limebb-chat-list","limebb-chat-icon-list","limebb-chat-item","limebb-typing-indicator"].forEach((t=>{switch(t){case"limebb-chat-list":customElements.get(n(t))||customElements.define(n(t),y);break;case"limebb-chat-icon-list":customElements.get(n(t))||s();break;case"limebb-chat-item":customElements.get(n(t))||a();break;case"limebb-typing-indicator":customElements.get(n(t))||l()}}))};export{v as LimebbChatList,k as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as n,transformTag as l}from"@stencil/core/internal/client";import{n as o}from"./index.esm.js";const r=[{trigger:"rich-text",icon:"font_style_formatting",translationKey:"webclient.composer-toolbar.rich-text"},{trigger:"mention",icon:"email_sign_92447",translationKey:"webclient.composer-toolbar.mention",helperLabel:"@"},{trigger:"text-snippet",icon:"rich_text_converter",translationKey:"webclient.composer-toolbar.text-snippet",helperLabel:"!"},{trigger:"internal-link",icon:"hashtag_large",translationKey:"webclient.composer-toolbar.internal-link",helperLabel:"#"}],s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.triggerInsert=i(this,"triggerInsert",7),this.filesSelected=i(this,"filesSelected",7),this.mentions=!1,this.textSnippets=!1,this.internalLinks=!1,this.richText=!1,this.handleTriggerSelected=t=>{t.stopPropagation(),this.triggerInsert.emit(t.detail.value)},this.handleFilesSelected=t=>{t.stopPropagation(),this.filesSelected.emit(t.detail)}}render(){return[n("div",{key:"6034b2945edfd9b613f606f8bb4fb0db81c1390f",class:"actions"},n("slot",{key:"82b9bc14d80aedd3320af70bc63d3a908db6a7b2",name:"leading"}),this.renderFileInput(),this.renderTriggerActions(),n("slot",{key:"338fc1b7c7ec3f7dfedb123b7e09dd05f75fc45c",name:"trailing"})),n("slot",{key:"57b277b772cbaf702e619ecbd6ff9032718b87b7",name:"primary-action"})]}get translator(){var t;return null===(t=this.platform)||void 0===t?void 0:t.get(o.Translate)}get triggerActions(){const t={mention:this.mentions,"text-snippet":this.textSnippets,"internal-link":this.internalLinks,"rich-text":this.richText};return r.filter((e=>t[e.trigger])).map((t=>{var e,i;return{text:null!==(i=null===(e=this.translator)||void 0===e?void 0:e.get(t.translationKey))&&void 0!==i?i:t.trigger,commandText:t.helperLabel,icon:t.icon,iconOnly:!0,value:t.trigger}}))}renderTriggerActions(){const t=this.triggerActions;if(0!==t.length)return n("limel-action-bar",{actions:t,onItemSelected:this.handleTriggerSelected})}renderFileInput(){var t,e,i,l,o,r;if(this.fileInput)return n("limel-file-input",{accept:null!==(t=this.fileInput.accept)&&void 0!==t?t:"*",multiple:null!==(e=this.fileInput.multiple)&&void 0!==e&&e,disabled:null!==(i=this.fileInput.disabled)&&void 0!==i&&i,onFilesSelected:this.handleFilesSelected},n("limel-icon-button",{icon:"attach",disabled:null!==(l=this.fileInput.disabled)&&void 0!==l&&l,label:null===(o=this.translator)||void 0===o?void 0:o.get("webclient.attach-files"),helperLabel:null===(r=this.translator)||void 0===r?void 0:r.get("webclient.attach-files-helper")}))}static get style(){return"*{box-sizing:border-box;min-width:0}:host(limebb-composer-toolbar){box-sizing:border-box;display:flex;align-items:center;width:100%;max-width:100%;gap:0.5rem}.actions{display:flex;align-items:center;flex-wrap:nowrap;flex-grow:1}limel-icon-button,::slotted(limel-icon-button){display:inline-block;scale:0.86}limel-file-input{flex-shrink:0}"}},[257,"limebb-composer-toolbar",{platform:[16],mentions:[516],textSnippets:[516,"text-snippets"],internalLinks:[516,"internal-links"],richText:[516,"rich-text"],fileInput:[16]}]),a=s,c=function(){"undefined"!=typeof customElements&&["limebb-composer-toolbar"].forEach((t=>{"limebb-composer-toolbar"===t&&(customElements.get(l(t))||customElements.define(l(t),s))}))};export{a as LimebbComposerToolbar,c as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as n,transformTag as l}from"@stencil/core/internal/client";import{n as o}from"./index.esm.js";const r=[{trigger:"rich-text",icon:"font_style_formatting",translationKey:"webclient.composer-toolbar.rich-text"},{trigger:"mention",icon:"email_sign_92447",translationKey:"webclient.composer-toolbar.mention",helperLabel:"@"},{trigger:"text-snippet",icon:"rich_text_converter",translationKey:"webclient.composer-toolbar.text-snippet",helperLabel:"!"},{trigger:"internal-link",icon:"hashtag_large",translationKey:"webclient.composer-toolbar.internal-link",helperLabel:"#"}],s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.triggerInsert=i(this,"triggerInsert",7),this.filesSelected=i(this,"filesSelected",7),this.mentions=!1,this.textSnippets=!1,this.internalLinks=!1,this.richText=!1,this.handleTriggerSelected=t=>{t.stopPropagation(),this.triggerInsert.emit(t.detail.value)},this.handleFilesSelected=t=>{t.stopPropagation(),this.filesSelected.emit(t.detail)}}render(){return[n("div",{key:"65a3b1eb3ba4ebe0e87a732b9b40ab757f653470",class:"actions"},n("slot",{key:"6aba4388efdaf0122fe16b1d2b5fa4413b76cac1",name:"leading"}),this.renderFileInput(),this.renderTriggerActions(),n("slot",{key:"cb829dfa676b3bf46fad352317e203211e3aae6a",name:"trailing"})),n("slot",{key:"6649aa3c3887176d28c0798405fe27a1d5ba807b",name:"primary-action"})]}get translator(){var t;return null===(t=this.platform)||void 0===t?void 0:t.get(o.Translate)}get triggerActions(){const t={mention:this.mentions,"text-snippet":this.textSnippets,"internal-link":this.internalLinks,"rich-text":this.richText};return r.filter((e=>t[e.trigger])).map((t=>{var e,i;return{text:null!==(i=null===(e=this.translator)||void 0===e?void 0:e.get(t.translationKey))&&void 0!==i?i:t.trigger,commandText:t.helperLabel,icon:t.icon,iconOnly:!0,value:t.trigger}}))}renderTriggerActions(){const t=this.triggerActions;if(0!==t.length)return n("limel-action-bar",{actions:t,onItemSelected:this.handleTriggerSelected})}renderFileInput(){var t,e,i,l,o,r;if(this.fileInput)return n("limel-file-input",{accept:null!==(t=this.fileInput.accept)&&void 0!==t?t:"*",multiple:null!==(e=this.fileInput.multiple)&&void 0!==e&&e,disabled:null!==(i=this.fileInput.disabled)&&void 0!==i&&i,onFilesSelected:this.handleFilesSelected},n("limel-icon-button",{icon:"attach",disabled:null!==(l=this.fileInput.disabled)&&void 0!==l&&l,label:null===(o=this.translator)||void 0===o?void 0:o.get("webclient.attach-files"),helperLabel:null===(r=this.translator)||void 0===r?void 0:r.get("webclient.attach-files-helper")}))}static get style(){return"*{box-sizing:border-box;min-width:0}:host(limebb-composer-toolbar){box-sizing:border-box;display:flex;align-items:center;width:100%;max-width:100%;gap:0.5rem}.actions{display:flex;align-items:center;flex-wrap:nowrap;flex-grow:1}limel-icon-button,::slotted(limel-icon-button){display:inline-block;scale:0.86}limel-file-input{flex-shrink:0}"}},[257,"limebb-composer-toolbar",{platform:[16],mentions:[516],textSnippets:[516,"text-snippets"],internalLinks:[516,"internal-links"],richText:[516,"rich-text"],fileInput:[16]}]),a=s,c=function(){"undefined"!=typeof customElements&&["limebb-composer-toolbar"].forEach((t=>{"limebb-composer-toolbar"===t&&(customElements.get(l(t))||customElements.define(l(t),s))}))};export{a as LimebbComposerToolbar,c as defineCustomElement}

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

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

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as r,transformTag as a}from"@stencil/core/internal/client";import{d as l}from"./date-picker.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.changeStartTime=i(this,"changeStartTime",7),this.changeEndTime=i(this,"changeEndTime",7),this.handleStartTimeChange=e=>{e.stopPropagation(),this.changeStartTime.emit(e.detail)},this.handleEndTimeChange=e=>{e.stopPropagation(),this.changeEndTime.emit(e.detail)}}componentWillLoad(){this.originalStartTime=this.startTime,this.originalEndTime=this.endTime}render(){return r("div",{key:"e00abfd31fcae2a4279ae2194696b5cffb76dd79",class:"date-pickers"},this.renderStartDatePicker(),this.renderEndDatePicker())}renderStartDatePicker(){if(this.originalStartTime)return r("div",{class:"start-time"},this.renderDatePicker(this.startTimeLabel,this.startTime,!this.startTime,this.handleStartTimeChange))}renderEndDatePicker(){if(this.originalEndTime)return r("div",{class:"end-time"},this.renderDatePicker(this.endTimeLabel,this.endTime,!this.endTime,this.handleEndTimeChange))}renderDatePicker(e,t,i,a){const l=this.platform&&r("limebb-date-picker",{platform:this.platform,context:this.context,type:this.type,value:t,onChange:a,invalid:i});return[r("div",{class:"label-group"},r("span",{class:"circle"}),r("span",{class:"label"},e),r("span",{class:"line"})),l||r("limel-date-picker",{type:this.type,value:t,format:this.timeFormat,language:this.language,onChange:a,invalid:i})]}static get style(){return":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}"}},[1,"limebb-date-range",{platform:[16],context:[16],startTime:[16],endTime:[16],startTimeLabel:[1,"start-time-label"],endTimeLabel:[1,"end-time-label"],language:[1],timeFormat:[1,"time-format"],type:[1]}]),n=s,o=function(){"undefined"!=typeof customElements&&["limebb-date-range","limebb-date-picker"].forEach((e=>{switch(e){case"limebb-date-range":customElements.get(a(e))||customElements.define(a(e),s);break;case"limebb-date-picker":customElements.get(a(e))||l()}}))};export{n as LimebbDateRange,o as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as r,transformTag as a}from"@stencil/core/internal/client";import{d as l}from"./date-picker.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.changeStartTime=i(this,"changeStartTime",7),this.changeEndTime=i(this,"changeEndTime",7),this.handleStartTimeChange=e=>{e.stopPropagation(),this.changeStartTime.emit(e.detail)},this.handleEndTimeChange=e=>{e.stopPropagation(),this.changeEndTime.emit(e.detail)}}componentWillLoad(){this.originalStartTime=this.startTime,this.originalEndTime=this.endTime}render(){return r("div",{key:"8ec8bce475f1f8ad5a0854df78c69d8922f2d400",class:"date-pickers"},this.renderStartDatePicker(),this.renderEndDatePicker())}renderStartDatePicker(){if(this.originalStartTime)return r("div",{class:"start-time"},this.renderDatePicker(this.startTimeLabel,this.startTime,!this.startTime,this.handleStartTimeChange))}renderEndDatePicker(){if(this.originalEndTime)return r("div",{class:"end-time"},this.renderDatePicker(this.endTimeLabel,this.endTime,!this.endTime,this.handleEndTimeChange))}renderDatePicker(e,t,i,a){const l=this.platform&&r("limebb-date-picker",{platform:this.platform,context:this.context,type:this.type,value:t,onChange:a,invalid:i});return[r("div",{class:"label-group"},r("span",{class:"circle"}),r("span",{class:"label"},e),r("span",{class:"line"})),l||r("limel-date-picker",{type:this.type,value:t,format:this.timeFormat,language:this.language,onChange:a,invalid:i})]}static get style(){return":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}"}},[1,"limebb-date-range",{platform:[16],context:[16],startTime:[16],endTime:[16],startTimeLabel:[1,"start-time-label"],endTimeLabel:[1,"end-time-label"],language:[1],timeFormat:[1,"time-format"],type:[1]}]),n=s,o=function(){"undefined"!=typeof customElements&&["limebb-date-range","limebb-date-picker"].forEach((e=>{switch(e){case"limebb-date-range":customElements.get(a(e))||customElements.define(a(e),s);break;case"limebb-date-picker":customElements.get(a(e))||l()}}))};export{n as LimebbDateRange,o as defineCustomElement}

package/dist/components/limebb-document-chips.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as o,createEvent as e,h as t,Host as a,transformTag as l}from"@stencil/core/internal/client";import{g as i}from"./extension-mapping.js";import{g as s,d as p}from"./summary-popover.js";import{d as g}from"./navigation-button.js";const c="tear_off_calendar",m="email",d="internet",n="text_box",b="ms_excel_copyrighted",v="ms_word_copyrighted",h="ms_powerpoint_copyrighted",x="picture",f="camera",u="vector",k="presentation_filled",y="overview_pages_2",w="data_sheet",_="audio_wave",j="video_file",z="condom_package",F="database",U={msg:"ms_outlook_copyrighted",ics:c,ical:c,icalendar:c,ifb:c,email:m,eml:m,oft:m,ost:m,emlx:m,html:d,xml:d,txt:n,rtf:n,dot:v,doc:v,docx:v,dotx:v,docm:v,dotm:v,odt:y,pages:y,pdf:"PDF_2",ppt:h,pot:h,pps:h,pptx:h,pptm:h,potx:h,potm:h,ppam:h,ppsx:h,ppsm:h,sldx:h,sldm:h,odp:k,key:k,xls:b,xlsx:b,csv:w,numbers:w,jpg:f,jpeg:f,heic:f,bmp:x,png:x,gif:x,psd:"adobe_photoshop_copyrighted",ai:"adobe_illustrator_copyrighted",svg:u,svgz:u,ep:u,eps:u,sketch:u,mp3:_,wav:_,wma:_,ogg:_,avi:j,flv:j,h264:j,mov:j,mp4:j,mwv:j,zip:z,"7z":z,rar:z,json:"json",yaml:F,sql:F,db:F,dbf:F},C="rgb(var(--color-gray-dark))",E="rgb(var(--color-cyan-dark))",L="rgb(var(--color-gray-dark))",R="rgb(var(--color-blue-dark))",q="rgb(var(--color-yellow-darker))",M="rgb(var(--color-green-dark))",B="rgb(var(--color-coral-dark))",D="rgb(var(--color-sky-dark))",O="rgb(var(--color-lime-dark))",P="rgb(var(--color-magenta-dark))",A="rgb(var(--color-blue-dark))",H="rgb(var(--color-orange-dark))",I="rgb(var(--color-indigo-dark))",S="rgb(var(--color-red-dark))",W="rgb(var(--color-brown-default))",G="rgb(var(--color-glaucous-dark))",J=C,K={msg:"rgb(var(--color-yellow-dark))",ics:E,ical:E,icalendar:E,ifb:E,email:L,eml:L,oft:L,ost:L,emlx:L,html:R,xml:R,txt:q,rtf:q,dot:D,doc:D,docx:D,dotx:D,docm:D,dotm:D,odt:H,pages:H,pdf:"rgb(var(--color-red-dark))",ppt:B,pot:B,pps:B,pptx:B,pptm:B,potx:B,potm:B,ppam:B,ppsx:B,ppsm:B,sldx:B,sldm:B,odp:A,key:A,xls:M,xlsx:M,csv:C,numbers:"rgb(var(--color-green-dark))",bmp:O,jpg:O,jpeg:O,heic:O,png:O,gif:O,psd:A,ai:H,svg:P,svgz:P,ep:P,eps:P,sketch:P,mp3:I,wav:I,wma:I,ogg:I,flv:S,h264:S,mov:S,mp4:S,mwv:S,zip:W,"7z":W,rar:W,json:G,yaml:G,sql:G,db:G,dbf:G},N="rgba(var(--color-gray-lighter), 0.4)",Q="rgba(var(--color-cyan-lighter), 0.4)",T="rgba(var(--color-gray-lighter), 0.4)",V="rgba(var(--color-blue-lighter), 0.4)",X="rgba(var(--color-yellow-lighter), 0.4)",Y="rgba(var(--color-green-lighter), 0.4)",Z="rgba(var(--color-coral-lighter), 0.4)",$="rgba(var(--color-sky-lighter), 0.4)",rr="rgba(var(--color-lime-lighter), 0.4)",or="rgba(var(--color-magenta-lighter), 0.4)",er="rgba(var(--color-blue-lighter), 0.4)",tr="rgba(var(--color-orange-lighter), 0.4)",ar="rgba(var(--color-indigo-lighter), 0.4)",lr="rgba(var(--color-red-lighter), 0.4)",ir="rgba(var(--color-orange-lighter), 0.4)",sr="rgba(var(--color-glaucous-lighter), 0.4)",pr=N,gr={msg:"rgba(var(--color-yellow-lighter), 0.4)",ics:Q,ical:Q,icalendar:Q,ifb:Q,email:T,eml:T,oft:T,ost:T,emlx:T,html:V,xml:V,txt:X,rtf:X,dot:$,doc:$,docx:$,dotx:$,docm:$,dotm:$,odt:tr,pages:tr,pdf:"rgba(var(--color-red-lighter), 0.4)",ppt:Z,pot:Z,pps:Z,pptx:Z,pptm:Z,potx:Z,potm:Z,ppam:Z,ppsx:Z,ppsm:Z,sldx:Z,sldm:Z,odp:er,key:er,xls:Y,xlsx:Y,csv:N,numbers:"rgba(var(--color-green-lighter), 0.4)",bmp:rr,jpg:rr,jpeg:rr,heic:rr,png:rr,gif:rr,psd:er,ai:tr,svg:or,svgz:or,ep:or,eps:or,sketch:or,mp3:ar,wav:ar,wma:ar,ogg:ar,flv:lr,h264:lr,mov:lr,mp4:lr,mwv:lr,zip:ir,"7z":ir,rar:ir,json:sr,yaml:sr,sql:sr,db:sr,dbf:sr},cr=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.removeFile=e(this,"removeFile",7),this.files=[],this.blobUrls=new Map,this.handleRemove=r=>{r.stopPropagation();const o=r.detail;this.revokeBlobUrl(o),this.removeFile.emit(o)}}onFilesChanged(r,o){const e=new Set(r.map((r=>r.id)));for(const r of o)e.has(r.id)||this.revokeBlobUrl(r.id)}disconnectedCallback(){this.revokeAllBlobUrls()}render(){return t(a,{key:"93d00770917014b1de6e380db6b102859210fded",role:"list","aria-label":this.accessibleLabel},this.files.map((r=>this.renderFile(r))))}renderFile(r){const o=!r.uploadState||"done"===r.uploadState,e=this.getIcon(r),a=t("limel-chip",{role:o?void 0:"listitem",slot:o?"trigger":void 0,removable:!0,identifier:r.id,text:r.filename,icon:e,invalid:"failed"===r.uploadState,progress:"uploading"===r.uploadState?r.uploadProgress:void 0,loading:"added"===r.uploadState||"finalizing"===r.uploadState,onRemove:this.handleRemove});return o?t("limebb-summary-popover",{role:"listitem",file:Object.assign(Object.assign({},r),{href:this.getPreviewUrl(r)}),popoverMaxWidth:"32rem",popoverMaxHeight:"32rem",triggerDelay:1e3},a):a}getIcon(r){return r.icon?r.icon:function(r){const o=s(r);return{name:U[o]||"file",color:K[o]||J,backgroundColor:gr[o]||pr}}(r.filename)}getPreviewUrl(r){const o=s(r.filename);if("sharepoint"!==i(o))return r.href?r.href:r.fileContent?(this.blobUrls.has(r.id)||this.blobUrls.set(r.id,URL.createObjectURL(r.fileContent)),this.blobUrls.get(r.id)):void 0}revokeBlobUrl(r){const o=this.blobUrls.get(r);o&&(URL.revokeObjectURL(o),this.blobUrls.delete(r))}revokeAllBlobUrls(){for(const r of this.blobUrls.values())URL.revokeObjectURL(r);this.blobUrls.clear()}static get watchers(){return{files:[{onFilesChanged:0}]}}static get style(){return":host(limebb-document-chips){box-sizing:border-box;display:flex;flex-wrap:wrap;gap:0.25rem;width:100%}*{box-sizing:border-box;min-width:0}limebb-summary-popover{max-width:100%}limel-chip{max-width:18rem}"}},[1,"limebb-document-chips",{accessibleLabel:[513,"accessible-label"],files:[16]},void 0,{files:[{onFilesChanged:0}]}]),mr=cr,dr=function(){"undefined"!=typeof customElements&&["limebb-document-chips","limebb-navigation-button","limebb-summary-popover"].forEach((r=>{switch(r){case"limebb-document-chips":customElements.get(l(r))||customElements.define(l(r),cr);break;case"limebb-navigation-button":customElements.get(l(r))||g();break;case"limebb-summary-popover":customElements.get(l(r))||p()}}))};export{mr as LimebbDocumentChips,dr as defineCustomElement}
+import{proxyCustomElement as r,HTMLElement as o,createEvent as e,h as t,Host as a,transformTag as l}from"@stencil/core/internal/client";import{g as i}from"./extension-mapping.js";import{g as s,d as p}from"./summary-popover.js";import{d as c}from"./navigation-button.js";const g="tear_off_calendar",m="email",d="internet",n="text_box",b="ms_excel_copyrighted",v="ms_word_copyrighted",h="ms_powerpoint_copyrighted",x="picture",f="camera",u="vector",k="presentation_filled",y="overview_pages_2",w="data_sheet",_="audio_wave",j="video_file",z="condom_package",F="database",U={msg:"ms_outlook_copyrighted",ics:g,ical:g,icalendar:g,ifb:g,email:m,eml:m,oft:m,ost:m,emlx:m,html:d,xml:d,txt:n,rtf:n,dot:v,doc:v,docx:v,dotx:v,docm:v,dotm:v,odt:y,pages:y,pdf:"PDF_2",ppt:h,pot:h,pps:h,pptx:h,pptm:h,potx:h,potm:h,ppam:h,ppsx:h,ppsm:h,sldx:h,sldm:h,odp:k,key:k,xls:b,xlsx:b,csv:w,numbers:w,jpg:f,jpeg:f,heic:f,bmp:x,png:x,gif:x,psd:"adobe_photoshop_copyrighted",ai:"adobe_illustrator_copyrighted",svg:u,svgz:u,ep:u,eps:u,sketch:u,mp3:_,wav:_,wma:_,ogg:_,avi:j,flv:j,h264:j,mov:j,mp4:j,mwv:j,zip:z,"7z":z,rar:z,json:"json",yaml:F,sql:F,db:F,dbf:F},C="rgb(var(--color-gray-dark))",E="rgb(var(--color-cyan-dark))",L="rgb(var(--color-gray-dark))",R="rgb(var(--color-blue-dark))",q="rgb(var(--color-yellow-darker))",M="rgb(var(--color-green-dark))",B="rgb(var(--color-coral-dark))",D="rgb(var(--color-sky-dark))",O="rgb(var(--color-lime-dark))",P="rgb(var(--color-magenta-dark))",A="rgb(var(--color-blue-dark))",H="rgb(var(--color-orange-dark))",I="rgb(var(--color-indigo-dark))",S="rgb(var(--color-red-dark))",W="rgb(var(--color-brown-default))",G="rgb(var(--color-glaucous-dark))",J=C,K={msg:"rgb(var(--color-yellow-dark))",ics:E,ical:E,icalendar:E,ifb:E,email:L,eml:L,oft:L,ost:L,emlx:L,html:R,xml:R,txt:q,rtf:q,dot:D,doc:D,docx:D,dotx:D,docm:D,dotm:D,odt:H,pages:H,pdf:"rgb(var(--color-red-dark))",ppt:B,pot:B,pps:B,pptx:B,pptm:B,potx:B,potm:B,ppam:B,ppsx:B,ppsm:B,sldx:B,sldm:B,odp:A,key:A,xls:M,xlsx:M,csv:C,numbers:"rgb(var(--color-green-dark))",bmp:O,jpg:O,jpeg:O,heic:O,png:O,gif:O,psd:A,ai:H,svg:P,svgz:P,ep:P,eps:P,sketch:P,mp3:I,wav:I,wma:I,ogg:I,flv:S,h264:S,mov:S,mp4:S,mwv:S,zip:W,"7z":W,rar:W,json:G,yaml:G,sql:G,db:G,dbf:G},N="rgba(var(--color-gray-lighter), 0.4)",Q="rgba(var(--color-cyan-lighter), 0.4)",T="rgba(var(--color-gray-lighter), 0.4)",V="rgba(var(--color-blue-lighter), 0.4)",X="rgba(var(--color-yellow-lighter), 0.4)",Y="rgba(var(--color-green-lighter), 0.4)",Z="rgba(var(--color-coral-lighter), 0.4)",$="rgba(var(--color-sky-lighter), 0.4)",rr="rgba(var(--color-lime-lighter), 0.4)",or="rgba(var(--color-magenta-lighter), 0.4)",er="rgba(var(--color-blue-lighter), 0.4)",tr="rgba(var(--color-orange-lighter), 0.4)",ar="rgba(var(--color-indigo-lighter), 0.4)",lr="rgba(var(--color-red-lighter), 0.4)",ir="rgba(var(--color-orange-lighter), 0.4)",sr="rgba(var(--color-glaucous-lighter), 0.4)",pr=N,cr={msg:"rgba(var(--color-yellow-lighter), 0.4)",ics:Q,ical:Q,icalendar:Q,ifb:Q,email:T,eml:T,oft:T,ost:T,emlx:T,html:V,xml:V,txt:X,rtf:X,dot:$,doc:$,docx:$,dotx:$,docm:$,dotm:$,odt:tr,pages:tr,pdf:"rgba(var(--color-red-lighter), 0.4)",ppt:Z,pot:Z,pps:Z,pptx:Z,pptm:Z,potx:Z,potm:Z,ppam:Z,ppsx:Z,ppsm:Z,sldx:Z,sldm:Z,odp:er,key:er,xls:Y,xlsx:Y,csv:N,numbers:"rgba(var(--color-green-lighter), 0.4)",bmp:rr,jpg:rr,jpeg:rr,heic:rr,png:rr,gif:rr,psd:er,ai:tr,svg:or,svgz:or,ep:or,eps:or,sketch:or,mp3:ar,wav:ar,wma:ar,ogg:ar,flv:lr,h264:lr,mov:lr,mp4:lr,mwv:lr,zip:ir,"7z":ir,rar:ir,json:sr,yaml:sr,sql:sr,db:sr,dbf:sr},gr=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.removeFile=e(this,"removeFile",7),this.files=[],this.blobUrls=new Map,this.handleRemove=r=>{r.stopPropagation();const o=r.detail;this.revokeBlobUrl(o),this.removeFile.emit(o)}}onFilesChanged(r,o){const e=new Set(r.map((r=>r.id)));for(const r of o)e.has(r.id)||this.revokeBlobUrl(r.id)}disconnectedCallback(){this.revokeAllBlobUrls()}render(){return t(a,{key:"282797c34d7924c4e5e94b7d0f084b13292b592a",role:"list","aria-label":this.accessibleLabel},this.files.map((r=>this.renderFile(r))))}renderFile(r){const o=!r.uploadState||"done"===r.uploadState,e=this.getIcon(r),a=t("limel-chip",{role:o?void 0:"listitem",slot:o?"trigger":void 0,removable:!0,identifier:r.id,text:r.filename,icon:e,invalid:"failed"===r.uploadState,progress:"uploading"===r.uploadState?r.uploadProgress:void 0,loading:"added"===r.uploadState||"finalizing"===r.uploadState,onRemove:this.handleRemove});return o?t("limebb-summary-popover",{role:"listitem",file:Object.assign(Object.assign({},r),{href:this.getPreviewUrl(r)}),popoverMaxWidth:"32rem",popoverMaxHeight:"32rem",triggerDelay:1e3},a):a}getIcon(r){return r.icon?r.icon:function(r){const o=s(r);return{name:U[o]||"file",color:K[o]||J,backgroundColor:cr[o]||pr}}(r.filename)}getPreviewUrl(r){const o=s(r.filename);if("sharepoint"!==i(o))return r.href?r.href:r.fileContent?(this.blobUrls.has(r.id)||this.blobUrls.set(r.id,URL.createObjectURL(r.fileContent)),this.blobUrls.get(r.id)):void 0}revokeBlobUrl(r){const o=this.blobUrls.get(r);o&&(URL.revokeObjectURL(o),this.blobUrls.delete(r))}revokeAllBlobUrls(){for(const r of this.blobUrls.values())URL.revokeObjectURL(r);this.blobUrls.clear()}static get watchers(){return{files:[{onFilesChanged:0}]}}static get style(){return":host(limebb-document-chips){box-sizing:border-box;display:flex;flex-wrap:wrap;gap:0.25rem;width:100%}*{box-sizing:border-box;min-width:0}limebb-summary-popover{max-width:100%}limel-chip{max-width:18rem}"}},[1,"limebb-document-chips",{accessibleLabel:[513,"accessible-label"],files:[16]},void 0,{files:[{onFilesChanged:0}]}]),mr=gr,dr=function(){"undefined"!=typeof customElements&&["limebb-document-chips","limebb-navigation-button","limebb-summary-popover"].forEach((r=>{switch(r){case"limebb-document-chips":customElements.get(l(r))||customElements.define(l(r),gr);break;case"limebb-navigation-button":customElements.get(l(r))||c();break;case"limebb-summary-popover":customElements.get(l(r))||p()}}))};export{mr as LimebbDocumentChips,dr as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as l,Host as o,transformTag as r}from"@stencil/core/internal/client";import{c as s}from"./random-string.js";import{d as c}from"./document-item.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.items=[],this.invalid=!1,this.required=!1,this.type="checkbox",this.handleItemInteract=e=>{e.stopPropagation();const t=e.detail;if(!t)return;let i;i="radio"===this.type?this.items.map((e=>Object.assign(Object.assign({},e),e.file.id===t.file.id?{selected:t.selected}:{selected:!1}))).find((e=>e.selected)):this.items.map((e=>e.file.id===t.file.id?Object.assign(Object.assign({},e),{selected:t.selected}):e)).filter((e=>e.selected)),this.change.emit(i)},this.renderHelperLine=()=>{if(this.helperText)return l("limel-helper-line",{helperText:this.helperText,helperTextId:this.helperTextId,invalid:this.invalid})},this.helperTextId=s(),this.labelId=s()}render(){return l(o,{key:"d3d8d080de7dd9ceec2cbfa7382e9ac669c2d35b"},l("limel-notched-outline",{key:"978b42774a036eccb8f347231a98b495e7b520a0",labelId:this.labelId,label:this.label,required:this.required,invalid:this.invalid,hasFloatingLabel:!0},l("limel-masonry-layout",{key:"5aa49ca5764d4b25dae50754ab77498beeaf016c",slot:"content",role:"radio"===this.type?"radiogroup":"group","aria-labelledby":this.label?this.labelId:void 0,"aria-describedby":this.helperText?this.helperTextId:void 0},this.renderItems())),this.renderHelperLine())}renderItems(){return this.items.map((e=>l("limebb-document-item",{platform:this.platform,context:this.context,item:e,key:e.file.id,type:this.type,onInteract:this.handleItemInteract})))}static get style(){return'@charset "UTF-8";:host(limebb-document-picker){--checkbox-label-overflow-wrap:break-word;--switch-label-overflow-wrap:break-word}:host(limebb-document-picker:not([invalid]):not([invalid=true])) .limel-notched-outline{--limel-notched-outline-border-color:transparent;--limel-notched-outline-background-color:transparent}.limel-notched-outline{padding:0.75rem 0.5rem}limel-masonry-layout{--masonry-layout-min-column-width:10rem;--masonry-layout-gap:0.5rem}:host(limebb-document-picker:focus),:host(limebb-document-picker:focus-visible),:host(limebb-document-picker:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limebb-document-picker){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limebb-document-picker:focus) limel-helper-line,:host(limebb-document-picker:focus-visible) limel-helper-line,:host(limebb-document-picker:focus-within) limel-helper-line,:host(limebb-document-picker:hover) limel-helper-line{will-change:grid-template-rows}'}},[1,"limebb-document-picker",{platform:[16],context:[16],items:[16],label:[513],helperText:[513,"helper-text"],invalid:[516],required:[516],type:[513]}]),m=n,h=function(){"undefined"!=typeof customElements&&["limebb-document-picker","limebb-document-item"].forEach((e=>{switch(e){case"limebb-document-picker":customElements.get(r(e))||customElements.define(r(e),n);break;case"limebb-document-item":customElements.get(r(e))||c()}}))};export{m as LimebbDocumentPicker,h as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as l,Host as o,transformTag as r}from"@stencil/core/internal/client";import{c as s}from"./random-string.js";import{d as n}from"./document-item.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.items=[],this.invalid=!1,this.required=!1,this.type="checkbox",this.handleItemInteract=e=>{e.stopPropagation();const t=e.detail;if(!t)return;let i;i="radio"===this.type?this.items.map((e=>Object.assign(Object.assign({},e),e.file.id===t.file.id?{selected:t.selected}:{selected:!1}))).find((e=>e.selected)):this.items.map((e=>e.file.id===t.file.id?Object.assign(Object.assign({},e),{selected:t.selected}):e)).filter((e=>e.selected)),this.change.emit(i)},this.renderHelperLine=()=>{if(this.helperText)return l("limel-helper-line",{helperText:this.helperText,helperTextId:this.helperTextId,invalid:this.invalid})},this.helperTextId=s(),this.labelId=s()}render(){return l(o,{key:"143f5d2e479841d48b2e130984a16429da79a2cc"},l("limel-notched-outline",{key:"e4364c5b72f9b8941d084df55b80630eefa597dc",labelId:this.labelId,label:this.label,required:this.required,invalid:this.invalid,hasFloatingLabel:!0},l("limel-masonry-layout",{key:"d0d4a1cf584b930a7160c846f27ebd00e632fc81",slot:"content",role:"radio"===this.type?"radiogroup":"group","aria-labelledby":this.label?this.labelId:void 0,"aria-describedby":this.helperText?this.helperTextId:void 0},this.renderItems())),this.renderHelperLine())}renderItems(){return this.items.map((e=>l("limebb-document-item",{platform:this.platform,context:this.context,item:e,key:e.file.id,type:this.type,onInteract:this.handleItemInteract})))}static get style(){return'@charset "UTF-8";:host(limebb-document-picker){--checkbox-label-overflow-wrap:break-word;--switch-label-overflow-wrap:break-word}:host(limebb-document-picker:not([invalid]):not([invalid=true])) .limel-notched-outline{--limel-notched-outline-border-color:transparent;--limel-notched-outline-background-color:transparent}.limel-notched-outline{padding:0.75rem 0.5rem}limel-masonry-layout{--masonry-layout-min-column-width:10rem;--masonry-layout-gap:0.5rem}:host(limebb-document-picker:focus),:host(limebb-document-picker:focus-visible),:host(limebb-document-picker:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limebb-document-picker){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limebb-document-picker:focus) limel-helper-line,:host(limebb-document-picker:focus-visible) limel-helper-line,:host(limebb-document-picker:focus-within) limel-helper-line,:host(limebb-document-picker:hover) limel-helper-line{will-change:grid-template-rows}'}},[1,"limebb-document-picker",{platform:[16],context:[16],items:[16],label:[513],helperText:[513,"helper-text"],invalid:[516],required:[516],type:[513]}]),m=c,h=function(){"undefined"!=typeof customElements&&["limebb-document-picker","limebb-document-item"].forEach((e=>{switch(e){case"limebb-document-picker":customElements.get(r(e))||customElements.define(r(e),c);break;case"limebb-document-item":customElements.get(r(e))||n()}}))};export{m as LimebbDocumentPicker,h as defineCustomElement}

package/dist/components/limebb-feed.js

@@ -1 +1 @@
-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:"6537912a9eeebee3f7ebd3873808f2662f5bc812",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}
+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:"162bf1dfa936d21e6c5e1e29bdce86905f7c07f4",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}