@sme.up/ketchup 9.5.0 → 9.5.2

package/dist/ketchup/{p-5b3d8636.entry.js → p-0c124f99.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,f as s,h,H as e,d as n,g as o}from"./p-cd9a4274.js";import{k as a,ac as r,g as l,s as c,a as d,D as f}from"./p-39ba3355.js";import{d as u,K as v,a as p,b as m,c as w}from"./p-924b841b.js";import{c as b}from"./p-635bb4b3.js";import{K as k}from"./p-c23731ca.js";import{F as y}from"./p-4afe8662.js";import{F as D}from"./p-b3577066.js";import"./p-d4a879fc.js";const S=a();function g(t,i,s,h){const e=j(t,i);let n=[];return s&&h&&(n=C(s,h)?j(s,h):[...e]),{dateValues:e,secDateValues:n}}function j(t,i){let s=[t.value,i.value];return O(t)&&O(i)?s:O(t)?[t.value,t.value]:O(i)?[i.value,i.value]:s}function O(t){return S.objects.isDate(t.obj)&&S.dates.isValid(t.value,k.ISO_DATE)}function C(t,i){return O(t)||O(i)}function T(t,i,s,h,e,n){let o=()=>e.map((i=>r(h.find((t=>t.name==i)),t.cells[i])));return n&&(o=n),(null==e?void 0:e.length)>=2?o():[t.cells[i].value,t.cells[s].value]}class M{constructor(){this.showSecondaryDates=!1,this.detailFilter="",this.detailInitialScrollX=0,this.detailInitialScrollY=0,this.taskFilter="",this.taskInitialScrollX=0,this.taskInitialScrollY=0,this.viewMode="day"}toDebugString(){return"dt state"}}var x,E,W,I,R,Y,K,P,V,G,X,A,F,L,H,N,_,z,q,B,J,Q,U,Z,$=function(t,i,s,h){if("a"===s&&!h)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!h:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?h:"a"===s?h.call(t):h?h.value:i.get(t)},tt=function(t,i,s,h,e){if("m"===h)throw new TypeError("Private method is not writable");if("a"===h&&!e)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===h?e.call(t,s):e?e.value=s:i.set(t,s),s};const it=class{constructor(s){t(this,s),this.kupClick=i(this,"kup-planner-click",6),this.kupDblClick=i(this,"kup-planner-dblclick",6),this.kupDateChange=i(this,"kup-planner-datechange",6),this.kupReady=i(this,"kup-planner-ready",6),this.kupContextMenu=i(this,"kup-planner-contextmenu",6),this.kupDidUnload=i(this,"kup-planner-didunload",6),x.add(this),this.state=new M,E.set(this,a()),W.set(this,void 0),I.set(this,[]),R.set(this,{}),Y.set(this,void 0),this.stateId="",this.store=void 0,this.customStyle="",this.data=void 0,this.detailData=void 0,this.detailColorCol=void 0,this.detailColumns=void 0,this.detailDates=void 0,this.detailFilter=void 0,this.detailHeight=void 0,this.detailIconCol=void 0,this.detailIdCol=void 0,this.detailNameCol=void 0,this.detailPrevDates=void 0,this.detailInitialScrollX=void 0,this.detailInitialScrollY=void 0,this.listCellWidth="300px",this.maxWidth="90vw",this.phaseColorCol=void 0,this.phaseColumns=void 0,this.phaseColParDep=void 0,this.phaseDates=void 0,this.phaseIconCol=void 0,this.phaseIdCol=void 0,this.phaseNameCol=void 0,this.phasePrevDates=void 0,this.readOnly=!1,this.showSecondaryDates=!1,this.taskColumns=void 0,this.taskDates=void 0,this.taskFilter=void 0,this.taskHeight=void 0,this.taskIconCol=void 0,this.taskIdCol=void 0,this.taskInitialScrollX=void 0,this.taskInitialScrollY=void 0,this.taskNameCol=void 0,this.taskPrevDates=void 0,this.titleMess=void 0,this.viewMode="month",this.mainFilter=void 0,this.secondaryFilter=void 0,this.plannerProps=void 0}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&($(this,E,"f").debug.logMessage(this,"Initializing stateId "+this.stateId),this.detailFilter=t.detailFilter,this.showSecondaryDates=t.showSecondaryDates,this.detailInitialScrollX=t.detailInitialScrollX,this.detailInitialScrollY=t.detailInitialScrollY,this.taskFilter=t.taskFilter,this.taskInitialScrollX=t.taskInitialScrollX,this.taskInitialScrollY=t.taskInitialScrollY,this.viewMode=t.viewMode)}}persistState(){if(this.store&&this.stateId){let t=!1;$(this,E,"f").objects.deepEqual(this.state.detailFilter,$(this,Y,"f").detailFilter)||(this.state.detailFilter=$(this,Y,"f").detailFilter,t=!0),$(this,E,"f").objects.deepEqual(this.state.showSecondaryDates,$(this,Y,"f").showSecondaryDates)||(this.state.showSecondaryDates=$(this,Y,"f").showSecondaryDates,t=!0),$(this,E,"f").objects.deepEqual(this.state.detailInitialScrollX,$(this,Y,"f").detailInitialScrollX)||(this.state.detailInitialScrollX=$(this,Y,"f").detailInitialScrollX,t=!0),$(this,E,"f").objects.deepEqual(this.state.detailInitialScrollY,$(this,Y,"f").detailInitialScrollY)||(this.state.detailInitialScrollY=$(this,Y,"f").detailInitialScrollY,t=!0),$(this,E,"f").objects.deepEqual(this.state.taskFilter,$(this,Y,"f").taskFilter)||(this.state.taskFilter=$(this,Y,"f").taskFilter,t=!0),$(this,E,"f").objects.deepEqual(this.state.taskInitialScrollX,$(this,Y,"f").taskInitialScrollX)||(this.state.taskInitialScrollX=$(this,Y,"f").taskInitialScrollX,t=!0),$(this,E,"f").objects.deepEqual(this.state.taskInitialScrollY,$(this,Y,"f").taskInitialScrollY)||(this.state.taskInitialScrollY=$(this,Y,"f").taskInitialScrollY,t=!0),$(this,E,"f").objects.deepEqual(this.state.viewMode,$(this,Y,"f").viewMode)||(this.state.viewMode=$(this,Y,"f").viewMode,t=!0),t&&($(this,E,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}dataChanged(){tt(this,R,{},"f")}async getProps(t){return l(this,w,t)}async refresh(){s(this)}async setProps(t){c(this,w,t)}async addPhases(t,i){var s;const h=$(this,x,"m",V).call(this,t);h&&($(this,R,"f")[t]=i,h.phases=null===(s=i.rows)||void 0===s?void 0:s.filter((t=>C(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]]))).map((t=>{const s=g(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]],t.cells[this.phasePrevDates[0]],t.cells[this.phasePrevDates[1]]),e=T(t,this.phaseIdCol,this.phaseNameCol,i.columns,this.phaseColumns,(()=>this.phaseColumns.map((s=>s==this.phaseDates[0]?"#START#":s==this.phaseDates[1]?"#END#":r(i.columns.find((t=>t.name==s)),t.cells[s])))));let n=$(this,x,"m",U).call(this,t,this.phaseIconCol),o=$(this,x,"m",Z).call(this,t,this.phaseIconCol);return{taskRow:h.taskRow,phaseRow:t,id:h.id+"_"+t.cells[this.phaseIdCol].value,phaseRowId:t.id,taskRowId:h.taskRowId,name:t.cells[this.phaseNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"task",color:t.cells[this.phaseColorCol].value,selectedColor:t.cells[this.phaseColorCol].value,valuesToShow:e,rowType:v.PHASE,icon:n?{url:n,color:null!=o?o:"#595959"}:void 0}}))),this.plannerProps.mainGantt.initialScrollX=$(this,Y,"f").taskInitialScrollX,this.plannerProps.mainGantt.initialScrollY=$(this,Y,"f").taskInitialScrollY,this.plannerProps.secondaryGantt&&(this.plannerProps.secondaryGantt.initialScrollX=$(this,Y,"f").detailInitialScrollX,this.plannerProps.secondaryGantt.initialScrollX=$(this,Y,"f").detailInitialScrollY),this.plannerProps=Object.assign({},this.plannerProps)}componentWillLoad(){$(this,E,"f").debug.logLoad(this,!1),$(this,E,"f").theme.register(this),this.initWithPersistedState(),tt(this,Y,{detailFilter:this.detailFilter,detailInitialScrollX:this.detailInitialScrollX,detailInitialScrollY:this.detailInitialScrollY,showSecondaryDates:this.showSecondaryDates,taskFilter:this.taskFilter,taskInitialScrollX:this.taskInitialScrollX,taskInitialScrollY:this.taskInitialScrollY,viewMode:this.viewMode},"f")}componentDidLoad(){let t=$(this,x,"m",P).call(this,$(this,x,"m",Q).call(this,$(this,Y,"f").detailFilter,!0));const i=this.rootElement.shadowRoot.querySelector("#main-filter");D(i);const s=this.rootElement.shadowRoot.querySelector("#secondary-filter");let h,e,n;t&&D(s),this.plannerProps={mainGantt:{title:this.titleMess,items:$(this,x,"m",K).call(this,$(this,x,"m",Q).call(this,$(this,Y,"f").taskFilter,!1)),stylingOptions:Object.assign(Object.assign({},u),{listCellWidth:this.listCellWidth}),filter:i,hideLabel:!0,ganttHeight:this.taskHeight,showSecondaryDates:$(this,Y,"f").showSecondaryDates,onClick:t=>this.handleOnClick(t),onDblClick:t=>this.handleOnDblClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.taskInitialScrollX,initialScrollY:this.taskInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(e),e=window.setTimeout((()=>this.handleTaskGanttScrollY(t)),500)}},secondaryGantt:t?{title:"",items:t,stylingOptions:Object.assign(Object.assign({},u),{listCellWidth:this.listCellWidth}),filter:s,hideLabel:!0,ganttHeight:this.detailHeight,onClick:t=>this.handleOnClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.detailInitialScrollX,initialScrollY:this.detailInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(n),n=window.setTimeout((()=>this.handleDetailGanttScrollY(t)),500)}}:void 0,onSetDoubleView:t=>this.handleOnSetDoubleView(t),onSetViewMode:t=>this.handleOnSetViewMode(t),viewMode:this.viewMode,onScrollX:t=>{window.clearTimeout(h),h=window.setTimeout((()=>this.handleOnScrollX(t)),500)}},this.kupReady.emit({comp:this,id:this.rootElement.id,value:void 0}),this.taskFilter&&$(this,x,"m",J).call(this,this.taskFilter),this.detailFilter&&$(this,x,"m",J).call(this,this.detailFilter,!0),$(this,E,"f").debug.logLoad(this,!0)}componentDidRender(){this.persistState(),$(this,E,"f").debug.logRender(this,!0)}onKupDblClick(t,i){this.kupDblClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupClick(t,i){this.kupClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupContextMenu(t,i,s){let h,e,n;switch(i.type){case"project":h=i.taskRow,e=h.cells[this.taskIdCol],n=this.data.columns[this.taskIdCol];break;case"task":h=i.phaseRow,e=h.cells[this.phaseIdCol];break;case"timeline":h=i.detailRow,e=h.cells[this.detailIdCol],n=this.data.columns[this.detailIdCol]}this.kupContextMenu.emit({comp:this,id:this.rootElement.id,value:i,taskAction:s,details:{cell:e,column:n,originalEvent:t,row:h}})}onKupDateChange(t,i){this.kupDateChange.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}handleOnDblClick(t){switch(t.rowType){case v.TASK:$(this,x,"m",X).call(this)&&this.onKupDblClick(t,p.onDblClick);break;case v.PHASE:$(this,x,"m",A).call(this)&&this.onKupDblClick(t,p.onDblClick);break;case v.DETAIL:$(this,x,"m",F).call(this)&&this.onKupDblClick(t,p.onDblClick)}for(let t=0;t<$(this,I,"f").length;t++)clearTimeout($(this,I,"f")[t]),$(this,E,"f").debug.logMessage(this,"Cleared click timeout("+$(this,I,"f")[t]+").");tt(this,I,[],"f")}handleOnClick(t){$(this,I,"f").push(setTimeout((()=>{switch(t.rowType){case v.TASK:const i=t.phases?p.onTaskClosing:p.onTaskOpening;$(this,x,"m",L).call(this,t)&&this.onKupClick(t,i);break;case v.PHASE:$(this,x,"m",H).call(this)&&this.onKupClick(t,p.onClick);break;case v.DETAIL:$(this,x,"m",N).call(this)&&this.onKupClick(t,p.onClick)}}),300))}handleOnContextMenu(t,i){switch(i.rowType){case v.TASK:$(this,x,"m",_).call(this)&&this.onKupContextMenu(t,i,p.onRightClick);break;case v.PHASE:$(this,x,"m",z).call(this)&&this.onKupContextMenu(t,i,p.onRightClick);break;case v.DETAIL:$(this,x,"m",q).call(this)&&this.onKupContextMenu(t,i,p.onRightClick)}}handleOnSetDoubleView(t){var i;$(this,Y,"f").showSecondaryDates=t,(null===(i=this.plannerProps)||void 0===i?void 0:i.mainGantt)&&(this.plannerProps.mainGantt.showSecondaryDates=t),this.persistState()}handleOnSetViewMode(t){$(this,Y,"f").viewMode=t,this.plannerProps.viewMode=t,this.persistState()}handleOnScrollX(t){$(this,Y,"f").taskInitialScrollX=t,$(this,Y,"f").detailInitialScrollX=t,this.persistState()}handleTaskGanttScrollY(t){$(this,Y,"f").taskInitialScrollY=t,this.persistState()}handleDetailGanttScrollY(t){$(this,Y,"f").detailInitialScrollY=t,this.persistState()}handleOnDateChange(t){$(this,x,"m",B).call(this,t)&&t.rowType!=v.DETAIL&&this.onKupDateChange(t,p.onResize)}render(){var t,i,s;const n=this.plannerProps?Object.assign(Object.assign({},this.plannerProps),{onSetDoubleView:this.handleOnSetDoubleView.bind(this),onSetViewMode:this.handleOnSetViewMode.bind(this),onScrollX:this.handleOnScrollX.bind(this),mainGantt:Object.assign(Object.assign({},null===(t=this.plannerProps)||void 0===t?void 0:t.mainGantt),{onScrollY:this.handleTaskGanttScrollY.bind(this)})}):null;return(null===(i=this.plannerProps)||void 0===i?void 0:i.secondaryGantt)&&(n.secondaryGantt=Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{onScrollY:this.handleDetailGanttScrollY.bind(this)})),h(e,null,h("style",null,$(this,E,"f").theme.setKupStyle(this.rootElement)),h("div",{id:b,style:{maxWidth:this.maxWidth}},this.plannerProps&&h("kup-planner-renderer",{props:n})),h("div",{style:{display:this.plannerProps?"none":""}},h(y,{icon:d.SEARCH,id:"main-filter",label:$(this,E,"f").language.translate(f.SEARCH),onKeyDown:t=>{"Enter"===t.key&&$(this,x,"m",J).call(this,t.target.value)},value:this.taskFilter,wrapperClass:"filter"}),(null===(s=this.detailData)||void 0===s?void 0:s.rows)&&this.detailData.rows.length>0?h(y,{icon:d.SEARCH,id:"secondary-filter",label:$(this,E,"f").language.translate(f.SEARCH),onKeyDown:t=>{"Enter"===t.key&&$(this,x,"m",J).call(this,t.target.value,!0)},value:this.detailFilter,wrapperClass:"filter"}):null))}disconnectedCallback(){$(this,E,"f").theme.unregister(this),this.kupDidUnload.emit({comp:this,id:this.rootElement.id,storedSettings:$(this,Y,"f")})}get rootElement(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};E=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,Y=new WeakMap,x=new WeakSet,K=function(t){var i;return t&&t.rows?null===(i=t.rows)||void 0===i?void 0:i.filter((t=>C(t.cells[this.taskDates[0]],t.cells[this.taskDates[1]]))).map((i=>{const s=g(i.cells[this.taskDates[0]],i.cells[this.taskDates[1]],i.cells[this.taskPrevDates[0]],i.cells[this.taskPrevDates[1]]),h=T(i,this.taskIdCol,this.taskNameCol,t.columns,this.taskColumns,(()=>this.taskColumns.map((s=>s==this.taskDates[0]?"#START#":s==this.taskDates[1]?"#END#":r(t.columns.find((t=>t.name==s)),i.cells[s])))));let e=$(this,x,"m",U).call(this,i,this.taskIconCol),n=$(this,x,"m",Z).call(this,i,this.taskIconCol);return{taskRow:i,taskRowId:i.id,id:i.cells[this.taskIdCol].value,name:i.cells[this.taskNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"project",valuesToShow:h,rowType:v.TASK,icon:e?{url:e,color:null!=n?n:"#595959"}:void 0}})):[]},P=function(t){if(!t||!t.rows)return;let i=[];return t.rows.filter((t=>C(t.cells[this.detailDates[0]],t.cells[this.detailDates[1]]))).forEach((s=>{var h,e;const n=s.cells[this.detailIdCol].value,o=s.cells[this.detailNameCol].value,a=g(s.cells[this.detailDates[0]],s.cells[this.detailDates[1]]),r=T(s,this.detailIdCol,this.detailNameCol,t.columns,this.detailColumns);let l=i.find((t=>t.id==n));l||(l={id:n,name:o,detailRow:s,type:"timeline",valuesToShow:r,rowType:v.DETAIL,schedule:[]},i.push(l));let c=$(this,x,"m",U).call(this,s,this.detailIconCol),d=$(this,x,"m",Z).call(this,s,this.detailIconCol);l.schedule.push({startDate:a.dateValues[0],endDate:a.dateValues[1],color:this.detailColorCol&&null!==(h=s.cells[this.detailColorCol].value)&&void 0!==h?h:"#D9D9D8",selectedColor:this.detailColorCol&&null!==(e=s.cells[this.detailColorCol].value)&&void 0!==e?e:"#D9D9D8",icon:c?{url:c,color:null!=d?d:"#595959"}:void 0})})),i},V=function(t){return this.plannerProps.mainGantt.items.find((i=>i.id==t))},G=function(t){const i=$(this,x,"m",V).call(this,t);i&&(i.phases=void 0),this.plannerProps=Object.assign({},this.plannerProps)},X=function(){return!0},A=function(){return!0},F=function(){return!0},L=function(t){const i=$(this,x,"m",V).call(this,t.id);return(null==i?void 0:i.phases)&&$(this,x,"m",G).call(this,i.id),!0},H=function(){return!0},N=function(){return!0},_=function(){return!0},z=function(){return!0},q=function(){return!0},B=function(t){let i=!1;return $(this,W,"f")?$(this,W,"f").isEquivalent(t)||(tt(this,W,new m(t),"f"),i=!0):(i=!0,tt(this,W,new m(t),"f")),i},J=function(t,i){i?$(this,Y,"f").detailFilter=t:$(this,Y,"f").taskFilter=t;const s=i?{secondaryGantt:Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{items:$(this,x,"m",P).call(this,$(this,x,"m",Q).call(this,t,i))})}:{mainGantt:Object.assign(Object.assign({},this.plannerProps.mainGantt),{items:$(this,x,"m",K).call(this,$(this,x,"m",Q).call(this,t,i))})};this.plannerProps=Object.assign(Object.assign({},this.plannerProps),s),this.persistState()},Q=function(t,i){const s=i?this.detailData:this.data;if(!s||!s.rows||0==s.rows.length)return;if(!t)return s;const h={columns:this.data.columns,rows:[]},e=[];for(let i=0;i<s.rows.length;i++){const h=s.rows[i],n=h.cells;for(let i=0;i<s.columns.length;i++){const o=n[s.columns[i].name];if(o&&r(s.columns[i],o).toLowerCase().indexOf(t.toLowerCase())>-1){e.push({row:h,weight:i});break}}}return e.sort(((t,i)=>t.weight-i.weight)).forEach((t=>{h.rows.push(t.row)})),h},U=function(t,i){var s;let h;if(i){const e=t.cells[i];let n=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.resource;n||(n=e.value),n&&(h=o("./assets/svg/"+n+".svg"))}return h},Z=function(t,i){var s;let h;if(i){const e=t.cells[i];h=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.color,h&&(h=$(this,E,"f").theme.colorCheck(h).hexColor)}return h},it.style=":host{display:block}.filter{margin:12px 10px 12px 0;padding:0 10px}.planner-render{padding-top:40px}";export{it as kup_planner}
+import{r as t,c as i,f as s,h,H as e,d as n,g as o}from"./p-cd9a4274.js";import{k as a,ac as r,g as l,s as c,a as d,D as f}from"./p-937a322f.js";import{d as u,K as v,a as p,b as m,c as w}from"./p-924b841b.js";import{c as b}from"./p-635bb4b3.js";import{K as k}from"./p-c23731ca.js";import{F as y}from"./p-9ba8f169.js";import{F as D}from"./p-b3577066.js";import"./p-d4a879fc.js";const S=a();function g(t,i,s,h){const e=j(t,i);let n=[];return s&&h&&(n=C(s,h)?j(s,h):[...e]),{dateValues:e,secDateValues:n}}function j(t,i){let s=[t.value,i.value];return O(t)&&O(i)?s:O(t)?[t.value,t.value]:O(i)?[i.value,i.value]:s}function O(t){return S.objects.isDate(t.obj)&&S.dates.isValid(t.value,k.ISO_DATE)}function C(t,i){return O(t)||O(i)}function T(t,i,s,h,e,n){let o=()=>e.map((i=>r(h.find((t=>t.name==i)),t.cells[i])));return n&&(o=n),(null==e?void 0:e.length)>=2?o():[t.cells[i].value,t.cells[s].value]}class M{constructor(){this.showSecondaryDates=!1,this.detailFilter="",this.detailInitialScrollX=0,this.detailInitialScrollY=0,this.taskFilter="",this.taskInitialScrollX=0,this.taskInitialScrollY=0,this.viewMode="day"}toDebugString(){return"dt state"}}var x,E,W,I,R,Y,K,P,V,G,X,A,F,L,H,N,_,z,q,B,J,Q,U,Z,$=function(t,i,s,h){if("a"===s&&!h)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!h:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?h:"a"===s?h.call(t):h?h.value:i.get(t)},tt=function(t,i,s,h,e){if("m"===h)throw new TypeError("Private method is not writable");if("a"===h&&!e)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===h?e.call(t,s):e?e.value=s:i.set(t,s),s};const it=class{constructor(s){t(this,s),this.kupClick=i(this,"kup-planner-click",6),this.kupDblClick=i(this,"kup-planner-dblclick",6),this.kupDateChange=i(this,"kup-planner-datechange",6),this.kupReady=i(this,"kup-planner-ready",6),this.kupContextMenu=i(this,"kup-planner-contextmenu",6),this.kupDidUnload=i(this,"kup-planner-didunload",6),x.add(this),this.state=new M,E.set(this,a()),W.set(this,void 0),I.set(this,[]),R.set(this,{}),Y.set(this,void 0),this.stateId="",this.store=void 0,this.customStyle="",this.data=void 0,this.detailData=void 0,this.detailColorCol=void 0,this.detailColumns=void 0,this.detailDates=void 0,this.detailFilter=void 0,this.detailHeight=void 0,this.detailIconCol=void 0,this.detailIdCol=void 0,this.detailNameCol=void 0,this.detailPrevDates=void 0,this.detailInitialScrollX=void 0,this.detailInitialScrollY=void 0,this.listCellWidth="300px",this.maxWidth="90vw",this.phaseColorCol=void 0,this.phaseColumns=void 0,this.phaseColParDep=void 0,this.phaseDates=void 0,this.phaseIconCol=void 0,this.phaseIdCol=void 0,this.phaseNameCol=void 0,this.phasePrevDates=void 0,this.readOnly=!1,this.showSecondaryDates=!1,this.taskColumns=void 0,this.taskDates=void 0,this.taskFilter=void 0,this.taskHeight=void 0,this.taskIconCol=void 0,this.taskIdCol=void 0,this.taskInitialScrollX=void 0,this.taskInitialScrollY=void 0,this.taskNameCol=void 0,this.taskPrevDates=void 0,this.titleMess=void 0,this.viewMode="month",this.mainFilter=void 0,this.secondaryFilter=void 0,this.plannerProps=void 0}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&($(this,E,"f").debug.logMessage(this,"Initializing stateId "+this.stateId),this.detailFilter=t.detailFilter,this.showSecondaryDates=t.showSecondaryDates,this.detailInitialScrollX=t.detailInitialScrollX,this.detailInitialScrollY=t.detailInitialScrollY,this.taskFilter=t.taskFilter,this.taskInitialScrollX=t.taskInitialScrollX,this.taskInitialScrollY=t.taskInitialScrollY,this.viewMode=t.viewMode)}}persistState(){if(this.store&&this.stateId){let t=!1;$(this,E,"f").objects.deepEqual(this.state.detailFilter,$(this,Y,"f").detailFilter)||(this.state.detailFilter=$(this,Y,"f").detailFilter,t=!0),$(this,E,"f").objects.deepEqual(this.state.showSecondaryDates,$(this,Y,"f").showSecondaryDates)||(this.state.showSecondaryDates=$(this,Y,"f").showSecondaryDates,t=!0),$(this,E,"f").objects.deepEqual(this.state.detailInitialScrollX,$(this,Y,"f").detailInitialScrollX)||(this.state.detailInitialScrollX=$(this,Y,"f").detailInitialScrollX,t=!0),$(this,E,"f").objects.deepEqual(this.state.detailInitialScrollY,$(this,Y,"f").detailInitialScrollY)||(this.state.detailInitialScrollY=$(this,Y,"f").detailInitialScrollY,t=!0),$(this,E,"f").objects.deepEqual(this.state.taskFilter,$(this,Y,"f").taskFilter)||(this.state.taskFilter=$(this,Y,"f").taskFilter,t=!0),$(this,E,"f").objects.deepEqual(this.state.taskInitialScrollX,$(this,Y,"f").taskInitialScrollX)||(this.state.taskInitialScrollX=$(this,Y,"f").taskInitialScrollX,t=!0),$(this,E,"f").objects.deepEqual(this.state.taskInitialScrollY,$(this,Y,"f").taskInitialScrollY)||(this.state.taskInitialScrollY=$(this,Y,"f").taskInitialScrollY,t=!0),$(this,E,"f").objects.deepEqual(this.state.viewMode,$(this,Y,"f").viewMode)||(this.state.viewMode=$(this,Y,"f").viewMode,t=!0),t&&($(this,E,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}dataChanged(){tt(this,R,{},"f")}async getProps(t){return l(this,w,t)}async refresh(){s(this)}async setProps(t){c(this,w,t)}async addPhases(t,i){var s;const h=$(this,x,"m",V).call(this,t);h&&($(this,R,"f")[t]=i,h.phases=null===(s=i.rows)||void 0===s?void 0:s.filter((t=>C(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]]))).map((t=>{const s=g(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]],t.cells[this.phasePrevDates[0]],t.cells[this.phasePrevDates[1]]),e=T(t,this.phaseIdCol,this.phaseNameCol,i.columns,this.phaseColumns,(()=>this.phaseColumns.map((s=>s==this.phaseDates[0]?"#START#":s==this.phaseDates[1]?"#END#":r(i.columns.find((t=>t.name==s)),t.cells[s])))));let n=$(this,x,"m",U).call(this,t,this.phaseIconCol),o=$(this,x,"m",Z).call(this,t,this.phaseIconCol);return{taskRow:h.taskRow,phaseRow:t,id:h.id+"_"+t.cells[this.phaseIdCol].value,phaseRowId:t.id,taskRowId:h.taskRowId,name:t.cells[this.phaseNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"task",color:t.cells[this.phaseColorCol].value,selectedColor:t.cells[this.phaseColorCol].value,valuesToShow:e,rowType:v.PHASE,icon:n?{url:n,color:null!=o?o:"#595959"}:void 0}}))),this.plannerProps.mainGantt.initialScrollX=$(this,Y,"f").taskInitialScrollX,this.plannerProps.mainGantt.initialScrollY=$(this,Y,"f").taskInitialScrollY,this.plannerProps.secondaryGantt&&(this.plannerProps.secondaryGantt.initialScrollX=$(this,Y,"f").detailInitialScrollX,this.plannerProps.secondaryGantt.initialScrollX=$(this,Y,"f").detailInitialScrollY),this.plannerProps=Object.assign({},this.plannerProps)}componentWillLoad(){$(this,E,"f").debug.logLoad(this,!1),$(this,E,"f").theme.register(this),this.initWithPersistedState(),tt(this,Y,{detailFilter:this.detailFilter,detailInitialScrollX:this.detailInitialScrollX,detailInitialScrollY:this.detailInitialScrollY,showSecondaryDates:this.showSecondaryDates,taskFilter:this.taskFilter,taskInitialScrollX:this.taskInitialScrollX,taskInitialScrollY:this.taskInitialScrollY,viewMode:this.viewMode},"f")}componentDidLoad(){let t=$(this,x,"m",P).call(this,$(this,x,"m",Q).call(this,$(this,Y,"f").detailFilter,!0));const i=this.rootElement.shadowRoot.querySelector("#main-filter");D(i);const s=this.rootElement.shadowRoot.querySelector("#secondary-filter");let h,e,n;t&&D(s),this.plannerProps={mainGantt:{title:this.titleMess,items:$(this,x,"m",K).call(this,$(this,x,"m",Q).call(this,$(this,Y,"f").taskFilter,!1)),stylingOptions:Object.assign(Object.assign({},u),{listCellWidth:this.listCellWidth}),filter:i,hideLabel:!0,ganttHeight:this.taskHeight,showSecondaryDates:$(this,Y,"f").showSecondaryDates,onClick:t=>this.handleOnClick(t),onDblClick:t=>this.handleOnDblClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.taskInitialScrollX,initialScrollY:this.taskInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(e),e=window.setTimeout((()=>this.handleTaskGanttScrollY(t)),500)}},secondaryGantt:t?{title:"",items:t,stylingOptions:Object.assign(Object.assign({},u),{listCellWidth:this.listCellWidth}),filter:s,hideLabel:!0,ganttHeight:this.detailHeight,onClick:t=>this.handleOnClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.detailInitialScrollX,initialScrollY:this.detailInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(n),n=window.setTimeout((()=>this.handleDetailGanttScrollY(t)),500)}}:void 0,onSetDoubleView:t=>this.handleOnSetDoubleView(t),onSetViewMode:t=>this.handleOnSetViewMode(t),viewMode:this.viewMode,onScrollX:t=>{window.clearTimeout(h),h=window.setTimeout((()=>this.handleOnScrollX(t)),500)}},this.kupReady.emit({comp:this,id:this.rootElement.id,value:void 0}),this.taskFilter&&$(this,x,"m",J).call(this,this.taskFilter),this.detailFilter&&$(this,x,"m",J).call(this,this.detailFilter,!0),$(this,E,"f").debug.logLoad(this,!0)}componentDidRender(){this.persistState(),$(this,E,"f").debug.logRender(this,!0)}onKupDblClick(t,i){this.kupDblClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupClick(t,i){this.kupClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupContextMenu(t,i,s){let h,e,n;switch(i.type){case"project":h=i.taskRow,e=h.cells[this.taskIdCol],n=this.data.columns[this.taskIdCol];break;case"task":h=i.phaseRow,e=h.cells[this.phaseIdCol];break;case"timeline":h=i.detailRow,e=h.cells[this.detailIdCol],n=this.data.columns[this.detailIdCol]}this.kupContextMenu.emit({comp:this,id:this.rootElement.id,value:i,taskAction:s,details:{cell:e,column:n,originalEvent:t,row:h}})}onKupDateChange(t,i){this.kupDateChange.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}handleOnDblClick(t){switch(t.rowType){case v.TASK:$(this,x,"m",X).call(this)&&this.onKupDblClick(t,p.onDblClick);break;case v.PHASE:$(this,x,"m",A).call(this)&&this.onKupDblClick(t,p.onDblClick);break;case v.DETAIL:$(this,x,"m",F).call(this)&&this.onKupDblClick(t,p.onDblClick)}for(let t=0;t<$(this,I,"f").length;t++)clearTimeout($(this,I,"f")[t]),$(this,E,"f").debug.logMessage(this,"Cleared click timeout("+$(this,I,"f")[t]+").");tt(this,I,[],"f")}handleOnClick(t){$(this,I,"f").push(setTimeout((()=>{switch(t.rowType){case v.TASK:const i=t.phases?p.onTaskClosing:p.onTaskOpening;$(this,x,"m",L).call(this,t)&&this.onKupClick(t,i);break;case v.PHASE:$(this,x,"m",H).call(this)&&this.onKupClick(t,p.onClick);break;case v.DETAIL:$(this,x,"m",N).call(this)&&this.onKupClick(t,p.onClick)}}),300))}handleOnContextMenu(t,i){switch(i.rowType){case v.TASK:$(this,x,"m",_).call(this)&&this.onKupContextMenu(t,i,p.onRightClick);break;case v.PHASE:$(this,x,"m",z).call(this)&&this.onKupContextMenu(t,i,p.onRightClick);break;case v.DETAIL:$(this,x,"m",q).call(this)&&this.onKupContextMenu(t,i,p.onRightClick)}}handleOnSetDoubleView(t){var i;$(this,Y,"f").showSecondaryDates=t,(null===(i=this.plannerProps)||void 0===i?void 0:i.mainGantt)&&(this.plannerProps.mainGantt.showSecondaryDates=t),this.persistState()}handleOnSetViewMode(t){$(this,Y,"f").viewMode=t,this.plannerProps.viewMode=t,this.persistState()}handleOnScrollX(t){$(this,Y,"f").taskInitialScrollX=t,$(this,Y,"f").detailInitialScrollX=t,this.persistState()}handleTaskGanttScrollY(t){$(this,Y,"f").taskInitialScrollY=t,this.persistState()}handleDetailGanttScrollY(t){$(this,Y,"f").detailInitialScrollY=t,this.persistState()}handleOnDateChange(t){$(this,x,"m",B).call(this,t)&&t.rowType!=v.DETAIL&&this.onKupDateChange(t,p.onResize)}render(){var t,i,s;const n=this.plannerProps?Object.assign(Object.assign({},this.plannerProps),{onSetDoubleView:this.handleOnSetDoubleView.bind(this),onSetViewMode:this.handleOnSetViewMode.bind(this),onScrollX:this.handleOnScrollX.bind(this),mainGantt:Object.assign(Object.assign({},null===(t=this.plannerProps)||void 0===t?void 0:t.mainGantt),{onScrollY:this.handleTaskGanttScrollY.bind(this)})}):null;return(null===(i=this.plannerProps)||void 0===i?void 0:i.secondaryGantt)&&(n.secondaryGantt=Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{onScrollY:this.handleDetailGanttScrollY.bind(this)})),h(e,null,h("style",null,$(this,E,"f").theme.setKupStyle(this.rootElement)),h("div",{id:b,style:{maxWidth:this.maxWidth}},this.plannerProps&&h("kup-planner-renderer",{props:n})),h("div",{style:{display:this.plannerProps?"none":""}},h(y,{icon:d.SEARCH,id:"main-filter",label:$(this,E,"f").language.translate(f.SEARCH),onKeyDown:t=>{"Enter"===t.key&&$(this,x,"m",J).call(this,t.target.value)},value:this.taskFilter,wrapperClass:"filter"}),(null===(s=this.detailData)||void 0===s?void 0:s.rows)&&this.detailData.rows.length>0?h(y,{icon:d.SEARCH,id:"secondary-filter",label:$(this,E,"f").language.translate(f.SEARCH),onKeyDown:t=>{"Enter"===t.key&&$(this,x,"m",J).call(this,t.target.value,!0)},value:this.detailFilter,wrapperClass:"filter"}):null))}disconnectedCallback(){$(this,E,"f").theme.unregister(this),this.kupDidUnload.emit({comp:this,id:this.rootElement.id,storedSettings:$(this,Y,"f")})}get rootElement(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};E=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,Y=new WeakMap,x=new WeakSet,K=function(t){var i;return t&&t.rows?null===(i=t.rows)||void 0===i?void 0:i.filter((t=>C(t.cells[this.taskDates[0]],t.cells[this.taskDates[1]]))).map((i=>{const s=g(i.cells[this.taskDates[0]],i.cells[this.taskDates[1]],i.cells[this.taskPrevDates[0]],i.cells[this.taskPrevDates[1]]),h=T(i,this.taskIdCol,this.taskNameCol,t.columns,this.taskColumns,(()=>this.taskColumns.map((s=>s==this.taskDates[0]?"#START#":s==this.taskDates[1]?"#END#":r(t.columns.find((t=>t.name==s)),i.cells[s])))));let e=$(this,x,"m",U).call(this,i,this.taskIconCol),n=$(this,x,"m",Z).call(this,i,this.taskIconCol);return{taskRow:i,taskRowId:i.id,id:i.cells[this.taskIdCol].value,name:i.cells[this.taskNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"project",valuesToShow:h,rowType:v.TASK,icon:e?{url:e,color:null!=n?n:"#595959"}:void 0}})):[]},P=function(t){if(!t||!t.rows)return;let i=[];return t.rows.filter((t=>C(t.cells[this.detailDates[0]],t.cells[this.detailDates[1]]))).forEach((s=>{var h,e;const n=s.cells[this.detailIdCol].value,o=s.cells[this.detailNameCol].value,a=g(s.cells[this.detailDates[0]],s.cells[this.detailDates[1]]),r=T(s,this.detailIdCol,this.detailNameCol,t.columns,this.detailColumns);let l=i.find((t=>t.id==n));l||(l={id:n,name:o,detailRow:s,type:"timeline",valuesToShow:r,rowType:v.DETAIL,schedule:[]},i.push(l));let c=$(this,x,"m",U).call(this,s,this.detailIconCol),d=$(this,x,"m",Z).call(this,s,this.detailIconCol);l.schedule.push({startDate:a.dateValues[0],endDate:a.dateValues[1],color:this.detailColorCol&&null!==(h=s.cells[this.detailColorCol].value)&&void 0!==h?h:"#D9D9D8",selectedColor:this.detailColorCol&&null!==(e=s.cells[this.detailColorCol].value)&&void 0!==e?e:"#D9D9D8",icon:c?{url:c,color:null!=d?d:"#595959"}:void 0})})),i},V=function(t){return this.plannerProps.mainGantt.items.find((i=>i.id==t))},G=function(t){const i=$(this,x,"m",V).call(this,t);i&&(i.phases=void 0),this.plannerProps=Object.assign({},this.plannerProps)},X=function(){return!0},A=function(){return!0},F=function(){return!0},L=function(t){const i=$(this,x,"m",V).call(this,t.id);return(null==i?void 0:i.phases)&&$(this,x,"m",G).call(this,i.id),!0},H=function(){return!0},N=function(){return!0},_=function(){return!0},z=function(){return!0},q=function(){return!0},B=function(t){let i=!1;return $(this,W,"f")?$(this,W,"f").isEquivalent(t)||(tt(this,W,new m(t),"f"),i=!0):(i=!0,tt(this,W,new m(t),"f")),i},J=function(t,i){i?$(this,Y,"f").detailFilter=t:$(this,Y,"f").taskFilter=t;const s=i?{secondaryGantt:Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{items:$(this,x,"m",P).call(this,$(this,x,"m",Q).call(this,t,i))})}:{mainGantt:Object.assign(Object.assign({},this.plannerProps.mainGantt),{items:$(this,x,"m",K).call(this,$(this,x,"m",Q).call(this,t,i))})};this.plannerProps=Object.assign(Object.assign({},this.plannerProps),s),this.persistState()},Q=function(t,i){const s=i?this.detailData:this.data;if(!s||!s.rows||0==s.rows.length)return;if(!t)return s;const h={columns:this.data.columns,rows:[]},e=[];for(let i=0;i<s.rows.length;i++){const h=s.rows[i],n=h.cells;for(let i=0;i<s.columns.length;i++){const o=n[s.columns[i].name];if(o&&r(s.columns[i],o).toLowerCase().indexOf(t.toLowerCase())>-1){e.push({row:h,weight:i});break}}}return e.sort(((t,i)=>t.weight-i.weight)).forEach((t=>{h.rows.push(t.row)})),h},U=function(t,i){var s;let h;if(i){const e=t.cells[i];let n=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.resource;n||(n=e.value),n&&(h=o("./assets/svg/"+n+".svg"))}return h},Z=function(t,i){var s;let h;if(i){const e=t.cells[i];h=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.color,h&&(h=$(this,E,"f").theme.colorCheck(h).hexColor)}return h},it.style=":host{display:block}.filter{margin:12px 10px 12px 0;padding:0 10px}.planner-render{padding-top:40px}";export{it as kup_planner}

package/dist/ketchup/{p-58798e2d.entry.js → p-0f6cb6e4.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,f as i,h as o,H as a,d as n}from"./p-cd9a4274.js";import{k as e,g as r,s as c}from"./p-39ba3355.js";import{c as p}from"./p-635bb4b3.js";import{F as l}from"./p-f0e4e190.js";import"./p-c23731ca.js";import"./p-c634eb82.js";import"./p-11e7be94.js";const h="snackbar";var b;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(b||(b={}));const u=class{constructor(i){t(this,i),this.kupActionClick=s(this,"kup-snackbar-actionclick",6),this.kupTimeoutComplete=s(this,"kup-snackbar-timeoutcomplete",6),this.kupManager=e(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return r(this,b,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){c(this,b,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide(),this.onKupTimeoutComplete()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return o(a,{"kup-visible":this.visible},o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:p},o("div",{class:h},o("div",{class:`${h}__text`},this.text),this.actionButton||this.closeButton?o("div",{class:`${h}__buttons`},this.actionButton?o("div",{class:`${h}__action`},o(l,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?o("div",{class:`${h}__close`},o(l,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};u.style=":host{animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background:var(--kup-navbar-background-color);border-radius:5px;box-shadow:var(--kup-box-shadow);color:var(--kup-navbar-color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;pointer-events:all;word-break:break-word}.snackbar__buttons{--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);align-items:center;display:flex;justify-content:flex-end;margin-right:8px;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";export{u as kup_snackbar}
+import{r as t,c as s,f as i,h as o,H as a,d as n}from"./p-cd9a4274.js";import{k as e,g as r,s as c}from"./p-937a322f.js";import{c as p}from"./p-635bb4b3.js";import{F as l}from"./p-269a9af8.js";import"./p-c23731ca.js";import"./p-c634eb82.js";import"./p-b396d0f8.js";const h="snackbar";var u;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(u||(u={}));const b=class{constructor(i){t(this,i),this.kupActionClick=s(this,"kup-snackbar-actionclick",6),this.kupTimeoutComplete=s(this,"kup-snackbar-timeoutcomplete",6),this.kupManager=e(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return r(this,u,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){c(this,u,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide(),this.onKupTimeoutComplete()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return o(a,{"kup-visible":this.visible},o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:p},o("div",{class:h},o("div",{class:`${h}__text`},this.text),this.actionButton||this.closeButton?o("div",{class:`${h}__buttons`},this.actionButton?o("div",{class:`${h}__action`},o(l,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?o("div",{class:`${h}__close`},o(l,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};b.style=":host{animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background:var(--kup-navbar-background-color);border-radius:5px;box-shadow:var(--kup-box-shadow);color:var(--kup-navbar-color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;pointer-events:all;word-break:break-word}.snackbar__buttons{--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);align-items:center;display:flex;justify-content:flex-end;margin-right:8px;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";export{b as kup_snackbar}