@bizhermit/react-sdk/elements/list/list-view-columns/gantt-chart-column.js

React SDK

"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,a){void 0===a&&(a=n);var l=Object.getOwnPropertyDescriptor(t,n);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,a,l)}:function(e,t,n,a){void 0===a&&(a=n),e[a]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(require("react")),datetime_utils_1=__importDefault(require("@bizhermit/basic-utils/dist/datetime-utils")),string_utils_1=__importDefault(require("@bizhermit/basic-utils/dist/string-utils")),css_var_1=__importStar(require("../../../styles/css-var")),list_view_1=require("../list-view"),jsx_style_1=__importDefault(require("../../../styles/jsx-style")),dom_1=require("../../../utils/dom"),cursor_1=require("../../../utils/cursor"),cn="bh-lv_c-gtc",ListViewGanttChartColumn=e=>{const t=e.dateCellWidth??30,n=e.unit??"day",a=e.defaultSignal??"default",l=!1!==e.progressLine,r=datetime_utils_1.default.removeTime(datetime_utils_1.default.copy(e.term.from)),i=datetime_utils_1.default.removeTime(datetime_utils_1.default.copy(e.term.to));let o=e.barTitleFormat,d=!0===e.disabled;switch(n){case"month":d=!0,r.setDate(1),null==o&&(o=e=>`${datetime_utils_1.default.format(e.from,"yyyy/MM/dd")} <-> ${datetime_utils_1.default.format(e.to,"yyyy/MM/dd")}`);break;case"week":d=!0,null==o&&(o=e=>`${datetime_utils_1.default.format(e.from,"yyyy/MM/dd")} <-> ${datetime_utils_1.default.format(e.to,"yyyy/MM/dd")}`);break;default:null==o&&(o=e=>`${datetime_utils_1.default.format(e.from,"yyyy/MM/dd")} <-> ${datetime_utils_1.default.format(e.to,"yyyy/MM/dd")} (${e.length})`)}const s=[],c=datetime_utils_1.default.copy(r),m=i.getTime(),u=datetime_utils_1.default.getDate(),f=calcBarLeft(r,u,n)+1;let b=u.getTime()<c.getTime();for(;c.getTime()<=m;){let e=!1;switch(n){case"month":e=!b&&!0;break;case"week":e=!b&&(b=c.getTime()>=u.getTime());break;default:e=!b&&(b=c.getDate()===u.getDate()&&c.getMonth()===u.getMonth()&&c.getFullYear()===u.getFullYear())}switch(s.push({y:c.getFullYear(),m:c.getMonth(),d:c.getDate(),w:c.getDay(),today:e}),n){case"month":c.setDate(1),c.setMonth(c.getMonth()+1);break;case"week":c.setDate(c.getDate()+7);break;default:c.setDate(c.getDate()+1)}}const _=(e,t,i)=>{const d=e[t.fromDataName],s=e[t.toDataName],c=datetime_utils_1.default.convert(d),m=datetime_utils_1.default.convert(s);datetime_utils_1.default.removeTime(c),datetime_utils_1.default.removeTime(m);const f=calcBarLength(c,m,n,r);let b=null;if(l&&null!=t.rateDataName&&null!=m){const a=e[t.rateDataName],l="number"==typeof a?Math.min(100,Math.max(0,a)):0;if(c.getTime()<=u.getTime())if(100===l&&m.getTime()<=u.getTime())b=null;else{const e=new Date(c);e.setDate(e.getDate()+Math.floor(f*l/100)),b=calcBarLeft(u,e,n)-1}else if(0===l)b=null;else{const e=new Date(c),t=Math.floor(f*l/100);e.setDate(e.getDate()+t),b=calcBarLeft(u,e,n)-1}}let _="";return c&&(_=o({from:c,to:m,length:f})),{id:i??string_utils_1.default.generateUuidV4(),from:c,to:m,length:f,left:calcBarLeft(r,c,n),barLabel:null==t.barLabelDataName?"":e[t.barLabelDataName]??"",diff:b,title:_,signal:t.defaultSignal??a}},h=t=>{if(null!=t)switch(e.dataType){case"number":return Number(datetime_utils_1.default.format(t,"yyyyMMdd"));case"date":return t;default:return datetime_utils_1.default.format(t,e.dateFormat)}},p=(0,dom_1.getDomEventManager)();let g={};const w=()=>{g={}};let v,$="",y=0,x=!1;const E=e=>{const n=Math.round((e-y)/t);0!==n&&(x=!0),"r"!==$?"l"!==$?"m"!==$||Object.keys(g).forEach((e=>{const a=g[e];null!=a.barElem&&(a.barElem.style.left=(a.data.left+n)*t+"px")})):Object.keys(g).forEach((e=>{const a=g[e];if(null==a.barElem)return;const l=a.data.left+n;a.barElem.style.left=l*t+"px",a.barElem.style.width=Math.max(1,a.data.length-(l-a.data.left))*t+"px"})):Object.keys(g).forEach((e=>{const a=g[e];null!=a.barElem&&(a.barElem.style.width=Math.max(1,a.data.length+n)*t+"px")}))},D=e=>{E(e.clientX)},C=e=>{M(Math.round((e.clientX-y)/t))},k=e=>{E(e.touches[0].clientX)},L=e=>{M(Math.round((e.changedTouches[0].clientX-y)/t))},M=e=>{0!==e&&(Object.keys(g).forEach((t=>{const n=g[t];switch($){case"r":n.data.length=Math.max(1,n.data.length+e);break;case"l":const t=n.data.left+e;n.data.length=Math.max(1,n.data.length-(t-n.data.left)),n.data.left=t;break;case"m":n.data.left+=e}const a=new Date(r);a.setDate(a.getDate()+n.data.left);const l=new Date(a);l.setDate(l.getDate()+n.data.length-1),n.originData[n.dataName.fromDataName]=h(a),n.originData[n.dataName.toDataName]=h(l)})),Object.keys(g).forEach((e=>{v?.renderByOriginData(g[e].originData,!0)}))),(0,cursor_1.releaseCursor)(),window.removeEventListener("mouseup",C),window.removeEventListener("mousemove",D),$=""};return{name:e.name??string_utils_1.default.generateUuidV4(),disabled:d,resize:!1,sort:!1,width:s.length*t,notScrollFocusWhenTabStop:!0,_lv:e=>{v=e},initialize:()=>{const e=document.createElement("div"),l=(0,dom_1.cloneDomElement)(e);l.classList.add(`${cn}-month_wrap`);const r=(0,dom_1.cloneDomElement)(e);r.classList.add(`${cn}-month`);const i=(0,dom_1.cloneDomElement)(e);i.classList.add(`${cn}-date_wrap`);const o=(0,dom_1.cloneDomElement)(e);o.style.width=`${t}px`,o.classList.add(`${cn}-date`),o.setAttribute("data-name","datecell");const d=(0,dom_1.cloneDomElement)(e);d.classList.add(`${cn}-row`);const c=(0,dom_1.cloneDomElement)(d);let m=-1,u=-1,f=null,b=null,_=null,h=0;for(const e of s){if(m!==e.y||u!==e.m){_&&(_.style.width=h*t+"px");const a=(0,dom_1.cloneDomElement)(l);_=(0,dom_1.cloneDomElement)(r),_.textContent="month"===n?`${e.y}`:`${e.y}/${e.m+1}`,a.appendChild(_),b=(0,dom_1.cloneDomElement)(i),a.appendChild(b),c.appendChild(a),f=(0,dom_1.cloneDomElement)(i),f.style.height="100%",d.appendChild(f),m=e.y,u=e.m,h=0}(0,dom_1.cloneDomElement)(o,(t=>{h++,t.setAttribute("data-y",String(e.y)),t.setAttribute("data-m",String(e.m)),t.setAttribute("data-d",String(e.d)),"day"===n&&t.setAttribute("data-w",String(e.w)),t.setAttribute("data-today",String(e.today)),f.appendChild(t),b.appendChild((0,dom_1.cloneDomElement)(t,(t=>{t.textContent="month"===n?`${e.m+1}月`:String(e.d),b.appendChild(t)})))}))}return _.style.width=h*t+"px",{headerRowElem:c,rowElem:d,barElement:(0,dom_1.cloneDomElement)(e,(t=>{t.style.display="none",t.style.visibility="hidden",t.classList.add(`${cn}-bar_wrap`),t.setAttribute("data-name","bar"),t.setAttribute("data-signal",a),t.appendChild((0,dom_1.cloneDomElement)(e,(e=>e.classList.add(`${cn}-bar`))))})),barLabelElement:(0,dom_1.cloneDomElement)(e,(e=>e.classList.add(`${cn}-bar_lbl`))),barDragElement:(0,dom_1.cloneDomElement)(e,(e=>e.classList.add(`${cn}-bar_drag`))),differenceElement:(0,dom_1.cloneDomElement)(e,(e=>e.classList.add(`${cn}-diff`)))}},cellDispose:e=>{p.removeEventIterator((t=>t.element===e.element||null!=e.contentElements.find((e=>e===t.element))))},bindedItems:()=>{w()},initializeRowData:t=>{for(const n of e.dataNames)t[n.dataName]=_(t,n)},headerCellInitialize:(e,t)=>{e.headerCellElement.classList.add(`${cn}-hcell`),l&&e.headerCellElement.setAttribute("data-progressline",""),e.headerCellLabelElement.classList.remove(`${list_view_1.listViewCn}-lbl`),e.headerCellLabelElement.classList.add(`${cn}-wrap`),e.headerCellLabelElement.appendChild(t.headerRowElem)},cellInitialize:(t,n)=>{const a=t.element;a.classList.add(`${cn}-cell`),l&&a.setAttribute("data-progressline","");p.addEvent(a,"dblclick",(n=>{const a=n.target;if("datecell"!==a.getAttribute("data-name"))return;const l=a.getAttribute("data-key"),r=e.dataNames[Number(l)],i=t.row.item?.data;if(null==i)return;if(null==i[r.dataName].from){const e=datetime_utils_1.default.convert(`${a.getAttribute("data-y")}-${Number(a.getAttribute("data-m"))+1}-${a.getAttribute("data-d")}`);i[r.fromDataName]=h(e),i[r.toDataName]=h(new Date(e)),v.renderByOriginData(i,!0)}}));for(let r=0,i=e.dataNames.length;r<i;r++){const i=e.dataNames[r],o=String(r),s=(0,dom_1.cloneDomElement)(n.rowElem,(t=>{t.querySelectorAll("div[data-name='datecell']").forEach((e=>{e.setAttribute("data-key",o)})),t.setAttribute("data-disabled",String(!0===e.disabled||!0===i.disabled))})),c=(0,dom_1.cloneDomElement)(n.barElement,(e=>{if(t.contentElements.push(e),e.setAttribute("data-key",o),i.barClassName&&e.classList.add(i.barClassName),d||!0===i.disabled)t.contentElements.push(null),t.contentElements.push(null);else{e.tabIndex=0;const a=()=>{Object.keys(g).forEach((e=>{const n=g[e];for(const a of t.column.cells)if(null!=a.row.item&&a.row.item.data[n.dataName.dataName].id===e){n.barElem=a.contentElements[5*n.index];break}}))},l=e=>{e.stopPropagation(),window.addEventListener("mouseup",C),window.addEventListener("mousemove",D),a(),y=e.clientX},r=e=>{e.stopPropagation(),window.addEventListener("touchend",L),window.addEventListener("touchmove",k),a(),y=e.touches[0].clientX},o=e=>{null!=g[t.row.item.data[i.dataName].id]&&(l(e),(0,cursor_1.setCursor)("move"),$="m")};p.addEvent(e,"mousedown",o);const s=e=>{null!=g[t.row.item.data[i.dataName].id]&&(r(e),$="m")};p.addEvent(e,"touchstart",s),e.appendChild((0,dom_1.cloneDomElement)(n.barDragElement,(e=>{e.classList.add(`${cn}-bar_drag_l`);p.addEvent(e,"mousedown",(e=>{l(e),(0,cursor_1.setCursor)("col-resize"),$="l"}));p.addEvent(e,"touchstart",(e=>{r(e),$="l"})),t.contentElements.push(e)}))),e.appendChild((0,dom_1.cloneDomElement)(n.barDragElement,(e=>{e.classList.add(`${cn}-bar_drag_r`);p.addEvent(e,"mousedown",(e=>{l(e),(0,cursor_1.setCursor)("col-resize"),$="r"}));p.addEvent(e,"touchstart",(e=>{r(e),$="r"})),t.contentElements.push(e)})));const c=e=>{if(!d&&!0!==i.disabled)switch(e.key){case"Escape":v?.focus(),e.stopPropagation(),e.preventDefault();break;case"ArrowLeft":$=e.ctrlKey?"r":"m",M(-1),e.stopPropagation(),e.preventDefault();break;case"ArrowRight":$=e.ctrlKey?"r":"m",M(1),e.stopPropagation(),e.preventDefault();break;case"Delete":Object.keys(g).forEach((e=>{const t=g[e];t.originData[t.dataName.fromDataName]=null,t.originData[t.dataName.toDataName]=null})),Object.keys(g).forEach((e=>{v?.renderByOriginData(g[e].originData,!0)})),e.stopPropagation(),e.preventDefault();break;case"Tab":w(),v?.focus()}};p.addEvent(e,"keydown",c)}})),m=(0,dom_1.cloneDomElement)(n.barLabelElement,(e=>{t.contentElements.push(e)}));l?(0,dom_1.cloneDomElement)(n.differenceElement,(e=>{e.style.display="none",e.style.visibility="hidden",s.appendChild(e),t.contentElements.push(e)})):t.contentElements.push(null),c.appendChild(m),s.appendChild(c),a.appendChild(s)}},cellRender:n=>{const a=n.row.item.data;for(let r=0,i=e.dataNames.length;r<i;r++){const i=e.dataNames[r].dataName,o=a[i],d=n.contentElements[5*r],s=null!=o.left,c=null!=g[o.id];null==n.cache[i]&&(n.cache[i]={}),n.cache[i].visible!==s&&((n.cache[i].visible=s)?(d.style.removeProperty("display"),d.style.removeProperty("visibility")):(d.style.display="none",d.style.visibility="hidden"));let m=!1;if(n.cache[i].left!==o.left&&(d.style.left=(n.cache[i].left=o.left)*t+"px",m=!0),n.cache[i].length!==o.length&&(d.style.width=(n.cache[i].length=o.length)*t+"px",m=!0),m&&(d.title=o.title),n.cache[i].active!==c&&d.setAttribute("data-active",String(n.cache[i].active=c)),n.cache[i].label!==o.barLabel&&(n.contentElements[5*r+3].textContent=n.cache[i].label=o.barLabel),n.cache[i].signal!==o.signal&&d.setAttribute("data-signal",n.cache[i].signal=o.signal),l){const e=n.contentElements[5*r+4];if(n.cache[i].diff!==o.diff){e.setAttribute("data-latedate",String(n.cache[i].diff=o.diff)),null==o.diff?(e.style.display="none",e.style.visibility="hidden"):(e.style.removeProperty("display"),e.style.removeProperty("visibility"),e.style.width=Math.abs(o.diff)*t+"px",e.style.left=o.diff>0?f*t+"px":(f+o.diff)*t+"px");const a=o.diff<0;n.cache[i].late!==a&&e.setAttribute("data-late",String(n.cache[i].late=a))}}}},clickCell:(t,n)=>{const a=n.target,l=a.getAttribute("data-name");if(string_utils_1.default.isEmpty(l))return;const r=a.getAttribute("data-key"),i=e.dataNames[Number(r)],o=t.data[i.dataName];if("datecell"===l)x=!1,w();else if("bar"===l){let e=g[o.id];if(x?(x=!1,n.ctrlKey||null!=e||w()):n.ctrlKey||w(),d||!0===i.disabled)return void w();if(n.ctrlKey&&null!=e)return void delete g[o.id];if(null==e)return g[o.id]={index:Number(r),data:o,barElem:null,originData:t.data,dataName:i},void setTimeout((()=>a.focus()),0)}},clickRow:t=>{t.columnName!==e.name&&w()},editedRowData:t=>{for(const n of e.dataNames){const e=t[n.dataName],a=_(t,n,e.id);e.from=a.from,e.to=a.to,e.left=a.left,e.length=a.length,e.barLabel=a.barLabel,e.diff=a.diff,e.title=a.title}},_beginEdit:({endEdit:e,cell:t})=>{e(!1);if(null!=t.contentElements.find((e=>"bar"===e.getAttribute("data-name"))))return null},dispose:()=>{p.dispose()},jsxStyle:Style}},calcBarLength=(e,t,n,a)=>{if(null!=e){if(null==t)return 1;switch(n){case"month":return 12*t.getFullYear()+t.getMonth()-(12*e.getFullYear()+e.getMonth())+1;case"week":if(t.getTime()-e.getTime()<0)return;return Math.floor((t.getTime()-a.getTime())/6048e5)-Math.floor((e.getTime()-a.getTime())/6048e5)+1;default:const n=t.getTime()-e.getTime();if(n<0)return;return n/864e5+1}}},calcBarLeft=(e,t,n)=>{if(null!=e&&null!=t)switch(n){case"month":return 12*t.getFullYear()+t.getMonth()-(12*e.getFullYear()+e.getMonth());case"week":return Math.floor((t.getTime()-e.getTime())/6048e5);default:return(t.getTime()-e.getTime())/864e5}},Style=react_1.default.createElement(jsx_style_1.default,{id:cn,depsDesign:!0},(({design:e})=>`\n.${list_view_1.listViewCn}-cell.${cn}-hcell {\n  padding: 0px;\n}\n.${list_view_1.listViewCn}-cell.${cn}-cell {\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0px;\n}\n.${cn}-wrap {\n  ${css_var_1.CssPV.flex}\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  height: 100%;\n  width: 100%;\n}\n.${cn}-row {\n  ${css_var_1.CssPV.flex}\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  flex: 1;\n  min-height: 0px;\n  overflow: hidden;\n}\n.${cn}-month_wrap {\n  ${css_var_1.CssPV.flex}\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  flex: none;\n  height: 100%;\n  overflow: hidden;\n}\n.${cn}-month {\n  ${css_var_1.CssPV.flex}\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  flex: 1;\n  min-height: 0px;\n  overflow: hidden;\n  padding: 2px 5px 0px 5px;\n  border-bottom: 1px solid ${css_var_1.default.lv.header.bdc};\n}\n.${list_view_1.listViewCn}-row[data-bdl] .${cn}-month {\n  border-bottom: none;\n}\n.${cn}-date_wrap {\n  ${css_var_1.CssPV.flex}\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  flex: 1;\n}\n.${cn}-date {\n  ${css_var_1.CssPV.flex}\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  flex: none;\n  height: 100%;\n  padding-top: 2px;\n}\n.${cn}-bar_wrap {\n  box-sizing: border-box;\n  position: absolute;\n  display: flex;\n  flex-flow: row nowrap;\n  jusitify-content: flex-start;\n  align-items: center;\n  z-index: 1;\n  top: 0px;\n  min-height: 100%;\n  height: 100%;\n  overflow: visible;\n}\n.${cn}-bar_wrap[data-active="true"] {\n  cursor: move;\n}\n.${cn}-row[data-disabled="false"] > .${cn}-bar-wrap {\n  touch-action: none;\n}\n.${cn}-bar {\n  box-sizing: border-box;\n  position: absolute;\n  z-index: 1;\n  height: ${css_var_1.default.size};\n  max-height: 100%;\n  width: 100%;\n  user-select: none;\n  pointer-events: none;\n${e?"\n  height: 80%;\n  margin: 0 6px;\n  width: calc(100% - 13px);\n  opacity: 0.8;\n":""}\n}\n${e?`\n.${cn}-bar::before,\n.${cn}-bar::after {\n  ${css_var_1.CssPV.ba}\n  height: 100%;\n  width: 7px;\n  top: 0px;\n  user-select: none;\n}\n.${cn}-bar::before {\n  left: -6px;\n  clip-path: polygon(0% 50%, 80% 0%, 100% 0%, 100% 100%, 80% 100%);\n}\n.${cn}-bar::after {\n  right: -6px;\n  clip-path: polygon(0% 0%, 20% 0%, 100% 50%, 20% 100%, 0% 100%);\n}`:""}\n.${cn}-bar_lbl {\n  box-sizing: border-box;\n  position: relative;\n  pointer-events: none;\n  user-select: none;\n  z-index: 2;\n  display: block;\n  overflow: visible;\n  white-space: nowrap;\n  padding: 2px 5px 0px 5px;\n${e?"\n  margin-left: 6px;\n":""}\n}\n.${cn}-bar_wrap[data-active="true"] > .${cn}-bar_lbl {\n  left: 100%;\n  margin-left: 0px;\n}\n.${cn}-bar_drag {\n  box-sizing: border-box;\n  position: absolute;\n  height: ${css_var_1.default.size};\n  max-height: 100%;\n  min-width: 5px;\n  z-index: 3;\n  width: 9px;\n  display: block;\n}\n.${cn}-bar_wrap[data-active="true"] > .${cn}-bar_drag {\n  cursor: col-resize;\n}\n.${cn}-bar_drag_l {\n  left: 0px;\n}\n.${cn}-bar_drag_r {\n  right: 0px;\n}\n.${cn}-diff {\n  box-sizing: border-box;\n  position: absolute;\n  min-height: 1px;\n  bottom: 0px;\n  height: 6px;\n  z-index: 3;\n}\n.${list_view_1.listViewCn}-cell[data-bdl] .${cn}-date {\n  border-right: none !important;\n}\n.${cn}-row:last-child,\n.${list_view_1.listViewCn}-row[data-bdl] .${cn}-row {\n  border-bottom: none !important;\n}\n${e?`\n.${cn}-hcell .${cn}-date {\n  border-right: 1px solid ${css_var_1.default.lv.header.bdc};\n}\n.${list_view_1.listViewCn}-row[data-oddeven="odd"] > .${cn}-cell .${cn}-date {\n  border-right: 1px solid ${css_var_1.default.lv.cell.bd.b};\n}\n.${list_view_1.listViewCn}-row[data-oddeven="odd"] > .${cn}-cell > .${cn}-row {\n  border-bottom: 1px solid ${css_var_1.default.lv.cell.bd.b};\n}\n.${list_view_1.listViewCn}-row[data-oddeven="even"] > .${cn}-cell .${cn}-date {\n  border-right: 1px solid ${css_var_1.default.lv.cell.bd.d};\n}\n.${list_view_1.listViewCn}-row[data-oddeven="even"] > .${cn}-cell > .${cn}-row {\n  border-bottom: 1px solid ${css_var_1.default.lv.cell.bd.d};\n}\n.${list_view_1.listViewCn}-row:hover > .${cn}-cell .${cn}-date,\n.${list_view_1.listViewCn}-row:hover > .${cn}-cell > .${cn}-row {\n  border-color: ${css_var_1.default.lv.cell.hvr.row.bdc};\n}\n.${list_view_1.listViewCn}-row:hover > .${cn}-cell:hover .${cn}-date,\n.${list_view_1.listViewCn}-row:hover > .${cn}-cell:hover > .${cn}-row {\n  border-color: ${css_var_1.default.lv.cell.hvr.cell.bdc};\n}\n.${cn}-date[data-w="0"] {\n  background: ${css_var_1.default.week.sun.bgc};\n  color: ${css_var_1.default.week.sun.fc};\n}\n.${cn}-date[data-w="6"] {\n  background: ${css_var_1.default.week.sat.bgc};\n  color: ${css_var_1.default.week.sat.fc};\n}\n.${list_view_1.listViewCn}-row:hover .${cn}-cell {\n  background: ${css_var_1.default.lv.cell.hvr.row.bgc} !important;\n}\n.${list_view_1.listViewCn}-row:hover .${cn}-cell[data-selected] {\n  background: ${css_var_1.default.lv.cell.act.bgc} !important;\n}\n.${cn}-cell[data-selected]:hover {\n  background: ${css_var_1.default.lv.cell.act.bgc} !important;\n}\n.${cn}-date:hover {\n  background: ${css_var_1.default.lv.cell.hvr.cell.bgc};\n}\n.${cn}-date[data-today="true"] {\n  background: ${css_var_1.default.lv.cell.act.bgc};\n}\n.${cn}-cell[data-selected]:hover .${cn}-date:hover,\n.${cn}-date[data-today="true"]:hover {\n  background: ${css_var_1.default.lv.cell.act.hvr.bgc};\n}\n.${cn}-hcell[data-progressline] .${cn}-date[data-today="true"]::before,\n.${cn}-cell[data-progressline] .${cn}-date[data-today="true"]::before {\n  box-sizing: border-box;\n  position: absolute;\n  content: "";\n  top: 0px;\n  right: 0px;\n  height: 100%;\n  width: 2.5px;\n  background: ${css_var_1.default.warning.bdc};\n}\n.${cn}-diff[data-late="true"] {\n  border-top: 4px solid transparent;\n  border-left: 2.5px solid ${css_var_1.default.danger.bdc};\n  border-bottom: 2.5px solid ${css_var_1.default.danger.bdc};\n}\n.${cn}-diff[data-late="true"][data-latedate="-1"] {\n  border-left: 2.5px solid ${css_var_1.default.warning.bdc};\n  border-bottom: 2.5px solid ${css_var_1.default.warning.bdc};\n}\n.${cn}-diff[data-late="false"] {\n  border-top: 4px solid transparent;\n  border-right: 2.5px solid ${css_var_1.default.secondary.bdc};\n  border-bottom: 2.5px solid ${css_var_1.default.secondary.bdc};\n}\n.${cn}-bar_wrap[data-active="true"] > .${cn}-bar {\n  filter: drop-shadow(0 0 1px ${css_var_1.default.sdw.c});\n}\n${(0,css_var_1.signalIterator)(((e,t,n)=>`\n.${cn}-bar_wrap${n} > .${cn}-bar,\n.${cn}-bar_wrap${n} > .${cn}-bar::before,\n.${cn}-bar_wrap${n} > .${cn}-bar::after {\n  background: ${t.ipt.on};\n}\n.${cn}-bar_wrap[data-active="true"]${n} > .${cn}-bar {\n  border-top: 1px solid ${t.ipt.bdc};\n  border-bottom: 1px solid ${t.ipt.bdc};\n}\n.${cn}-bar_wrap[data-active="true"]${n} > .${cn}-bar::before,\n.${cn}-bar_wrap[data-active="true"]${n} > .${cn}-bar::after {\n  background: ${t.ipt.bdc};\n}\n`)).join("")}\n`:""}\n`));exports.default=ListViewGanttChartColumn;