@limetech/lime-crm-building-blocks 2.2.1 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/cjs/lime-crm-building-blocks.cjs.js +1 -1
- package/dist/cjs/limebb-alert-dialog.cjs.entry.js +1 -1
- package/dist/cjs/limebb-browser.cjs.entry.js +2 -2
- package/dist/cjs/limebb-chat-icon-list_3.cjs.entry.js +4 -4
- package/dist/cjs/limebb-chat-list.cjs.entry.js +75 -101
- package/dist/cjs/limebb-color-palette-picker.cjs.entry.js +1 -1
- package/dist/cjs/limebb-color-palette-swatches.cjs.entry.js +1 -1
- package/dist/cjs/limebb-composer-toolbar.cjs.entry.js +2 -2
- package/dist/cjs/limebb-currency-picker.cjs.entry.js +1 -1
- package/dist/cjs/limebb-dashboard-widget.cjs.entry.js +1 -1
- package/dist/cjs/limebb-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/limebb-date-range.cjs.entry.js +1 -1
- package/dist/cjs/limebb-document-chips.cjs.entry.js +1 -1
- package/dist/cjs/limebb-document-item.cjs.entry.js +2 -2
- package/dist/cjs/limebb-document-picker.cjs.entry.js +1 -1
- package/dist/cjs/limebb-feed-item-thumbnail-file-info.cjs.entry.js +1 -1
- package/dist/cjs/limebb-feed-timeline-item.cjs.entry.js +1 -1
- package/dist/cjs/limebb-feed.cjs.entry.js +1 -1
- package/dist/cjs/limebb-filter-chip_6.cjs.entry.js +7 -7
- package/dist/cjs/limebb-icon-picker.cjs.entry.js +1 -1
- package/dist/cjs/limebb-info-tile-format.cjs.entry.js +1 -1
- package/dist/cjs/limebb-info-tile.cjs.entry.js +1 -1
- package/dist/cjs/limebb-kanban-group.cjs.entry.js +1 -1
- package/dist/cjs/limebb-kanban-item.cjs.entry.js +1 -1
- package/dist/cjs/limebb-lime-query-builder.cjs.entry.js +1 -1
- package/dist/cjs/limebb-lime-query-filter-comparison_2.cjs.entry.js +2 -2
- package/dist/cjs/limebb-lime-query-order-by-editor_2.cjs.entry.js +2 -2
- package/dist/cjs/limebb-lime-query-order-by-item.cjs.entry.js +2 -2
- package/dist/cjs/limebb-lime-query-response-format-builder.cjs.entry.js +1 -1
- package/dist/cjs/limebb-lime-query-response-format-editor_2.cjs.entry.js +1 -1
- package/dist/cjs/limebb-live-docs-info.cjs.entry.js +2 -2
- package/dist/cjs/limebb-locale-picker.cjs.entry.js +1 -1
- package/dist/cjs/limebb-mention-group-counter.cjs.entry.js +2 -2
- package/dist/cjs/limebb-navigation-button_2.cjs.entry.js +2 -2
- package/dist/cjs/limebb-notification-item.cjs.entry.js +1 -1
- package/dist/cjs/limebb-percentage-visualizer.cjs.entry.js +2 -2
- package/dist/cjs/limebb-rule-chip-popover.cjs.entry.js +1 -1
- package/dist/cjs/limebb-rule-editor.cjs.entry.js +1 -1
- package/dist/cjs/limebb-rule-gate.cjs.entry.js +1 -1
- package/dist/cjs/limebb-text-editor.cjs.entry.js +1 -1
- package/dist/cjs/limebb-trend-indicator.cjs.entry.js +1 -1
- package/dist/cjs/limebb-value-comparison-editor.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/alert-dialog/alert-dialog.js +1 -1
- package/dist/collection/components/browser/browser.js +2 -2
- package/dist/collection/components/chat-list/chat-icon-list/chat-icon-list.js +1 -1
- package/dist/collection/components/chat-list/chat-item/chat-item.js +2 -2
- package/dist/collection/components/chat-list/chat-list.css +23 -1
- package/dist/collection/components/chat-list/chat-list.js +43 -21
- package/dist/collection/components/chat-list/scroll-anchor.js +33 -38
- package/dist/collection/components/chat-list/typing-indicator/typing-indicator.js +1 -1
- package/dist/collection/components/color-palette-picker/color-palette-picker.js +1 -1
- package/dist/collection/components/color-palette-picker/color-palette-swatches/color-palette-swatches.js +1 -1
- package/dist/collection/components/composer-toolbar/composer-toolbar.js +2 -2
- package/dist/collection/components/currency-picker/currency-picker.js +1 -1
- package/dist/collection/components/dashboard-widget/dashboard-widget.js +1 -1
- package/dist/collection/components/date-picker/date-picker.js +1 -1
- package/dist/collection/components/date-range/date-range.js +1 -1
- package/dist/collection/components/document-chips/document-chips.js +1 -1
- package/dist/collection/components/document-picker/document-item/document-item.js +2 -2
- package/dist/collection/components/document-picker/document-picker.js +1 -1
- package/dist/collection/components/feed/feed-item/feed-timeline-item.js +1 -1
- package/dist/collection/components/feed/feed-item-thumbnail-file-info/feed-item-thumbnail-file-info.js +1 -1
- package/dist/collection/components/feed/feed.js +1 -1
- package/dist/collection/components/filter-chip/filter-chip.js +2 -2
- package/dist/collection/components/filter-condition-picker/filter-condition-picker.js +1 -1
- package/dist/collection/components/icon-picker/icon-picker.js +1 -1
- package/dist/collection/components/info-tile/format/config/info-tile-format.js +1 -1
- package/dist/collection/components/info-tile/info-tile.js +1 -1
- package/dist/collection/components/kanban/kanban-group/kanban-group.js +1 -1
- package/dist/collection/components/kanban/kanban-item/kanban-item.js +1 -1
- package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-comparison-editor.js +1 -1
- package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-comparison.js +2 -2
- package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-group.js +2 -2
- package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-not.js +1 -1
- package/dist/collection/components/lime-query-builder/lime-query-builder.js +1 -1
- package/dist/collection/components/lime-query-builder/lime-query-response-format-builder.js +1 -1
- package/dist/collection/components/lime-query-builder/limetype-field/limetype-field.js +1 -1
- package/dist/collection/components/lime-query-builder/order-by/order-by-editor.js +1 -1
- package/dist/collection/components/lime-query-builder/order-by/order-by-item.js +2 -2
- package/dist/collection/components/lime-query-builder/response-format/response-format-item.js +1 -1
- package/dist/collection/components/limeobject/file-viewer/live-docs-info.js +2 -2
- package/dist/collection/components/locale-picker/locale-picker.js +1 -1
- package/dist/collection/components/notification-list/notification-item/notification-item.js +1 -1
- package/dist/collection/components/percentage-visualizer/percentage-visualizer.js +2 -2
- package/dist/collection/components/rule-editor/rule-chip-popover/rule-chip-popover.js +1 -1
- package/dist/collection/components/rule-editor/rule-editor.js +1 -1
- package/dist/collection/components/rule-editor/value-comparison-editor/value-comparison-editor.js +1 -1
- package/dist/collection/components/rule-gate/rule-gate.js +1 -1
- package/dist/collection/components/summary-popover/summary-popover.js +2 -2
- package/dist/collection/components/text-editor/mention-group-counter.js +2 -2
- package/dist/collection/components/text-editor/text-editor.js +1 -1
- package/dist/collection/components/trend-indicator/trend-indicator.js +1 -1
- package/dist/components/chat-icon-list.js +1 -1
- package/dist/components/chat-item.js +1 -1
- package/dist/components/currency-picker.js +1 -1
- package/dist/components/date-picker.js +1 -1
- package/dist/components/document-item.js +1 -1
- package/dist/components/feed-item-thumbnail-file-info.js +1 -1
- package/dist/components/feed-timeline-item.js +1 -1
- package/dist/components/filter-chip.js +1 -1
- package/dist/components/filter-condition-picker.js +1 -1
- package/dist/components/kanban-group.js +1 -1
- package/dist/components/kanban-item.js +1 -1
- package/dist/components/lime-query-filter-comparison-editor.js +1 -1
- package/dist/components/lime-query-filter-comparison.js +1 -1
- package/dist/components/lime-query-filter-expression.js +1 -1
- package/dist/components/limebb-alert-dialog.js +1 -1
- package/dist/components/limebb-browser.js +1 -1
- package/dist/components/limebb-chat-list.js +1 -1
- package/dist/components/limebb-color-palette-picker.js +1 -1
- package/dist/components/limebb-color-palette-swatches.js +1 -1
- package/dist/components/limebb-composer-toolbar.js +1 -1
- package/dist/components/limebb-dashboard-widget.js +1 -1
- package/dist/components/limebb-date-range.js +1 -1
- package/dist/components/limebb-document-chips.js +1 -1
- package/dist/components/limebb-document-picker.js +1 -1
- package/dist/components/limebb-feed.js +1 -1
- package/dist/components/limebb-icon-picker.js +1 -1
- package/dist/components/limebb-info-tile-format.js +1 -1
- package/dist/components/limebb-info-tile.js +1 -1
- package/dist/components/limebb-lime-query-builder.js +1 -1
- package/dist/components/limebb-lime-query-response-format-builder.js +1 -1
- package/dist/components/limebb-locale-picker.js +1 -1
- package/dist/components/limebb-mention-group-counter.js +1 -1
- package/dist/components/limebb-rule-editor.js +1 -1
- package/dist/components/limebb-rule-gate.js +1 -1
- package/dist/components/limebb-text-editor.js +1 -1
- package/dist/components/limebb-trend-indicator.js +1 -1
- package/dist/components/limebb-value-comparison-editor.js +1 -1
- package/dist/components/limetype-field.js +1 -1
- package/dist/components/live-docs-info.js +1 -1
- package/dist/components/notification-item.js +1 -1
- package/dist/components/order-by-editor.js +1 -1
- package/dist/components/order-by-item.js +1 -1
- package/dist/components/percentage-visualizer.js +1 -1
- package/dist/components/response-format-item.js +1 -1
- package/dist/components/rule-chip-popover.js +1 -1
- package/dist/components/summary-popover.js +1 -1
- package/dist/components/typing-indicator.js +1 -1
- package/dist/esm/lime-crm-building-blocks.js +1 -1
- package/dist/esm/limebb-alert-dialog.entry.js +1 -1
- package/dist/esm/limebb-browser.entry.js +2 -2
- package/dist/esm/limebb-chat-icon-list_3.entry.js +4 -4
- package/dist/esm/limebb-chat-list.entry.js +75 -101
- package/dist/esm/limebb-color-palette-picker.entry.js +1 -1
- package/dist/esm/limebb-color-palette-swatches.entry.js +1 -1
- package/dist/esm/limebb-composer-toolbar.entry.js +2 -2
- package/dist/esm/limebb-currency-picker.entry.js +1 -1
- package/dist/esm/limebb-dashboard-widget.entry.js +1 -1
- package/dist/esm/limebb-date-picker.entry.js +1 -1
- package/dist/esm/limebb-date-range.entry.js +1 -1
- package/dist/esm/limebb-document-chips.entry.js +1 -1
- package/dist/esm/limebb-document-item.entry.js +2 -2
- package/dist/esm/limebb-document-picker.entry.js +1 -1
- package/dist/esm/limebb-feed-item-thumbnail-file-info.entry.js +1 -1
- package/dist/esm/limebb-feed-timeline-item.entry.js +1 -1
- package/dist/esm/limebb-feed.entry.js +1 -1
- package/dist/esm/limebb-filter-chip_6.entry.js +7 -7
- package/dist/esm/limebb-icon-picker.entry.js +1 -1
- package/dist/esm/limebb-info-tile-format.entry.js +1 -1
- package/dist/esm/limebb-info-tile.entry.js +1 -1
- package/dist/esm/limebb-kanban-group.entry.js +1 -1
- package/dist/esm/limebb-kanban-item.entry.js +1 -1
- package/dist/esm/limebb-lime-query-builder.entry.js +1 -1
- package/dist/esm/limebb-lime-query-filter-comparison_2.entry.js +2 -2
- package/dist/esm/limebb-lime-query-order-by-editor_2.entry.js +2 -2
- package/dist/esm/limebb-lime-query-order-by-item.entry.js +2 -2
- package/dist/esm/limebb-lime-query-response-format-builder.entry.js +1 -1
- package/dist/esm/limebb-lime-query-response-format-editor_2.entry.js +1 -1
- package/dist/esm/limebb-live-docs-info.entry.js +2 -2
- package/dist/esm/limebb-locale-picker.entry.js +1 -1
- package/dist/esm/limebb-mention-group-counter.entry.js +2 -2
- package/dist/esm/limebb-navigation-button_2.entry.js +2 -2
- package/dist/esm/limebb-notification-item.entry.js +1 -1
- package/dist/esm/limebb-percentage-visualizer.entry.js +2 -2
- package/dist/esm/limebb-rule-chip-popover.entry.js +1 -1
- package/dist/esm/limebb-rule-editor.entry.js +1 -1
- package/dist/esm/limebb-rule-gate.entry.js +1 -1
- package/dist/esm/limebb-text-editor.entry.js +1 -1
- package/dist/esm/limebb-trend-indicator.entry.js +1 -1
- package/dist/esm/limebb-value-comparison-editor.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/lime-crm-building-blocks/lime-crm-building-blocks.esm.js +1 -1
- package/dist/lime-crm-building-blocks/p-08797129.entry.js +1 -0
- package/dist/lime-crm-building-blocks/{p-0a05b3e9.entry.js → p-0cbe2180.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-54735042.entry.js → p-1990e369.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-0dd64440.entry.js → p-229d018c.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-7cd8dffd.entry.js → p-28550961.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-568c4e76.entry.js → p-32a81271.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/p-3babfbe0.entry.js +1 -0
- package/dist/lime-crm-building-blocks/{p-de7724f0.entry.js → p-402a9c97.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-97e2e5c9.entry.js → p-46aec244.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-f102f169.entry.js → p-551a36f6.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-615770be.entry.js → p-6331f9c5.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-c46802cd.entry.js → p-635a45ad.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-d8d32cb1.entry.js → p-6f923112.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/p-79d743bb.entry.js +1 -0
- package/dist/lime-crm-building-blocks/{p-4e4d096c.entry.js → p-7ae27308.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-b48d7d23.entry.js → p-81783bd4.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-657b89d4.entry.js → p-8c36b847.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-5b97d4f4.entry.js → p-8e9fcf3c.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-c635f826.entry.js → p-90f0c96b.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-b6807166.entry.js → p-95ba7a84.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-2d1c7b6f.entry.js → p-97e75dee.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-170ab4be.entry.js → p-a201df35.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-a716b3a8.entry.js → p-a953d48e.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-ee7bd504.entry.js → p-ab0f8170.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/p-ad5dcefd.entry.js +1 -0
- package/dist/lime-crm-building-blocks/{p-73f23d08.entry.js → p-b44b9dbc.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-f024c185.entry.js → p-bf05d9de.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-e910963c.entry.js → p-c0d49532.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-d8ce3497.entry.js → p-cc53a8ca.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-45dd8663.entry.js → p-cf03a756.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-27b9c824.entry.js → p-cf66256a.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-f3905fa2.entry.js → p-d3c58bc1.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-d816fcc8.entry.js → p-dcb49a62.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-b3529254.entry.js → p-dd02821e.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-fc372344.entry.js → p-ddc4ede8.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-f1060c88.entry.js → p-dfaef740.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-3fd84800.entry.js → p-e6cc320a.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/p-e7dee7ac.entry.js +1 -0
- package/dist/lime-crm-building-blocks/{p-7c5ecffe.entry.js → p-f3539042.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-b6c2d93b.entry.js → p-f5c1ed0c.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-ea6ab8b0.entry.js → p-f9991c35.entry.js} +1 -1
- package/dist/types/components/chat-list/chat-list.d.ts +8 -2
- package/dist/types/components/chat-list/scroll-anchor.d.ts +8 -31
- package/dist/types/components.d.ts +4 -0
- package/package.json +1 -1
- package/dist/collection/components/chat-list/typing-indicator-scroll.js +0 -41
- package/dist/lime-crm-building-blocks/p-02fba38e.entry.js +0 -1
- package/dist/lime-crm-building-blocks/p-0445035f.entry.js +0 -1
- package/dist/lime-crm-building-blocks/p-6d8efe87.entry.js +0 -1
- package/dist/lime-crm-building-blocks/p-93af3e81.entry.js +0 -1
- package/dist/lime-crm-building-blocks/p-a2b9c410.entry.js +0 -1
- package/dist/types/components/chat-list/typing-indicator-scroll.d.ts +0 -18
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as e,createEvent as i,getElement as r,h as o,Host as n,transformTag as a}from"@stencil/core/internal/client";import{n as s}from"./index.esm.js";import{c as l}from"./random-string.js";import{g as c,c as h}from"./filter-condition-icons.js";const b={and:"webclient.delimiter.and",or:"webclient.delimiter.or"},d={and:"&",or:"or"},u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.remove=i(this,"remove",7),this.removable=!0,this.readonly=!1,this.disabled=!1,this.invalid=!1,this.selected=!1,this.maxLength=25,this.handleKeyDown=t=>{this.disabled||this.readonly||"Backspace"!==t.key&&"Delete"!==t.key||(t.preventDefault(),t.stopPropagation(),this.remove.emit(this.identifier))},this.handleRemoveClick=t=>{t.stopPropagation(),this.remove.emit(this.identifier)}}get chipId(){let t=r(this).id;return t||(this.randomId||(this.randomId=l()),t=this.randomId),"filter-chip-"+t}render(){const t=this.chipId,e=this.getDisplayItems(),i=this.getConjunctionText(),r=this.getHelperLabel(e,i);return o(n,{key:"1528a86d1e7f7f1749cc895787bca1e77c8678aa"},this.renderLabel(),o("button",{key:"07dc7184d0a53472ed0d595a07941077aabaa5c0",class:{chip:!0},type:"button",id:t,"aria-label":[this.label,r].filter(Boolean).join(", ")||this.getFilterLabel(),"aria-pressed":this.getAriaPressed(),onKeyDown:this.handleKeyDown,disabled:this.disabled},this.renderIcon(),this.renderValue(e,i)),this.renderRemoveButton(t),o("limel-tooltip",{key:"665f0b32f7ccdc27b72a56bee9d39e83fb3945b7",elementId:t,label:this.label||this.getFilterLabel(),helperLabel:r}))}getAriaPressed(){if(!this.readonly&&!this.disabled)return this.selected?"true":"false"}renderLabel(){if(this.label)return o("label",{"aria-hidden":"true"},this.label)}renderIcon(){const t=this.getIconName();if(t)return o("limel-icon",{"aria-hidden":"true",badge:!0,name:t})}getIconName(){return this.icon?this.icon:this.condition?c(this.condition,this.propertyType):void 0}get hasRawValue(){return"matches"===this.condition}renderValue(t,e){if(!Array.isArray(this.value))return o("span",{class:{text:!0,empty:this.hasRawValue},"aria-hidden":"true"},this.renderValueItem(t[0]));const{visibleItems:i,remainingCount:r}=this.truncateItems(t,this.separatorFor(e));return o("span",{class:{text:!0,empty:this.hasRawValue},"aria-hidden":"true"},this.renderValueItems(i,e),this.renderBadge(r))}renderValueItems(t,e){const i=[];for(const[r,n]of t.entries())r>0&&i.push(e?o("span",{class:"conjunction"}," ",e," "):", "),i.push(this.renderValueItem(n));return i}renderValueItem(t){if(t)return o("span",{class:{"value-item":!0,empty:t.empty}},t.text)}renderBadge(t){if(!(t<=0))return o("limel-badge",{label:`+${t}`})}renderRemoveButton(t){if(this.removable&&!this.readonly&&!this.disabled)return o("button",{type:"button",class:"trailing-button remove-button",tabIndex:-1,"aria-label":this.getRemoveButtonLabel(),"aria-controls":t,innerHTML:'<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-width="2" d="m8 8 16 16M24 8 8 24"/></svg>',onClick:this.handleRemoveClick})}getTranslator(){if(this.platform)try{return this.platform.get(s.Translate)}catch(t){return}}getRemoveButtonLabel(){const t=this.getTranslator();return t?t.get("webclient.remove-filter",{propertyName:this.label}):"Remove"}getConditionLabel(){const t=h(this.condition,this.propertyType),e=this.getTranslator();return t&&e?e.get(t):""}getConjunctionText(){if(!this.conjunction)return"";const t=this.getTranslator();return t?t.get(b[this.conjunction]):d[this.conjunction]}getFilterLabel(){const t=this.getTranslator();return t?t.get("webclient.filter"):"Filter"}getValueItems(){return Array.isArray(this.value)?this.value:null==this.value?[]:[this.value]}getDisplayItems(){const t=this.getValueItems(),e=t.some((t=>!t||!t.trim()))?this.getEmptyLabel():"";return t.map((t=>{const i=!t||!t.trim();return{text:i?e:t,empty:i}}))}getEmptyLabel(){const t=this.getTranslator();return t?t.get("webclient.empty"):"Empty"}separatorFor(t){return t?` ${t} `:", "}getHelperLabel(t,e){if(void 0!==this.helperLabel)return this.helperLabel;const i=this.getConditionLabel(),r=t.map((t=>t.text)).join(this.separatorFor(e));return i&&r?`${i}: ${r}`:i||r}truncateItems(t,e){const i=Math.max(this.maxLength,1),r=t.map((t=>t.text)).join(e);if(t.length<=1||r.length<=i)return{visibleItems:t,remainingCount:0};const o=[t[0]];let n=t[0].text.length;for(let r=1;r<t.length;r++){const a=n+e.length+t[r].text.length;if(a>i)break;o.push(t[r]),n=a}return{visibleItems:o,remainingCount:t.length-o.length}}filterClickWhenInactive(t){(this.disabled||this.readonly)&&(t.preventDefault(),t.stopPropagation())}static get delegatesFocus(){return!0}static get style(){return"@charset \"UTF-8\";:host(limebb-filter-chip){isolation:isolate;position:relative;display:inline-flex;align-items:center;min-width:0}*{box-sizing:border-box}button.chip{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;position:relative;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;max-width:20rem;height:1.75rem;border-radius:1.75rem;border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;font-size:0.875rem;padding:0 0.125rem}button.chip:has(limel-icon) .text{padding-left:0}button.chip:not([disabled]):focus{outline:none}button.chip:not([disabled]):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.chip:not([disabled]){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)}button.chip:not([disabled]):hover,button.chip:not([disabled]):focus,button.chip:not([disabled]):focus-visible{will-change:color, background-color, box-shadow, transform}button.chip:not([disabled]):hover,button.chip:not([disabled]):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button.chip:not([disabled]):hover{box-shadow:var(--button-shadow-hovered)}button.chip:not([disabled]):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);background-color:var(--limel-theme-surface-background-color);box-shadow:var(--button-shadow-inset-pressed)}button.chip:not([disabled]):hover,button.chip:not([disabled]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.chip[disabled]{cursor:not-allowed;color:rgba(var(--contrast-1600), 0.37);background-color:rgba(var(--contrast-1600), 0.1)}button.chip:has(+.remove-button:hover){box-shadow:var(--shadow-depth-8-error)}button.chip:has(+.trailing-button){padding-right:calc(1.75rem + 0.125rem)}button.chip:has(+.trailing-button) .text{padding-right:0}button.chip .text.empty,button.chip .value-item.empty{font-style:italic;color:rgb(var(--contrast-800))}button.chip .conjunction{color:rgb(var(--contrast-800))}button.chip limel-badge{margin-left:0.25rem}:host(limebb-filter-chip[selected]) .chip{background-color:rgb(var(--contrast-500));box-shadow:var(--button-shadow-inset-pressed)}:host(limebb-filter-chip[selected]) .chip:hover{background-color:rgb(var(--contrast-500))}:host(limebb-filter-chip[selected]) .chip limel-badge{--badge-background-color:rgb(var(--contrast-200))}:host(limebb-filter-chip[invalid]) .chip{background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill='rgba(186,186,192,0.16)' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\");background-size:0.5rem;background-color:rgb(var(--color-red-default))}:host(limebb-filter-chip[invalid]) .text{color:rgb(var(--color-white))}:host(limebb-filter-chip[invalid]) .conjunction{color:rgba(var(--color-white), 0.7)}:host(limebb-filter-chip[readonly]:not([readonly=false])) .chip{box-shadow:0 0 0 1px var(--chip-readonly-border-color, rgb(var(--contrast-800), 0.5));cursor:default}limel-icon{flex-shrink:0;width:1.5rem;height:1.5rem;padding:0.0625rem}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;padding:0 0.5rem}label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;transform:translateY(-50%);z-index:1;position:absolute;top:0;left:0;display:block;padding:0px 0.25rem;color:rgb(var(--contrast-1200));font-size:0.65rem;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em)}button.trailing-button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;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}button.trailing-button:hover,button.trailing-button:focus,button.trailing-button:focus-visible{will-change:color, background-color, box-shadow, transform}button.trailing-button:hover,button.trailing-button:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button.trailing-button:hover{box-shadow:var(--button-shadow-hovered)}button.trailing-button:active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.trailing-button:hover,button.trailing-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.trailing-button{z-index:1;flex-shrink:0;align-self:center;display:flex;align-items:center;justify-content:center;margin-left:calc(1.75rem * -1 + 0.125rem);width:1.5rem;height:1.5rem;border-radius:50%}button.trailing-button svg{transition:color 0.2s ease, transform 0.2s ease;width:1.25rem}button.trailing-button.remove-button:hover{color:rgb(var(--color-red-dark))}button.trailing-button.remove-button:hover svg{transform:scale(0.8)}"}},[17,"limebb-filter-chip",{label:[1],value:[1],conjunction:[1],condition:[1],propertyType:[1,"property-type"],icon:[1],helperLabel:[1,"helper-label"],removable:[4],readonly:[516],disabled:[4],invalid:[516],selected:[516],identifier:[8],platform:[16],maxLength:[2,"max-length"]},[[2,"click","filterClickWhenInactive"]]]);function m(){"undefined"!=typeof customElements&&["limebb-filter-chip"].forEach((t=>{"limebb-filter-chip"===t&&(customElements.get(a(t))||customElements.define(a(t),u))}))}export{u as F,m as d}
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as e,createEvent as i,getElement as r,h as o,Host as n,transformTag as a}from"@stencil/core/internal/client";import{n as s}from"./index.esm.js";import{c as l}from"./random-string.js";import{g as c,c as h}from"./filter-condition-icons.js";const b={and:"webclient.delimiter.and",or:"webclient.delimiter.or"},d={and:"&",or:"or"},u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.remove=i(this,"remove",7),this.removable=!0,this.readonly=!1,this.disabled=!1,this.invalid=!1,this.selected=!1,this.maxLength=25,this.handleKeyDown=t=>{this.disabled||this.readonly||"Backspace"!==t.key&&"Delete"!==t.key||(t.preventDefault(),t.stopPropagation(),this.remove.emit(this.identifier))},this.handleRemoveClick=t=>{t.stopPropagation(),this.remove.emit(this.identifier)}}get chipId(){let t=r(this).id;return t||(this.randomId||(this.randomId=l()),t=this.randomId),"filter-chip-"+t}render(){const t=this.chipId,e=this.getDisplayItems(),i=this.getConjunctionText(),r=this.getHelperLabel(e,i);return o(n,{key:"0a9928cddf2b33b2c7e9141b76ef6114966bcf5f"},this.renderLabel(),o("button",{key:"087a97e9a0e3bed2f926ac7e72096a0fd2224d5b",class:{chip:!0},type:"button",id:t,"aria-label":[this.label,r].filter(Boolean).join(", ")||this.getFilterLabel(),"aria-pressed":this.getAriaPressed(),onKeyDown:this.handleKeyDown,disabled:this.disabled},this.renderIcon(),this.renderValue(e,i)),this.renderRemoveButton(t),o("limel-tooltip",{key:"ee48543757e7bde9f31c58c00b7e46f0a0c38b83",elementId:t,label:this.label||this.getFilterLabel(),helperLabel:r}))}getAriaPressed(){if(!this.readonly&&!this.disabled)return this.selected?"true":"false"}renderLabel(){if(this.label)return o("label",{"aria-hidden":"true"},this.label)}renderIcon(){const t=this.getIconName();if(t)return o("limel-icon",{"aria-hidden":"true",badge:!0,name:t})}getIconName(){return this.icon?this.icon:this.condition?c(this.condition,this.propertyType):void 0}get hasRawValue(){return"matches"===this.condition}renderValue(t,e){if(!Array.isArray(this.value))return o("span",{class:{text:!0,empty:this.hasRawValue},"aria-hidden":"true"},this.renderValueItem(t[0]));const{visibleItems:i,remainingCount:r}=this.truncateItems(t,this.separatorFor(e));return o("span",{class:{text:!0,empty:this.hasRawValue},"aria-hidden":"true"},this.renderValueItems(i,e),this.renderBadge(r))}renderValueItems(t,e){const i=[];for(const[r,n]of t.entries())r>0&&i.push(e?o("span",{class:"conjunction"}," ",e," "):", "),i.push(this.renderValueItem(n));return i}renderValueItem(t){if(t)return o("span",{class:{"value-item":!0,empty:t.empty}},t.text)}renderBadge(t){if(!(t<=0))return o("limel-badge",{label:`+${t}`})}renderRemoveButton(t){if(this.removable&&!this.readonly&&!this.disabled)return o("button",{type:"button",class:"trailing-button remove-button",tabIndex:-1,"aria-label":this.getRemoveButtonLabel(),"aria-controls":t,innerHTML:'<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-width="2" d="m8 8 16 16M24 8 8 24"/></svg>',onClick:this.handleRemoveClick})}getTranslator(){if(this.platform)try{return this.platform.get(s.Translate)}catch(t){return}}getRemoveButtonLabel(){const t=this.getTranslator();return t?t.get("webclient.remove-filter",{propertyName:this.label}):"Remove"}getConditionLabel(){const t=h(this.condition,this.propertyType),e=this.getTranslator();return t&&e?e.get(t):""}getConjunctionText(){if(!this.conjunction)return"";const t=this.getTranslator();return t?t.get(b[this.conjunction]):d[this.conjunction]}getFilterLabel(){const t=this.getTranslator();return t?t.get("webclient.filter"):"Filter"}getValueItems(){return Array.isArray(this.value)?this.value:null==this.value?[]:[this.value]}getDisplayItems(){const t=this.getValueItems(),e=t.some((t=>!t||!t.trim()))?this.getEmptyLabel():"";return t.map((t=>{const i=!t||!t.trim();return{text:i?e:t,empty:i}}))}getEmptyLabel(){const t=this.getTranslator();return t?t.get("webclient.empty"):"Empty"}separatorFor(t){return t?` ${t} `:", "}getHelperLabel(t,e){if(void 0!==this.helperLabel)return this.helperLabel;const i=this.getConditionLabel(),r=t.map((t=>t.text)).join(this.separatorFor(e));return i&&r?`${i}: ${r}`:i||r}truncateItems(t,e){const i=Math.max(this.maxLength,1),r=t.map((t=>t.text)).join(e);if(t.length<=1||r.length<=i)return{visibleItems:t,remainingCount:0};const o=[t[0]];let n=t[0].text.length;for(let r=1;r<t.length;r++){const a=n+e.length+t[r].text.length;if(a>i)break;o.push(t[r]),n=a}return{visibleItems:o,remainingCount:t.length-o.length}}filterClickWhenInactive(t){(this.disabled||this.readonly)&&(t.preventDefault(),t.stopPropagation())}static get delegatesFocus(){return!0}static get style(){return"@charset \"UTF-8\";:host(limebb-filter-chip){isolation:isolate;position:relative;display:inline-flex;align-items:center;min-width:0}*{box-sizing:border-box}button.chip{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;position:relative;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;max-width:20rem;height:1.75rem;border-radius:1.75rem;border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;font-size:0.875rem;padding:0 0.125rem}button.chip:has(limel-icon) .text{padding-left:0}button.chip:not([disabled]):focus{outline:none}button.chip:not([disabled]):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.chip:not([disabled]){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)}button.chip:not([disabled]):hover,button.chip:not([disabled]):focus,button.chip:not([disabled]):focus-visible{will-change:color, background-color, box-shadow, transform}button.chip:not([disabled]):hover,button.chip:not([disabled]):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button.chip:not([disabled]):hover{box-shadow:var(--button-shadow-hovered)}button.chip:not([disabled]):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);background-color:var(--limel-theme-surface-background-color);box-shadow:var(--button-shadow-inset-pressed)}button.chip:not([disabled]):hover,button.chip:not([disabled]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.chip[disabled]{cursor:not-allowed;color:rgba(var(--contrast-1600), 0.37);background-color:rgba(var(--contrast-1600), 0.1)}button.chip:has(+.remove-button:hover){box-shadow:var(--shadow-depth-8-error)}button.chip:has(+.trailing-button){padding-right:calc(1.75rem + 0.125rem)}button.chip:has(+.trailing-button) .text{padding-right:0}button.chip .text.empty,button.chip .value-item.empty{font-style:italic;color:rgb(var(--contrast-800))}button.chip .conjunction{color:rgb(var(--contrast-800))}button.chip limel-badge{margin-left:0.25rem}:host(limebb-filter-chip[selected]) .chip{background-color:rgb(var(--contrast-500));box-shadow:var(--button-shadow-inset-pressed)}:host(limebb-filter-chip[selected]) .chip:hover{background-color:rgb(var(--contrast-500))}:host(limebb-filter-chip[selected]) .chip limel-badge{--badge-background-color:rgb(var(--contrast-200))}:host(limebb-filter-chip[invalid]) .chip{background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill='rgba(186,186,192,0.16)' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\");background-size:0.5rem;background-color:rgb(var(--color-red-default))}:host(limebb-filter-chip[invalid]) .text{color:rgb(var(--color-white))}:host(limebb-filter-chip[invalid]) .conjunction{color:rgba(var(--color-white), 0.7)}:host(limebb-filter-chip[readonly]:not([readonly=false])) .chip{box-shadow:0 0 0 1px var(--chip-readonly-border-color, rgb(var(--contrast-800), 0.5));cursor:default}limel-icon{flex-shrink:0;width:1.5rem;height:1.5rem;padding:0.0625rem}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;padding:0 0.5rem}label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;transform:translateY(-50%);z-index:1;position:absolute;top:0;left:0;display:block;padding:0px 0.25rem;color:rgb(var(--contrast-1200));font-size:0.65rem;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em)}button.trailing-button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;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}button.trailing-button:hover,button.trailing-button:focus,button.trailing-button:focus-visible{will-change:color, background-color, box-shadow, transform}button.trailing-button:hover,button.trailing-button:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button.trailing-button:hover{box-shadow:var(--button-shadow-hovered)}button.trailing-button:active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.trailing-button:hover,button.trailing-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.trailing-button{z-index:1;flex-shrink:0;align-self:center;display:flex;align-items:center;justify-content:center;margin-left:calc(1.75rem * -1 + 0.125rem);width:1.5rem;height:1.5rem;border-radius:50%}button.trailing-button svg{transition:color 0.2s ease, transform 0.2s ease;width:1.25rem}button.trailing-button.remove-button:hover{color:rgb(var(--color-red-dark))}button.trailing-button.remove-button:hover svg{transform:scale(0.8)}"}},[17,"limebb-filter-chip",{label:[1],value:[1],conjunction:[1],condition:[1],propertyType:[1,"property-type"],icon:[1],helperLabel:[1,"helper-label"],removable:[4],readonly:[516],disabled:[4],invalid:[516],selected:[516],identifier:[8],platform:[16],maxLength:[2,"max-length"]},[[2,"click","filterClickWhenInactive"]]]);function m(){"undefined"!=typeof customElements&&["limebb-filter-chip"].forEach((t=>{"limebb-filter-chip"===t&&(customElements.get(a(t))||customElements.define(a(t),u))}))}export{u as F,m as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as n,transformTag as s}from"@stencil/core/internal/client";import{n as r}from"./index.esm.js";import{d as l,g as c,c as a}from"./filter-condition-icons.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.disabled=!1,this.handleChange=t=>{t.stopPropagation(),t.detail&&this.change.emit(t.detail.value)}}render(){const t=this.buildItems(),e=this.selectedOption(t);return o(n,{key:"
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as n,transformTag as s}from"@stencil/core/internal/client";import{n as r}from"./index.esm.js";import{d as l,g as c,c as a}from"./filter-condition-icons.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.disabled=!1,this.handleChange=t=>{t.stopPropagation(),t.detail&&this.change.emit(t.detail.value)}}render(){const t=this.buildItems(),e=this.selectedOption(t);return o(n,{key:"5883ce6193714207687cf7f5ad05aba1a0dc6a87"},o("limel-select",{key:"1a4b9c6ce47cb89ff9d98fe0bbcc51d01db8a69e",class:"condition",label:this.accessibleLabel,disabled:this.disabled,options:t,value:e,onChange:this.handleChange}))}buildItems(){var t;const e=null!==(t=this.conditions)&&void 0!==t?t:l(this.propertyType),i=e.findIndex((t=>"empty"===t||"not-empty"===t)),o=e.indexOf("matches"),n=[];for(const[t,s]of e.entries())t>0&&(t===i||t===o)&&n.push({separator:!0}),n.push({value:s,text:this.conditionLabel(s),icon:c(s,this.propertyType)});return n}selectedOption(t){return t.filter((t=>!("separator"in t))).find((t=>t.value===this.value))}get accessibleLabel(){var t;return null!==(t=this.translate("webclient.operator"))&&void 0!==t?t:"Operator"}conditionLabel(t){var e;const i=a(t,this.propertyType);return null!==(e=i?this.translate(i):void 0)&&void 0!==e?e:t}translate(t){var e;const i=null===(e=this.translator)||void 0===e?void 0:e.get(t);return i&&i!==t?i:void 0}get translator(){var t;try{return null===(t=this.platform)||void 0===t?void 0:t.get(r.Translate)}catch(t){return}}static get style(){return":host(limebb-filter-condition-picker){display:inline-block}.condition{--limel-notched-outline-label-color:transparent}"}},[1,"limebb-filter-condition-picker",{platform:[16],value:[1],propertyType:[1,"property-type"],conditions:[16],disabled:[516]}]);function h(){"undefined"!=typeof customElements&&["limebb-filter-condition-picker"].forEach((t=>{"limebb-filter-condition-picker"===t&&(customElements.get(s(t))||customElements.define(s(t),d))}))}export{d as F,h as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as o,createEvent as t,h as r,Host as i,transformTag as a}from"@stencil/core/internal/client";import{L as n,n as l}from"./index.esm.js";import{d as s}from"./kanban-item.js";import{d as m}from"./navigation-button.js";import{d as b}from"./summary-popover.js";const c=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.loadMore=t(this,"loadMore",7),this.items=[],this.handleLoadMore=e=>{e.stopPropagation(),this.loadMore.emit(this.identifier)}}render(){return r(i,{key:"b00741bf0f2c617453ce53ce2e6ec852472f20dc"},this.renderHelp(),this.renderGroupHeading(),this.renderGroupSummary(),this.renderItems())}renderGroupSummary(){if(this.summary&&this.totalCount)return r("limel-markdown",{class:"group-summary",value:this.summary})}renderGroupHeading(){return r("limel-header",{heading:this.heading},this.renderCounterBadge())}renderHelp(){if(this.help)return r("limel-help",{value:this.help})}renderSpinner(){if(this.loading)return r("limel-spinner",{size:"small"})}renderCounterBadge(){if(this.totalCount)return[r("limel-badge",{slot:"actions",id:"badge-tooltip",label:this.totalCount}),this.renderTooltip()]}renderTooltip(){const e=this.translator.get("webclient.kanban.item-in-group",{count:this.totalCount}),o=this.limetype?this.labelWithLimetype():e;return r("limel-tooltip",{elementId:"badge-tooltip",label:o||"",openDirection:"top"})}labelWithLimetype(){return this.translator.get("webclient.kanban.limetype-item-in-group",{limetype:this.totalCount>1?this.limetype.localname.plural:this.limetype.localname.singular,count:this.totalCount})}renderItems(){if(this.loading||0!==this.items.length)return r("div",{class:"items"},this.renderKanbanItems(),this.renderSpinner(),this.renderLoadMore())}renderKanbanItems(){return this.items.map((e=>{var o,t;const i=null===(o=e.bodyComponent)||void 0===o?void 0:o.name;return r("limebb-kanban-item",{tabindex:0,platform:this.platform,context:this.context,item:e,key:e.id},i&&r(i,Object.assign({slot:"body",platform:this.platform,context:this.context},null===(t=e.bodyComponent)||void 0===t?void 0:t.props)))}))}renderLoadMore(){if(!(this.loading||this.items.length>=this.totalCount))return r("limel-icon-button",{class:"load-more-button",icon:"more",onClick:this.handleLoadMore,elevated:!0,label:this.translator.get("webclient.load-more")})}get translator(){return this.platform.get(l.Translate)}static get style(){return'@charset "UTF-8";:host(limebb-feed-timeline-item.is-tall) .markdown-container{margin-bottom:0.5rem}:host(limebb-feed-timeline-item.is-tall) .body-text{--body-text-min-height-set-by-code:10rem;min-height:calc(var(--body-text-min-height-set-by-code) + 0.25rem)}:host(limebb-feed-timeline-item.is-tall) .body-text:after{transition:opacity 0.6s ease;content:"";opacity:0.26;pointer-events:none;position:absolute;bottom:-0.125rem;right:-0.125rem;left:-0.125rem;height:2.5rem;background:radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0)) 0 100%, linear-gradient(to bottom, rgb(var(--limebb-feed-item-background-color), 0) 0%, rgb(var(--limebb-feed-item-background-color), 90%) 100%);background-repeat:no-repeat;background-size:100% 0.5rem, 100% 100%}:host(limebb-feed-timeline-item.is-tall.shows-less) .markdown-container{grid-template-rows:0fr}:host(limebb-feed-timeline-item.is-tall.shows-less) .body-text:after{opacity:1}:host(limebb-feed-timeline-item.is-tall.shows-more) .markdown-container{grid-template-rows:1fr}:host(limebb-feed-timeline-item.is-tall.shows-more) #show-more-button limel-icon{rotate:180deg}.markdown-container{position:relative;display:grid}.markdown-container:not(.opened){transition:grid-template-rows min(var(--body-text-height) * 1.2ms, 500ms) cubic-bezier(1, 0.09, 0, 0.89)}.body-text{display:block;overflow:hidden}button#show-more-button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;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)}button#show-more-button:hover,button#show-more-button:focus,button#show-more-button:focus-visible{will-change:color, background-color, box-shadow, transform}button#show-more-button:hover,button#show-more-button: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)}button#show-more-button:active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button#show-more-button:hover,button#show-more-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button#show-more-button:focus{outline:none}button#show-more-button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button#show-more-button{z-index:1;position:absolute;right:0;bottom:-0.6rem;left:0;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:3rem;width:2rem;height:1rem}button#show-more-button limel-icon{transition:rotate 0.2s ease 0.5s;color:var(--mdc-theme-primary);width:0.75rem}*{box-sizing:border-box}:host(limebb-kanban-group){position:relative;background-color:rgb(var(--limebb-kanban-group-primary-background));--header-top-right-left-border-radius:0.5rem;--limebb-kanban-group-secondary-background:var(--contrast-300);--limebb-kanban-group-primary-background:var(--contrast-600);scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0.5rem;min-width:var(--limebb-kanban-group-width, 22rem);max-width:100%}:host(limebb-kanban-group[total-count="0"]){min-width:var(--limebb-kanban-group-width, 8rem)}:host(limebb-kanban-group.secondary){border:1px dashed rgb(var(--contrast-700));background-color:rgb(var(--limebb-kanban-group-secondary-background))}:host(limebb-kanban-group.secondary) limebb-kanban-item{border:1px dashed rgb(var(--contrast-700))}:host(limebb-kanban-group.secondary) limel-header{background-color:rgb(var(--limebb-kanban-group-secondary-background))}limel-header{padding-right:0.5rem;background-color:rgb(var(--limebb-kanban-group-primary-background));width:100%}limel-badge{--badge-background-color:rgb(var(--contrast-200))}limel-help{position:absolute;z-index:1;left:-0.25rem;top:-0.25rem}.group-summary{flex-shrink:0;padding:0 0.75rem 0.5rem 0.75rem;opacity:0.6;max-height:7rem;max-width:100%;overflow-y:auto}.load-more-button,limel-spinner{align-self:center}.load-more-button{--icon-background-color:var(--lime-elevated-surface-background-color)}.items{--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-top-edge-fade-height:0.5rem;--limel-bottom-edge-fade-height:2rem;flex-grow:1;display:flex;flex-direction:column;gap:0.75rem;padding:var(--limel-top-edge-fade-height) 0.5rem var(--limel-bottom-edge-fade-height) 0.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}limebb-kanban-item{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)}limebb-kanban-item:hover,limebb-kanban-item:focus,limebb-kanban-item:focus-visible{will-change:color, background-color, box-shadow, transform}limebb-kanban-item:hover,limebb-kanban-item:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}limebb-kanban-item:hover{box-shadow:var(--button-shadow-hovered)}limebb-kanban-item: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)}limebb-kanban-item:hover,limebb-kanban-item:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}limebb-kanban-item:focus{outline:none}limebb-kanban-item:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}limebb-kanban-item.is-selected{box-shadow:var(--shadow-focused-state)}limebb-kanban-item.is-selected:hover{box-shadow:var(--shadow-focused-state), var(--button-shadow-hovered)}'}},[1,"limebb-kanban-group",{platform:[16],context:[16],identifier:[1],heading:[513],help:[1],items:[16],summary:[1],loading:[516],totalCount:[514,"total-count"]}]);function d(){"undefined"!=typeof customElements&&["limebb-kanban-group","limebb-kanban-item","limebb-navigation-button","limebb-summary-popover"].forEach((e=>{switch(e){case"limebb-kanban-group":customElements.get(a(e))||customElements.define(a(e),c);break;case"limebb-kanban-item":customElements.get(a(e))||s();break;case"limebb-navigation-button":customElements.get(a(e))||m();break;case"limebb-summary-popover":customElements.get(a(e))||b()}}))}!function(e,o,t,r){var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,o,t,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(n=(a<3?i(n):a>3?i(o,t,n):i(o,t))||n);a>3&&n&&Object.defineProperty(o,t,n)}([n()],c.prototype,"limetype",void 0);export{c as K,d}
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as o,createEvent as t,h as r,Host as i,transformTag as a}from"@stencil/core/internal/client";import{L as n,n as l}from"./index.esm.js";import{d as s}from"./kanban-item.js";import{d as m}from"./navigation-button.js";import{d as b}from"./summary-popover.js";const c=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.loadMore=t(this,"loadMore",7),this.items=[],this.handleLoadMore=e=>{e.stopPropagation(),this.loadMore.emit(this.identifier)}}render(){return r(i,{key:"0854f6e541983cfac72eaf884c51ffb17f99f122"},this.renderHelp(),this.renderGroupHeading(),this.renderGroupSummary(),this.renderItems())}renderGroupSummary(){if(this.summary&&this.totalCount)return r("limel-markdown",{class:"group-summary",value:this.summary})}renderGroupHeading(){return r("limel-header",{heading:this.heading},this.renderCounterBadge())}renderHelp(){if(this.help)return r("limel-help",{value:this.help})}renderSpinner(){if(this.loading)return r("limel-spinner",{size:"small"})}renderCounterBadge(){if(this.totalCount)return[r("limel-badge",{slot:"actions",id:"badge-tooltip",label:this.totalCount}),this.renderTooltip()]}renderTooltip(){const e=this.translator.get("webclient.kanban.item-in-group",{count:this.totalCount}),o=this.limetype?this.labelWithLimetype():e;return r("limel-tooltip",{elementId:"badge-tooltip",label:o||"",openDirection:"top"})}labelWithLimetype(){return this.translator.get("webclient.kanban.limetype-item-in-group",{limetype:this.totalCount>1?this.limetype.localname.plural:this.limetype.localname.singular,count:this.totalCount})}renderItems(){if(this.loading||0!==this.items.length)return r("div",{class:"items"},this.renderKanbanItems(),this.renderSpinner(),this.renderLoadMore())}renderKanbanItems(){return this.items.map((e=>{var o,t;const i=null===(o=e.bodyComponent)||void 0===o?void 0:o.name;return r("limebb-kanban-item",{tabindex:0,platform:this.platform,context:this.context,item:e,key:e.id},i&&r(i,Object.assign({slot:"body",platform:this.platform,context:this.context},null===(t=e.bodyComponent)||void 0===t?void 0:t.props)))}))}renderLoadMore(){if(!(this.loading||this.items.length>=this.totalCount))return r("limel-icon-button",{class:"load-more-button",icon:"more",onClick:this.handleLoadMore,elevated:!0,label:this.translator.get("webclient.load-more")})}get translator(){return this.platform.get(l.Translate)}static get style(){return'@charset "UTF-8";:host(limebb-feed-timeline-item.is-tall) .markdown-container{margin-bottom:0.5rem}:host(limebb-feed-timeline-item.is-tall) .body-text{--body-text-min-height-set-by-code:10rem;min-height:calc(var(--body-text-min-height-set-by-code) + 0.25rem)}:host(limebb-feed-timeline-item.is-tall) .body-text:after{transition:opacity 0.6s ease;content:"";opacity:0.26;pointer-events:none;position:absolute;bottom:-0.125rem;right:-0.125rem;left:-0.125rem;height:2.5rem;background:radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0)) 0 100%, linear-gradient(to bottom, rgb(var(--limebb-feed-item-background-color), 0) 0%, rgb(var(--limebb-feed-item-background-color), 90%) 100%);background-repeat:no-repeat;background-size:100% 0.5rem, 100% 100%}:host(limebb-feed-timeline-item.is-tall.shows-less) .markdown-container{grid-template-rows:0fr}:host(limebb-feed-timeline-item.is-tall.shows-less) .body-text:after{opacity:1}:host(limebb-feed-timeline-item.is-tall.shows-more) .markdown-container{grid-template-rows:1fr}:host(limebb-feed-timeline-item.is-tall.shows-more) #show-more-button limel-icon{rotate:180deg}.markdown-container{position:relative;display:grid}.markdown-container:not(.opened){transition:grid-template-rows min(var(--body-text-height) * 1.2ms, 500ms) cubic-bezier(1, 0.09, 0, 0.89)}.body-text{display:block;overflow:hidden}button#show-more-button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;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)}button#show-more-button:hover,button#show-more-button:focus,button#show-more-button:focus-visible{will-change:color, background-color, box-shadow, transform}button#show-more-button:hover,button#show-more-button: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)}button#show-more-button:active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button#show-more-button:hover,button#show-more-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button#show-more-button:focus{outline:none}button#show-more-button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button#show-more-button{z-index:1;position:absolute;right:0;bottom:-0.6rem;left:0;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:3rem;width:2rem;height:1rem}button#show-more-button limel-icon{transition:rotate 0.2s ease 0.5s;color:var(--mdc-theme-primary);width:0.75rem}*{box-sizing:border-box}:host(limebb-kanban-group){position:relative;background-color:rgb(var(--limebb-kanban-group-primary-background));--header-top-right-left-border-radius:0.5rem;--limebb-kanban-group-secondary-background:var(--contrast-300);--limebb-kanban-group-primary-background:var(--contrast-600);scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0.5rem;min-width:var(--limebb-kanban-group-width, 22rem);max-width:100%}:host(limebb-kanban-group[total-count="0"]){min-width:var(--limebb-kanban-group-width, 8rem)}:host(limebb-kanban-group.secondary){border:1px dashed rgb(var(--contrast-700));background-color:rgb(var(--limebb-kanban-group-secondary-background))}:host(limebb-kanban-group.secondary) limebb-kanban-item{border:1px dashed rgb(var(--contrast-700))}:host(limebb-kanban-group.secondary) limel-header{background-color:rgb(var(--limebb-kanban-group-secondary-background))}limel-header{padding-right:0.5rem;background-color:rgb(var(--limebb-kanban-group-primary-background));width:100%}limel-badge{--badge-background-color:rgb(var(--contrast-200))}limel-help{position:absolute;z-index:1;left:-0.25rem;top:-0.25rem}.group-summary{flex-shrink:0;padding:0 0.75rem 0.5rem 0.75rem;opacity:0.6;max-height:7rem;max-width:100%;overflow-y:auto}.load-more-button,limel-spinner{align-self:center}.load-more-button{--icon-background-color:var(--lime-elevated-surface-background-color)}.items{--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-top-edge-fade-height:0.5rem;--limel-bottom-edge-fade-height:2rem;flex-grow:1;display:flex;flex-direction:column;gap:0.75rem;padding:var(--limel-top-edge-fade-height) 0.5rem var(--limel-bottom-edge-fade-height) 0.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}limebb-kanban-item{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)}limebb-kanban-item:hover,limebb-kanban-item:focus,limebb-kanban-item:focus-visible{will-change:color, background-color, box-shadow, transform}limebb-kanban-item:hover,limebb-kanban-item:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}limebb-kanban-item:hover{box-shadow:var(--button-shadow-hovered)}limebb-kanban-item: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)}limebb-kanban-item:hover,limebb-kanban-item:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}limebb-kanban-item:focus{outline:none}limebb-kanban-item:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}limebb-kanban-item.is-selected{box-shadow:var(--shadow-focused-state)}limebb-kanban-item.is-selected:hover{box-shadow:var(--shadow-focused-state), var(--button-shadow-hovered)}'}},[1,"limebb-kanban-group",{platform:[16],context:[16],identifier:[1],heading:[513],help:[1],items:[16],summary:[1],loading:[516],totalCount:[514,"total-count"]}]);function d(){"undefined"!=typeof customElements&&["limebb-kanban-group","limebb-kanban-item","limebb-navigation-button","limebb-summary-popover"].forEach((e=>{switch(e){case"limebb-kanban-group":customElements.get(a(e))||customElements.define(a(e),c);break;case"limebb-kanban-item":customElements.get(a(e))||s();break;case"limebb-navigation-button":customElements.get(a(e))||m();break;case"limebb-summary-popover":customElements.get(a(e))||b()}}))}!function(e,o,t,r){var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,o,t,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(n=(a<3?i(n):a>3?i(o,t,n):i(o,t))||n);a>3&&n&&Object.defineProperty(o,t,n)}([n()],c.prototype,"limetype",void 0);export{c as K,d}
|
|
@@ -1 +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:"cc405f1c7ffd4e8a72158f53863b604e38df882e",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)}.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)}.header a{text-decoration:none}.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}.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{display:flex;align-items:center;text-decoration:none;gap:0.25rem;margin-left:0;border-radius:1rem}.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}
|
|
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:"4f5094240ee414b67254301be60b096e83d9c7af",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)}.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)}.header a{text-decoration:none}.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}.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{display:flex;align-items:center;text-decoration:none;gap:0.25rem;margin-left:0;border-radius:1rem}.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as r,Host as s,transformTag as o}from"@stencil/core/internal/client";import{o as l}from"./index.esm.js";import{o as n,c as a,a as p}from"./filter-operators.js";import{d as m}from"./filter-condition-picker.js";import{d as c}from"./lime-query-value-input.js";import{d as h}from"./property-selector.js";const u=n([l.EQUALS,l.NOT_EQUALS,l.GREATER,l.GREATER_OR_EQUAL,l.LESS,l.LESS_OR_EQUAL,l.IN,l.LIKE,l.BEGINS,l.ENDS]),d=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.handleConditionChange=e=>{e.stopPropagation();const t=a(e.detail);if(!t)return;const i=this.expression.op;let r=this.expression.exp;t!==l.IN||Array.isArray(r)?i===l.IN&&t!==l.IN&&Array.isArray(r)&&(r=r.length>0?r[0]:""):r=void 0!==r&&""!==r?[r]:[],this.expressionChange.emit({key:this.expression.key,op:t,exp:r})},this.handleValueChange=e=>{e.stopPropagation(),this.expressionChange.emit(Object.assign(Object.assign({},this.expression),{exp:e.detail}))}}componentDidLoad(){var e;null===(e=this.propertySelectorEl)||void 0===e||e.focus()}render(){return r(s,{key:"
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as r,Host as s,transformTag as o}from"@stencil/core/internal/client";import{o as l}from"./index.esm.js";import{o as n,c as a,a as p}from"./filter-operators.js";import{d as m}from"./filter-condition-picker.js";import{d as c}from"./lime-query-value-input.js";import{d as h}from"./property-selector.js";const u=n([l.EQUALS,l.NOT_EQUALS,l.GREATER,l.GREATER_OR_EQUAL,l.LESS,l.LESS_OR_EQUAL,l.IN,l.LIKE,l.BEGINS,l.ENDS]),d=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.handleConditionChange=e=>{e.stopPropagation();const t=a(e.detail);if(!t)return;const i=this.expression.op;let r=this.expression.exp;t!==l.IN||Array.isArray(r)?i===l.IN&&t!==l.IN&&Array.isArray(r)&&(r=r.length>0?r[0]:""):r=void 0!==r&&""!==r?[r]:[],this.expressionChange.emit({key:this.expression.key,op:t,exp:r})},this.handleValueChange=e=>{e.stopPropagation(),this.expressionChange.emit(Object.assign(Object.assign({},this.expression),{exp:e.detail}))}}componentDidLoad(){var e;null===(e=this.propertySelectorEl)||void 0===e||e.focus()}render(){return r(s,{key:"6adf494d70409b6fd0b41760646d5c6c6501a48f"},this.renderPropertySelector(),this.renderConditionPicker(),this.renderValueInput())}renderPropertySelector(){return r("limebb-property-selector",{ref:e=>this.propertySelectorEl=e,class:"property",label:"Property",platform:this.platform,context:this.context,limetype:this.limetype,value:this.expression.key,required:!0,onChange:this.handlePropertyChange})}renderConditionPicker(){const e=!!this.expression.op;return r("limebb-filter-condition-picker",{class:"operator",platform:this.platform,propertyType:this.propertyType,conditions:u,value:p(this.expression.op),disabled:!e&&!this.expression.key,onChange:this.handleConditionChange})}renderValueInput(){return this.expression.op?r("limebb-lime-query-value-input",{class:"value",label:"Value",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}static get delegatesFocus(){return!0}static get style(){return":host{display:grid;grid-template-columns:3fr 1fr;gap:0.5rem;padding:0.75rem;min-width:30rem;align-items:center}.value{grid-column:1/-1}"}},[17,"limebb-lime-query-filter-comparison-editor",{platform:[16],context:[16],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16],propertyType:[1,"property-type"]}]);function b(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-comparison-editor","limebb-filter-condition-picker","limebb-lime-query-value-input","limebb-property-selector"].forEach((e=>{switch(e){case"limebb-lime-query-filter-comparison-editor":customElements.get(o(e))||customElements.define(o(e),d);break;case"limebb-filter-condition-picker":customElements.get(o(e))||m();break;case"limebb-lime-query-value-input":customElements.get(o(e))||c();break;case"limebb-property-selector":customElements.get(o(e))||h()}}))}export{d as L,b as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as r,Host as o,transformTag as s}from"@stencil/core/internal/client";import{n as l}from"./index.esm.js";import{a as n}from"./filter-operators.js";import{a as m,d as a}from"./property-selector.js";import{g as c,d as p}from"./lime-query-value-input.js";import{d}from"./filter-chip.js";import{d
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as r,Host as o,transformTag as s}from"@stencil/core/internal/client";import{n as l}from"./index.esm.js";import{a as n}from"./filter-operators.js";import{a as m,d as a}from"./property-selector.js";import{g as c,d as p}from"./lime-query-value-input.js";import{d as h}from"./filter-chip.js";import{d}from"./filter-condition-picker.js";import{d as b}from"./lime-query-filter-comparison-editor.js";const u=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=t(this,"expressionChange",7),this.isOpen=!1,this.handleOpen=()=>{this.isOpen=!0},this.handleClose=()=>{this.isOpen=!1},this.handleEditorChange=e=>{e.stopPropagation(),this.expressionChange.emit(e.detail)},this.removeExpression=()=>{this.expressionChange.emit(void 0)}}componentWillLoad(){var e;(null===(e=this.expression)||void 0===e?void 0:e.key)||(this.isOpen=!0)}render(){var e,i;const t=!!(null===(e=this.expression)||void 0===e?void 0:e.key),s=Array.isArray(null===(i=this.expression)||void 0===i?void 0:i.exp),l=t?this.getPropertyType(this.expression.key):void 0;return r(o,{key:"11a87b46a1273aadb654a13a08351b2114b5c77d"},this.renderHeader(),r("limel-popover",{key:"c407e0d0672a4302cc96e452baeca8009359856c",open:this.isOpen,openDirection:"bottom-start",onClose:this.handleClose},r("limebb-filter-chip",{key:"530e38e1d326614c13324a7efd2e08db62712450",slot:"trigger",platform:this.platform,label:t?this.getPropertyLabel(this.expression.key):void 0,condition:t?n(this.expression.op):void 0,propertyType:l,value:t?this.chipValue():"New condition",conjunction:s?"or":void 0,selected:this.isOpen,removable:!0,onClick:this.handleOpen,onRemove:this.removeExpression}),r("limebb-lime-query-filter-comparison-editor",{key:"e736c00aa2f6c750da34a08f671d50dc97f6f452",platform:this.platform,context:this.context,limetype:this.limetype,activeLimetype:this.activeLimetype,expression:this.expression,propertyType:l,onExpressionChange:this.handleEditorChange})))}getPropertyLabel(e){return this.resolveProperty(e).labels.join(" › ")}getPropertyType(e){const{property:i}=this.resolveProperty(e);return i?c(i):void 0}resolveProperty(e){var i,t;const r=null===(i=this.platform)||void 0===i?void 0:i.get(l.LimeTypeRepository);if(!r||!this.limetype)return{labels:[e]};const o=[];let s,n=r.getLimeType(this.limetype);for(const i of e.split("."))s=n?m(n)[i]:void 0,o.push((null==s?void 0:s.localname)||i),n=null===(t=null==s?void 0:s.relation)||void 0===t?void 0:t.getLimetype();return{labels:o,property:s}}chipValue(){const e=this.expression.exp;return Array.isArray(e)?e.map((e=>this.formatValue(e))):this.formatValue(e)}formatValue(e){return null==e||""===e?"…":Array.isArray(e)?e.map((e=>this.formatValue(e))).join(", "):"string"==typeof e?e:String(e)}renderHeader(){if(this.label)return r("limel-header",{subheading:this.label})}static get style(){return":host(limebb-lime-query-filter-comparison){display:inline-block;max-width:25rem}"}},[1,"limebb-lime-query-filter-comparison",{platform:[16],context:[16],label:[513],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16],isOpen:[32]}]);function f(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-comparison","limebb-filter-chip","limebb-filter-condition-picker","limebb-lime-query-filter-comparison-editor","limebb-lime-query-value-input","limebb-property-selector"].forEach((e=>{switch(e){case"limebb-lime-query-filter-comparison":customElements.get(s(e))||customElements.define(s(e),u);break;case"limebb-filter-chip":customElements.get(s(e))||h();break;case"limebb-filter-condition-picker":customElements.get(s(e))||d();break;case"limebb-lime-query-filter-comparison-editor":customElements.get(s(e))||b();break;case"limebb-lime-query-value-input":customElements.get(s(e))||p();break;case"limebb-property-selector":customElements.get(s(e))||a()}}))}export{u as L,f as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as r,transformTag as o,Host as l}from"@stencil/core/internal/client";import{o as s}from"./index.esm.js";import{d as n}from"./filter-chip.js";import{d as a}from"./filter-condition-picker.js";import{d as m}from"./lime-query-filter-comparison.js";import{d as c}from"./lime-query-filter-comparison-editor.js";import{d as b}from"./lime-query-value-input.js";import{d as u}from"./property-selector.js";function p(e){return e.op===s.NOT?e.exp.op===s.AND?"NOT_AND":"NOT_OR":e.op===s.AND?"AND":"OR"}function d(e){return e.op===s.NOT?e.exp:e}function f(e){if(e.op===s.AND||e.op===s.OR)return!0;if(e.op===s.NOT){const i=e.exp;return i.op===s.AND||i.op===s.OR}return!1}function h(){return{key:"",op:s.EQUALS,exp:""}}function y(e,i){return{op:e.op,exp:[...e.exp,i]}}const g=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=t(this,"expressionChange",7),this.handleExpressionChange=e=>{var i;e.stopPropagation();const t=null!==(i=e.detail)&&void 0!==i?i:void 0;this.expressionChange.emit(void 0!==t?{op:s.NOT,exp:t}:void 0)}}render(){return r("div",{key:"7e9bac8c51b903d1a569d1272167870701412729",class:"expression"},this.label&&r("limel-header",{key:"aa5d7a0d55a5b2754e02c58dc5c08614b8a0808b",heading:this.label}),r("limebb-lime-query-filter-expression",{key:"573b8435f73b10bf1eb04ced205af5c4b295a01d",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 x(){"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(o(e))||customElements.define(o(e),g);break;case"limebb-lime-query-filter-comparison":customElements.get(o(e))||m();break;case"limebb-lime-query-filter-expression":customElements.get(o(e))||N();break;case"limebb-lime-query-filter-group":customElements.get(o(e))||w();break;case"limebb-lime-query-filter-not":customElements.get(o(e))||x()}}))}const q={AND:{color:"rgb(var(--contrast-900))",iconName:"dot_circle",text:"All of",secondaryText:"True when every condition is true"},OR:{color:"rgb(var(--color-sky-default))",iconName:"centre_point",text:"Any of",secondaryText:"True when at least one condition is true"},NOT_AND:{color:"rgb(var(--color-orange-default))",iconName:"dot_circle",text:"Not all of",secondaryText:"True when at least one condition is false"},NOT_OR:{color:"rgb(var(--color-red-default))",iconName:"centre_point",text:"None of",secondaryText:"True when every condition is false"}},v=["AND","OR","NOT_AND","NOT_OR"].map((e=>({text:q[e].text,secondaryText:q[e].secondaryText,value:e,icon:{name:q[e].iconName,color:q[e].color}}))),k=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=t(this,"expressionChange",7),this.renderChildExpression=(e,i)=>r("li",{class:"row"},r("limebb-lime-query-filter-expression",{platform:this.platform,context:this.context,limetype:this.limetype,activeLimetype:this.activeLimetype,expression:e,onExpressionChange:this.handleChildExpressionChange(i)})),this.handleCombinatorChange=e=>{e.stopPropagation();const i=e.detail.value;i&&i!==p(this.expression)&&this.expressionChange.emit(function(e,i){const t=d(e),r={op:"AND"===i||"NOT_AND"===i?s.AND:s.OR,exp:[...t.exp]};return"NOT_AND"===i||"NOT_OR"===i?{op:s.NOT,exp:r}:r}(this.expression,i))},this.handleDeleteGroup=()=>{this.expressionChange.emit()},this.handleAddChildExpression=()=>{const e=y(d(this.expression),h());this.expressionChange.emit(this.wrap(e))},this.handleAddChildGroup=()=>{const e=d(this.expression),i=y(e,{op:e.op===s.AND?s.OR:s.AND,exp:[h()]});this.expressionChange.emit(this.wrap(i))},this.handleChildExpressionChange=e=>i=>{i.stopPropagation();const t=function(e,i,t){const r=[...e.exp];return t?(r[i]=t,{type:"updated",expression:{op:e.op,exp:r}}):(r.splice(i,1),0===r.length?{type:"removed",expression:void 0}:{type:"updated",expression:{op:e.op,exp:r}})}(d(this.expression),e,i.detail);this.expressionChange.emit("removed"!==t.type?this.isNegated?{op:s.NOT,exp:t.expression}:t.expression:void 0)}}render(){const e=p(this.expression),i=d(this.expression),t=v.find((i=>i.value===e));return r(l,{key:"f41c27e721c5241f03ebc380fc0bee1bc6488ba8","data-op":e,style:{"--limebb-query-filter-group-color-code":q[e].color}},r("div",{key:"6dee3189e64ff49cc6b4234fcacabbcc592c56a7",class:"group"},r("div",{key:"c92e073de445fcefa48e8d90eeaa0357f2fbc9ea",class:"group-header"},r("limel-select",{key:"d0de8053b240e5d40b2f9d1de2defdb5257383b6",class:"combinator",label:"Match",value:t,options:v,onChange:this.handleCombinatorChange}),r("limel-icon-button",{key:"44b099283399ab33a906f0e7acc940dc39041b10",class:"delete-group",icon:"trash",label:"Delete this group",onClick:this.handleDeleteGroup})),r("ul",{key:"a8d06013ab21aa149ea1dcf2293ffbb5d0d13e61",class:"rows"},i.exp.map(this.renderChildExpression),r("limel-chip",{key:"f2866e974c93a0633b487d9943e63b929d67a7be",role:"listitem",class:"add-condition",text:"Condition",icon:{name:"plus_math",title:"Add"},onClick:this.handleAddChildExpression})),r("limel-chip",{key:"defd0ab0875920887391c2114139b92a63d10650",class:"add-group",size:"small",text:"Group",icon:{name:"plus_math",title:"Add",color:"var(--group-rail-color)"},onClick:this.handleAddChildGroup})))}get isNegated(){return this.expression.op===s.NOT}wrap(e){return this.isNegated?{op:s.NOT,exp:e}:e}static get style(){return"*,*:before,*::after{box-sizing:border-box}:host(limebb-lime-query-filter-group){--group-rail-color:var(--limebb-query-filter-group-color-code);display:flex;flex-direction:column;gap:1.5rem}:host([data-op=AND]){--combinator-symbol:'&'}:host([data-op=NOT_AND]){--combinator-symbol:'- &'}:host([data-op=OR]){--combinator-symbol:'or'}:host([data-op=NOT_OR]){--combinator-symbol:'- or'}.group{position:relative;display:flex;flex-direction:column;gap:1rem;padding:0.5rem;border-radius:0.75rem;background-color:rgb(var(--contrast-800), 0.15);transition:box-shadow 120ms ease}.group:before{content:\"\";position:absolute;top:1rem;bottom:calc(1rem + 1.75rem);left:0;width:0.125rem;transform:translateX(-50%);border-radius:1rem;background-color:var(--group-rail-color)}.group:has(limel-icon-button.delete-group:hover),.group:has(limel-icon-button.delete-group:focus-within){box-shadow:var(--shadow-error-state)}.group-header{display:flex;align-items:center;gap:0.5rem}limel-select.combinator{min-width:9rem}limel-icon-button.delete-group{margin-left:auto;opacity:0;transition:opacity 120ms ease}limel-chip.add-group{--lime-elevated-surface-background-color:transparent;--button-shadow-normal:none;isolation:isolate;position:relative;margin-right:auto}limel-chip.add-group:after{content:\"\";position:absolute;width:0.5rem;height:1.75rem;top:0;left:calc(0.5rem * -1 - 0.125rem / 2);border-width:0 0 0.125rem 0.125rem;border-color:var(--group-rail-color);border-style:solid;border-radius:0 0 0 0.5rem;transform:translateY(calc(-50% - 0.125rem / 2))}.group:hover>.group-header>limel-icon-button.delete-group,limel-icon-button.delete-group:focus-within{opacity:1}ul.rows{list-style:none;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:0.5rem;row-gap:0.5rem;padding:0 0.5rem 0.5rem 0.5rem}li.row{list-style:none;position:relative}li.row:has(>limebb-lime-query-filter-expression>limebb-lime-query-filter-group){flex-basis:100%;align-self:stretch}li.row+li.row:before{content:var(--combinator-symbol);color:var(--limebb-query-filter-group-color-code);font-size:0.75rem;font-weight:600;line-height:normal}li.row+li.row:has(>limebb-lime-query-filter-expression>limebb-lime-query-filter-group):before{position:absolute;left:0;top:0;transform:translate(-50%, -50%)}li.row+li.row:not(:has(>limebb-lime-query-filter-expression>limebb-lime-query-filter-group)){display:inline-flex;align-items:center}li.row+li.row:not(:has(>limebb-lime-query-filter-expression>limebb-lime-query-filter-group)):before{margin-right:0.5rem}"}},[1,"limebb-lime-query-filter-group",{platform:[16],context:[16],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16]}]);function w(){"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(o(e))||customElements.define(o(e),k);break;case"limebb-lime-query-filter-comparison":customElements.get(o(e))||m();break;case"limebb-lime-query-filter-expression":customElements.get(o(e))||N();break;case"limebb-lime-query-filter-group":customElements.get(o(e))||w();break;case"limebb-lime-query-filter-not":customElements.get(o(e))||x()}}))}const E=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expressionChange=t(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};if("key"in this.expression)return r("limebb-lime-query-filter-comparison",Object.assign({},e,{expression:this.expression,onExpressionChange:this.handleExpressionChange}));const i=f(t=this.expression)?t:void 0;var t;return i?r("limebb-lime-query-filter-group",Object.assign({},e,{expression:i,onExpressionChange:this.handleExpressionChange})):this.expression.op===s.NOT?r("limebb-lime-query-filter-not",Object.assign({},e,{expression:this.expression,onExpressionChange:this.handleExpressionChange})):void 0}},[2,"limebb-lime-query-filter-expression",{platform:[16],context:[16],label:[1],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16]}]);function N(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-expression","limebb-filter-chip","limebb-filter-condition-picker","limebb-lime-query-filter-comparison","limebb-lime-query-filter-comparison-editor","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(o(e))||customElements.define(o(e),E);break;case"limebb-filter-chip":customElements.get(o(e))||n();break;case"limebb-filter-condition-picker":customElements.get(o(e))||a();break;case"limebb-lime-query-filter-comparison":customElements.get(o(e))||m();break;case"limebb-lime-query-filter-comparison-editor":customElements.get(o(e))||c();break;case"limebb-lime-query-filter-expression":customElements.get(o(e))||N();break;case"limebb-lime-query-filter-group":customElements.get(o(e))||w();break;case"limebb-lime-query-filter-not":customElements.get(o(e))||x();break;case"limebb-lime-query-value-input":customElements.get(o(e))||b();break;case"limebb-property-selector":customElements.get(o(e))||u()}}))}export{E as L,k as a,w as b,g as c,N as d,x as e,f as i}
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as r,transformTag as o,Host as l}from"@stencil/core/internal/client";import{o as s}from"./index.esm.js";import{d as n}from"./filter-chip.js";import{d as m}from"./filter-condition-picker.js";import{d as a}from"./lime-query-filter-comparison.js";import{d as c}from"./lime-query-filter-comparison-editor.js";import{d as b}from"./lime-query-value-input.js";import{d as u}from"./property-selector.js";function p(e){return e.op===s.NOT?e.exp.op===s.AND?"NOT_AND":"NOT_OR":e.op===s.AND?"AND":"OR"}function d(e){return e.op===s.NOT?e.exp:e}function f(e){if(e.op===s.AND||e.op===s.OR)return!0;if(e.op===s.NOT){const i=e.exp;return i.op===s.AND||i.op===s.OR}return!1}function h(){return{key:"",op:s.EQUALS,exp:""}}function y(e,i){return{op:e.op,exp:[...e.exp,i]}}const g=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=t(this,"expressionChange",7),this.handleExpressionChange=e=>{var i;e.stopPropagation();const t=null!==(i=e.detail)&&void 0!==i?i:void 0;this.expressionChange.emit(void 0!==t?{op:s.NOT,exp:t}:void 0)}}render(){return r("div",{key:"c2419ca2da5c2e99b4462bec483f62f3272b826e",class:"expression"},this.label&&r("limel-header",{key:"58b93b01e0607a52b22e56379cba36dae6113513",heading:this.label}),r("limebb-lime-query-filter-expression",{key:"72165139bfa1e0236a0048c2f59c1638dfd950d9",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 x(){"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(o(e))||customElements.define(o(e),g);break;case"limebb-lime-query-filter-comparison":customElements.get(o(e))||a();break;case"limebb-lime-query-filter-expression":customElements.get(o(e))||N();break;case"limebb-lime-query-filter-group":customElements.get(o(e))||w();break;case"limebb-lime-query-filter-not":customElements.get(o(e))||x()}}))}const q={AND:{color:"rgb(var(--contrast-900))",iconName:"dot_circle",text:"All of",secondaryText:"True when every condition is true"},OR:{color:"rgb(var(--color-sky-default))",iconName:"centre_point",text:"Any of",secondaryText:"True when at least one condition is true"},NOT_AND:{color:"rgb(var(--color-orange-default))",iconName:"dot_circle",text:"Not all of",secondaryText:"True when at least one condition is false"},NOT_OR:{color:"rgb(var(--color-red-default))",iconName:"centre_point",text:"None of",secondaryText:"True when every condition is false"}},v=["AND","OR","NOT_AND","NOT_OR"].map((e=>({text:q[e].text,secondaryText:q[e].secondaryText,value:e,icon:{name:q[e].iconName,color:q[e].color}}))),k=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=t(this,"expressionChange",7),this.renderChildExpression=(e,i)=>r("li",{class:"row"},r("limebb-lime-query-filter-expression",{platform:this.platform,context:this.context,limetype:this.limetype,activeLimetype:this.activeLimetype,expression:e,onExpressionChange:this.handleChildExpressionChange(i)})),this.handleCombinatorChange=e=>{e.stopPropagation();const i=e.detail.value;i&&i!==p(this.expression)&&this.expressionChange.emit(function(e,i){const t=d(e),r={op:"AND"===i||"NOT_AND"===i?s.AND:s.OR,exp:[...t.exp]};return"NOT_AND"===i||"NOT_OR"===i?{op:s.NOT,exp:r}:r}(this.expression,i))},this.handleDeleteGroup=()=>{this.expressionChange.emit()},this.handleAddChildExpression=()=>{const e=y(d(this.expression),h());this.expressionChange.emit(this.wrap(e))},this.handleAddChildGroup=()=>{const e=d(this.expression),i=y(e,{op:e.op===s.AND?s.OR:s.AND,exp:[h()]});this.expressionChange.emit(this.wrap(i))},this.handleChildExpressionChange=e=>i=>{i.stopPropagation();const t=function(e,i,t){const r=[...e.exp];return t?(r[i]=t,{type:"updated",expression:{op:e.op,exp:r}}):(r.splice(i,1),0===r.length?{type:"removed",expression:void 0}:{type:"updated",expression:{op:e.op,exp:r}})}(d(this.expression),e,i.detail);this.expressionChange.emit("removed"!==t.type?this.isNegated?{op:s.NOT,exp:t.expression}:t.expression:void 0)}}render(){const e=p(this.expression),i=d(this.expression),t=v.find((i=>i.value===e));return r(l,{key:"92c46da043467cc08a6832b1b3d8efb902d0202f","data-op":e,style:{"--limebb-query-filter-group-color-code":q[e].color}},r("div",{key:"9bdd072b62abf3707be294845f0b852bcef6ff30",class:"group"},r("div",{key:"b543e0aec068144ebcc1af3f2024c1823bfe4cac",class:"group-header"},r("limel-select",{key:"cf5094130a5776d194d1678d2f09405732bb075a",class:"combinator",label:"Match",value:t,options:v,onChange:this.handleCombinatorChange}),r("limel-icon-button",{key:"f1e9d60319a303754231f51fb15a0141d456878e",class:"delete-group",icon:"trash",label:"Delete this group",onClick:this.handleDeleteGroup})),r("ul",{key:"38120502709887cfd904781da2cf7ca96dc663dc",class:"rows"},i.exp.map(this.renderChildExpression),r("limel-chip",{key:"ddbaed450c74d5113ac1d227d04da353237ee3f7",role:"listitem",class:"add-condition",text:"Condition",icon:{name:"plus_math",title:"Add"},onClick:this.handleAddChildExpression})),r("limel-chip",{key:"b1a2506e6d5da147e2b2e4ecfa755cda5f86c395",class:"add-group",size:"small",text:"Group",icon:{name:"plus_math",title:"Add",color:"var(--group-rail-color)"},onClick:this.handleAddChildGroup})))}get isNegated(){return this.expression.op===s.NOT}wrap(e){return this.isNegated?{op:s.NOT,exp:e}:e}static get style(){return"*,*:before,*::after{box-sizing:border-box}:host(limebb-lime-query-filter-group){--group-rail-color:var(--limebb-query-filter-group-color-code);display:flex;flex-direction:column;gap:1.5rem}:host([data-op=AND]){--combinator-symbol:'&'}:host([data-op=NOT_AND]){--combinator-symbol:'- &'}:host([data-op=OR]){--combinator-symbol:'or'}:host([data-op=NOT_OR]){--combinator-symbol:'- or'}.group{position:relative;display:flex;flex-direction:column;gap:1rem;padding:0.5rem;border-radius:0.75rem;background-color:rgb(var(--contrast-800), 0.15);transition:box-shadow 120ms ease}.group:before{content:\"\";position:absolute;top:1rem;bottom:calc(1rem + 1.75rem);left:0;width:0.125rem;transform:translateX(-50%);border-radius:1rem;background-color:var(--group-rail-color)}.group:has(limel-icon-button.delete-group:hover),.group:has(limel-icon-button.delete-group:focus-within){box-shadow:var(--shadow-error-state)}.group-header{display:flex;align-items:center;gap:0.5rem}limel-select.combinator{min-width:9rem}limel-icon-button.delete-group{margin-left:auto;opacity:0;transition:opacity 120ms ease}limel-chip.add-group{--lime-elevated-surface-background-color:transparent;--button-shadow-normal:none;isolation:isolate;position:relative;margin-right:auto}limel-chip.add-group:after{content:\"\";position:absolute;width:0.5rem;height:1.75rem;top:0;left:calc(0.5rem * -1 - 0.125rem / 2);border-width:0 0 0.125rem 0.125rem;border-color:var(--group-rail-color);border-style:solid;border-radius:0 0 0 0.5rem;transform:translateY(calc(-50% - 0.125rem / 2))}.group:hover>.group-header>limel-icon-button.delete-group,limel-icon-button.delete-group:focus-within{opacity:1}ul.rows{list-style:none;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:0.5rem;row-gap:0.5rem;padding:0 0.5rem 0.5rem 0.5rem}li.row{list-style:none;position:relative}li.row:has(>limebb-lime-query-filter-expression>limebb-lime-query-filter-group){flex-basis:100%;align-self:stretch}li.row+li.row:before{content:var(--combinator-symbol);color:var(--limebb-query-filter-group-color-code);font-size:0.75rem;font-weight:600;line-height:normal}li.row+li.row:has(>limebb-lime-query-filter-expression>limebb-lime-query-filter-group):before{position:absolute;left:0;top:0;transform:translate(-50%, -50%)}li.row+li.row:not(:has(>limebb-lime-query-filter-expression>limebb-lime-query-filter-group)){display:inline-flex;align-items:center}li.row+li.row:not(:has(>limebb-lime-query-filter-expression>limebb-lime-query-filter-group)):before{margin-right:0.5rem}"}},[1,"limebb-lime-query-filter-group",{platform:[16],context:[16],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16]}]);function w(){"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(o(e))||customElements.define(o(e),k);break;case"limebb-lime-query-filter-comparison":customElements.get(o(e))||a();break;case"limebb-lime-query-filter-expression":customElements.get(o(e))||N();break;case"limebb-lime-query-filter-group":customElements.get(o(e))||w();break;case"limebb-lime-query-filter-not":customElements.get(o(e))||x()}}))}const E=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expressionChange=t(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};if("key"in this.expression)return r("limebb-lime-query-filter-comparison",Object.assign({},e,{expression:this.expression,onExpressionChange:this.handleExpressionChange}));const i=f(t=this.expression)?t:void 0;var t;return i?r("limebb-lime-query-filter-group",Object.assign({},e,{expression:i,onExpressionChange:this.handleExpressionChange})):this.expression.op===s.NOT?r("limebb-lime-query-filter-not",Object.assign({},e,{expression:this.expression,onExpressionChange:this.handleExpressionChange})):void 0}},[2,"limebb-lime-query-filter-expression",{platform:[16],context:[16],label:[1],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16]}]);function N(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-expression","limebb-filter-chip","limebb-filter-condition-picker","limebb-lime-query-filter-comparison","limebb-lime-query-filter-comparison-editor","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(o(e))||customElements.define(o(e),E);break;case"limebb-filter-chip":customElements.get(o(e))||n();break;case"limebb-filter-condition-picker":customElements.get(o(e))||m();break;case"limebb-lime-query-filter-comparison":customElements.get(o(e))||a();break;case"limebb-lime-query-filter-comparison-editor":customElements.get(o(e))||c();break;case"limebb-lime-query-filter-expression":customElements.get(o(e))||N();break;case"limebb-lime-query-filter-group":customElements.get(o(e))||w();break;case"limebb-lime-query-filter-not":customElements.get(o(e))||x();break;case"limebb-lime-query-value-input":customElements.get(o(e))||b();break;case"limebb-property-selector":customElements.get(o(e))||u()}}))}export{E as L,k as a,w as b,g as c,N as d,x as e,f as i}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as
|
|
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:"ffc45c6abc8055f1e083f49ef5fe2e315113923c",open:this.open,onClose:this.handleClose},o("div",{key:"ad271227126574b7ddebdcf19a9e586873a98814",class:"dialog-content"},o("div",{key:"b0bff80493fd6a52a104b8cc242925aa0ced6e17",class:"icon-slot"},o("limel-icon",{key:"991088c3d4609a4f25e0e36a9ff4b3e72825a6f3",name:this.getIconName(),"aria-hidden":"true"})),o("h1",{key:"1eaa7b7f1c332d293bcc5b94a69d1acbeb735ff5",id:"alert-dialog-title"},this.heading),this.renderSubheading()),o("div",{key:"8fbfb2a24dea2f8129fc1147078ee1ba86251cba",slot:"button"},o("slot",{key:"634f36f06a6c3eff06dbd36ac86f904639be462c",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}
|
|
@@ -1 +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
|
|
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 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:"7089e054e4806ffc064c83b1d80fb9715d00e2e7",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:"f0cf2a137708433e21d59536249021a0621c793f",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}
|
|
@@ -1 +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:"18a96922c3f3a501396a174a4ab2b5ecfaebdbd7",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}
|
|
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 s}from"./index.esm.js";import{d as o}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 h(t){if("chat"===t.type||"iconList"===t.type)return t.item.timestamp}function d(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 s=p(n.items,i);if(-1!==s)return b(t,e,r,n,s)}return t}function p(t,e){for(let i=t.length-1;i>=0;i--){const r=h(t[i]);if(void 0!==r&&new Date(r)<=e)return i}return-1}function b(t,e,i,r,n){const s=n===r.items.length-1;if(s&&i===e.length-1)return t;if(s)return Object.assign(Object.assign({},t),{processedItems:[...e.slice(0,i+1),{type:"newItemIndicator"},...e.slice(i+1)]});const o=[...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:o}),...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 s=t.dateTimeFormatter.format(new Date(n.item.timestamp),"date");s===r?null==i||i.items.push(n):(i&&e.push(i),i={type:"group",groupType:"dateGroup",heading:s,items:[n]},r=s)}return i&&e.push(i),Object.assign(Object.assign({},t),{processedItems:e})}class u{constructor(t,e,i,r){var n;this.scrollContainer=t,this.getOrder=e,this.onFollowingChanged=r,this.isSticky=!0,this.paintedOrder=i,null===(n=this.onFollowingChanged)||void 0===n||n.call(this,this.isSticky)}beforeRender(){this.scrollContainer.isConnected&&this.handleScroll()}handleScroll(){var t;if(!this.scrollContainer.isConnected)return;const e=this.scrollContainer.scrollTop;if(e===this.lastScrollTop)return;const i=this.distanceFromNewestEdge(this.paintedOrder)<50;i!==this.isSticky&&(this.isSticky=i,null===(t=this.onFollowingChanged)||void 0===t||t.call(this,i)),this.lastScrollTop=e}afterRender(){this.scrollContainer.isConnected&&(this.paintedOrder=this.getOrder(),this.isSticky&&this.scrollToNewest())}repinIfSticky(){this.scrollContainer.isConnected&&(this.handleScroll(),this.isSticky&&this.scrollToNewest())}scrollToNewest(){const t="oldest-on-top"===this.getOrder()?Math.max(0,this.scrollContainer.scrollHeight-this.scrollContainer.clientHeight):0;this.scrollContainer.scrollTop!==t&&(this.scrollContainer.scrollTop=t,this.lastScrollTop=this.scrollContainer.scrollTop)}distanceFromNewestEdge(t){return"oldest-on-top"===t?this.scrollContainer.scrollHeight-this.scrollContainer.scrollTop-this.scrollContainer.clientHeight:this.scrollContainer.scrollTop}}const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.items=[],this.order="oldest-on-top",this.processedItems=[],this.handleScroll=t=>{var e;t.target===this.host&&(null===(e=this.scrollAnchor)||void 0===e||e.handleScroll())}}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[d,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()}connectedCallback(){this.observeSize()}componentDidLoad(){this.observeSize()}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0}observeSize(){var t;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".content");e&&!this.resizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{var t;return null===(t=this.scrollAnchor)||void 0===t?void 0:t.repinIfSticky()})),this.resizeObserver.observe(e),this.resizeObserver.observe(this.host))}componentWillRender(){if(0===this.items.length)return this.scrollAnchor&&(this.host.scrollTop=0),this.scrollAnchor=void 0,void this.host.classList.remove("is-following");this.scrollAnchor?this.scrollAnchor.beforeRender():this.scrollAnchor=new u(this.host,(()=>this.order),this.order,(t=>this.host.classList.toggle("is-following",t)))}componentDidRender(){var t;null===(t=this.scrollAnchor)||void 0===t||t.afterRender()}render(){return i(r,{key:"f99cc3baf1dd34c6a8949976c71042ce0d809046",class:{"is-empty":0===this.items.length&&!this.isTypingIndicatorVisible},onScroll:this.handleScroll},i("div",{key:"1d77b03beb2c5d61b4e50f15d7458f9b28f35d67",class:"content"},i("div",{key:"7d1b5577c5f79ef49fe8f1fe33513b60576ee3b4",class:"messages",role:"log","aria-busy":this.isBusy()},this.renderSpinner(),"newest-on-top"===this.order&&this.renderTypingIndicatorBlock(),this.renderChatItems(),"oldest-on-top"===this.order&&this.renderTypingIndicatorBlock()),i("slot",{key:"04ae84b855377c9407f266ca9edffaefdd69f721",name:"after"})))}renderSpinner(){if(this.loading)return i("limel-spinner",null)}renderTypingIndicatorBlock(){return i("div",{class:"typing-indicator-height-animation"},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 y(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 y(t)}})),r="date-group-"+t.heading,n=("heading-"+r).replaceAll(/[^a-zA-Z0-9_-]/g,"_"),s=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},s,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(s.DateTimeFormatter)}get translator(){return this.platform.get(s.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;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}:host(limebb-chat-list.is-following){overflow-anchor:none}*{box-sizing:border-box}.content{display:flex;flex-direction:column;flex:1 0 auto;gap:0.5rem;min-width:0}.messages{display:flex;flex-direction:column;flex-shrink:0;gap:0.5rem}:host(limebb-chat-list[loading]) .messages{flex-grow:1}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}'}},[257,"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 y(t){throw Error("Unexpected value in exhaustive switch: "+JSON.stringify(t))}const v=f,w=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),f);break;case"limebb-chat-icon-list":customElements.get(n(t))||o();break;case"limebb-chat-item":customElements.get(n(t))||a();break;case"limebb-typing-indicator":customElements.get(n(t))||l()}}))};export{v as LimebbChatList,w as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,Host as l,transformTag as r}from"@stencil/core/internal/client";import{C as o}from"./color-palettes.js";const
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,Host as l,transformTag as r}from"@stencil/core/internal/client";import{C as o}from"./color-palettes.js";const n={display:"block",order:3,width:"6rem",flexShrink:0,marginRight:"-0.5rem"},a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.options=[],this.optionsById=new Map,this.handleChange=e=>{var t;e.stopPropagation();const i=e.detail,s=Array.isArray(i)?i[0]:i;this.change.emit(null!==(t=null==s?void 0:s.value)&&void 0!==t?t:"")}}componentWillLoad(){this.options=[{text:"",value:""},...o.map((e=>({text:e.title,secondaryText:e.description,value:e.id,primaryComponent:{name:"limebb-color-palette-swatches",props:{colors:e.colors,style:n}}})))],this.optionsById=new Map(this.options.map((e=>[e.value,e])))}render(){return s(l,{key:"5144d7eed8495f7880a5b9b84f6d21e057823f6f"},s("limel-select",{key:"592ba7009714d5585c3ec4051ff87780bfaf7ce0",label:this.label,helperText:this.helperText,disabled:this.disabled,readonly:this.readonly,invalid:this.invalid,required:this.required,options:this.options,value:this.getSelectedOption(),onChange:this.handleChange}))}getSelectedOption(){if(!this.value)return;return this.optionsById.get(this.value)||(this.lastWarnedValue!==this.value&&(console.warn(`limebb-color-palette-picker: palette "${this.value}" was not found in the registry. Rendering as (none).`),this.lastWarnedValue=this.value),this.optionsById.get(""))}static get style(){return":host(limebb-color-palette-picker){box-sizing:border-box;display:block;--color-palette-swatches-transform:scale(0.9) translateX(0.5rem)}"}},[1,"limebb-color-palette-picker",{value:[513],required:[516],readonly:[516],invalid:[516],disabled:[516],label:[513],helperText:[1,"helper-text"]}]),c=a,h=function(){"undefined"!=typeof customElements&&["limebb-color-palette-picker"].forEach((e=>{"limebb-color-palette-picker"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))};export{c as LimebbColorPalettePicker,h as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as s}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.colors=[]}render(){return r(o,{key:"
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as s}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.colors=[]}render(){return r(o,{key:"0a9f6954afe6a8378b9a9dfebf4b6509ee6bc3b6","aria-hidden":"true"},r("ol",{key:"ed8ce5aa8220f66888cdf349d15367447973bf00"},this.colors.map(((e,t)=>r("li",{key:t,style:{backgroundColor:e}})))))}static get style(){return":host(limebb-color-palette-swatches){pointer-events:none;transform:var(--color-palette-swatches-transform, unset);box-sizing:border-box;display:block;width:100%}*{box-sizing:border-box;min-width:0;min-height:0}ol{list-style:none;display:grid;grid-template-columns:repeat(auto-fit, minmax(0.75rem, 1fr));gap:var(--color-palette-swatches-gap, 0.25rem);margin:0;padding:var(--color-palette-swatches-gap, 0.25rem);border-radius:0.5rem}li{aspect-ratio:1;border-radius:0.25rem}"}},[1,"limebb-color-palette-swatches",{colors:[16]}]),i=a,l=function(){"undefined"!=typeof customElements&&["limebb-color-palette-swatches"].forEach((e=>{"limebb-color-palette-swatches"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))};export{i as LimebbColorPaletteSwatches,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as n,transformTag as l}from"@stencil/core/internal/client";import{n as o}from"./index.esm.js";const s=[{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:"add_text",translationKey:"webclient.composer-toolbar.text-snippet",helperLabel:"!"},{trigger:"internal-link",icon:"hashtag_large",translationKey:"webclient.composer-toolbar.internal-link",helperLabel:"#"}],r=e(class extends t{constructor(e){super(),!1!==e&&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=e=>{e.stopPropagation(),this.triggerInsert.emit(e.detail.value)},this.handleFilesSelected=e=>{e.stopPropagation(),this.filesSelected.emit(e.detail)}}render(){return[n("div",{key:"838a9bb908a59ea4d7667ce54578277ef2733426",class:"actions"},n("slot",{key:"09f4969bdf3c01b86e54708e105e93812c8e5e69",name:"leading"}),this.renderFileInput(),this.renderTriggerActions(),n("slot",{key:"f0f58aeb42a17784c1343e94f9ee51c0f85b7a8a",name:"trailing"})),n("slot",{key:"76a69ca163d0c92a1fd27f9aaf5ce1644d9ed4b4",name:"primary-action"})]}get translator(){var e;return null===(e=this.platform)||void 0===e?void 0:e.get(o.Translate)}get triggerActions(){const e={mention:this.mentions,"text-snippet":this.textSnippets,"internal-link":this.internalLinks,"rich-text":this.richText};return s.filter((t=>e[t.trigger])).map((e=>{var t,i;return{text:null!==(i=null===(t=this.translator)||void 0===t?void 0:t.get(e.translationKey))&&void 0!==i?i:e.trigger,commandText:e.helperLabel,icon:e.icon,iconOnly:!0,value:e.trigger}}))}renderTriggerActions(){const e=this.triggerActions;if(0!==e.length)return n("limel-action-bar",{actions:e,onItemSelected:this.handleTriggerSelected})}renderFileInput(){var e,t,i,l,o,s;if(this.fileInput)return n("limel-file-input",{accept:null!==(e=this.fileInput.accept)&&void 0!==e?e:"*",multiple:null!==(t=this.fileInput.multiple)&&void 0!==t&&t,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===(s=this.translator)||void 0===s?void 0:s.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=r,c=function(){"undefined"!=typeof customElements&&["limebb-composer-toolbar"].forEach((e=>{"limebb-composer-toolbar"===e&&(customElements.get(l(e))||customElements.define(l(e),r))}))};export{a as LimebbComposerToolbar,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as r,HTMLElement as e,h as t,transformTag as o}from"@stencil/core/internal/client";const a=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:"
|
|
1
|
+
import{proxyCustomElement as r,HTMLElement as e,h as t,transformTag as o}from"@stencil/core/internal/client";const a=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:"909b0c9589ee8e78c1cc8e9ab348527fea2d802c",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=a,i=function(){"undefined"!=typeof customElements&&["limebb-dashboard-widget"].forEach((r=>{"limebb-dashboard-widget"===r&&(customElements.get(o(r))||customElements.define(o(r),a))}))};export{d as LimebbDashboardWidget,i as defineCustomElement}
|
|
@@ -1 +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:"
|
|
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:"b7061f4bc5dbca336514fcf45ff4560c4aa91403",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}
|
|
@@ -1 +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
|
|
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:"6ae3555251d692d23e010e717df9b7d6b938e47e",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}
|
|
@@ -1 +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 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:"
|
|
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 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:"54de1e83d59de262b8e8e7f81c5505bd288d4e75"},l("limel-notched-outline",{key:"54502e0f4eb3105746aaf1f7ba80c6e88e687acb",labelId:this.labelId,label:this.label,required:this.required,invalid:this.invalid,hasFloatingLabel:!0},l("limel-masonry-layout",{key:"c782d54540e6a1d66743796983b4f14997725bdc",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}
|
|
@@ -1 +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=v.constructFromSymbol=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.constructFromSymbol=Symbol.for("constructDateFrom"),v}var k,w,x,I,E={},D={},j={};function C(){if(k)return j;k=1,j.constructFrom=function(t,i){return"function"==typeof t?t(i):t&&"object"==typeof t&&e.constructFromSymbol in t?t[e.constructFromSymbol](i):t instanceof Date?new t.constructor(i):new Date(i)};var e=y();return j}function M(){if(w)return D;w=1,D.toDate=function(t,i){return(0,e.constructFrom)(i||t,t)};var e=C();return D}function F(){if(x)return E;x=1,E.differenceInMilliseconds=function(t,i){return+(0,e.toDate)(t)-+(0,e.toDate)(i)};var e=M();return E}function S(){if(I)return b;I=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=F();return b}var z=S();const T=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?z.differenceInMinutes(m,d)<=this.minutesOfProximity:z.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:"
|
|
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=v.constructFromSymbol=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.constructFromSymbol=Symbol.for("constructDateFrom"),v}var k,w,x,I,E={},D={},j={};function C(){if(k)return j;k=1,j.constructFrom=function(t,i){return"function"==typeof t?t(i):t&&"object"==typeof t&&e.constructFromSymbol in t?t[e.constructFromSymbol](i):t instanceof Date?new t.constructor(i):new Date(i)};var e=y();return j}function M(){if(w)return D;w=1,D.toDate=function(t,i){return(0,e.constructFrom)(i||t,t)};var e=C();return D}function F(){if(x)return E;x=1,E.differenceInMilliseconds=function(t,i){return+(0,e.toDate)(t)-+(0,e.toDate)(i)};var e=M();return E}function S(){if(I)return b;I=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=F();return b}var z=S();const T=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?z.differenceInMinutes(m,d)<=this.minutesOfProximity:z.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:"f2ffe4bbef2e7371d0b1c51e81f2246a16a2615e",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}]}]),L=T,N=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),T);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{L as LimebbFeed,N as defineCustomElement}
|