@sme.up/ketchup 11.0.0-SNAPSHOT-20251203160852 → 11.0.0-SNAPSHOT-20251215171048

package/dist/ketchup/{p-b27d4942.entry.js → p-f482f872.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as i,h as a,H as l,d as r}from"./p-710d0a7d.js";import{F as n}from"./p-ff735e62.js";import{a as o}from"./p-e3062c19.js";import{F as s}from"./p-cc9db65d.js";import{k as f,g as _,s as p,b as m,V as h}from"./p-94d1bd32.js";import{c}from"./p-635bb4b3.js";import"./p-36edcc02.js";var u;!function(t){t.autofitOnExpand="The component will autofit everytime a node is expanded.",t.autofitOnLoad="The component's initial render will fit the container by invoking the runAutofit method.",t.cardData="Used to render the family tree boxes as kup-cards (through kup-box).",t.collapsible="Nodes can be expanded/collapsed.",t.customStyle="Custom style of the component.",t.data="Actual data of the component",t.layout="Layout of the boxes.",t.stackedLeaves="Child nodes that have no children are arranged vertically."}(u||(u={}));var d,y,k,g,v,x,b,w,z,j,C,E,M,T,W,S,D,L,O,P,R,A,F,X,Y,H=function(t,e,i,a){if("a"===i&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?a:"a"===i?a.call(t):a?a.value:e.get(t)},$=function(t,e,i,a,l){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!l:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?l.call(t,i):l?l.value=i:e.set(t,i),i};const B=class{constructor(i){t(this,i),this.kupClick=e(this,"kup-familytree-click",6),this.kupContextMenu=e(this,"kup-familytree-contextmenu",6),this.kupDblClick=e(this,"kup-familytree-dblclick",6),d.add(this),y.set(this,[]),k.set(this,!1),g.set(this,0),v.set(this,0),x.set(this,[]),b.set(this,f()),w.set(this,(t=>{const e=t.clientX-H(this,g,"f"),i=t.clientY-H(this,v,"f");this.rootElement.scrollTop-=i,this.rootElement.scrollLeft-=e,$(this,g,t.clientX,"f"),$(this,v,t.clientY,"f")})),z.set(this,!1),j.set(this,null),this.autofitOnExpand=!0,this.autofitOnLoad=!0,this.cardData=null,this.collapsible=!0,this.customStyle="",this.data=null,this.layout=null,this.stackedLeaves=!1}async collapseAll(t=this.data.rows){H(this,b,"f").data.node.setProperties(t,{isExpanded:!1},!0),this.refresh()}async expandAll(t=this.data.rows){H(this,b,"f").data.node.setProperties(t,{isExpanded:!0},!0),this.refresh()}async getProps(t){return _(this,u,t)}async refresh(){i(this)}async runAutofit(){if(!H(this,j,"f"))return;const t=H(this,j,"f").clientWidth,e=H(this,j,"f").scrollWidth;if(!t||!e)return;const i=.85*t,a=.95*t;let l=1;e>a?l=a/e:e<i&&(l=Math.min(1,i/e)),l=Math.max(.01,Math.min(1,l)),H(this,j,"f").style.setProperty("--kup_familytree_scale",l.toFixed(2))}async setProps(t){p(this,u,t)}componentWillLoad(){H(this,b,"f").debug.logLoad(this,!1),H(this,b,"f").language.register(this),H(this,b,"f").theme.register(this)}componentDidLoad(){H(this,d,"m",X).call(this),this.autofitOnLoad&&this.runAutofit(),H(this,b,"f").debug.logLoad(this,!0)}componentWillRender(){H(this,b,"f").debug.logRender(this,!1)}componentDidRender(){H(this,z,"f")&&($(this,z,!1,"f"),this.runAutofit()),H(this,b,"f").debug.logRender(this,!0)}render(){return a(l,{key:"fcf86d8ca0b6c5eb0ccb844c37f808afa588dd4c",onDrag:t=>t.preventDefault(),onPointerDown:t=>{t.preventDefault(),H(this,d,"m",O).call(this,t)},onWheel:t=>{H(this,d,"m",Y).call(this,t)}},a("style",{key:"4afb2d31556ae6e8a1c1da7a6b114a0c4aab887c"},H(this,b,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"b3e16322d8678d07ad9748590d561f0275da0969",id:c},H(this,d,"m",D).call(this)))}disconnectedCallback(){H(this,b,"f").language.unregister(this),H(this,b,"f").theme.unregister(this)}get rootElement(){return r(this)}};y=new WeakMap,k=new WeakMap,g=new WeakMap,v=new WeakMap,x=new WeakMap,b=new WeakMap,w=new WeakMap,z=new WeakMap,j=new WeakMap,d=new WeakSet,C=function(t,e,i,l){const r=[];return r.push(a("td",{class:{"family-tree__line":!0,"family-tree__line--right":!t,"family-tree__line--top":!t}},a("div",{class:"family-tree__line--placeholder"}))),r.push(a("td",{class:{"family-tree__line":!0,"family-tree__line--left":t,"family-tree__line--top":t&&!i||l&&!e}},a("div",{class:"family-tree__line--placeholder"}))),r},E=function t(e){var i;let l=null,r=null;(!this.collapsible||this.collapsible&&e.isExpanded)&&(null===(i=e.children)||void 0===i||i.forEach((t=>{t.isStaff?(r||(r=[]),r.push(t)):(l||(l=[]),l.push(t))})));const s=this.stackedLeaves&&l&&l.every((t=>!t.children||0==t.children.length)),f=l?2*l.length:1,_={"family-tree__line":!0,"family-tree__line--placeholder":!(!l&&!r),"family-tree__line--vertical":!(!l&&!r)},p={columns:[{name:"*TREECOL",title:"Fake column",visible:!1},...this.data.columns],rows:[{cells:Object.assign({"*TREECOL":e},e.cells)}]},h=e.layout||this.layout||1,c={icon:e.isExpanded?"remove":"plus",shaped:!0,slim:!0,styling:o.OUTLINED,title:`${H(this,b,"f").language.translate(m.EXPAND)}/${H(this,b,"f").language.translate(m.COLLAPSE)}  (CTRL + Click)`,onClick:t=>{t.ctrlKey&&e.children&&e.children.length>0&&(e.isExpanded?this.collapseAll(e.children):this.expandAll(e.children)),e.isExpanded=!e.isExpanded,this.autofitOnExpand&&$(this,z,!0,"f"),this.refresh()},wrapperClass:"family-tree__item__expand"};let u=null;H(this,d,"m",L).call(this,h)&&(u=a("kup-box",{class:"kup-borderless kup-paddingless",customStyle:"#kup-component {  background: var(--kup_familytree_item_background_color); border: 2px solid var(--kup_familytree_lines_color); box-sizing: border-box; height: var(--kup_familytree_item_height); padding: 0 var(--kup_familytree_item_h_padding); } #kup-component .box-component { background: var(--kup_familytree_item_background_color); box-sizing: border-box; height: 100%;} #kup-component .f-cell__text { color: var(--kup_familytree_item_color); }",data:p,cardData:this.cardData,layout:this.cardData?null:h,showSelection:!1}));const y=a("div",{class:"family-tree__item"},a("div",{class:"family-tree__item__wrapper"},H(this,d,"m",L).call(this,h)?u:H(this,d,"m",M).call(this,e,h),this.collapsible&&e.children&&e.children.length>0?a(n,Object.assign({},c)):void 0)),k={"--kup_familytree_staffchildren":(null==r?void 0:r.length.toString())||"0"};return a("table",{class:{"family-tree__node":!0,"family-tree__node--stacked":this.stackedLeaves&&!e.isStaff&&(!e.children||0==e.children.length)}},a("tr",null,a("td",{"data-row":e,colSpan:f},y)),a("tr",null,a("td",{colSpan:f},a("div",{class:_}))),r?[a("tr",null,a("td",{colSpan:f},a("div",{class:Object.assign(Object.assign({},_),{"family-tree__line--staff":!0}),style:k}),a("div",{class:"family-tree__node__staff",style:k},r.map((e=>[a("div",{class:"family-tree__node__staff__item"},H(this,d,"m",t).call(this,e))])))))]:null,r&&l?[a("tr",null,a("td",{colSpan:f},a("div",{class:_})))]:null,l?[a("tr",null,s?a("td",{colSpan:f},a("div",{class:_})):l.map((t=>H(this,d,"m",C).call(this,0==l.indexOf(t),l.indexOf(t)==l.length-1,1==l.length,l.length>2)))),a("tr",null,s?a("td",{colSpan:f},l.map((e=>H(this,d,"m",t).call(this,e)))):l.map((e=>a("td",{colSpan:2},H(this,d,"m",t).call(this,e)))))]:void 0)},M=function(t,e){return 2===e?H(this,d,"m",W).call(this,t):H(this,d,"m",T).call(this,t)},T=function(t){return a("div",{class:"family-tree__item__layout family-tree__item__layout--1"},a("div",{class:"family-tree__item__layout__text__title"},t.value))},W=function(t){return a("div",{class:"family-tree__item__layout family-tree__item__layout--2"},a("div",{class:"family-tree__item__layout__color"}),a("div",{class:"family-tree__item__layout__image"},a(s,{resource:t.icon,placeholderResource:t.placeholderIcon,sizeX:"48px",sizeY:"48px"})),a("div",{class:"family-tree__item__layout__text"},a("div",{class:"family-tree__item__layout__text__title"},t.value),t.title?a("div",{class:"family-tree__item__layout__text__subtitle"},t.title):null))},S=function(t){return t.map((t=>H(this,d,"m",E).call(this,t)))},D=function(){return a("div",{class:"family-tree",onContextMenu:t=>{t.preventDefault()},ref:t=>$(this,j,t,"f")},this.data&&this.data.rows&&this.data.rows.length?H(this,d,"m",S).call(this,this.data.rows):a("div",null,H(this,b,"f").language.translate(m.EMPTY_DATA)))},L=function(t){return!!this.cardData||t&&t.sections&&t.sections.length>0},O=function(t){$(this,g,t.clientX,"f"),$(this,v,t.clientY,"f"),H(this,j,"f").classList.add("family-tree--dragging");const e=()=>{document.removeEventListener("pointermove",H(this,w,"f")),document.removeEventListener("pointerup",e),H(this,j,"f").classList.remove("family-tree--dragging")};document.addEventListener("pointermove",H(this,w,"f")),document.addEventListener("pointerup",e)},P=function(t,e){let i,a;if(t)for(let e=t.length-1;e>=0;e--){const l=t[e];l.tagName&&(l.classList.contains("family-tree__item__expand")&&(i=l),"TD"===l.tagName.toUpperCase())&&(a=l)}let l=null,r=null,n=null;return a&&(l=a["data-cell"],r=a["data-column"],n=a["data-row"]),{cell:l||null,column:r||null,expandButton:i||null,originalEvent:e,row:n||null,td:a||null}},R=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},A=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},F=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},X=function(){H(this,x,"f").push(this.rootElement),H(this,b,"f").interact.on(this.rootElement,h.TAP,(t=>{if(H(this,k,"f"))$(this,k,!1,"f");else switch(t.button){case 0:const e={};for(const i in t)e[i]=t[i];H(this,y,"f").push(setTimeout((()=>{this.kupClick.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",R).call(this,e)})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",A).call(this,t)})}})),H(this,b,"f").interact.on(this.rootElement,h.DOUBLETAP,(t=>{if(0===t.button){for(let t=0;t<H(this,y,"f").length;t++)clearTimeout(H(this,y,"f")[t]),H(this,b,"f").debug.logMessage(this,"Cleared clickHandler timeout("+H(this,y,"f")[t]+").");$(this,y,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",F).call(this,t)})}})),H(this,b,"f").interact.on(this.rootElement,h.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||($(this,k,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",A).call(this,t)}))}))},Y=function(t){if(t.ctrlKey){t.preventDefault();const e=parseFloat(H(this,j,"f").style.getPropertyValue("--kup_familytree_scale"))||1,i=.05;let a=t.deltaY>0?e-i:e+i;a<i&&(a=i),H(this,j,"f").style.setProperty("--kup_familytree_scale",a.toFixed(2))}},B.style='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_familytree_item_background_color:var(\n    --kup-layer-1,\n    var(--kup-layer-1)\n  );--kup_familytree_border_color:var(\n    --kup-familytree-border-color,\n    var(--kup-info-color-50)\n  );--kup_familytree_item_color:var(\n    --kup-familytree-item-color,\n    var(--kup-text-color)\n  );--kup_familytree_item_minheight:var(--kup-familytree-item-minheight, 32px);--kup_familytree_item_height:var(--kup-familytree-item-height, 100%);--kup_familytree_item_h_padding:var(\n    --kup-familytree-item-h-padding,\n    var(--kup-space-00)\n  );--kup_familytree_item_v_padding:var(\n    --kup-familytree-item-v-padding,\n    var(--kup-space-03)\n  );--kup_familytree_item_width:var(--kup-familytree-item-width, 280px);--kup_familytree_lines_color:var(\n    --kup-familytree-lines-color,\n    var(--kup-border-subtle)\n  );display:block;overflow:hidden}.family-tree{cursor:grab;display:flex;transform:scale(var(--kup_familytree_scale, 1));transform-origin:0px 0px}.family-tree--dragging{cursor:grabbing}.family-tree__node{border-collapse:collapse;margin:auto}.family-tree__node--stacked{margin-bottom:4px}.family-tree__node__staff{align-items:center;display:flex;flex-direction:column;height:0;transform:translateX(calc((var(--kup_familytree_item_width) + var(--kup_familytree_item_h_padding) * 2) / 2)) translateY(calc(0px - (var(--kup_familytree_staffchildren) * var(--kup_familytree_item_minheight) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)))}.family-tree__node__staff__item{padding:var(--kup_familytree_item_v_padding);text-align:left}.family-tree__node__staff__item:before{border-top:2px solid var(--kup_familytree_lines_color);content:"";position:absolute;transform:translateX(calc(100% + 2px)) translateY(calc(var(--kup_familytree_item_minheight) / 2));width:var(--kup_familytree_item_h_padding)}.family-tree__node td{vertical-align:top;padding:0}.family-tree__line--left{border-left:2px solid var(--kup_familytree_lines_color)}.family-tree__line--placeholder{height:32px}.family-tree__line--staff{height:calc(var(--kup_familytree_staffchildren) * var(--kup_familytree_item_minheight) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)}.family-tree__line--right{border-right:2px solid var(--kup_familytree_lines_color)}.family-tree__line--top{border-top:2px solid var(--kup_familytree_lines_color)}.family-tree__line--vertical{background-color:var(--kup_familytree_lines_color);margin-left:auto;margin-right:auto;width:2px}.family-tree__item{display:flex}.family-tree__item__wrapper{margin:auto;display:flex;flex-direction:column}.family-tree__item__wrapper kup-box{margin:0 auto;overflow:hidden;padding:0 var(--kup-space-05);z-index:1}.family-tree__item__wrapper .f-button{--kup-button-primary-color:var(--kup-text-color);--kup-button-primary-color-rgb:var(--kup-text-color-rgb);--kup-button-primary-color-h:var(--kup-text-color-h);--kup-button-primary-color-s:var(--kup-text-color-s);--kup-button-primary-color-l:var(--kup-text-color-l);margin:0 auto;width:max-content}.family-tree__item__wrapper .f-button button{height:32px;width:32px}.family-tree__item__layout{background-color:var(--kup_familytree_item_background_color);box-sizing:border-box;display:flex;height:var(--kup_familytree_item_minheight);min-height:32px;margin:0 18px;width:var(--kup_familytree_item_width)}.family-tree__item__layout--1{justify-content:center;color:var(--kup_familytree_item_color)}.family-tree__item__layout--1>.family-tree__item__layout__text__title{margin-top:auto;margin-bottom:auto}.family-tree__item__layout--2{background-color:var(--kup_familytree_item_background_color);justify-content:flex-start}.family-tree__item__layout__color{background-color:var(--kup_familytree_border_color);height:100%;width:10px}.family-tree__item__layout__image{display:flex;margin:auto var(--kup-space-03)}.family-tree__item__layout__image img{border-radius:50px;object-fit:cover}.family-tree__item__layout__text{display:flex;flex-direction:column;justify-content:center}.family-tree__item__layout__text__title{font-size:18px;margin-bottom:5px}.family-tree__item__layout__text__subtitle{font-size:14px}.family-tree__item__layout__text__title,.family-tree__item__layout__text__subtitle{max-width:calc(var(--kup_familytree_item_width) - 30%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}';export{B as kup_family_tree}
+import{r as t,c as e,f as i,h as a,H as l,d as r}from"./p-710d0a7d.js";import{F as n}from"./p-ff735e62.js";import{a as o}from"./p-e3062c19.js";import{F as s}from"./p-cc9db65d.js";import{k as f,g as _,s as p,b as m,V as h}from"./p-716fbe5b.js";import{c}from"./p-635bb4b3.js";import"./p-36edcc02.js";var u;!function(t){t.autofitOnExpand="The component will autofit everytime a node is expanded.",t.autofitOnLoad="The component's initial render will fit the container by invoking the runAutofit method.",t.cardData="Used to render the family tree boxes as kup-cards (through kup-box).",t.collapsible="Nodes can be expanded/collapsed.",t.customStyle="Custom style of the component.",t.data="Actual data of the component",t.layout="Layout of the boxes.",t.stackedLeaves="Child nodes that have no children are arranged vertically."}(u||(u={}));var d,y,k,g,v,x,b,w,z,j,C,E,M,T,W,S,D,L,O,P,R,A,F,X,Y,H=function(t,e,i,a){if("a"===i&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?a:"a"===i?a.call(t):a?a.value:e.get(t)},$=function(t,e,i,a,l){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!l:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?l.call(t,i):l?l.value=i:e.set(t,i),i};const B=class{constructor(i){t(this,i),this.kupClick=e(this,"kup-familytree-click",6),this.kupContextMenu=e(this,"kup-familytree-contextmenu",6),this.kupDblClick=e(this,"kup-familytree-dblclick",6),d.add(this),y.set(this,[]),k.set(this,!1),g.set(this,0),v.set(this,0),x.set(this,[]),b.set(this,f()),w.set(this,(t=>{const e=t.clientX-H(this,g,"f"),i=t.clientY-H(this,v,"f");this.rootElement.scrollTop-=i,this.rootElement.scrollLeft-=e,$(this,g,t.clientX,"f"),$(this,v,t.clientY,"f")})),z.set(this,!1),j.set(this,null),this.autofitOnExpand=!0,this.autofitOnLoad=!0,this.cardData=null,this.collapsible=!0,this.customStyle="",this.data=null,this.layout=null,this.stackedLeaves=!1}async collapseAll(t=this.data.rows){H(this,b,"f").data.node.setProperties(t,{isExpanded:!1},!0),this.refresh()}async expandAll(t=this.data.rows){H(this,b,"f").data.node.setProperties(t,{isExpanded:!0},!0),this.refresh()}async getProps(t){return _(this,u,t)}async refresh(){i(this)}async runAutofit(){if(!H(this,j,"f"))return;const t=H(this,j,"f").clientWidth,e=H(this,j,"f").scrollWidth;if(!t||!e)return;const i=.85*t,a=.95*t;let l=1;e>a?l=a/e:e<i&&(l=Math.min(1,i/e)),l=Math.max(.01,Math.min(1,l)),H(this,j,"f").style.setProperty("--kup_familytree_scale",l.toFixed(2))}async setProps(t){p(this,u,t)}componentWillLoad(){H(this,b,"f").debug.logLoad(this,!1),H(this,b,"f").language.register(this),H(this,b,"f").theme.register(this)}componentDidLoad(){H(this,d,"m",X).call(this),this.autofitOnLoad&&this.runAutofit(),H(this,b,"f").debug.logLoad(this,!0)}componentWillRender(){H(this,b,"f").debug.logRender(this,!1)}componentDidRender(){H(this,z,"f")&&($(this,z,!1,"f"),this.runAutofit()),H(this,b,"f").debug.logRender(this,!0)}render(){return a(l,{key:"fcf86d8ca0b6c5eb0ccb844c37f808afa588dd4c",onDrag:t=>t.preventDefault(),onPointerDown:t=>{t.preventDefault(),H(this,d,"m",O).call(this,t)},onWheel:t=>{H(this,d,"m",Y).call(this,t)}},a("style",{key:"4afb2d31556ae6e8a1c1da7a6b114a0c4aab887c"},H(this,b,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"b3e16322d8678d07ad9748590d561f0275da0969",id:c},H(this,d,"m",D).call(this)))}disconnectedCallback(){H(this,b,"f").language.unregister(this),H(this,b,"f").theme.unregister(this)}get rootElement(){return r(this)}};y=new WeakMap,k=new WeakMap,g=new WeakMap,v=new WeakMap,x=new WeakMap,b=new WeakMap,w=new WeakMap,z=new WeakMap,j=new WeakMap,d=new WeakSet,C=function(t,e,i,l){const r=[];return r.push(a("td",{class:{"family-tree__line":!0,"family-tree__line--right":!t,"family-tree__line--top":!t}},a("div",{class:"family-tree__line--placeholder"}))),r.push(a("td",{class:{"family-tree__line":!0,"family-tree__line--left":t,"family-tree__line--top":t&&!i||l&&!e}},a("div",{class:"family-tree__line--placeholder"}))),r},E=function t(e){var i;let l=null,r=null;(!this.collapsible||this.collapsible&&e.isExpanded)&&(null===(i=e.children)||void 0===i||i.forEach((t=>{t.isStaff?(r||(r=[]),r.push(t)):(l||(l=[]),l.push(t))})));const s=this.stackedLeaves&&l&&l.every((t=>!t.children||0==t.children.length)),f=l?2*l.length:1,_={"family-tree__line":!0,"family-tree__line--placeholder":!(!l&&!r),"family-tree__line--vertical":!(!l&&!r)},p={columns:[{name:"*TREECOL",title:"Fake column",visible:!1},...this.data.columns],rows:[{cells:Object.assign({"*TREECOL":e},e.cells)}]},h=e.layout||this.layout||1,c={icon:e.isExpanded?"remove":"plus",shaped:!0,slim:!0,styling:o.OUTLINED,title:`${H(this,b,"f").language.translate(m.EXPAND)}/${H(this,b,"f").language.translate(m.COLLAPSE)}  (CTRL + Click)`,onClick:t=>{t.ctrlKey&&e.children&&e.children.length>0&&(e.isExpanded?this.collapseAll(e.children):this.expandAll(e.children)),e.isExpanded=!e.isExpanded,this.autofitOnExpand&&$(this,z,!0,"f"),this.refresh()},wrapperClass:"family-tree__item__expand"};let u=null;H(this,d,"m",L).call(this,h)&&(u=a("kup-box",{class:"kup-borderless kup-paddingless",customStyle:"#kup-component {  background: var(--kup_familytree_item_background_color); border: 2px solid var(--kup_familytree_lines_color); box-sizing: border-box; height: var(--kup_familytree_item_height); padding: 0 var(--kup_familytree_item_h_padding); } #kup-component .box-component { background: var(--kup_familytree_item_background_color); box-sizing: border-box; height: 100%;} #kup-component .f-cell__text { color: var(--kup_familytree_item_color); }",data:p,cardData:this.cardData,layout:this.cardData?null:h,showSelection:!1}));const y=a("div",{class:"family-tree__item"},a("div",{class:"family-tree__item__wrapper"},H(this,d,"m",L).call(this,h)?u:H(this,d,"m",M).call(this,e,h),this.collapsible&&e.children&&e.children.length>0?a(n,Object.assign({},c)):void 0)),k={"--kup_familytree_staffchildren":(null==r?void 0:r.length.toString())||"0"};return a("table",{class:{"family-tree__node":!0,"family-tree__node--stacked":this.stackedLeaves&&!e.isStaff&&(!e.children||0==e.children.length)}},a("tr",null,a("td",{"data-row":e,colSpan:f},y)),a("tr",null,a("td",{colSpan:f},a("div",{class:_}))),r?[a("tr",null,a("td",{colSpan:f},a("div",{class:Object.assign(Object.assign({},_),{"family-tree__line--staff":!0}),style:k}),a("div",{class:"family-tree__node__staff",style:k},r.map((e=>[a("div",{class:"family-tree__node__staff__item"},H(this,d,"m",t).call(this,e))])))))]:null,r&&l?[a("tr",null,a("td",{colSpan:f},a("div",{class:_})))]:null,l?[a("tr",null,s?a("td",{colSpan:f},a("div",{class:_})):l.map((t=>H(this,d,"m",C).call(this,0==l.indexOf(t),l.indexOf(t)==l.length-1,1==l.length,l.length>2)))),a("tr",null,s?a("td",{colSpan:f},l.map((e=>H(this,d,"m",t).call(this,e)))):l.map((e=>a("td",{colSpan:2},H(this,d,"m",t).call(this,e)))))]:void 0)},M=function(t,e){return 2===e?H(this,d,"m",W).call(this,t):H(this,d,"m",T).call(this,t)},T=function(t){return a("div",{class:"family-tree__item__layout family-tree__item__layout--1"},a("div",{class:"family-tree__item__layout__text__title"},t.value))},W=function(t){return a("div",{class:"family-tree__item__layout family-tree__item__layout--2"},a("div",{class:"family-tree__item__layout__color"}),a("div",{class:"family-tree__item__layout__image"},a(s,{resource:t.icon,placeholderResource:t.placeholderIcon,sizeX:"48px",sizeY:"48px"})),a("div",{class:"family-tree__item__layout__text"},a("div",{class:"family-tree__item__layout__text__title"},t.value),t.title?a("div",{class:"family-tree__item__layout__text__subtitle"},t.title):null))},S=function(t){return t.map((t=>H(this,d,"m",E).call(this,t)))},D=function(){return a("div",{class:"family-tree",onContextMenu:t=>{t.preventDefault()},ref:t=>$(this,j,t,"f")},this.data&&this.data.rows&&this.data.rows.length?H(this,d,"m",S).call(this,this.data.rows):a("div",null,H(this,b,"f").language.translate(m.EMPTY_DATA)))},L=function(t){return!!this.cardData||t&&t.sections&&t.sections.length>0},O=function(t){$(this,g,t.clientX,"f"),$(this,v,t.clientY,"f"),H(this,j,"f").classList.add("family-tree--dragging");const e=()=>{document.removeEventListener("pointermove",H(this,w,"f")),document.removeEventListener("pointerup",e),H(this,j,"f").classList.remove("family-tree--dragging")};document.addEventListener("pointermove",H(this,w,"f")),document.addEventListener("pointerup",e)},P=function(t,e){let i,a;if(t)for(let e=t.length-1;e>=0;e--){const l=t[e];l.tagName&&(l.classList.contains("family-tree__item__expand")&&(i=l),"TD"===l.tagName.toUpperCase())&&(a=l)}let l=null,r=null,n=null;return a&&(l=a["data-cell"],r=a["data-column"],n=a["data-row"]),{cell:l||null,column:r||null,expandButton:i||null,originalEvent:e,row:n||null,td:a||null}},R=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},A=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},F=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},X=function(){H(this,x,"f").push(this.rootElement),H(this,b,"f").interact.on(this.rootElement,h.TAP,(t=>{if(H(this,k,"f"))$(this,k,!1,"f");else switch(t.button){case 0:const e={};for(const i in t)e[i]=t[i];H(this,y,"f").push(setTimeout((()=>{this.kupClick.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",R).call(this,e)})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",A).call(this,t)})}})),H(this,b,"f").interact.on(this.rootElement,h.DOUBLETAP,(t=>{if(0===t.button){for(let t=0;t<H(this,y,"f").length;t++)clearTimeout(H(this,y,"f")[t]),H(this,b,"f").debug.logMessage(this,"Cleared clickHandler timeout("+H(this,y,"f")[t]+").");$(this,y,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",F).call(this,t)})}})),H(this,b,"f").interact.on(this.rootElement,h.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||($(this,k,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",A).call(this,t)}))}))},Y=function(t){if(t.ctrlKey){t.preventDefault();const e=parseFloat(H(this,j,"f").style.getPropertyValue("--kup_familytree_scale"))||1,i=.05;let a=t.deltaY>0?e-i:e+i;a<i&&(a=i),H(this,j,"f").style.setProperty("--kup_familytree_scale",a.toFixed(2))}},B.style='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_familytree_item_background_color:var(\n    --kup-layer-1,\n    var(--kup-layer-1)\n  );--kup_familytree_border_color:var(\n    --kup-familytree-border-color,\n    var(--kup-info-color-50)\n  );--kup_familytree_item_color:var(\n    --kup-familytree-item-color,\n    var(--kup-text-color)\n  );--kup_familytree_item_minheight:var(--kup-familytree-item-minheight, 32px);--kup_familytree_item_height:var(--kup-familytree-item-height, 100%);--kup_familytree_item_h_padding:var(\n    --kup-familytree-item-h-padding,\n    var(--kup-space-00)\n  );--kup_familytree_item_v_padding:var(\n    --kup-familytree-item-v-padding,\n    var(--kup-space-03)\n  );--kup_familytree_item_width:var(--kup-familytree-item-width, 280px);--kup_familytree_lines_color:var(\n    --kup-familytree-lines-color,\n    var(--kup-border-subtle)\n  );display:block;overflow:hidden}.family-tree{cursor:grab;display:flex;transform:scale(var(--kup_familytree_scale, 1));transform-origin:0px 0px}.family-tree--dragging{cursor:grabbing}.family-tree__node{border-collapse:collapse;margin:auto}.family-tree__node--stacked{margin-bottom:4px}.family-tree__node__staff{align-items:center;display:flex;flex-direction:column;height:0;transform:translateX(calc((var(--kup_familytree_item_width) + var(--kup_familytree_item_h_padding) * 2) / 2)) translateY(calc(0px - (var(--kup_familytree_staffchildren) * var(--kup_familytree_item_minheight) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)))}.family-tree__node__staff__item{padding:var(--kup_familytree_item_v_padding);text-align:left}.family-tree__node__staff__item:before{border-top:2px solid var(--kup_familytree_lines_color);content:"";position:absolute;transform:translateX(calc(100% + 2px)) translateY(calc(var(--kup_familytree_item_minheight) / 2));width:var(--kup_familytree_item_h_padding)}.family-tree__node td{vertical-align:top;padding:0}.family-tree__line--left{border-left:2px solid var(--kup_familytree_lines_color)}.family-tree__line--placeholder{height:32px}.family-tree__line--staff{height:calc(var(--kup_familytree_staffchildren) * var(--kup_familytree_item_minheight) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)}.family-tree__line--right{border-right:2px solid var(--kup_familytree_lines_color)}.family-tree__line--top{border-top:2px solid var(--kup_familytree_lines_color)}.family-tree__line--vertical{background-color:var(--kup_familytree_lines_color);margin-left:auto;margin-right:auto;width:2px}.family-tree__item{display:flex}.family-tree__item__wrapper{margin:auto;display:flex;flex-direction:column}.family-tree__item__wrapper kup-box{margin:0 auto;overflow:hidden;padding:0 var(--kup-space-05);z-index:1}.family-tree__item__wrapper .f-button{--kup-button-primary-color:var(--kup-text-color);--kup-button-primary-color-rgb:var(--kup-text-color-rgb);--kup-button-primary-color-h:var(--kup-text-color-h);--kup-button-primary-color-s:var(--kup-text-color-s);--kup-button-primary-color-l:var(--kup-text-color-l);margin:0 auto;width:max-content}.family-tree__item__wrapper .f-button button{height:32px;width:32px}.family-tree__item__layout{background-color:var(--kup_familytree_item_background_color);box-sizing:border-box;display:flex;height:var(--kup_familytree_item_minheight);min-height:32px;margin:0 18px;width:var(--kup_familytree_item_width)}.family-tree__item__layout--1{justify-content:center;color:var(--kup_familytree_item_color)}.family-tree__item__layout--1>.family-tree__item__layout__text__title{margin-top:auto;margin-bottom:auto}.family-tree__item__layout--2{background-color:var(--kup_familytree_item_background_color);justify-content:flex-start}.family-tree__item__layout__color{background-color:var(--kup_familytree_border_color);height:100%;width:10px}.family-tree__item__layout__image{display:flex;margin:auto var(--kup-space-03)}.family-tree__item__layout__image img{border-radius:50px;object-fit:cover}.family-tree__item__layout__text{display:flex;flex-direction:column;justify-content:center}.family-tree__item__layout__text__title{font-size:18px;margin-bottom:5px}.family-tree__item__layout__text__subtitle{font-size:14px}.family-tree__item__layout__text__title,.family-tree__item__layout__text__subtitle{max-width:calc(var(--kup_familytree_item_width) - 30%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}';export{B as kup_family_tree}

package/dist/ketchup/{p-21d532cb.entry.js → p-fe3681b3.entry.js}

@@ -1 +1 @@
-import{r as o,c as i,f as t,h as e,H as r,d as n}from"./p-710d0a7d.js";import{k as a,a as c,g as s,s as p,d as l,f as h,e as d}from"./p-94d1bd32.js";import{F as u}from"./p-cc9db65d.js";import{c as f}from"./p-635bb4b3.js";import{M as m}from"./p-c56195a0.js";import"./p-36edcc02.js";var k;!function(o){o.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",o.data="List of elements.",o.infoIcon="When true, it will show the info activation icon",o.ripple="When enabled displays Material's ripple effect on item headers.",o.toolbar="When true, it will show the toolbar activation icon",o.sizing="Sets the type of the component sizing.",o.toolbarCallback="Callback to be called when the toolbar icon is clicked",o.infoCallback="Callback to be called when the info icon is clicked"}(k||(k={}));var _,g,v=function(o,i,t,e,r){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?o!==i||!r:!i.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?r.call(o,t):r?r.value=t:i.set(o,t),t},b=function(o,i,t,e){if("a"===t&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?o!==i||!e:!i.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?e:"a"===t?e.call(o):e?e.value:i.get(o)};const y=class{constructor(t){o(this,t),this.kupBlur=i(this,"kup-accordion-blur",6),this.kupClick=i(this,"kup-accordion-click",6),this.kupIconClick=i(this,"kup-accordion-iconclick",6),this.kupFocus=i(this,"kup-accordion-focus",6),this.kupToolbarItemClick=i(this,"kup-accordion-toolbaritemclick",6),this.toolbarState=[],this.infoState=[],this.kupManager=a(),_.set(this,null),this.slotsNames=[],g.set(this,null),this.selectedItems=[],this.customStyle="",this.data=null,this.infoIcon=!1,this.ripple=!1,this.sizing=c.SMALL,this.toolbarCallback=void 0,this.infoCallback=void 0}onKupBlur(o){this.kupBlur.emit({comp:this,id:this.rootElement.id,node:o})}onKupIconClick(o){o?(v(this,g,o,"f"),this.createDropDownToolbarList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupInfoIconClick(o){o?(v(this,g,o,"f"),this.createDropDownInfoList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupFocus(o){this.kupFocus.emit({comp:this,id:this.rootElement.id,node:o})}onKupToolbarItemClick(o){this.kupToolbarItemClick.emit({comp:this,id:this.rootElement.id,node:o.detail.selected})}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const i=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}}updateSelectedItems(){var o;const i=[];if(null===(o=this.data)||void 0===o?void 0:o.length)for(let o=0;o<this.data.length;o++){const t=this.data[o];void 0===t.contentVisible&&(t.contentVisible=!0),t.contentVisible&&i.push(t.id)}this.selectedItems=i}async collapseAll(){const o=[];for(let i=0;i<this.data.length;i++){const t=this.data[i];!this.isItemExpandible(t)&&this.isItemSelected(t)&&o.push(t.id)}this.selectedItems=o}async expandAll(){const o=[];for(let i=0;i<this.data.length;i++){const t=this.data[i];this.isItemExpandible(t)&&o.push(t.id)}this.selectedItems=o}async getProps(o){return s(this,k,o)}async refresh(){t(this)}async setProps(o){p(this,k,o)}async toggleItem(o){this.isItemExpandible(o)&&(void 0===o.contentVisible&&(o.contentVisible=!0),o.contentVisible=!o.contentVisible,this.updateSelectedItems(),this.kupClick.emit({comp:this,id:this.rootElement.id,node:o}))}isItemExpandible(o){return o.expandable||this.slotsNames.includes(o.id)}isItemSelected(o){return this.selectedItems.includes(o.id)}renderItems(){var o,i,t;const r=[],n=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<n.length;o++)this.slotsNames.push(n[o].slot);for(let n=0;n<this.data.length;n++){const a=this.data[n],c=this.isItemSelected(a),s=this.isItemExpandible(a),p={"accordion-item__header":!0,"accordion-item__header--selected":!(s||!c),"accordion-item__header--expanded":!(!s||!c),"mdc-ripple-surface":!!this.ripple,[`accordion-item--${this.sizing}`]:!!this.sizing},d={"accordion-item__content":!0,"accordion-item__content--selected":!!c},f=e("div",{class:"accordion-rigtbuttons"},this.infoIcon&&this.infoCallback&&e(u,{resource:"info_outline",sizeX:"16px",sizeY:"16px",onClick:async o=>{o.stopPropagation();const i=o.currentTarget;this.infoState=await this.infoCallback(),this.infoState.length>0?this.onKupInfoIconClick(i):this.kupManager.debug.logMessage(this,"InfoIcon data is empty, not opening dropdown.")},wrapperClass:"tab__iconToolbar iconInfo"}),(null===(o=null==a?void 0:a.data)||void 0===o?void 0:o.toolbar)&&this.toolbarCallback&&e(u,{resource:"more_vert",sizeX:"16px",sizeY:"16px",onClick:async o=>{var i;o.stopPropagation();const t=o.currentTarget;this.toolbarState=await this.toolbarCallback(),(null===(i=this.toolbarState)||void 0===i?void 0:i.length)>0?this.onKupIconClick(t):this.kupManager.debug.logMessage(this,"Toolbar data is empty, not opening dropdown.")},wrapperClass:"tab__iconToolbar iconToolbar"}),s?e("div",{class:`accordion-item__dropdown kup-icon ${l.DROPDOWN.replace("--","")}`}):null);r.push(e("div",{class:"accordion-item"},e("div",{tabindex:n,title:null!==(i=a.title)&&void 0!==i?i:null,class:p,onClick:o=>{o.stopPropagation(),this.toggleItem(a)},onBlur:()=>this.onKupBlur(a),onFocus:()=>this.onKupFocus(a)},a.icon?e(u,{color:`var(${h.PRIMARY})`,resource:a.icon,placeholderResource:a.placeholderIcon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,a.value?e("span",{class:"accordion-item__text"},null!==(t=a.value)&&void 0!==t?t:""):null,f),e("div",{class:d},e("slot",{name:a.id}))))}return r}closeRowToolbarList(){this.toolbarList&&(this.kupManager.dynamicPosition.stop(this.toolbarList),this.kupManager.removeClickCallback(b(this,_,"f")),this.toolbarList.remove(),this.kupManager.dynamicPosition.unregister([this.toolbarList]),this.toolbarList=null)}createDropDownToolbarList(){if(!b(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.toolbarList&&this.closeRowToolbarList(),0===this.toolbarState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const o=document.createElement("kup-toolbar");o.data=this.toolbarState,o.addEventListener("kup-toolbar-click",(o=>{this.onKupToolbarItemClick(o),setTimeout((()=>{this.closeRowToolbarList()}),0)})),this.toolbarList=o,v(this,_,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f"),this.kupManager.addClickCallback(b(this,_,"f"),!0),this.rootElement.shadowRoot.appendChild(this.toolbarList),requestAnimationFrame((()=>{b(this,g,"f")?(this.kupManager.dynamicPosition.register(this.toolbarList,b(this,g,"f"),0,d.AUTO,!0),this.kupManager.dynamicPosition.start(this.toolbarList)):this.kupManager.debug.logMessage(this,"DropDown anchor is still null after delay!")}))}createDropDownInfoList(){if(!b(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.infoList&&this.closeInfoDataList(),0===this.infoState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const o=document.createElement("kup-list");o.data=this.infoState,this.infoList=o,v(this,_,{cb:()=>{this.closeInfoDataList()},el:this.infoList},"f"),this.kupManager.addClickCallback(b(this,_,"f"),!0),this.rootElement.shadowRoot.appendChild(this.infoList),requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.infoList,b(this,g,"f"),0,d.AUTO,!0),this.kupManager.dynamicPosition.start(this.infoList)}))}closeInfoDataList(){this.infoList&&(this.kupManager.dynamicPosition.stop(this.infoList),this.kupManager.removeClickCallback(b(this,_,"f")),this.infoList.remove(),this.kupManager.dynamicPosition.unregister([this.infoList]),this.infoList=null)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.updateSelectedItems(),this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const i=o.querySelectorAll(".mdc-ripple-surface");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}this.kupManager.debug.logRender(this,!0)}render(){const o=this.data&&this.data.length?this.renderItems():null;return e(r,{key:"f56fb81ab3b07c01ab9908efc6bbe9b374e12290"},e("style",{key:"be8a853e06166ca0819c2d058425e543ae3bca8f"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"5e89aa8ecb22e2dbffbcbf9a74c7c53a36ec0245",id:f},e("div",{key:"7a2837209e930360f6a71daedcf9a0f933979633",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{ripple:["applyRipple"],data:["updateSelectedItems"]}}};_=new WeakMap,g=new WeakMap,y.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_accordion_border_top_color:var(\n    --kup-accordion-border-top-color,\n    var(--kup-border-subtle)\n  );--kup_accordion_item_small_height:var(\n    --kup-accordion-item-small-height,\n    32px\n  );--kup_accordion_item_medium_height:var(\n    --kup-accordion-item-medium-height,\n    40px\n  );--kup_accordion_item_outline_color_active:var(\n    --kup-accordion-item-outline-color-focus,\n    var(--kup-border-interactive)\n  );--kup_accordion_item_large_height:var(\n    --kup-accordion-item-medium-height,\n    48px\n  );--kup_accordion_header_background_color:var(\n    --kup-accordion-header-background-color,\n    var(--kup-layer-0)\n  );--kup_accordion_header_background_color_hover:var(\n    --kup-accordion-header-background-color-hover,\n    var(--kup-layer-0-hover)\n  );--kup_accordion_header_padding:var(\n    --kup-accordion-header-padding,\n    var(--kup-space-05)\n  );--kup_accordion_dropdown_icon_color:var(\n    --kup-accordio-dropdown-icon-color,\n    var(--kup-text-primary)\n  );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px;gap:var(--kup-space-03)}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__header .f-image{margin:0}.accordion-item__header .accordion-rigtbuttons{margin-left:auto;margin-right:0;display:flex;gap:var(--kup-space-03)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";export{y as kup_accordion}
+import{r as o,c as i,f as t,h as e,H as r,d as n}from"./p-710d0a7d.js";import{k as a,a as c,g as s,s as p,d as l,f as h,e as d}from"./p-716fbe5b.js";import{F as u}from"./p-cc9db65d.js";import{c as f}from"./p-635bb4b3.js";import{M as m}from"./p-c56195a0.js";import"./p-36edcc02.js";var k;!function(o){o.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",o.data="List of elements.",o.infoIcon="When true, it will show the info activation icon",o.ripple="When enabled displays Material's ripple effect on item headers.",o.toolbar="When true, it will show the toolbar activation icon",o.sizing="Sets the type of the component sizing.",o.toolbarCallback="Callback to be called when the toolbar icon is clicked",o.infoCallback="Callback to be called when the info icon is clicked"}(k||(k={}));var _,g,v=function(o,i,t,e,r){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?o!==i||!r:!i.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?r.call(o,t):r?r.value=t:i.set(o,t),t},b=function(o,i,t,e){if("a"===t&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?o!==i||!e:!i.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?e:"a"===t?e.call(o):e?e.value:i.get(o)};const y=class{constructor(t){o(this,t),this.kupBlur=i(this,"kup-accordion-blur",6),this.kupClick=i(this,"kup-accordion-click",6),this.kupIconClick=i(this,"kup-accordion-iconclick",6),this.kupFocus=i(this,"kup-accordion-focus",6),this.kupToolbarItemClick=i(this,"kup-accordion-toolbaritemclick",6),this.toolbarState=[],this.infoState=[],this.kupManager=a(),_.set(this,null),this.slotsNames=[],g.set(this,null),this.selectedItems=[],this.customStyle="",this.data=null,this.infoIcon=!1,this.ripple=!1,this.sizing=c.SMALL,this.toolbarCallback=void 0,this.infoCallback=void 0}onKupBlur(o){this.kupBlur.emit({comp:this,id:this.rootElement.id,node:o})}onKupIconClick(o){o?(v(this,g,o,"f"),this.createDropDownToolbarList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupInfoIconClick(o){o?(v(this,g,o,"f"),this.createDropDownInfoList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupFocus(o){this.kupFocus.emit({comp:this,id:this.rootElement.id,node:o})}onKupToolbarItemClick(o){this.kupToolbarItemClick.emit({comp:this,id:this.rootElement.id,node:o.detail.selected})}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const i=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}}updateSelectedItems(){var o;const i=[];if(null===(o=this.data)||void 0===o?void 0:o.length)for(let o=0;o<this.data.length;o++){const t=this.data[o];void 0===t.contentVisible&&(t.contentVisible=!0),t.contentVisible&&i.push(t.id)}this.selectedItems=i}async collapseAll(){const o=[];for(let i=0;i<this.data.length;i++){const t=this.data[i];!this.isItemExpandible(t)&&this.isItemSelected(t)&&o.push(t.id)}this.selectedItems=o}async expandAll(){const o=[];for(let i=0;i<this.data.length;i++){const t=this.data[i];this.isItemExpandible(t)&&o.push(t.id)}this.selectedItems=o}async getProps(o){return s(this,k,o)}async refresh(){t(this)}async setProps(o){p(this,k,o)}async toggleItem(o){this.isItemExpandible(o)&&(void 0===o.contentVisible&&(o.contentVisible=!0),o.contentVisible=!o.contentVisible,this.updateSelectedItems(),this.kupClick.emit({comp:this,id:this.rootElement.id,node:o}))}isItemExpandible(o){return o.expandable||this.slotsNames.includes(o.id)}isItemSelected(o){return this.selectedItems.includes(o.id)}renderItems(){var o,i,t;const r=[],n=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<n.length;o++)this.slotsNames.push(n[o].slot);for(let n=0;n<this.data.length;n++){const a=this.data[n],c=this.isItemSelected(a),s=this.isItemExpandible(a),p={"accordion-item__header":!0,"accordion-item__header--selected":!(s||!c),"accordion-item__header--expanded":!(!s||!c),"mdc-ripple-surface":!!this.ripple,[`accordion-item--${this.sizing}`]:!!this.sizing},d={"accordion-item__content":!0,"accordion-item__content--selected":!!c},f=e("div",{class:"accordion-rigtbuttons"},this.infoIcon&&this.infoCallback&&e(u,{resource:"info_outline",sizeX:"16px",sizeY:"16px",onClick:async o=>{o.stopPropagation();const i=o.currentTarget;this.infoState=await this.infoCallback(),this.infoState.length>0?this.onKupInfoIconClick(i):this.kupManager.debug.logMessage(this,"InfoIcon data is empty, not opening dropdown.")},wrapperClass:"tab__iconToolbar iconInfo"}),(null===(o=null==a?void 0:a.data)||void 0===o?void 0:o.toolbar)&&this.toolbarCallback&&e(u,{resource:"more_vert",sizeX:"16px",sizeY:"16px",onClick:async o=>{var i;o.stopPropagation();const t=o.currentTarget;this.toolbarState=await this.toolbarCallback(),(null===(i=this.toolbarState)||void 0===i?void 0:i.length)>0?this.onKupIconClick(t):this.kupManager.debug.logMessage(this,"Toolbar data is empty, not opening dropdown.")},wrapperClass:"tab__iconToolbar iconToolbar"}),s?e("div",{class:`accordion-item__dropdown kup-icon ${l.DROPDOWN.replace("--","")}`}):null);r.push(e("div",{class:"accordion-item"},e("div",{tabindex:n,title:null!==(i=a.title)&&void 0!==i?i:null,class:p,onClick:o=>{o.stopPropagation(),this.toggleItem(a)},onBlur:()=>this.onKupBlur(a),onFocus:()=>this.onKupFocus(a)},a.icon?e(u,{color:`var(${h.PRIMARY})`,resource:a.icon,placeholderResource:a.placeholderIcon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,a.value?e("span",{class:"accordion-item__text"},null!==(t=a.value)&&void 0!==t?t:""):null,f),e("div",{class:d},e("slot",{name:a.id}))))}return r}closeRowToolbarList(){this.toolbarList&&(this.kupManager.dynamicPosition.stop(this.toolbarList),this.kupManager.removeClickCallback(b(this,_,"f")),this.toolbarList.remove(),this.kupManager.dynamicPosition.unregister([this.toolbarList]),this.toolbarList=null)}createDropDownToolbarList(){if(!b(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.toolbarList&&this.closeRowToolbarList(),0===this.toolbarState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const o=document.createElement("kup-toolbar");o.data=this.toolbarState,o.addEventListener("kup-toolbar-click",(o=>{this.onKupToolbarItemClick(o),setTimeout((()=>{this.closeRowToolbarList()}),0)})),this.toolbarList=o,v(this,_,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f"),this.kupManager.addClickCallback(b(this,_,"f"),!0),this.rootElement.shadowRoot.appendChild(this.toolbarList),requestAnimationFrame((()=>{b(this,g,"f")?(this.kupManager.dynamicPosition.register(this.toolbarList,b(this,g,"f"),0,d.AUTO,!0),this.kupManager.dynamicPosition.start(this.toolbarList)):this.kupManager.debug.logMessage(this,"DropDown anchor is still null after delay!")}))}createDropDownInfoList(){if(!b(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.infoList&&this.closeInfoDataList(),0===this.infoState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const o=document.createElement("kup-list");o.data=this.infoState,this.infoList=o,v(this,_,{cb:()=>{this.closeInfoDataList()},el:this.infoList},"f"),this.kupManager.addClickCallback(b(this,_,"f"),!0),this.rootElement.shadowRoot.appendChild(this.infoList),requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.infoList,b(this,g,"f"),0,d.AUTO,!0),this.kupManager.dynamicPosition.start(this.infoList)}))}closeInfoDataList(){this.infoList&&(this.kupManager.dynamicPosition.stop(this.infoList),this.kupManager.removeClickCallback(b(this,_,"f")),this.infoList.remove(),this.kupManager.dynamicPosition.unregister([this.infoList]),this.infoList=null)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.updateSelectedItems(),this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const i=o.querySelectorAll(".mdc-ripple-surface");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}this.kupManager.debug.logRender(this,!0)}render(){const o=this.data&&this.data.length?this.renderItems():null;return e(r,{key:"f56fb81ab3b07c01ab9908efc6bbe9b374e12290"},e("style",{key:"be8a853e06166ca0819c2d058425e543ae3bca8f"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"5e89aa8ecb22e2dbffbcbf9a74c7c53a36ec0245",id:f},e("div",{key:"7a2837209e930360f6a71daedcf9a0f933979633",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{ripple:["applyRipple"],data:["updateSelectedItems"]}}};_=new WeakMap,g=new WeakMap,y.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_accordion_border_top_color:var(\n    --kup-accordion-border-top-color,\n    var(--kup-border-subtle)\n  );--kup_accordion_item_small_height:var(\n    --kup-accordion-item-small-height,\n    32px\n  );--kup_accordion_item_medium_height:var(\n    --kup-accordion-item-medium-height,\n    40px\n  );--kup_accordion_item_outline_color_active:var(\n    --kup-accordion-item-outline-color-focus,\n    var(--kup-border-interactive)\n  );--kup_accordion_item_large_height:var(\n    --kup-accordion-item-medium-height,\n    48px\n  );--kup_accordion_header_background_color:var(\n    --kup-accordion-header-background-color,\n    var(--kup-layer-0)\n  );--kup_accordion_header_background_color_hover:var(\n    --kup-accordion-header-background-color-hover,\n    var(--kup-layer-0-hover)\n  );--kup_accordion_header_padding:var(\n    --kup-accordion-header-padding,\n    var(--kup-space-05)\n  );--kup_accordion_dropdown_icon_color:var(\n    --kup-accordio-dropdown-icon-color,\n    var(--kup-text-primary)\n  );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px;gap:var(--kup-space-03)}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__header .f-image{margin:0}.accordion-item__header .accordion-rigtbuttons{margin-left:auto;margin-right:0;display:flex;gap:var(--kup-space-03)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";export{y as kup_accordion}

package/dist/types/components/kup-echart/kup-echart-declarations.d.ts

@@ -14,6 +14,7 @@ export declare enum KupEchartProps {
     data = "The actual data of the chart.",
     legend = "Sets the position of the legend. Supported values: bottom, left, right, top. Keep in mind that legend types are tied to chart types, some combinations might not work.",
     map = "Choose which map you want to view, supported values: \"europe\", \"africa\", \"asia\", \"oceania\", \"america\" and \"world\". It's possible to supply a custom JSON too.",
+    multipleYAxes = "Defines which data series must be associated with a secondary Y axis. Accepts a string with the column IDs separated by \"|\".",
     series = "The data series to be displayed. They must be of the same type.",
     showMarks = "Displays the numerical values.",
     sizeX = "The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).",

package/dist/types/utils/kup-column-menu/kup-column-menu-declarations.d.ts

@@ -9,6 +9,7 @@ export declare enum KupColumnMenuIds {
     BUTTON_OPEN_IN_NEW = "open-in-new",
     BUTTON_REMOVE = "remove",
     BUTTON_SEARCH = "search",
+    BUTTON_COPY_OBJ = "copy-obj",
     CHECKBOX_GLOBAL = "global-checkbox",
     SWITCH_GROUP = "group",
     SWITCH_KEY = "key",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "11.0.0-SNAPSHOT-20251203160852",
+    "version": "11.0.0-SNAPSHOT-20251215171048",
     "keywords": [
         "smeup",
         "KetchUP",

package/dist/ketchup/p-53527430.js

@@ -1 +0,0 @@
-import{h as l}from"./p-710d0a7d.js";import{F as n}from"./p-cc9db65d.js";import{I as e,d as i,b as c}from"./p-94d1bd32.js";function r(l,n,i){const{id:c,value:r}=l;if(null==c&&r)return r;if(c&&null==r)return c;switch(n){case e.CODE:return c;case e.DESCRIPTION:return r;case e.CODE_AND_DESC:case e.CODE_AND_DESC_ALIAS:return c&&r?c+i+r:c||r;case e.DESC_AND_CODE:return r&&c?r+i+c:r||c;default:return c}}function s(l,n,i,c,s,t){const a=!!(i&&n&&n.data);let o="",u="",p=null;null!=t&&(p=t.detail.selected),null==p&&null!=l&&a&&(p=function(l,n,i){if(l&&l.data){let c=!1,s=null;for(let t=0;t<l.data.length;t++){let a=r(l.data[t],""==n?e.DESCRIPTION:i," - ");l.data[t].selected=!1,c||a.toString().toLowerCase()!=n.toString().toLowerCase()||(s=l.data[t],s.selected=!0,c=!0)}if(1==c)return s}return function(l,n){if(l&&l.data){let e=!1,i=null;for(let c=0;c<l.data.length;c++)l.data[c].selected=!1,e||l.data[c].id.toString().toLowerCase()!=n.toString().toLowerCase()||(i=l.data[c],i.selected=!0,e=!0);if(1==e)return i;for(let c=0;c<l.data.length;c++)if(l.data[c].value.toString().toLowerCase()==n.toString().toLowerCase()){i=l.data[c],i.selected=!0,e=!0;break}if(1==e)return i}return null}(l,n)}(n,l,s),i.data=[...n.data]),null==p&&null==l&&n&&(p=function(l){if(l.data)for(let n=0;n<l.data.length;n++)if(l.data[n].selected)return l.data[n];return null}(n));let d=null;null==p?(p={id:null==l?"":l,value:null==l?"":l},o=p.id,u=p.id,d=p.id):(o=r(p,c," - "),u=r(p,""==o?e.DESCRIPTION:s," - "),d=r(p,e.CODE," - "));const h=a?n.data.find((l=>l.id===d)):null;return{value:o,displayedValue:u,node:h,exists:!!h}}var t,a,o;!function(l){l.CHOICE="choice",l.FILTER="filter",l.INPUT="input",l.STANDARD="standard"}(t||(t={})),function(l){l.OUTLINED="outlined",l.RAISED="raised"}(a||(a={})),function(l){l.SMALL="small",l.MEDIUM="medium"}(o||(o={}));const u=document.documentElement,p=s=>{s.styling||(s.styling=a.RAISED),s.type||(s.type=t.STANDARD),s.DescrMode||(s.DescrMode=e.DESCRIPTION);const o=s.type.toLowerCase()===t.CHOICE,p=s.type.toLowerCase()===t.FILTER,d=s.type.toLowerCase()===t.INPUT,h=s.styling.toLowerCase()===a.OUTLINED,f={"chip-set":!0,"chip-set--choice":!!o,"chip-set--filter":!!p,"chip-set--input":!!d,"chip--outlined":!!h,"chip--raised":!h,[`chip--${s.sizing||"extra-small"}`]:!0};return l("div",Object.assign({class:`f-chip ${s.danger?"kup-danger":""} ${s.info?"kup-info":""} ${s.secondary?"kup-secondary":""} ${s.success?"kup-success":""} ${s.warning?"kup-warning":""} ${s.wrapperClass?s.wrapperClass:""} ${s.primary?"kup-primary":""}`},s.dataSet,{id:s.id,title:s.title}),l("div",{class:f,role:"grid"},function(s,t,a,o){const p=[];for(let d=0;s.data&&d<s.data.length;d++){const h=[];function f(e,r){const t=!!(e.children&&e.children.length>0),a=!(!t||!e.isExpanded),o={"--kup_chip_indent_offset":r.toString()},p=s.disabled;if(h.push(l("div",{class:"chip-set__wrapper "+(t&&!a?"chip-set__wrapper--hidden-children":"")},l("div",{class:"chip-set__indent",style:o}),t?l(n,{onClick:s.onExpansionClick&&s.onExpansionClick[d]?s.onExpansionClick[d].bind(s.onExpansionClick[d],e):null,resource:`${i.DROPDOWN}`,sizeX:"16px",sizeY:"16px",title:u.ketchup.language.translate(c.EXPAND)+"/"+u.ketchup.language.translate(c.COLLAPSE)+" (CTRL + Click)",wrapperClass:"dropdown-icon"}):r?l(n,{resource:"blank",sizeX:"16px",sizeY:"16px",wrapperClass:"dropdown-icon"}):null,_(e,p))),a)for(let l=0;l<e.children.length;l++)e.children[l]&&f(e.children[l],r+1)}function _(c,u){var p;let h=`chip ${c.icon&&!c.value?"chip--only-icon":""} ${u?"chip--disabled":""}`,f=[],_="chip__icon chip__icon--leading";(a||t)&&c.checked&&(h+=" chip--selected",a&&(_+=" chip__icon--leading-hidden")),c.icon&&f.push(l(n,Object.assign({},{color:t&&c.checked?"var(--kup_chip_primary_color)":"var(--kup_chip_text_color)",resource:c.icon,placeholderResource:c.placeholderIcon,sizeX:"16px",sizeY:"16px",wrapperClass:_}))),a&&f.push(l("span",{class:"chip__checkmark"},l("svg",{class:"chip__checkmark-svg",viewBox:"-2 -3 30 30"},l("path",{class:"chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"}))));let k=r(c,""==c.value?e.CODE:s.DescrMode," - ");return l("div",{class:h,"data-value":c.id,onClick:s.onClick&&s.onClick[d]?s.onClick[d].bind(s.onClick[d],c):null,onContextMenu:s.onContextMenu&&s.onContextMenu[d]?s.onContextMenu[d].bind(s.onContextMenu[d],c):null,role:"row",title:c.title?c.title:""},l("span",{class:"chip-set__indent"}),f,l("span",{role:"gridcell"},l("span",{role:"button",tabindex:d,class:"chip__primary-action",value:c.id,checked:c.checked,onBlur:s.onBlur&&s.onBlur[d]?s.onBlur[d].bind(s.onBlur[d],c):null,onFocus:s.onFocus&&s.onFocus[d]?s.onFocus[d].bind(s.onFocus[d],c):null},l("span",{class:"chip__text"},k))),(null===(p=s.hasFilter)||void 0===p?void 0:p[d])&&l("span",{role:"gridcell"},l("span",{tabindex:"-1",class:`kup-icon chip__icon ${i.FILTER_REMOVE.replace("--","")}`,onClick:s.onClearFilterClick&&s.onClearFilterClick[d]?s.onClearFilterClick[d].bind(s.onClearFilterClick[d],c):null})),o?l("span",{role:"gridcell"},l("span",{tabindex:"-1",class:`kup-icon chip__icon ${i.CLEAR.replace("--","")}`,onClick:s.onIconClick&&s.onIconClick[d]?s.onIconClick[d].bind(s.onIconClick[d],c):null})):null)}f(s.data[d],0),p.push(l("div",{class:"chip-set__item"},...h))}return p}(s,o,p,d)))};export{t as F,o as a,a as b,s as c,p as d,r as g}

package/dist/ketchup/p-b4aaaeee.js

@@ -1 +0,0 @@
-import{h as o}from"./p-710d0a7d.js";import{a as t,k as e,e as n}from"./p-94d1bd32.js";import{F as c}from"./p-ff735e62.js";import{a as i}from"./p-e3062c19.js";import{F as l}from"./p-88941874.js";const s=new WeakMap,r=e=>{var n;let s;return o("div",{class:`f-object-field ${e.wrapperClass?e.wrapperClass:""}`,ref:async o=>{o&&(e.root=o,p(e))}},o("div",{class:"fields-wrapper"},o(l,Object.assign({icon:"search",trailingIcon:!0,disabled:!1},null===(n=e.cell)||void 0===n?void 0:n.data,{attachHelperSection:o=>(s=o,!1),value:e.inputValue,onChange:e.onChange,onIconClick:d.icon.bind(e),onInput:d.input.bind(e),onKeyDown:d.keydown.bind(e)})),o(c,{icon:"menu",onClick:d.button.bind(e),sizing:t.SMALL,styling:i.FLAT,wrapperClass:"obj-field-extra-btn"})),s,o("kup-toolbar",{"onKup-toolbar-click":d.toolbar.bind(e)}))};function a(o){const{cell:t}=o,n=s.get(t),{clickCb:c}=n,{toolbar:i}=u(n),l=e();l.dynamicPosition.stop(i),l.removeClickCallback(c),i.style.display="none",n.isListOpened=!1}const u=o=>{const{children:t,clickCb:e,root:n}=o;return Object.keys(o.children).length||(t.button=n.querySelector(".f-button"),t.textfield=n.querySelector(".f-text-field"),t.toolbar=n.querySelector("kup-toolbar"),e.el=t.toolbar),t},p=o=>{const{cell:t,root:e}=o,n=s.get(t);s.set(t,n?Object.assign(Object.assign({},n),{root:e,children:u(n)}):{children:{},clickCb:{cb:a.bind(a,o)},inputValue:o.inputValue,isListOpened:!1,root:e})},b=(o,t,e)=>{const{cell:n,column:c,row:i,root:l}=o,{children:r,inputValue:a}=s.get(n),u=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{cell:n,children:r,column:c,inputValue:a,originalEvent:e,row:i}});l.dispatchEvent(u)},d={button:function(o){(function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i}=c;i?a(o):function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i,clickCb:l}=c,{button:r,toolbar:a}=u(c);if(i)return;const p=e();p.dynamicPosition.isRegistered(a)?p.dynamicPosition.changeAnchor(a,r):p.dynamicPosition.register(a,r,0,n.AUTO,!1),p.dynamicPosition.start(a),p.addClickCallback(l,!0),a.style.display="block",c.isListOpened=!0}(o)})(this),b(this,"kup-objectfield-opensearchmenu",o)},icon:function(o){b(this,"kup-objectfield-searchpayload",o)},input:function(o){const{cell:t}=this;s.get(t).inputValue=o.target.value},keydown:function(o){"F4"===o.code&&(o.preventDefault(),o.stopPropagation(),b(this,"kup-objectfield-searchpayload",o))},toolbar:function(o){a(this),b(this,"kup-objectfield-selectedmenuitem",o)}};export{r as F}