@limetech/lime-crm-building-blocks 2.4.1 → 2.4.3

package/dist/components/condition-tree-editor.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as n,transformTag as s}from"@stencil/core/internal/client";import{n as r,k as o}from"./index.esm.js";import{L as a}from"./web-component-template.js";function l(e){return(t,i)=>{var n;let s;try{s=null===(n=null==e?void 0:e.get(r.Translate))||void 0===n?void 0:n.get(t)}catch(e){return i}return s&&s!==t?s:i}}const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.negateChange=i(this,"negateChange",7),this.conditionChange=i(this,"conditionChange",7),this.open=!1,this.readonly=!1,this.disabled=!1,this.handleNegate=e=>{e.stopPropagation(),this.negateChange.emit(e.detail)},this.handleConditionChange=e=>{e.stopPropagation(),this.conditionChange.emit(e.detail)}}render(){return this.open?[this.renderHeader(),this.renderBody()]:null}renderHeader(){return void 0===this.negated?null:n("limel-header",{class:"header is-narrow",heading:this.heading,icon:this.icon},this.renderNegate())}renderNegate(){return this.readonly?null:n("div",{slot:"actions",class:"header-actions"},n("limel-switch",{class:"negate",label:this.negateLabel,value:this.negated,disabled:this.disabled,onChange:this.handleNegate}))}renderBody(){return this.editor?n(a,{class:"editor",platform:this.platform,context:this.context,name:this.editor.name,props:Object.assign(Object.assign({},this.editor.props),{value:this.value,readonly:this.readonly,disabled:this.disabled,onConditionChange:this.handleConditionChange})}):null}get negateLabel(){return l(this.platform)("webclient.negate","Negate")}static get style(){return":host{display:contents}limel-header.header{--header-background-color:rgba(var(--contrast-300));padding-right:0.5rem;gap:1rem}.header-actions{display:grid;grid-auto-flow:column;grid-gap:0.75rem;padding:0.25rem;align-items:center}"}},[1,"limebb-condition-tree-editor",{platform:[16],context:[16],open:[4],editor:[16],value:[8],heading:[1],icon:[1],negated:[4],readonly:[516],disabled:[516]}]);function c(){"undefined"!=typeof customElements&&["limebb-condition-tree-editor"].forEach((e=>{"limebb-condition-tree-editor"===e&&(customElements.get(s(e))||customElements.define(s(e),d))}))}!function(e,t,i,n){var s,r=arguments.length,o=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(t,i,o):s(t,i))||o);r>3&&o&&Object.defineProperty(t,i,o)}([o("context")],d.prototype,"context",void 0);export{d as C,l as c,c as d}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as n,transformTag as s}from"@stencil/core/internal/client";import{k as r}from"./index.esm.js";import{L as o}from"./web-component-template.js";import{c as a}from"./condition-tree-translate.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.negateChange=i(this,"negateChange",7),this.conditionChange=i(this,"conditionChange",7),this.open=!1,this.readonly=!1,this.disabled=!1,this.handleNegate=e=>{e.stopPropagation(),this.negateChange.emit(e.detail)},this.handleConditionChange=e=>{e.stopPropagation(),this.conditionChange.emit(e.detail)}}render(){return this.open?[this.renderHeader(),this.renderBody()]:null}renderHeader(){return void 0===this.negated?null:n("limel-header",{class:"header is-narrow",heading:this.heading,icon:this.icon},this.renderNegate())}renderNegate(){return this.readonly?null:n("div",{slot:"actions",class:"header-actions"},n("limel-switch",{class:"negate",label:this.negateLabel,value:this.negated,disabled:this.disabled,onChange:this.handleNegate}))}renderBody(){return this.editor?n(o,{class:"editor",platform:this.platform,context:this.context,name:this.editor.name,props:Object.assign(Object.assign({},this.editor.props),{value:this.value,readonly:this.readonly,disabled:this.disabled,onConditionChange:this.handleConditionChange})}):null}get negateLabel(){return a(this.platform)("webclient.negate","Negate")}static get style(){return":host{display:contents}limel-header.header{--header-background-color:rgba(var(--contrast-300));padding-right:0.5rem;gap:1rem}.header-actions{display:grid;grid-auto-flow:column;grid-gap:0.75rem;padding:0.25rem;align-items:center}"}},[1,"limebb-condition-tree-editor",{platform:[16],context:[16],open:[4],editor:[16],value:[8],heading:[1],icon:[1],negated:[4],readonly:[516],disabled:[516]}]);function d(){"undefined"!=typeof customElements&&["limebb-condition-tree-editor"].forEach((e=>{"limebb-condition-tree-editor"===e&&(customElements.get(s(e))||customElements.define(s(e),l))}))}!function(e,t,i,n){var s,r=arguments.length,o=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(t,i,o):s(t,i))||o);r>3&&o&&Object.defineProperty(t,i,o)}([r("context")],l.prototype,"context",void 0);export{l as C,d}

package/dist/components/condition-tree-translate.js

@@ -0,0 +1 @@
+import{n as r}from"./index.esm.js";function t(t){return(n,e)=>{var o;let i;try{i=null===(o=null==t?void 0:t.get(r.Translate))||void 0===o?void 0:o.get(n)}catch(r){return e}return i&&i!==n?i:e}}export{t as c}

package/dist/components/condition-tree.js

@@ -1 +1 @@
-import{h as e,proxyCustomElement as t,HTMLElement as i,createEvent as o,Host as n,transformTag as r}from"@stencil/core/internal/client";import{c as l,d as s}from"./condition-tree-editor.js";import{d as a}from"./filter-chip.js";const c=["all","any","not-all","none"],d={all:"any",any:"all","not-all":"any",none:"all"},u={all:{color:"rgb(var(--contrast-900))",iconName:"dot_circle",labelKey:"webclient.combinator.all",label:"All of the following",descriptionKey:"webclient.combinator.all.description",description:"Every condition must be met.",negated:!1,delimiterKey:"webclient.delimiter.and",delimiter:"&"},any:{color:"rgb(var(--color-sky-default))",iconName:"centre_point",labelKey:"webclient.combinator.any",label:"Any of the following",descriptionKey:"webclient.combinator.any.description",description:"At least one condition must be met.",negated:!1,delimiterKey:"webclient.delimiter.or",delimiter:"or"},"not-all":{color:"rgb(var(--color-orange-default))",iconName:"dot_circle",labelKey:"webclient.combinator.not-all",label:"Not all of the following",descriptionKey:"webclient.combinator.not-all.description",description:"At least one condition must not be met.",negated:!0,delimiterKey:"webclient.delimiter.and",delimiter:"&"},none:{color:"rgb(var(--color-red-default))",iconName:"centre_point",labelKey:"webclient.combinator.none",label:"None of the following",descriptionKey:"webclient.combinator.none.description",description:"No conditions may be met.",negated:!0,delimiterKey:"webclient.delimiter.or",delimiter:"or"}};function h(e){return 0===e.length?"root":e.join(".")}class p{constructor(e,t=()=>!1){this.adapter=e,this.isVisited=t}describe(e){return this.adapter.describe(e,{visited:this.isVisited(e)})}groupOf(e){const t=this.describe(e);return"group"===t.kind?t:void 0}childrenOf(e){var t;return null===(t=this.groupOf(e))||void 0===t?void 0:t.children}nodeAt(e,t){let i=e;for(const e of t){if(void 0===i)return;const t=this.childrenOf(i);if(!t)return;i=t[e]}return i}groupAt(e,t){const i=this.nodeAt(e,t);return void 0===i?void 0:this.groupOf(i)}contains(e,t){if(void 0===e)return!1;if(e===t)return!0;const i=this.childrenOf(e);return!!(null==i?void 0:i.some((e=>this.contains(e,t))))}autoOpenNodes(e){if(void 0===e)return[];const t=this.describe(e);return"leaf"===t.kind?t.autoOpen?[e]:[]:t.children.flatMap((e=>this.autoOpenNodes(e)))}replaceAt(e,t,i){if(0===t.length)return i;const o=this.groupOf(e);if(!o)return e;const[n,...r]=t,l=o.children;if(!(n in l))return e;const s=this.replaceAt(l[n],r,i);return this.rebuild(o.combinator,function(e,t,i){return[...e.slice(0,t),...void 0===i?[]:[i],...e.slice(t+1)]}(l,n,s))}appendAt(e,t,i){const o=this.groupAt(e,t);return o?this.replaceAt(e,t,this.adapter.group(o.combinator,[...o.children,i])):e}rejoinAt(e,t,i){const o=this.groupAt(e,t);return o?this.replaceAt(e,t,this.adapter.group(i,o.children)):e}negated(e,t,i){const o=this.nodeAt(e,t);if(void 0!==o&&this.adapter.negate)return this.adapter.negate(o,i)}rebuild(e,t){if(0!==t.length)return this.adapter.group(e,t)}}class m{constructor(e){this.fields=e}static empty(){return new m({open:null,pending:null,seen:new Set,autoOpened:new Set})}get openNode(){return this.fields.open}hasSeen(e){return this.fields.seen.has(e)}moveTo(e){const t=this.fields.open,i=this.with({open:e,pending:null});return null===t||t===e?i:i.with({seen:new Set(this.fields.seen).add(t)})}expect(e){return this.with({pending:e})}sync(e,t){return this.followPending(e,t).openWhatAsks(e,t).dropIfGone(e,t)}with(e){return new m(Object.assign(Object.assign({},this.fields),e))}followPending(e,t){return null===this.fields.pending?this:t.contains(e,this.fields.pending)?this.with({open:this.fields.pending,pending:null}):this}openWhatAsks(e,t){const i=t.autoOpenNodes(e),o=i.find((e=>!this.fields.autoOpened.has(e))),n=this.with({autoOpened:new Set(i)});return void 0===o?n:n.moveTo(o)}dropIfGone(e,t){return null===this.fields.open||t.contains(e,this.fields.open)?this:this.with({open:null})}}const b=t=>{var i;return(null===(i=t.issues)||void 0===i?void 0:i.length)?t.issues.map((t=>e("div",{class:"issue"},t))):null},g=(e,t)=>i=>{i.stopPropagation(),t.onDelete(e)},f=t=>{const{node:i,description:o,path:n,ctx:r}=t,l=r.openNode===i;return[e("limel-popover",{class:"leaf",key:h(n),open:l,openDirection:"bottom-start",onClose:x(r)},e(v,{node:i,description:o,path:n,ctx:r}),e("limebb-condition-tree-editor",{platform:r.platform,context:r.context,open:l,editor:o.editor,value:i,heading:o.chip.label,icon:o.chip.icon,negated:r.negatable?o.negated:void 0,readonly:r.readonly,disabled:r.disabled,onNegateChange:k(n,r),onConditionChange:C(n,r)})),e(b,{issues:o.issues})]},v=t=>{const{component:i}=t.description.chip;return i?e(i.name,Object.assign({},i.props,w(t))):e("limebb-filter-chip",Object.assign({},w(t)))};function w(e){const{node:t,description:i,path:o,ctx:n}=e,{chip:r}=i;return{slot:"trigger",platform:n.platform,label:r.label,value:r.value,icon:r.icon,invalid:r.invalid,selected:n.openNode===t,readonly:n.readonly,disabled:n.disabled,removable:!n.readonly,onClick:y(t,i,n),onRemove:g(o,n)}}const y=(e,t,i)=>()=>{(function(e,t){return!!e.editor||t.negatable&&void 0!==e.negated})(t,i)&&!i.disabled&&i.onOpen(e)},x=e=>t=>{t.stopPropagation(),e.onOpen(null)},k=(e,t)=>i=>{i.stopPropagation(),t.onNegate(e,i.detail)},C=(e,t)=>i=>{i.stopPropagation(),t.onConditionChange(e,i.detail)},O=t=>{const{description:i}=t;return"group"===i.kind?e(A,{description:i,path:t.path,ctx:t.ctx}):e(f,{node:t.node,description:i,path:t.path,ctx:t.ctx})},A=t=>{const{description:i,path:o,ctx:n,placeholder:r}=t,l=u[i.combinator],s=n.translate(l.delimiterKey,l.delimiter),a=l.negated?`${n.translate("webclient.delimiter.not","not")} ${s}`:s;return e("div",{class:"group",key:h(o),"data-combinator":i.combinator,style:{"--group-rail-color":l.color}},e("div",{class:"group-header"},function(t,i,o){if(!(t.children.length>1)&&!u[t.combinator].negated)return null;const n=function(e,t){const i=[...e.combinators];return t&&!i.includes(t)&&i.push(t),i.map((t=>{const i=u[t];return{value:t,text:e.translate(i.labelKey,i.label),secondaryText:e.translate(i.descriptionKey,i.description),icon:{name:i.iconName,color:i.color}}}))}(o,t.combinator);return e("limel-select",{class:"combinator",value:n.find((e=>e.value===t.combinator)),options:n,disabled:o.disabled,readonly:o.readonly,onChange:j(i,o)})}(i,o,n),function(t,i,o){return i.readonly?null:e("limel-icon-button",{class:"delete-group",icon:"trash",label:i.translate("webclient.delete-group","Delete this group"),disabled:i.disabled||!!o,onClick:g(t,i)})}(o,n,r)),e(b,{issues:i.issues}),e("ul",{class:"rows"},i.children.map(((t,i)=>{const r=n.walker.describe(t);return e("li",{class:{row:!0,"row--group":"group"===r.kind},"data-marker":a,key:h([...o,i])},e(O,{node:t,description:r,path:[...o,i],ctx:n}))})),function(t,i,o){if(o.readonly)return null;const n=e("limel-chip",{slot:K(o)?"trigger":void 0,class:"add-condition",text:o.translate("webclient.condition","Condition"),disabled:o.disabled||N(o),icon:S(o),onClick:K(o)?void 0:W(t,o)});return e("li",{class:"row","data-marker":i,key:`${h(t)}.add`},E(n,"add-condition-menu",_(t,o),o))}(o,a,n)),function(t,i){if(i.readonly)return null;return E(e("limel-chip",{slot:K(i)?"trigger":void 0,class:"add-group",size:"small",text:i.translate("webclient.group","Group"),disabled:i.disabled||N(i),icon:S(i,"var(--group-rail-color)"),onClick:K(i)?void 0:z(t,i)}),"add-group-menu",D(t,i),i)}(o,n))};function S(e,t){return{name:"plus_math",title:e.translate("webclient.add","Add"),color:t}}function K(e){return!!e.addOptions}function N(e){var t;return 0===(null===(t=e.addOptions)||void 0===t?void 0:t.length)}function E(t,i,o,n){return K(n)?e("limel-menu",{class:i,items:n.addOptions,searcher:n.addSearcher,openDirection:"bottom-start",onSelect:o},t):t}const j=(e,t)=>i=>{var o;i.stopPropagation();const n=null===(o=i.detail)||void 0===o?void 0:o.value;n&&t.onCombinator(e,n)},W=(e,t)=>()=>t.onAddLeaf(e),_=(e,t)=>i=>{i.stopPropagation(),t.onAddLeaf(e,i.detail)},z=(e,t)=>()=>t.onAddGroup(e),D=(e,t)=>i=>{i.stopPropagation(),t.onAddGroup(e,i.detail)},G={kind:"group",combinator:"all",children:[]},L=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=o(this,"change",7),this.combinators=[...c],this.readonly=!1,this.disabled=!1,this.openState=m.empty()}componentWillLoad(){this.buildWalker()}buildWalker(){this.walker=new p(this.adapter,(e=>this.openState.hasSeen(e))),this.syncOpenState()}syncOpenState(){this.adapter&&(this.openState=this.openState.sync(this.value,this.walker))}render(){return this.adapter?e(n,null,this.isEmpty?this.renderEmptyState():e(O,{node:this.value,description:this.walker.describe(this.value),path:[],ctx:this.renderContext()})):e(n,null)}renderEmptyState(){return this.readonly?null:e(A,{description:G,path:[],ctx:this.renderContext(),placeholder:!0})}renderContext(){return{platform:this.platform,context:this.context,walker:this.walker,translate:l(this.platform),combinators:this.combinators,readonly:this.readonly,disabled:this.disabled,negatable:!!this.adapter.negate,openNode:this.openState.openNode,addOptions:this.addOptions,addSearcher:this.addSearcher,onAddLeaf:(e,t)=>this.addLeaf(e,t),onAddGroup:(e,t)=>this.addGroup(e,t),onDelete:e=>this.applyEdit((t=>this.walker.replaceAt(t,e,void 0))),onCombinator:(e,t)=>this.applyEdit((i=>this.walker.rejoinAt(i,e,t))),onNegate:(e,t)=>this.negate(e,t),onConditionChange:(e,t)=>{this.openState=this.openState.expect(t),this.applyEdit((i=>this.walker.replaceAt(i,e,t)))},onOpen:e=>{this.openState=this.openState.moveTo(e)}}}negate(e,t){const i=this.walker.negated(this.value,e,t);void 0!==i&&(this.openState=this.openState.expect(i),this.applyEdit((t=>this.walker.replaceAt(t,e,i))))}addLeaf(e,t){this.grow(e,this.adapter.createLeaf(t))}addGroup(e,t){var i,o;const n=null!==(o=null===(i=this.walker.groupAt(this.value,e))||void 0===i?void 0:i.combinator)&&void 0!==o?o:this.rootCombinator();this.grow(e,this.adapter.group(function(e){return d[e]}(n),[this.adapter.createLeaf(t)]))}grow(e,t){this.emitChange(this.isEmpty?this.adapter.group(this.rootCombinator(),[t]):this.walker.appendAt(this.value,e,t))}applyEdit(e){this.isEmpty||this.emitChange(e(this.value))}emitChange(e){this.readonly||this.disabled||this.change.emit(e)}get isEmpty(){return null==this.value}rootCombinator(){var e;return null!==(e=this.combinators[0])&&void 0!==e?e:"all"}static get watchers(){return{adapter:[{buildWalker:0}],value:[{syncOpenState:0}]}}static get style(){return'*,*:before,*::after{box-sizing:border-box}:host{display:flex;flex-direction:column;gap:1.5rem}.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(>.group-header>limel-icon-button.delete-group:not([disabled]):hover),.group:has(>.group-header>limel-icon-button.delete-group:not([disabled]):focus-within){box-shadow:var(--shadow-error-state)}.group-header{display:flex;align-items:center;gap:0.5rem;min-height:2.5rem}limel-select.combinator{min-width:12rem}limel-icon-button.delete-group{margin-left:auto;opacity:0;transition:opacity 120ms ease}.group:hover>.group-header>limel-icon-button.delete-group,.group:focus-within>.group-header>limel-icon-button.delete-group{opacity:1}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))}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.row--group{flex-basis:100%;align-self:stretch}li.row+li.row:before{content:attr(data-marker);color:var(--group-rail-color);font-size:0.75rem;font-weight:600;line-height:normal}li.row+li.row.row--group:before{position:absolute;left:0;top:0;transform:translate(-50%, -50%)}li.row+li.row:not(.row--group){display:inline-flex;align-items:center;flex-wrap:wrap}li.row+li.row:not(.row--group):before{margin-right:0.5rem}limel-popover.leaf{display:inline-block;max-width:25rem}.issue{color:rgb(var(--color-red-default));font-size:0.875rem;flex-basis:100%}'}},[1,"limebb-condition-tree",{platform:[16],context:[16],value:[8],adapter:[16],combinators:[16],addOptions:[16],addSearcher:[16],readonly:[516],disabled:[516],openState:[32]},void 0,{adapter:[{buildWalker:0}],value:[{syncOpenState:0}]}]);function $(){"undefined"!=typeof customElements&&["limebb-condition-tree","limebb-condition-tree-editor","limebb-filter-chip"].forEach((e=>{switch(e){case"limebb-condition-tree":customElements.get(r(e))||customElements.define(r(e),L);break;case"limebb-condition-tree-editor":customElements.get(r(e))||s();break;case"limebb-filter-chip":customElements.get(r(e))||a()}}))}export{L as C,$ as d}
+import{h as e,proxyCustomElement as t,HTMLElement as i,createEvent as o,Host as n,transformTag as r}from"@stencil/core/internal/client";import{c as l}from"./condition-tree-translate.js";import{d as s}from"./condition-tree-editor.js";import{d as a}from"./filter-chip.js";const c=["all","any","not-all","none"],d={all:"any",any:"all","not-all":"any",none:"all"},u={all:{color:"rgb(var(--contrast-900))",iconName:"dot_circle",labelKey:"webclient.combinator.all",label:"All of the following",descriptionKey:"webclient.combinator.all.description",description:"Every condition must be met.",negated:!1,delimiterKey:"webclient.delimiter.and",delimiter:"&"},any:{color:"rgb(var(--color-sky-default))",iconName:"centre_point",labelKey:"webclient.combinator.any",label:"Any of the following",descriptionKey:"webclient.combinator.any.description",description:"At least one condition must be met.",negated:!1,delimiterKey:"webclient.delimiter.or",delimiter:"or"},"not-all":{color:"rgb(var(--color-orange-default))",iconName:"dot_circle",labelKey:"webclient.combinator.not-all",label:"Not all of the following",descriptionKey:"webclient.combinator.not-all.description",description:"At least one condition must not be met.",negated:!0,delimiterKey:"webclient.delimiter.and",delimiter:"&"},none:{color:"rgb(var(--color-red-default))",iconName:"centre_point",labelKey:"webclient.combinator.none",label:"None of the following",descriptionKey:"webclient.combinator.none.description",description:"No conditions may be met.",negated:!0,delimiterKey:"webclient.delimiter.or",delimiter:"or"}};function h(e){return 0===e.length?"root":e.join(".")}class p{constructor(e,t=()=>!1){this.adapter=e,this.isVisited=t}describe(e){return this.adapter.describe(e,{visited:this.isVisited(e)})}groupOf(e){const t=this.describe(e);return"group"===t.kind?t:void 0}childrenOf(e){var t;return null===(t=this.groupOf(e))||void 0===t?void 0:t.children}nodeAt(e,t){let i=e;for(const e of t){if(void 0===i)return;const t=this.childrenOf(i);if(!t)return;i=t[e]}return i}groupAt(e,t){const i=this.nodeAt(e,t);return void 0===i?void 0:this.groupOf(i)}contains(e,t){if(void 0===e)return!1;if(e===t)return!0;const i=this.childrenOf(e);return!!(null==i?void 0:i.some((e=>this.contains(e,t))))}autoOpenNodes(e){if(void 0===e)return[];const t=this.describe(e);return"leaf"===t.kind?t.autoOpen?[e]:[]:t.children.flatMap((e=>this.autoOpenNodes(e)))}replaceAt(e,t,i){if(0===t.length)return i;const o=this.groupOf(e);if(!o)return e;const[n,...r]=t,l=o.children;if(!(n in l))return e;const s=this.replaceAt(l[n],r,i);return this.rebuild(o.combinator,function(e,t,i){return[...e.slice(0,t),...void 0===i?[]:[i],...e.slice(t+1)]}(l,n,s))}appendAt(e,t,i){const o=this.groupAt(e,t);return o?this.replaceAt(e,t,this.adapter.group(o.combinator,[...o.children,i])):e}rejoinAt(e,t,i){const o=this.groupAt(e,t);return o?this.replaceAt(e,t,this.adapter.group(i,o.children)):e}negated(e,t,i){const o=this.nodeAt(e,t);if(void 0!==o&&this.adapter.negate)return this.adapter.negate(o,i)}rebuild(e,t){if(0!==t.length)return this.adapter.group(e,t)}}class m{constructor(e){this.fields=e}static empty(){return new m({open:null,pending:null,seen:new Set,autoOpened:new Set})}get openNode(){return this.fields.open}hasSeen(e){return this.fields.seen.has(e)}moveTo(e){const t=this.fields.open,i=this.with({open:e,pending:null});return null===t||t===e?i:i.with({seen:new Set(this.fields.seen).add(t)})}expect(e){return this.with({pending:e})}sync(e,t){return this.followPending(e,t).openWhatAsks(e,t).dropIfGone(e,t)}with(e){return new m(Object.assign(Object.assign({},this.fields),e))}followPending(e,t){return null===this.fields.pending?this:t.contains(e,this.fields.pending)?this.with({open:this.fields.pending,pending:null}):this}openWhatAsks(e,t){const i=t.autoOpenNodes(e),o=i.find((e=>!this.fields.autoOpened.has(e))),n=this.with({autoOpened:new Set(i)});return void 0===o?n:n.moveTo(o)}dropIfGone(e,t){return null===this.fields.open||t.contains(e,this.fields.open)?this:this.with({open:null})}}const b=t=>{var i;return(null===(i=t.issues)||void 0===i?void 0:i.length)?t.issues.map((t=>e("div",{class:"issue"},t))):null},g=(e,t)=>i=>{i.stopPropagation(),t.onDelete(e)},f=t=>{const{node:i,description:o,path:n,ctx:r}=t,l=r.openNode===i;return[e("limel-popover",{class:"leaf",key:h(n),open:l,openDirection:"bottom-start",onClose:x(r)},e(v,{node:i,description:o,path:n,ctx:r}),e("limebb-condition-tree-editor",{platform:r.platform,context:r.context,open:l,editor:o.editor,value:i,heading:o.chip.label,icon:o.chip.icon,negated:r.negatable?o.negated:void 0,readonly:r.readonly,disabled:r.disabled,onNegateChange:k(n,r),onConditionChange:C(n,r)})),e(b,{issues:o.issues})]},v=t=>{const{component:i}=t.description.chip;return i?e(i.name,Object.assign({},i.props,w(t))):e("limebb-filter-chip",Object.assign({},w(t)))};function w(e){const{node:t,description:i,path:o,ctx:n}=e,{chip:r}=i;return{slot:"trigger",platform:n.platform,label:r.label,value:r.value,icon:r.icon,invalid:r.invalid,selected:n.openNode===t,readonly:n.readonly,disabled:n.disabled,removable:!n.readonly,onClick:y(t,i,n),onRemove:g(o,n)}}const y=(e,t,i)=>()=>{(function(e,t){return!!e.editor||t.negatable&&void 0!==e.negated})(t,i)&&!i.disabled&&i.onOpen(e)},x=e=>t=>{t.stopPropagation(),e.onOpen(null)},k=(e,t)=>i=>{i.stopPropagation(),t.onNegate(e,i.detail)},C=(e,t)=>i=>{i.stopPropagation(),t.onConditionChange(e,i.detail)},O=t=>{const{description:i}=t;return"group"===i.kind?e(A,{description:i,path:t.path,ctx:t.ctx}):e(f,{node:t.node,description:i,path:t.path,ctx:t.ctx})},A=t=>{const{description:i,path:o,ctx:n,placeholder:r}=t,l=u[i.combinator],s=n.translate(l.delimiterKey,l.delimiter),a=l.negated?`${n.translate("webclient.delimiter.not","not")} ${s}`:s;return e("div",{class:"group",key:h(o),"data-combinator":i.combinator,style:{"--group-rail-color":l.color}},e("div",{class:"group-header"},function(t,i,o){if(!(t.children.length>1)&&!u[t.combinator].negated)return null;const n=function(e,t){const i=[...e.combinators];return t&&!i.includes(t)&&i.push(t),i.map((t=>{const i=u[t];return{value:t,text:e.translate(i.labelKey,i.label),secondaryText:e.translate(i.descriptionKey,i.description),icon:{name:i.iconName,color:i.color}}}))}(o,t.combinator);return e("limel-select",{class:"combinator",value:n.find((e=>e.value===t.combinator)),options:n,disabled:o.disabled,readonly:o.readonly,onChange:j(i,o)})}(i,o,n),function(t,i,o){return i.readonly?null:e("limel-icon-button",{class:"delete-group",icon:"trash",label:i.translate("webclient.delete-group","Delete this group"),disabled:i.disabled||!!o,onClick:g(t,i)})}(o,n,r)),e(b,{issues:i.issues}),e("ul",{class:"rows"},i.children.map(((t,i)=>{const r=n.walker.describe(t);return e("li",{class:{row:!0,"row--group":"group"===r.kind},"data-marker":a,key:h([...o,i])},e(O,{node:t,description:r,path:[...o,i],ctx:n}))})),function(t,i,o){if(o.readonly)return null;const n=e("limel-chip",{slot:K(o)?"trigger":void 0,class:"add-condition",text:o.translate("webclient.condition","Condition"),disabled:o.disabled||N(o),icon:S(o),onClick:K(o)?void 0:W(t,o)});return e("li",{class:"row","data-marker":i,key:`${h(t)}.add`},E(n,"add-condition-menu",_(t,o),o))}(o,a,n)),function(t,i){if(i.readonly)return null;return E(e("limel-chip",{slot:K(i)?"trigger":void 0,class:"add-group",size:"small",text:i.translate("webclient.group","Group"),disabled:i.disabled||N(i),icon:S(i,"var(--group-rail-color)"),onClick:K(i)?void 0:z(t,i)}),"add-group-menu",D(t,i),i)}(o,n))};function S(e,t){return{name:"plus_math",title:e.translate("webclient.add","Add"),color:t}}function K(e){return!!e.addOptions}function N(e){var t;return 0===(null===(t=e.addOptions)||void 0===t?void 0:t.length)}function E(t,i,o,n){return K(n)?e("limel-menu",{class:i,items:n.addOptions,searcher:n.addSearcher,openDirection:"bottom-start",onSelect:o},t):t}const j=(e,t)=>i=>{var o;i.stopPropagation();const n=null===(o=i.detail)||void 0===o?void 0:o.value;n&&t.onCombinator(e,n)},W=(e,t)=>()=>t.onAddLeaf(e),_=(e,t)=>i=>{i.stopPropagation(),t.onAddLeaf(e,i.detail)},z=(e,t)=>()=>t.onAddGroup(e),D=(e,t)=>i=>{i.stopPropagation(),t.onAddGroup(e,i.detail)},G={kind:"group",combinator:"all",children:[]},L=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=o(this,"change",7),this.combinators=[...c],this.readonly=!1,this.disabled=!1,this.openState=m.empty()}componentWillLoad(){this.buildWalker()}buildWalker(){this.walker=new p(this.adapter,(e=>this.openState.hasSeen(e))),this.syncOpenState()}syncOpenState(){this.adapter&&(this.openState=this.openState.sync(this.value,this.walker))}render(){return this.adapter?e(n,null,this.isEmpty?this.renderEmptyState():e(O,{node:this.value,description:this.walker.describe(this.value),path:[],ctx:this.renderContext()})):e(n,null)}renderEmptyState(){return this.readonly?null:e(A,{description:G,path:[],ctx:this.renderContext(),placeholder:!0})}renderContext(){return{platform:this.platform,context:this.context,walker:this.walker,translate:l(this.platform),combinators:this.combinators,readonly:this.readonly,disabled:this.disabled,negatable:!!this.adapter.negate,openNode:this.openState.openNode,addOptions:this.addOptions,addSearcher:this.addSearcher,onAddLeaf:(e,t)=>this.addLeaf(e,t),onAddGroup:(e,t)=>this.addGroup(e,t),onDelete:e=>this.applyEdit((t=>this.walker.replaceAt(t,e,void 0))),onCombinator:(e,t)=>this.applyEdit((i=>this.walker.rejoinAt(i,e,t))),onNegate:(e,t)=>this.negate(e,t),onConditionChange:(e,t)=>{this.openState=this.openState.expect(t),this.applyEdit((i=>this.walker.replaceAt(i,e,t)))},onOpen:e=>{this.openState=this.openState.moveTo(e)}}}negate(e,t){const i=this.walker.negated(this.value,e,t);void 0!==i&&(this.openState=this.openState.expect(i),this.applyEdit((t=>this.walker.replaceAt(t,e,i))))}addLeaf(e,t){this.grow(e,this.adapter.createLeaf(t))}addGroup(e,t){var i,o;const n=null!==(o=null===(i=this.walker.groupAt(this.value,e))||void 0===i?void 0:i.combinator)&&void 0!==o?o:this.rootCombinator();this.grow(e,this.adapter.group(function(e){return d[e]}(n),[this.adapter.createLeaf(t)]))}grow(e,t){this.emitChange(this.isEmpty?this.adapter.group(this.rootCombinator(),[t]):this.walker.appendAt(this.value,e,t))}applyEdit(e){this.isEmpty||this.emitChange(e(this.value))}emitChange(e){this.readonly||this.disabled||this.change.emit(e)}get isEmpty(){return null==this.value}rootCombinator(){var e;return null!==(e=this.combinators[0])&&void 0!==e?e:"all"}static get watchers(){return{adapter:[{buildWalker:0}],value:[{syncOpenState:0}]}}static get style(){return'*,*:before,*::after{box-sizing:border-box}:host{display:flex;flex-direction:column;gap:1.5rem}.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(>.group-header>limel-icon-button.delete-group:not([disabled]):hover),.group:has(>.group-header>limel-icon-button.delete-group:not([disabled]):focus-within){box-shadow:var(--shadow-error-state)}.group-header{display:flex;align-items:center;gap:0.5rem;min-height:2.5rem}limel-select.combinator{min-width:12rem}limel-icon-button.delete-group{margin-left:auto;opacity:0;transition:opacity 120ms ease}.group:hover>.group-header>limel-icon-button.delete-group,.group:focus-within>.group-header>limel-icon-button.delete-group{opacity:1}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))}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.row--group{flex-basis:100%;align-self:stretch}li.row+li.row:before{content:attr(data-marker);color:var(--group-rail-color);font-size:0.75rem;font-weight:600;line-height:normal}li.row+li.row.row--group:before{position:absolute;left:0;top:0;transform:translate(-50%, -50%)}li.row+li.row:not(.row--group){display:inline-flex;align-items:center;flex-wrap:wrap}li.row+li.row:not(.row--group):before{margin-right:0.5rem}limel-popover.leaf{display:inline-block;max-width:25rem}.issue{color:rgb(var(--color-red-default));font-size:0.875rem;flex-basis:100%}'}},[1,"limebb-condition-tree",{platform:[16],context:[16],value:[8],adapter:[16],combinators:[16],addOptions:[16],addSearcher:[16],readonly:[516],disabled:[516],openState:[32]},void 0,{adapter:[{buildWalker:0}],value:[{syncOpenState:0}]}]);function $(){"undefined"!=typeof customElements&&["limebb-condition-tree","limebb-condition-tree-editor","limebb-filter-chip"].forEach((e=>{switch(e){case"limebb-condition-tree":customElements.get(r(e))||customElements.define(r(e),L);break;case"limebb-condition-tree-editor":customElements.get(r(e))||s();break;case"limebb-filter-chip":customElements.get(r(e))||a()}}))}export{L as C,$ as d}