@sme.up/ketchup 11.0.0-SNAPSHOT-20241023082921 → 11.0.0-SNAPSHOT-20241023092659

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (164) hide show
  1. package/dist/cjs/index-4e97f23f.js +4 -0
  2. package/dist/cjs/ketchup.cjs.js +1 -1
  3. package/dist/cjs/kup-autocomplete_27.cjs.entry.js +38 -38
  4. package/dist/cjs/kup-custom-task-list-header_4.cjs.entry.js +7 -7
  5. package/dist/cjs/kup-gantt_10.cjs.entry.js +23 -23
  6. package/dist/cjs/kup-htm.cjs.entry.js +100 -0
  7. package/dist/cjs/kup-htm.cjs.entry.js.map +1 -0
  8. package/dist/cjs/kup-image-list.cjs.entry.js +3 -3
  9. package/dist/cjs/kup-input-panel.cjs.entry.js +1 -1
  10. package/dist/cjs/kup-lazy.cjs.entry.js +11 -11
  11. package/dist/cjs/kup-magic-box.cjs.entry.js +3 -3
  12. package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
  13. package/dist/cjs/kup-numeric-picker.cjs.entry.js +1 -1
  14. package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
  15. package/dist/cjs/kup-photo-frame.cjs.entry.js +2 -2
  16. package/dist/cjs/kup-planner-renderer.cjs.entry.js +2 -2
  17. package/dist/cjs/kup-planner.cjs.entry.js +1 -1
  18. package/dist/cjs/kup-probe.cjs.entry.js +1 -1
  19. package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
  20. package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
  21. package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
  22. package/dist/cjs/kup-typography.cjs.entry.js +1 -1
  23. package/dist/cjs/loader.cjs.js +1 -1
  24. package/dist/collection/assets/htm.js +20 -0
  25. package/dist/collection/assets/index.js +4 -0
  26. package/dist/collection/collection-manifest.json +1 -0
  27. package/dist/collection/components/kup-htm/kup-htm-declarations.js +9 -0
  28. package/dist/collection/components/kup-htm/kup-htm-declarations.js.map +1 -0
  29. package/dist/collection/components/kup-htm/kup-htm.css +147 -0
  30. package/dist/collection/components/kup-htm/kup-htm.js +225 -0
  31. package/dist/collection/components/kup-htm/kup-htm.js.map +1 -0
  32. package/dist/collection/components/kup-image-list/kup-image-list.js +3 -3
  33. package/dist/collection/components/kup-input-panel/kup-input-panel.js +1 -1
  34. package/dist/collection/components/kup-lazy/kup-lazy.js +11 -11
  35. package/dist/collection/components/kup-magic-box/kup-magic-box.js +3 -3
  36. package/dist/collection/components/kup-nav-bar/kup-nav-bar.js +1 -1
  37. package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.js +1 -1
  38. package/dist/collection/components/kup-pdf/kup-pdf.js +1 -1
  39. package/dist/collection/components/kup-photo-frame/kup-photo-frame.js +2 -2
  40. package/dist/collection/components/kup-planner/kup-planner.js +1 -1
  41. package/dist/collection/components/kup-planner/utils/custom-task-list-header.js +2 -2
  42. package/dist/collection/components/kup-planner/utils/kup-gantt/kup-gantt.js +2 -2
  43. package/dist/collection/components/kup-planner/utils/kup-gantt-calendar/kup-gantt-calendar.js +2 -2
  44. package/dist/collection/components/kup-planner/utils/kup-grid-renderer/kup-grid-renderer.js +3 -3
  45. package/dist/collection/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.js +5 -5
  46. package/dist/collection/components/kup-planner/utils/kup-planner-renderer.js +2 -2
  47. package/dist/collection/components/kup-planner/utils/kup-switcher/kup-switcher.js +1 -1
  48. package/dist/collection/components/kup-planner/utils/kup-task-gantt/kup-task-gantt.js +2 -2
  49. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-header.js +7 -7
  50. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-table.js +1 -1
  51. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list.js +1 -1
  52. package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-standard-tooltip.js +1 -1
  53. package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-tooltip.js +1 -1
  54. package/dist/collection/components/kup-planner/utils/kup-vertical-scroll/kup-vertical-scroll.js +2 -2
  55. package/dist/collection/components/kup-probe/kup-probe.js +1 -1
  56. package/dist/collection/components/kup-progress-bar/kup-progress-bar.js +1 -1
  57. package/dist/collection/components/kup-qlik/kup-qlik.js +1 -1
  58. package/dist/collection/components/kup-rating/kup-rating.js +1 -1
  59. package/dist/collection/components/kup-snackbar/kup-snackbar.js +1 -1
  60. package/dist/collection/components/kup-spinner/kup-spinner.js +34 -34
  61. package/dist/collection/components/kup-switch/kup-switch.js +1 -1
  62. package/dist/collection/components/kup-time-picker/kup-time-picker.js +1 -1
  63. package/dist/collection/components/kup-typography/kup-typography.js +1 -1
  64. package/dist/collection/components/kup-typography-list/kup-typography-list.js +1 -1
  65. package/dist/components/custom-task-list-header.js +2 -2
  66. package/dist/components/kup-autocomplete2.js +38 -38
  67. package/dist/components/kup-gantt-calendar2.js +2 -2
  68. package/dist/components/kup-gantt2.js +2 -2
  69. package/dist/components/kup-grid-renderer2.js +3 -3
  70. package/dist/components/kup-horizontal-scroll2.js +5 -5
  71. package/dist/components/kup-htm.d.ts +11 -0
  72. package/dist/components/kup-htm.js +253 -0
  73. package/dist/components/kup-htm.js.map +1 -0
  74. package/dist/components/kup-image-list.js +3 -3
  75. package/dist/components/kup-input-panel.js +1 -1
  76. package/dist/components/kup-lazy.js +11 -11
  77. package/dist/components/kup-magic-box.js +3 -3
  78. package/dist/components/kup-nav-bar.js +1 -1
  79. package/dist/components/kup-numeric-picker.js +1 -1
  80. package/dist/components/kup-pdf.js +1 -1
  81. package/dist/components/kup-photo-frame.js +2 -2
  82. package/dist/components/kup-planner-renderer2.js +2 -2
  83. package/dist/components/kup-planner.js +1 -1
  84. package/dist/components/kup-probe.js +1 -1
  85. package/dist/components/kup-qlik.js +1 -1
  86. package/dist/components/kup-snackbar.js +1 -1
  87. package/dist/components/kup-standard-tooltip2.js +1 -1
  88. package/dist/components/kup-switcher2.js +1 -1
  89. package/dist/components/kup-task-gantt2.js +2 -2
  90. package/dist/components/kup-task-list-header2.js +7 -7
  91. package/dist/components/kup-task-list-table2.js +1 -1
  92. package/dist/components/kup-task-list2.js +1 -1
  93. package/dist/components/kup-tooltip2.js +1 -1
  94. package/dist/components/kup-typography-list.js +1 -1
  95. package/dist/components/kup-typography.js +1 -1
  96. package/dist/components/kup-vertical-scroll2.js +2 -2
  97. package/dist/esm/index-191ee7cb.js +4 -0
  98. package/dist/esm/ketchup.js +1 -1
  99. package/dist/esm/kup-autocomplete_27.entry.js +38 -38
  100. package/dist/esm/kup-custom-task-list-header_4.entry.js +7 -7
  101. package/dist/esm/kup-gantt_10.entry.js +23 -23
  102. package/dist/esm/kup-htm.entry.js +96 -0
  103. package/dist/esm/kup-htm.entry.js.map +1 -0
  104. package/dist/esm/kup-image-list.entry.js +3 -3
  105. package/dist/esm/kup-input-panel.entry.js +1 -1
  106. package/dist/esm/kup-lazy.entry.js +11 -11
  107. package/dist/esm/kup-magic-box.entry.js +3 -3
  108. package/dist/esm/kup-nav-bar.entry.js +1 -1
  109. package/dist/esm/kup-numeric-picker.entry.js +1 -1
  110. package/dist/esm/kup-pdf.entry.js +1 -1
  111. package/dist/esm/kup-photo-frame.entry.js +2 -2
  112. package/dist/esm/kup-planner-renderer.entry.js +2 -2
  113. package/dist/esm/kup-planner.entry.js +1 -1
  114. package/dist/esm/kup-probe.entry.js +1 -1
  115. package/dist/esm/kup-qlik.entry.js +1 -1
  116. package/dist/esm/kup-snackbar.entry.js +1 -1
  117. package/dist/esm/kup-typography-list.entry.js +1 -1
  118. package/dist/esm/kup-typography.entry.js +1 -1
  119. package/dist/esm/loader.js +1 -1
  120. package/dist/ketchup/ketchup.esm.js +1 -1
  121. package/dist/ketchup/ketchup.esm.js.map +1 -1
  122. package/dist/ketchup/{p-b3c7cbd9.entry.js → p-20c22a22.entry.js} +2 -2
  123. package/dist/ketchup/{p-e921b455.entry.js → p-26efe39b.entry.js} +2 -2
  124. package/dist/ketchup/{p-18229ac3.entry.js → p-2c8d07af.entry.js} +2 -2
  125. package/dist/ketchup/{p-f4a6652e.entry.js → p-362a8b69.entry.js} +2 -2
  126. package/dist/ketchup/{p-45db3eae.entry.js → p-3a8f5a76.entry.js} +2 -2
  127. package/dist/ketchup/{p-39fa8da7.entry.js → p-3edff8e7.entry.js} +2 -2
  128. package/dist/ketchup/{p-9d9bb8a9.entry.js → p-422e1c5d.entry.js} +2 -2
  129. package/dist/ketchup/{p-9788df0b.entry.js → p-44b6390c.entry.js} +2 -2
  130. package/dist/ketchup/{p-fedd9482.entry.js → p-4b14b67b.entry.js} +2 -2
  131. package/dist/ketchup/p-5e889cbc.entry.js +2 -0
  132. package/dist/ketchup/p-5e889cbc.entry.js.map +1 -0
  133. package/dist/ketchup/{p-203cb58a.entry.js → p-94099e24.entry.js} +3 -3
  134. package/dist/ketchup/{p-8a77b0b2.entry.js → p-9fa6808d.entry.js} +2 -2
  135. package/dist/ketchup/{p-188ed514.entry.js → p-a33ea26d.entry.js} +2 -2
  136. package/dist/ketchup/{p-674a4d20.entry.js → p-b46a4d95.entry.js} +2 -2
  137. package/dist/ketchup/{p-246e4816.entry.js → p-b849ae30.entry.js} +2 -2
  138. package/dist/ketchup/p-bb4e26cb.entry.js +2 -0
  139. package/dist/ketchup/{p-e32ad7e4.entry.js.map → p-bb4e26cb.entry.js.map} +1 -1
  140. package/dist/ketchup/{p-7b5bef8e.entry.js → p-c7dfed3a.entry.js} +2 -2
  141. package/dist/ketchup/{p-992647ed.entry.js → p-ce5a86e1.entry.js} +2 -2
  142. package/dist/ketchup/{p-5d738584.entry.js → p-e8c292e9.entry.js} +2 -2
  143. package/dist/types/components/kup-htm/kup-htm-declarations.d.ts +7 -0
  144. package/dist/types/components/kup-htm/kup-htm.d.ts +40 -0
  145. package/dist/types/components.d.ts +57 -0
  146. package/package.json +1 -1
  147. package/dist/ketchup/p-e32ad7e4.entry.js +0 -2
  148. /package/dist/ketchup/{p-b3c7cbd9.entry.js.map → p-20c22a22.entry.js.map} +0 -0
  149. /package/dist/ketchup/{p-e921b455.entry.js.map → p-26efe39b.entry.js.map} +0 -0
  150. /package/dist/ketchup/{p-18229ac3.entry.js.map → p-2c8d07af.entry.js.map} +0 -0
  151. /package/dist/ketchup/{p-f4a6652e.entry.js.map → p-362a8b69.entry.js.map} +0 -0
  152. /package/dist/ketchup/{p-45db3eae.entry.js.map → p-3a8f5a76.entry.js.map} +0 -0
  153. /package/dist/ketchup/{p-39fa8da7.entry.js.map → p-3edff8e7.entry.js.map} +0 -0
  154. /package/dist/ketchup/{p-9d9bb8a9.entry.js.map → p-422e1c5d.entry.js.map} +0 -0
  155. /package/dist/ketchup/{p-9788df0b.entry.js.map → p-44b6390c.entry.js.map} +0 -0
  156. /package/dist/ketchup/{p-fedd9482.entry.js.map → p-4b14b67b.entry.js.map} +0 -0
  157. /package/dist/ketchup/{p-203cb58a.entry.js.map → p-94099e24.entry.js.map} +0 -0
  158. /package/dist/ketchup/{p-8a77b0b2.entry.js.map → p-9fa6808d.entry.js.map} +0 -0
  159. /package/dist/ketchup/{p-188ed514.entry.js.map → p-a33ea26d.entry.js.map} +0 -0
  160. /package/dist/ketchup/{p-674a4d20.entry.js.map → p-b46a4d95.entry.js.map} +0 -0
  161. /package/dist/ketchup/{p-246e4816.entry.js.map → p-b849ae30.entry.js.map} +0 -0
  162. /package/dist/ketchup/{p-7b5bef8e.entry.js.map → p-c7dfed3a.entry.js.map} +0 -0
  163. /package/dist/ketchup/{p-992647ed.entry.js.map → p-ce5a86e1.entry.js.map} +0 -0
  164. /package/dist/ketchup/{p-5d738584.entry.js.map → p-e8c292e9.entry.js.map} +0 -0
package/dist/ketchup/{p-203cb58a.entry.js → p-94099e24.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
- import{r as t,h as i,F as e}from"./p-d7c15b0e.js";import{a as n,c as s}from"./p-029c7cbe.js";import{d as o,i as a,g as r,h as l}from"./p-008bdcdc.js";import{d as h,a as f,b as p,c,e as d}from"./p-53af4c87.js";import{d as u}from"./p-cd3a7d53.js";const g='.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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.custom-task-list-wrapper{display:flex;justify-content:space-around;max-width:330px;place-items:"center";text-align:center;align-items:center}.title{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggler{max-width:max-content;padding:0 4px;text-align:right}.switch{position:relative;display:inline-block;width:30px;height:17px}.input{opacity:0;width:0;height:0}.input:checked+.slider{background-color:#003b77}.input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translateX(13px)}.input:focus+.slider{box-shadow:0 0 1px #003b77}.slider{-webkit-transition:0.4s;cursor:pointer;background-color:#ccc;bottom:0;border-radius:17px;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider:before{-webkit-transition:0.1s;background-color:white;border-radius:50%;bottom:2px;content:"";height:13px;left:2px;position:absolute;transition:0.1s;width:13px}.label{font-size:12px;padding:6px}.filter{font-size:12px}';const x=g;const v=class{constructor(i){t(this,i);this.label="";this.doubleView=false;this.setDoubleView=undefined;this.fontFamily=undefined;this.fontSize=undefined}render(){return i("div",{key:"ecc21b370cd5f68c2928ef67a30632fda38be930",class:"custom-task-list-wrapper",style:{height:"25px",fontFamily:this.fontFamily,fontSize:this.fontSize}},i("div",{key:"86caff8ac99996d0cc06b9597df5df1d795f4fc0",class:"title"},i("span",{key:"cb691bc12b557add501a84c7149e10d84ee5c727"},this.label)),this.setDoubleView!==undefined&&i("div",{key:"928749a2d5262e797f41f20670fe71ffb7808cb7",class:"toggler"},i("label",{key:"fe9abaea6c7db34d10b4965e96280d4c886f9800",htmlFor:"ch2",class:"switch"},i("input",{key:"fd77a93eab96b375ab6093a31309c50be2eeb745",class:"input",id:"ch2",type:"checkbox",checked:this.doubleView,onClick:()=>this.setDoubleView(!this.doubleView)}),i("span",{key:"91626e6138c5efb0fd95517a6d6fcf4580853851",class:"slider"})),i("span",{key:"ce4ec303663fed2ef214806f74c4a62b939bddcc",class:"label"},"Previsioni")))}};v.style=x;const y=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.container{margin-top:var(--kup-space-04)}.scrollable{overflow-x:auto;scrollbar-width:0}.scrollable .project-wrapper{display:table}.scrollable .project{width:100% !important;display:table-row}.scrollable .project>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid var(--kup-border-subtle, #acacac);border-top:1px solid var(--kup-border-subtle, #acacac);padding-left:12px}.scrollable .project>*:first-child{border-left:1px solid var(--kup-border-subtle, #acacac);border-bottom-left-radius:4px;border-top-left-radius:4px}.scrollable .project>*:last-child{border-right:1px solid var(--kup-border-subtle, #acacac);border-bottom-right-radius:4px;border-top-right-radius:4px}.scrollable .subrow{width:100% !important;display:table-row}.scrollable .subrow>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .subrow>*:first-child{border-left:1px solid #acacac}.scrollable .subrow>*:last-child{border-right:1px solid #acacac}.scrollable .timeline{width:100% !important;display:table-row}.scrollable .timeline>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .timeline>*:first-child{border-left:1px solid #acacac}.scrollable .timeline>*:last-child{border-right:1px solid #acacac}.scrollable .project:has(+.subrow)>*{border-bottom-left-radius:0;border-bottom-right-radius:0}.scrollable::-webkit-scrollbar{width:0;height:0}.project{background:var(--kup-layer-1);border-bottom:1px solid var(--kup-border-subtle);border-radius:var(--kup-radius-00);box-sizing:border-box;color:var(--kup-text-secondary);cursor:pointer;display:grid;font-weight:400;grid-template-columns:var(--grid-project-columns, 1fr 1fr 1fr);place-items:center;padding:var(--kup-space-03)}.project>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;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}.project .main{font-weight:700;width:100%;padding-left:4px;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.subrow{cursor:pointer;display:grid;border-bottom:1px solid var(--kup-border-subtle);box-sizing:border-box;grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background-color:var(--kup-layer-1);color:var(--kup-text-primary);font-weight:400}.subrow>*{font-size:12px;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.subrow:last-of-type{border-bottom:1px solid var(--kup-border-subtle)}.subrow:has(+.subrow),.project:has(+.subrow){border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.timeline{padding:var(--kup-space-03);cursor:pointer;display:grid;border-bottom:1px solid var(--kup-border-subtle);border-radius:var(--kup-radius-00);grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background-color:var(--kup-layer-1);color:var(--kup-text-primary);font-weight:400;box-sizing:border-box}.timeline>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;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}.timeline .main{font-weight:700;width:100%;padding-left:4px;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}";const m=y;const k=class{constructor(i){t(this,i);this.ganttId=undefined;this.tasks=[];this.rowHeight=0;this.rowWidth="";this.fontFamily="";this.fontSize="";this.scrollableTaskList=undefined;this.taskListScrollX=undefined;this.setSelectedTask=undefined;this.onclickTaskList=undefined;this.ondblclickTaskList=undefined;this.oncontextmenuTaskList=undefined;this.ontaskListScrollWidth=undefined}componentDidLoad(){var t;this.ontaskListScrollWidth((t=this.projectWrapperRef)===null||t===void 0?void 0:t.clientWidth)}componentDidUpdate(){var t;this.ontaskListScrollWidth((t=this.projectWrapperRef)===null||t===void 0?void 0:t.clientWidth)}updateTaskListScroll(){this.projectWrapperRef&&(this.projectWrapperRef.parentElement.scrollLeft=this.taskListScrollX)}render(){const t=new n;const s={};if(this.scrollableTaskList){s["width"]=this.rowWidth}const a=this.tasks.reduce(((t,i)=>t.valuesToShow.length>i.valuesToShow.length?t:i)).valuesToShow.length+1;return i("div",{class:`container ${this.scrollableTaskList?"scrollable":""}`,style:s},i("div",{class:"project-wrapper",ref:t=>this.projectWrapperRef=t},this.tasks.map((n=>{var s,r,l,h;return i(e,null,n.type==="project"?i("div",{class:"project",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,gridTemplateColumns:`repeat(${n.valuesToShow.length}, 1fr)`},onClick:()=>{this.setSelectedTask(n.id);this.onclickTaskList(n.id)},onDblClick:()=>{this.setSelectedTask(n.id);this.ondblclickTaskList(n.id)},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},(s=n.valuesToShow)===null||s===void 0?void 0:s.map(((e,s)=>i("span",{class:s===0?"main":undefined,title:e.length>10?e:undefined,key:`task_${n.id}_valuesToShow_${s}`},e==="#START#"?t.formatToLocaleSimple(n.start):e==="#END#"?t.formatToLocaleSimple(n.end):e))),this.scrollableTaskList&&a>n.valuesToShow.length&&(()=>{const t=o(a-n.valuesToShow.length);return t.map((t=>i("span",{key:t})))})()):n.type==="task"?i("div",{class:"subrow",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,gridTemplateColumns:`repeat(${n.valuesToShow.length+1}, 1fr)`},onClick:()=>{this.setSelectedTask(n.id);this.onclickTaskList(n.id)},onDblClick:()=>{this.setSelectedTask(n.id);this.ondblclickTaskList(n.id)},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},this.scrollableTaskList?i("div",{style:{textAlign:"end"}},i("span",{key:`phase_${n.id}_valuesToShow_color`,style:{height:"16px",width:"16px",display:"inline-block",backgroundColor:(r=n.styles)===null||r===void 0?void 0:r.backgroundColor}})):i("span",{key:`phase_${n.id}_valuesToShow_color`,style:{height:"16px",width:"16px",backgroundColor:(l=n.styles)===null||l===void 0?void 0:l.backgroundColor}}),(h=n.valuesToShow)===null||h===void 0?void 0:h.map(((e,s)=>i("span",{class:s===0?"main":undefined,title:e.length>10?e:undefined,key:`phase_${n.id}_valuesToShow_${s}`},e==="#START#"?t.formatToLocaleSimple(n.start):e==="#END#"?t.formatToLocaleSimple(n.end):e))),this.scrollableTaskList&&a>n.valuesToShow.length&&(()=>{const t=o(a-n.valuesToShow.length-1);return t.map((t=>i("span",{key:t})))})()):(()=>{var t;let e="";for(let t=0;t<n.valuesToShow.length;t++){e+="1fr "}return i("div",{class:"timeline",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,"--grid-fasi-columns":e},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},(t=n.valuesToShow)===null||t===void 0?void 0:t.map(((t,e)=>i("span",{class:e===0?"main":undefined,title:t.length>10?t:undefined,key:`detail_${n.id}_valuesToShow_${e}`},t))))})())}))))}static get watchers(){return{taskListScrollX:["updateTaskListScroll"]}}};k.style=m;const b=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.calendarBottomText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events: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}.calendarTopTick{stroke:var(--kup-border-subtle)}.calendarTopText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events: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}.calendarHeader{fill:var(--kup-layer-1);stroke:var(--kup-border-subtle);stroke-width:1.4;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}";const w=b;const z=class{constructor(i){t(this,i);this.dateSetup=undefined;this.locale=undefined;this.rtl=undefined;this.headerHeight=undefined;this.columnWidth=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.dateTimeFormatters=undefined;this.singleLineHeader=false;this.currentDateIndicator=undefined;this.svgWidth=undefined;this.simplifiedHeader=undefined}componentWillLoad(){this.simplifiedHeader=this.singleLineHeader&&this.dateSetup.viewMode!=="year"}formatYear(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.year)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.year(t,this.locale):h.year(t,this.locale)}formatMonth(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.month)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.month(t,this.locale):h.month(t,this.locale)}formatMonthAndYear(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.monthAndYear)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.monthAndYear(t,this.locale):h.monthAndYear(t,this.locale)}formatWeek(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.week)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.week(t,this.locale):h.week(t,this.locale)}formatDay(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.day)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.day(t,this.locale):h.day(t,this.locale)}getCalendarValuesForYear(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=this.formatYear(a);e.push(i("text",{key:r,y:this.headerHeight*.8,x:this.columnWidth*o+this.columnWidth*.5,class:"calendarBottomText"},r));if(o===0||a.getFullYear()!==s[o-1].getFullYear()){const i=a.getFullYear().toString();let e;if(this.rtl){e=(6+o+a.getFullYear()+1)*this.columnWidth}else{e=(6+o-a.getFullYear())*this.columnWidth}t.push({key:i,value:i,x1Line:this.columnWidth*o,y1Line:0,y2Line:this.headerHeight,xText:e,yText:n*.9})}}return[t,e]}getCalendarValuesForMonth(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=this.formatMonth(a);e.push(i("text",{key:r+a.getFullYear(),y:this.headerHeight*.8,x:this.columnWidth*o+this.columnWidth*.5,class:"calendarBottomText"},r));if(o===0||a.getFullYear()!==s[o-1].getFullYear()){const i=this.formatYear(a);let e;if(this.rtl){e=(6+o+a.getMonth()+1)*this.columnWidth}else{e=(6+o-a.getMonth())*this.columnWidth}t.push({key:i,value:i,x1Line:this.columnWidth*o,y1Line:0,y2Line:n,xText:e,yText:n*.9})}}return[t,e]}getCalendarValuesForWeek(){const t=[];const e=[];let n=1;const s=this.headerHeight*.5;const o=this.dateSetup.dates;for(let a=o.length-1;a>=0;a--){const r=o[a];let l="";if(a===0||r.getMonth()!==o[a-1].getMonth()){l=this.formatMonthAndYear(r)}const h=this.formatWeek(r);e.push(i("text",{key:r.getTime(),y:this.headerHeight*.8,x:this.columnWidth*(a+ +this.rtl),class:"calendarBottomText"},h));if(l){if(a!==o.length-1){t.push({key:l,value:l,x1Line:this.columnWidth*a+n*this.columnWidth,y1Line:0,y2Line:s,xText:this.columnWidth*a+this.columnWidth*n*.5,yText:s*.9})}n=0}n++}return[t,e]}getCalendarValuesForDay(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=this.formatDay(a);e.push(i("text",{key:a.getTime(),y:this.headerHeight*.8,x:this.columnWidth*o+this.columnWidth*.5,class:"calendarBottomText"},r));if(o+1!==s.length&&a.getMonth()!==s[o+1].getMonth()){const i=this.formatMonth(a);t.push({key:i+a.getFullYear(),value:i,x1Line:this.columnWidth*(o+1),y1Line:0,y2Line:n,xText:this.columnWidth*(o+1)-f(a.getMonth(),a.getFullYear())*this.columnWidth*.5,yText:n*.9})}}return[t,e]}getCalendarValuesForHour(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=p(this.locale,{hour:"numeric"}).format(a);e.push(i("text",{key:a.getTime(),y:this.headerHeight*.8,x:this.columnWidth*(o+ +this.rtl),class:"calendarBottomText"},r));if(o!==0&&a.getDate()!==s[o-1].getDate()){const i=s[o-1];const e=`${c(i,this.locale,"long")}, ${i.getDate()} ${d(i,this.locale)}`;const r=(a.getHours()-24)/2;t.push({key:e+a.getFullYear(),value:e,x1Line:this.columnWidth*o,y1Line:0,y2Line:n,xText:this.columnWidth*(o+r),yText:n*.9})}}return[t,e]}getTopAndBottomValues(){switch(this.dateSetup.viewMode){case"hour":return this.getCalendarValuesForHour();case"day":return this.getCalendarValuesForDay();case"week":return this.getCalendarValuesForWeek();case"month":return this.getCalendarValuesForMonth();case"year":return this.getCalendarValuesForYear()}}render(){this.simplifiedHeader=this.singleLineHeader&&this.dateSetup.viewMode!=="year";const[t,e]=this.getTopAndBottomValues();return i("svg",{key:"eb5996256c199bb4d5f60df2d1f9c7378a480e0f",xmlns:"http://www.w3.org/2000/svg",width:this.svgWidth,height:this.headerHeight},i("g",{key:"491a7ddf831ba0b6d373d058f223f8dab6d76954",class:"calendar","font-size":this.fontSize,"font-family":this.fontFamily},i("rect",{key:"cd64c9a42c8c68d067e6a37cfb049bc77c15ac2d",x:0,y:0,width:this.columnWidth*this.dateSetup.dates.length,height:this.headerHeight,class:"calendarHeader"}),this.simplifiedHeader?null:e,this.simplifiedHeader?t.map((t=>i("g",{class:"calendarTop"},i("line",{x1:t.x1Line,y1:t.y2Line*2,x2:t.x1Line,y2:t.y2Line,class:"calendarTopTick",key:t.value+"line"}),i("text",{key:t.value+"text",y:t.yText,x:t.xText,class:"calendarTopText"},t.value)))):t.map((t=>i("g",{class:"calendarTop"},i("line",{x1:t.x1Line,y1:t.y1Line,x2:t.x1Line,y2:t.y2Line,class:"calendarTopTick",key:t.value+"line"}),i("text",{key:t.value+"text",y:t.yText,x:t.xText,class:"calendarTopText"},t.value)))),this.currentDateIndicator&&i("circle",{key:"ccc563c883e85c17c839dd6414fba8e0845c4eac",fill:this.currentDateIndicator.color,cx:this.currentDateIndicator.x+2.5,cy:this.headerHeight-8,r:"8"})))}};z.style=w;var T={exports:{}};(function(t,i){(function(t,e){e(i)})(s,(function(t){
1
+ import{r as t,h as i,F as e}from"./p-d7c15b0e.js";import{a as n,c as s}from"./p-029c7cbe.js";import{d as o,i as a,g as r,h as l}from"./p-008bdcdc.js";import{d as h,a as f,b as p,c,e as d}from"./p-53af4c87.js";import{d as u}from"./p-cd3a7d53.js";const g='.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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.custom-task-list-wrapper{display:flex;justify-content:space-around;max-width:330px;place-items:"center";text-align:center;align-items:center}.title{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggler{max-width:max-content;padding:0 4px;text-align:right}.switch{position:relative;display:inline-block;width:30px;height:17px}.input{opacity:0;width:0;height:0}.input:checked+.slider{background-color:#003b77}.input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translateX(13px)}.input:focus+.slider{box-shadow:0 0 1px #003b77}.slider{-webkit-transition:0.4s;cursor:pointer;background-color:#ccc;bottom:0;border-radius:17px;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider:before{-webkit-transition:0.1s;background-color:white;border-radius:50%;bottom:2px;content:"";height:13px;left:2px;position:absolute;transition:0.1s;width:13px}.label{font-size:12px;padding:6px}.filter{font-size:12px}';const x=g;const v=class{constructor(i){t(this,i);this.label="";this.doubleView=false;this.setDoubleView=undefined;this.fontFamily=undefined;this.fontSize=undefined}render(){return i("div",{key:"dfcd0fb852559b2ffcb4fb167c7639d3f7debf8b",class:"custom-task-list-wrapper",style:{height:"25px",fontFamily:this.fontFamily,fontSize:this.fontSize}},i("div",{key:"59e157d30f9573922fa456b1f6ea1132fc192089",class:"title"},i("span",{key:"73a2095bf91d0846df1ad2bf1fb2d7425b3210f0"},this.label)),this.setDoubleView!==undefined&&i("div",{key:"fcc17da264378828c9494c571f24f8c072508dd0",class:"toggler"},i("label",{key:"94edc43752e00d5b12fa516712b6eb7230720891",htmlFor:"ch2",class:"switch"},i("input",{key:"3a0c8a9cbae7a67f93afea19013cccdd9a97c053",class:"input",id:"ch2",type:"checkbox",checked:this.doubleView,onClick:()=>this.setDoubleView(!this.doubleView)}),i("span",{key:"5fd1f6bcfe2f27d73f1c84938dda32c8fdebbf67",class:"slider"})),i("span",{key:"117ddb88804955dbad7f5acc69fcfc1b4701fccb",class:"label"},"Previsioni")))}};v.style=x;const y=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.container{margin-top:var(--kup-space-04)}.scrollable{overflow-x:auto;scrollbar-width:0}.scrollable .project-wrapper{display:table}.scrollable .project{width:100% !important;display:table-row}.scrollable .project>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid var(--kup-border-subtle, #acacac);border-top:1px solid var(--kup-border-subtle, #acacac);padding-left:12px}.scrollable .project>*:first-child{border-left:1px solid var(--kup-border-subtle, #acacac);border-bottom-left-radius:4px;border-top-left-radius:4px}.scrollable .project>*:last-child{border-right:1px solid var(--kup-border-subtle, #acacac);border-bottom-right-radius:4px;border-top-right-radius:4px}.scrollable .subrow{width:100% !important;display:table-row}.scrollable .subrow>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .subrow>*:first-child{border-left:1px solid #acacac}.scrollable .subrow>*:last-child{border-right:1px solid #acacac}.scrollable .timeline{width:100% !important;display:table-row}.scrollable .timeline>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .timeline>*:first-child{border-left:1px solid #acacac}.scrollable .timeline>*:last-child{border-right:1px solid #acacac}.scrollable .project:has(+.subrow)>*{border-bottom-left-radius:0;border-bottom-right-radius:0}.scrollable::-webkit-scrollbar{width:0;height:0}.project{background:var(--kup-layer-1);border-bottom:1px solid var(--kup-border-subtle);border-radius:var(--kup-radius-00);box-sizing:border-box;color:var(--kup-text-secondary);cursor:pointer;display:grid;font-weight:400;grid-template-columns:var(--grid-project-columns, 1fr 1fr 1fr);place-items:center;padding:var(--kup-space-03)}.project>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;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}.project .main{font-weight:700;width:100%;padding-left:4px;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.subrow{cursor:pointer;display:grid;border-bottom:1px solid var(--kup-border-subtle);box-sizing:border-box;grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background-color:var(--kup-layer-1);color:var(--kup-text-primary);font-weight:400}.subrow>*{font-size:12px;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.subrow:last-of-type{border-bottom:1px solid var(--kup-border-subtle)}.subrow:has(+.subrow),.project:has(+.subrow){border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.timeline{padding:var(--kup-space-03);cursor:pointer;display:grid;border-bottom:1px solid var(--kup-border-subtle);border-radius:var(--kup-radius-00);grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background-color:var(--kup-layer-1);color:var(--kup-text-primary);font-weight:400;box-sizing:border-box}.timeline>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;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}.timeline .main{font-weight:700;width:100%;padding-left:4px;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}";const m=y;const k=class{constructor(i){t(this,i);this.ganttId=undefined;this.tasks=[];this.rowHeight=0;this.rowWidth="";this.fontFamily="";this.fontSize="";this.scrollableTaskList=undefined;this.taskListScrollX=undefined;this.setSelectedTask=undefined;this.onclickTaskList=undefined;this.ondblclickTaskList=undefined;this.oncontextmenuTaskList=undefined;this.ontaskListScrollWidth=undefined}componentDidLoad(){var t;this.ontaskListScrollWidth((t=this.projectWrapperRef)===null||t===void 0?void 0:t.clientWidth)}componentDidUpdate(){var t;this.ontaskListScrollWidth((t=this.projectWrapperRef)===null||t===void 0?void 0:t.clientWidth)}updateTaskListScroll(){this.projectWrapperRef&&(this.projectWrapperRef.parentElement.scrollLeft=this.taskListScrollX)}render(){const t=new n;const s={};if(this.scrollableTaskList){s["width"]=this.rowWidth}const a=this.tasks.reduce(((t,i)=>t.valuesToShow.length>i.valuesToShow.length?t:i)).valuesToShow.length+1;return i("div",{class:`container ${this.scrollableTaskList?"scrollable":""}`,style:s},i("div",{class:"project-wrapper",ref:t=>this.projectWrapperRef=t},this.tasks.map((n=>{var s,r,l,h;return i(e,null,n.type==="project"?i("div",{class:"project",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,gridTemplateColumns:`repeat(${n.valuesToShow.length}, 1fr)`},onClick:()=>{this.setSelectedTask(n.id);this.onclickTaskList(n.id)},onDblClick:()=>{this.setSelectedTask(n.id);this.ondblclickTaskList(n.id)},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},(s=n.valuesToShow)===null||s===void 0?void 0:s.map(((e,s)=>i("span",{class:s===0?"main":undefined,title:e.length>10?e:undefined,key:`task_${n.id}_valuesToShow_${s}`},e==="#START#"?t.formatToLocaleSimple(n.start):e==="#END#"?t.formatToLocaleSimple(n.end):e))),this.scrollableTaskList&&a>n.valuesToShow.length&&(()=>{const t=o(a-n.valuesToShow.length);return t.map((t=>i("span",{key:t})))})()):n.type==="task"?i("div",{class:"subrow",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,gridTemplateColumns:`repeat(${n.valuesToShow.length+1}, 1fr)`},onClick:()=>{this.setSelectedTask(n.id);this.onclickTaskList(n.id)},onDblClick:()=>{this.setSelectedTask(n.id);this.ondblclickTaskList(n.id)},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},this.scrollableTaskList?i("div",{style:{textAlign:"end"}},i("span",{key:`phase_${n.id}_valuesToShow_color`,style:{height:"16px",width:"16px",display:"inline-block",backgroundColor:(r=n.styles)===null||r===void 0?void 0:r.backgroundColor}})):i("span",{key:`phase_${n.id}_valuesToShow_color`,style:{height:"16px",width:"16px",backgroundColor:(l=n.styles)===null||l===void 0?void 0:l.backgroundColor}}),(h=n.valuesToShow)===null||h===void 0?void 0:h.map(((e,s)=>i("span",{class:s===0?"main":undefined,title:e.length>10?e:undefined,key:`phase_${n.id}_valuesToShow_${s}`},e==="#START#"?t.formatToLocaleSimple(n.start):e==="#END#"?t.formatToLocaleSimple(n.end):e))),this.scrollableTaskList&&a>n.valuesToShow.length&&(()=>{const t=o(a-n.valuesToShow.length-1);return t.map((t=>i("span",{key:t})))})()):(()=>{var t;let e="";for(let t=0;t<n.valuesToShow.length;t++){e+="1fr "}return i("div",{class:"timeline",style:{height:`${this.rowHeight}px`,width:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,"--grid-fasi-columns":e},onContextMenu:t=>{t.preventDefault();this.setSelectedTask(n.id);this.oncontextmenuTaskList(t,n.id)}},(t=n.valuesToShow)===null||t===void 0?void 0:t.map(((t,e)=>i("span",{class:e===0?"main":undefined,title:t.length>10?t:undefined,key:`detail_${n.id}_valuesToShow_${e}`},t))))})())}))))}static get watchers(){return{taskListScrollX:["updateTaskListScroll"]}}};k.style=m;const b=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.calendarBottomText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events: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}.calendarTopTick{stroke:var(--kup-border-subtle)}.calendarTopText{text-anchor:middle;fill:var(--kup-text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events: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}.calendarHeader{fill:var(--kup-layer-1);stroke:var(--kup-border-subtle);stroke-width:1.4;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}";const w=b;const z=class{constructor(i){t(this,i);this.dateSetup=undefined;this.locale=undefined;this.rtl=undefined;this.headerHeight=undefined;this.columnWidth=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.dateTimeFormatters=undefined;this.singleLineHeader=false;this.currentDateIndicator=undefined;this.svgWidth=undefined;this.simplifiedHeader=undefined}componentWillLoad(){this.simplifiedHeader=this.singleLineHeader&&this.dateSetup.viewMode!=="year"}formatYear(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.year)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.year(t,this.locale):h.year(t,this.locale)}formatMonth(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.month)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.month(t,this.locale):h.month(t,this.locale)}formatMonthAndYear(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.monthAndYear)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.monthAndYear(t,this.locale):h.monthAndYear(t,this.locale)}formatWeek(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.week)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.week(t,this.locale):h.week(t,this.locale)}formatDay(t){var i,e;return((i=this.dateTimeFormatters)===null||i===void 0?void 0:i.day)?(e=this.dateTimeFormatters)===null||e===void 0?void 0:e.day(t,this.locale):h.day(t,this.locale)}getCalendarValuesForYear(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=this.formatYear(a);e.push(i("text",{key:r,y:this.headerHeight*.8,x:this.columnWidth*o+this.columnWidth*.5,class:"calendarBottomText"},r));if(o===0||a.getFullYear()!==s[o-1].getFullYear()){const i=a.getFullYear().toString();let e;if(this.rtl){e=(6+o+a.getFullYear()+1)*this.columnWidth}else{e=(6+o-a.getFullYear())*this.columnWidth}t.push({key:i,value:i,x1Line:this.columnWidth*o,y1Line:0,y2Line:this.headerHeight,xText:e,yText:n*.9})}}return[t,e]}getCalendarValuesForMonth(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=this.formatMonth(a);e.push(i("text",{key:r+a.getFullYear(),y:this.headerHeight*.8,x:this.columnWidth*o+this.columnWidth*.5,class:"calendarBottomText"},r));if(o===0||a.getFullYear()!==s[o-1].getFullYear()){const i=this.formatYear(a);let e;if(this.rtl){e=(6+o+a.getMonth()+1)*this.columnWidth}else{e=(6+o-a.getMonth())*this.columnWidth}t.push({key:i,value:i,x1Line:this.columnWidth*o,y1Line:0,y2Line:n,xText:e,yText:n*.9})}}return[t,e]}getCalendarValuesForWeek(){const t=[];const e=[];let n=1;const s=this.headerHeight*.5;const o=this.dateSetup.dates;for(let a=o.length-1;a>=0;a--){const r=o[a];let l="";if(a===0||r.getMonth()!==o[a-1].getMonth()){l=this.formatMonthAndYear(r)}const h=this.formatWeek(r);e.push(i("text",{key:r.getTime(),y:this.headerHeight*.8,x:this.columnWidth*(a+ +this.rtl),class:"calendarBottomText"},h));if(l){if(a!==o.length-1){t.push({key:l,value:l,x1Line:this.columnWidth*a+n*this.columnWidth,y1Line:0,y2Line:s,xText:this.columnWidth*a+this.columnWidth*n*.5,yText:s*.9})}n=0}n++}return[t,e]}getCalendarValuesForDay(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=this.formatDay(a);e.push(i("text",{key:a.getTime(),y:this.headerHeight*.8,x:this.columnWidth*o+this.columnWidth*.5,class:"calendarBottomText"},r));if(o+1!==s.length&&a.getMonth()!==s[o+1].getMonth()){const i=this.formatMonth(a);t.push({key:i+a.getFullYear(),value:i,x1Line:this.columnWidth*(o+1),y1Line:0,y2Line:n,xText:this.columnWidth*(o+1)-f(a.getMonth(),a.getFullYear())*this.columnWidth*.5,yText:n*.9})}}return[t,e]}getCalendarValuesForHour(){const t=[];const e=[];const n=this.headerHeight*.5;const s=this.dateSetup.dates;for(let o=0;o<s.length;o++){const a=s[o];const r=p(this.locale,{hour:"numeric"}).format(a);e.push(i("text",{key:a.getTime(),y:this.headerHeight*.8,x:this.columnWidth*(o+ +this.rtl),class:"calendarBottomText"},r));if(o!==0&&a.getDate()!==s[o-1].getDate()){const i=s[o-1];const e=`${c(i,this.locale,"long")}, ${i.getDate()} ${d(i,this.locale)}`;const r=(a.getHours()-24)/2;t.push({key:e+a.getFullYear(),value:e,x1Line:this.columnWidth*o,y1Line:0,y2Line:n,xText:this.columnWidth*(o+r),yText:n*.9})}}return[t,e]}getTopAndBottomValues(){switch(this.dateSetup.viewMode){case"hour":return this.getCalendarValuesForHour();case"day":return this.getCalendarValuesForDay();case"week":return this.getCalendarValuesForWeek();case"month":return this.getCalendarValuesForMonth();case"year":return this.getCalendarValuesForYear()}}render(){this.simplifiedHeader=this.singleLineHeader&&this.dateSetup.viewMode!=="year";const[t,e]=this.getTopAndBottomValues();return i("svg",{key:"4ad5b9ccca0df392a83070e15b28fd3f8e72e70f",xmlns:"http://www.w3.org/2000/svg",width:this.svgWidth,height:this.headerHeight},i("g",{key:"da7da862b4f407c73f351fa1b8e3e4beb240db65",class:"calendar","font-size":this.fontSize,"font-family":this.fontFamily},i("rect",{key:"515bd9ab381247ee55813b3f40fa453b2f366467",x:0,y:0,width:this.columnWidth*this.dateSetup.dates.length,height:this.headerHeight,class:"calendarHeader"}),this.simplifiedHeader?null:e,this.simplifiedHeader?t.map((t=>i("g",{class:"calendarTop"},i("line",{x1:t.x1Line,y1:t.y2Line*2,x2:t.x1Line,y2:t.y2Line,class:"calendarTopTick",key:t.value+"line"}),i("text",{key:t.value+"text",y:t.yText,x:t.xText,class:"calendarTopText"},t.value)))):t.map((t=>i("g",{class:"calendarTop"},i("line",{x1:t.x1Line,y1:t.y1Line,x2:t.x1Line,y2:t.y2Line,class:"calendarTopTick",key:t.value+"line"}),i("text",{key:t.value+"text",y:t.yText,x:t.xText,class:"calendarTopText"},t.value)))),this.currentDateIndicator&&i("circle",{key:"609d5428fdfc27ba6ac1bdc2a2799fea5089dee7",fill:this.currentDateIndicator.color,cx:this.currentDateIndicator.x+2.5,cy:this.headerHeight-8,r:"8"})))}};z.style=w;var T={exports:{}};(function(t,i){(function(t,e){e(i)})(s,(function(t){
2
2
  /*! *****************************************************************************
3
3
  Copyright (c) Microsoft Corporation.
4
4
 
@@ -13,5 +13,5 @@ import{r as t,h as i,F as e}from"./p-d7c15b0e.js";import{a as n,c as s}from"./p-
13
13
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
14
14
  PERFORMANCE OF THIS SOFTWARE.
15
15
  ***************************************************************************** */
16
- function i(t,i){var e=typeof Symbol==="function"&&t[Symbol.iterator];if(!e)return t;var n=e.call(t),s,o=[],a;try{while((i===void 0||i-- >0)&&!(s=n.next()).done)o.push(s.value)}catch(t){a={error:t}}finally{try{if(s&&!s.done&&(e=n["return"]))e.call(n)}finally{if(a)throw a.error}}return o}var e=function(){function t(t,i,e){this.r=0;this.g=0;this.b=0;this.set(t,i,e)}t.prototype.set=function(t,i,e){this.r=this.clamp(t);this.g=this.clamp(i);this.b=this.clamp(e)};t.prototype.hueRotate=function(t){if(t===void 0){t=0}t=t/180*Math.PI;var i=Math.sin(t);var e=Math.cos(t);this.multiply([.213+e*.787-i*.213,.715-e*.715-i*.715,.072-e*.072+i*.928,.213-e*.213+i*.143,.715+e*.285+i*.14,.072-e*.072-i*.283,.213-e*.213-i*.787,.715-e*.715+i*.715,.072+e*.928+i*.072])};t.prototype.grayscale=function(t){if(t===void 0){t=1}this.multiply([.2126+.7874*(1-t),.7152-.7152*(1-t),.0722-.0722*(1-t),.2126-.2126*(1-t),.7152+.2848*(1-t),.0722-.0722*(1-t),.2126-.2126*(1-t),.7152-.7152*(1-t),.0722+.9278*(1-t)])};t.prototype.sepia=function(t){if(t===void 0){t=1}this.multiply([.393+.607*(1-t),.769-.769*(1-t),.189-.189*(1-t),.349-.349*(1-t),.686+.314*(1-t),.168-.168*(1-t),.272-.272*(1-t),.534-.534*(1-t),.131+.869*(1-t)])};t.prototype.saturate=function(t){if(t===void 0){t=1}this.multiply([.213+.787*t,.715-.715*t,.072-.072*t,.213-.213*t,.715+.285*t,.072-.072*t,.213-.213*t,.715-.715*t,.072+.928*t])};t.prototype.multiply=function(t){var i=this.clamp(this.r*t[0]+this.g*t[1]+this.b*t[2]);var e=this.clamp(this.r*t[3]+this.g*t[4]+this.b*t[5]);var n=this.clamp(this.r*t[6]+this.g*t[7]+this.b*t[8]);this.r=i;this.g=e;this.b=n};t.prototype.brightness=function(t){if(t===void 0){t=1}this.linear(t)};t.prototype.contrast=function(t){if(t===void 0){t=1}this.linear(t,-(.5*t)+.5)};t.prototype.linear=function(t,i){if(t===void 0){t=1}if(i===void 0){i=0}this.r=this.clamp(this.r*t+i*255);this.g=this.clamp(this.g*t+i*255);this.b=this.clamp(this.b*t+i*255)};t.prototype.invert=function(t){if(t===void 0){t=1}this.r=this.clamp((t+this.r/255*(1-2*t))*255);this.g=this.clamp((t+this.g/255*(1-2*t))*255);this.b=this.clamp((t+this.b/255*(1-2*t))*255)};t.prototype.hsl=function(){var t=this.r/255;var i=this.g/255;var e=this.b/255;var n=Math.max(t,i,e);var s=Math.min(t,i,e);var o=0;var a=0;var r=(n+s)/2;if(n===s){return{h:0,s:0,l:r*100}}var l=n-s;a=r>.5?l/(2-n-s):l/(n+s);if(n===t){o=(i-e)/l+(i<e?6:0)}else if(n===i){o=(e-t)/l+2}else if(n===e){o=(t-i)/l+4}o/=6;return{h:o*100,s:a*100,l:r*100}};t.prototype.clamp=function(t){return Math.min(Math.max(t,0),255)};return t}();var n=function(){function t(t,i){this.target=t;this.targetHSL=t.hsl();this.options=Object.assign({},{acceptanceLossPercentage:5,maxChecks:15},i);this.reusedColor=new e(0,0,0)}t.prototype.solve=function(){var t=this.solveNarrow(this.solveWide());return{values:t.values,called:t.called,loss:t.loss,filter:this.css(t.values)}};t.prototype.solveWide=function(){var t=5;var i=15;var e=[60,180,18e3,600,1.2,1.2];var n={loss:Infinity};var s=0;while(n.loss>this.options.acceptanceLossPercentage){var o=[50,20,3750,50,100,100];var a=this.spsa({A:t,a:e,c:i,values:o,maxTriesInLoop:1e3});if(a.loss<n.loss){n=a}s+=1;if(s>=this.options.maxChecks){break}}return Object.assign({},n,{called:s})};t.prototype.solveNarrow=function(t){var i=t.loss;var e=2;var n=i+1;var s=[.25*n,.25*n,n,.25*n,.2*n,.2*n];return this.spsa({A:i,a:s,c:e,values:t.values,maxTriesInLoop:500,called:t.called})};t.prototype.fixValueByFilterIDX=function(t,i){var e=100;if(i===2){e=7500}else if(i===4||i===5){e=200}if(i===3){if(t>e){t%=e}else if(t<0){t=e+t%e}}else if(t<0){t=0}else if(t>e){t=e}return t};t.prototype.spsa=function(t){var i=t.A,e=t.a,n=t.c,s=t.values,o=t.maxTriesInLoop,a=o===void 0?500:o,r=t.called,l=r===void 0?0:r;var h=1;var f=.16666666666666666;var p=null;var c=Infinity;var d=new Array(6);var u=new Array(6);var g=new Array(6);var x=6;for(var v=0;v<a;v++){var y=n/Math.pow(v+1,f);for(var m=0;m<x;m++){d[m]=Math.random()>.5?1:-1;u[m]=s[m]+y*d[m];g[m]=s[m]-y*d[m]}var k=this.loss(u)-this.loss(g);for(var m=0;m<x;m++){var b=k/(2*y)*d[m];var w=e[m]/Math.pow(i+v+1,h);s[m]=this.fixValueByFilterIDX(s[m]-w*b,m)}var z=this.loss(s);if(z<c){p=s.slice(0);c=z}}return{values:p,loss:c,called:l}};t.prototype.loss=function(t){var i=this.reusedColor;i.set(0,0,0);i.invert(t[0]/100);i.sepia(t[1]/100);i.saturate(t[2]/100);i.hueRotate(t[3]*3.6);i.brightness(t[4]/100);i.contrast(t[5]/100);var e=i.hsl();return Math.abs(i.r-this.target.r)+Math.abs(i.g-this.target.g)+Math.abs(i.b-this.target.b)+Math.abs(e.h-this.targetHSL.h)+Math.abs(e.s-this.targetHSL.s)+Math.abs(e.l-this.targetHSL.l)};t.prototype.css=function(t){var i=function(i,e){if(e===void 0){e=1}return Math.round(t[i]*e)};return["invert("+i(0)+"%)","sepia("+i(1)+"%)","saturate("+i(2)+"%)","hue-rotate("+i(3,3.6)+"deg)","brightness("+i(4)+"%)","contrast("+i(5)+"%);"].join(" ")};return t}();var s=function(t){if(t.length===4){return[parseInt("0x"+t[1]+t[1]),parseInt("0x"+t[2]+t[2]),parseInt("0x"+t[3]+t[3])]}if(t.length===7){return[parseInt("0x"+t[1]+t[2]),parseInt("0x"+t[3]+t[4]),parseInt("0x"+t[5]+t[6])]}return[]};var o=function(t){return!isNaN(parseFloat(t))&&isFinite(t)};var a={};var r=function(t,r){var l;if(r===void 0){r={}}var h;var f;var p;if(a[t]&&!r.forceFilterRecalculation){return Object.assign({},a[t],{cache:true})}var c;try{l=i(s(t),3),h=l[0],f=l[1],p=l[2];if(!o(h)||!o(f)||!o(p)){throw new Error("hextToRgb returned an invalid value for '"+t+"'")}c=new e(Number(h),Number(f),Number(p))}catch(t){throw new Error("Color value should be in HEX format. "+t)}var d=new n(c,Object.assign({},{acceptanceLossPercentage:5,maxChecks:30,forceFilterRecalculation:false},r));return a[t]=Object.assign({},d.solve(),{hex:t,rgb:[h,f,p],cache:false})};var l=function(t){if(!t){a={}}else if(a[t]){delete a[t]}};t.clearCache=l;t.hexToCSSFilter=r;Object.defineProperty(t,"__esModule",{value:true})}))})(T,T.exports);const $=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.gridRow{fill:var(--kup-layer-1)}.gridRowLine{stroke:transparent}.gridTick{stroke:var(--kup-border-subtle)}.barHandle{fill:#ddd;cursor:ew-resize;opacity:0;visibility:hidden}.barBackground{user-select:none;stroke-width:0}.barWrapper{cursor:pointer;outline:none}.task-wrapper{outline:none !important}.barWrapper:hover .barHandle{visibility:visible;opacity:1}.barLabel{fill:var(--kup-layer-0);text-anchor:middle;font-weight:lighter;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.barLabelOutside{fill:var(--kup-text-secondary);text-anchor:start;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.ghost-preview{opacity:0.5}";const M=$;const S=class{constructor(i){t(this,i);this.tasks=undefined;this.dates=undefined;this.ganttEvent=undefined;this.selectedTask=undefined;this.rowHeight=0;this.columnWidth=0;this.timeStep=0;this.taskHeight=0;this.arrowColor="";this.arrowIndent=0;this.fontFamily="";this.fontSize="";this.rtl=false;this.hideLabel=false;this.showSecondaryDates=false;this.currentDateIndicator=undefined;this.projection=undefined;this.readOnly=false;this.gridProps=undefined;this.dateChange=undefined;this.progressChange=undefined;this.doubleClick=undefined;this.barClick=undefined;this.barDblClick=undefined;this.barContextMenu=undefined;this.delete=undefined;this.setFailedTask=undefined;this.setSelectedTask=undefined;this.eventStart=undefined;this.eMouseDown=undefined;this.phaseDrop=undefined;this.setGanttEvent=undefined;this.phaseDragScroll=undefined;this.xStep=0;this.initEventX1Delta=0;this.initEventXClick=0;this.isMoving=false;this.point=undefined;this.svg=undefined;this.currentTarget=undefined;this.dragScrollInterval=undefined;this.dropZoneTask=undefined}componentDidLoad(){this.point=this.createSVGPoint();this.updateXStep()}createSVGPoint(){if(this.svg){return this.svg.createSVGPoint()}return undefined}updateXStep(){const t=this.dates[1].getTime()-this.dates[0].getTime()-this.dates[1].getTimezoneOffset()*60*1e3+this.dates[0].getTimezoneOffset()*60*1e3;const i=this.timeStep*this.columnWidth/t;this.xStep=i}updateSvgMove(){const t=async t=>{var i,e;if(!this.ganttEvent.changedTask||!this.point||!this.svg)return;t.preventDefault();this.point.x=t.clientX;this.point.y=t.clientY;const n=this.point.matrixTransform((e=(i=this.svg)===null||i===void 0?void 0:i.getScreenCTM())===null||e===void 0?void 0:e.inverse());const{isChanged:s,changedTask:o}=l(n.x,this.ganttEvent.action,this.ganttEvent.changedTask,this.xStep,this.timeStep,this.initEventX1Delta,this.rtl,n.y);if(this.currentTarget){this.addGhostPreview(t);this.handleAutoScrollForPhaseDrag(t);this.addDropzoneVisualization()}if(s){this.setGanttEvent(Object.assign(Object.assign({},this.ganttEvent),{action:this.ganttEvent.action,changedTask:o}))}};const i=async e=>{var n,s,o;clearInterval(this.dragScrollInterval);this.resetDropzoneVisualization();const{action:a,originalSelectedTask:r,changedTask:h}=this.ganttEvent;if(!h||!this.point||!this.svg||!r)return;e.preventDefault();this.point.x=e.clientX;const f=this.point.matrixTransform((s=(n=this.svg)===null||n===void 0?void 0:n.getScreenCTM())===null||s===void 0?void 0:s.inverse());this.currentTarget=null;const{changedTask:p}=l(f.x,a,h,this.xStep,this.timeStep,this.initEventX1Delta,this.rtl,f.y);const c=r.start!==p.start||r.end!==p.end||r.progress!==p.progress||r.y!==p.y;this.svg.removeEventListener("mousemove",t);this.svg.removeEventListener("mouseup",i);(o=this.svg.querySelector(".ghost-preview"))===null||o===void 0?void 0:o.remove();this.setGanttEvent({action:""});this.isMoving=false;let d=true;let u=undefined;let g=undefined;if(a==="move"&&c&&p.type==="task"){u=this.tasks.find((t=>this.isPhaseWithinTaskArea(h,t)&&t.type==="project"));g=this.tasks.find((t=>t.id==r.id.split("_").shift()))}if((u===null||u===void 0?void 0:u.id)&&(g===null||g===void 0?void 0:g.id)!==(u===null||u===void 0?void 0:u.id)){this.phaseDrop(r,g,p,u)}else if((a==="move"||a==="end"||a==="start")&&this.dateChange&&c){try{const t=await this.dateChange(p,p.barChildren);if(t!==undefined){d=t}}catch(t){d=false}}else if(this.progressChange&&c){try{const t=this.progressChange(p,p.barChildren);if(t!==undefined){d=t}}catch(t){d=false}}if(!d){this.setFailedTask(r)}};if(!this.isMoving&&(this.ganttEvent.action==="move"||this.ganttEvent.action==="end"||this.ganttEvent.action==="start"||this.ganttEvent.action==="progress")&&this.svg){this.svg.addEventListener("mousemove",t);this.svg.addEventListener("mouseup",i);this.isMoving=true}}hasMovedHorizontally(t){if(this.readOnly){return false}return this.initEventXClick!==t.clientX}addGhostPreview(t){var i;(i=this.svg.querySelector(".ghost-preview"))===null||i===void 0?void 0:i.remove();const e=Object.assign(Object.assign({},t),{dataTransfer:new DataTransfer});const n=this.currentTarget;n.classList.add("ghost-preview");this.svg.appendChild(n.cloneNode(true));const s=n.getBoundingClientRect();e.dataTransfer.setDragImage(n,e.clientX-s.left,e.clientY-s.top)}handleAutoScrollForPhaseDrag(t){var i,e;const n=(e=(i=this.svg)===null||i===void 0?void 0:i.parentElement)===null||e===void 0?void 0:e.parentElement;if(!n)return;clearInterval(this.dragScrollInterval);const s=n.clientHeight<n.scrollHeight;if(s){const i=n.getBoundingClientRect();const e=t.clientY-i.top;const s=5;if(e-20<s){this.dragScrollInterval=setInterval((()=>{this.phaseDragScroll(n.scrollTop-=s)}),1)}else if(e+20>i.height-s){this.dragScrollInterval=setInterval((()=>{this.phaseDragScroll(n.scrollTop+=s)}),1)}}else{const i=20;const e=window.innerHeight;const n=t.clientY;if(n<i){window.scrollBy(0,-i)}else if(n>e-i){window.scrollBy(0,i)}}}isPhaseWithinTaskArea(t,i){return t.y+t.height>=i.ySecondary&&t.y<=i.ySecondary+i.height&&t.x2>=i.x1&&t.x1<=i.x2}addDropzoneVisualization(){var t;this.resetDropzoneVisualization();const i=this.tasks.filter((t=>{var i,e,n;return t.type=="project"&&((n=(e=(i=this.ganttEvent.originalSelectedTask)===null||i===void 0?void 0:i.id)===null||e===void 0?void 0:e.split("_"))===null||n===void 0?void 0:n.shift())!=t.id}));const e=this.ganttEvent.changedTask;this.dropZoneTask=i.find((t=>this.isPhaseWithinTaskArea(e,t)));if((t=this.dropZoneTask)===null||t===void 0?void 0:t.ySecondary){const t=this.getBarRectsForDropzoneVisualization();t.forEach((t=>{t.setAttribute("fill",u.barDropZoneColor)}))}}resetDropzoneVisualization(){if(!this.dropZoneTask)return;const t=this.getBarRectsForDropzoneVisualization();const i=!!this.selectedTask&&this.dropZoneTask.id===this.selectedTask.id;t.forEach((t=>{t.setAttribute("fill",this.getBarColor(i,this.dropZoneTask.styles))}))}getBarRectsForDropzoneVisualization(){let t;if(!this.showSecondaryDates){t=this.svg.querySelectorAll(`.barWrapper[data-type="${this.dropZoneTask.type}"] rect[y='${this.dropZoneTask.ySecondary}']`)}else{const i=this.svg.querySelector(`.barWrapper[data-type="${this.dropZoneTask.type}"] rect[y='${this.dropZoneTask.ySecondary}']`);const e=[i];let n=i.nextElementSibling;while(n!==null){e.push(n);n=n.nextElementSibling}let s=i.previousElementSibling;while(s!==null){e.unshift(s);s=s.previousElementSibling}t=e}return t}handleBarEventStart(t,i,e){var n;if(!e){if(t==="select"){this.setSelectedTask(i.id)}}else if(a(e)){if(t==="delete"){if(this.delete){try{const e=this.delete(i);if(e!==undefined&&e){this.setGanttEvent({action:t,changedTask:i})}}catch(t){console.error("Error on Delete. "+t)}}}}else if(t==="mouseenter"){if(!this.ganttEvent.action){this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}}else if(t==="mouseleave"){if(this.ganttEvent.action==="mouseenter"){this.setGanttEvent({action:""})}}else if(t==="dblclick"){this.doubleClick&&this.doubleClick(i)}else if(t==="click"){const t=this.hasMovedHorizontally(e);!t&&this.barClick&&this.barClick(i)}else if(t==="contextmenu"){e.preventDefault();this.barContextMenu&&this.barContextMenu(e,i)}else if(t==="move"){if(!this.svg||!this.point)return;this.point.x=e.clientX;const s=this.point.matrixTransform((n=this.svg.getScreenCTM())===null||n===void 0?void 0:n.inverse());if(i.type==="task"){this.currentTarget=e.currentTarget.cloneNode(true)}else{this.currentTarget=null}this.initEventX1Delta=s.x-i.x1;this.point.y=e.clientY;this.initEventXClick=e.clientX;this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}else{this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}}getTaskIcon(t){const e=T.exports.hexToCSSFilter(t.color);return i("image",{href:t.url,filter:e.filter.replace(";",""),x:t.x,y:t.y,width:t.width,height:t.height})}renderKupBar(t,e,n,s){var o,a,r;return i("g",{class:"barWrapper","tab-index":0,"data-type":t.type},this.renderKupBarDisplay(t.x1,t.y,t.x2-t.x1,t.height,t.progressX,t.progressWidth,t.barCornerRadius,t.styles,e,!this.readOnly&&!!this.dateChange&&!t.isDisabled,t,t.x1secondary,((o=t.x2secondary)!==null&&o!==void 0?o:0)-((a=t.x1secondary)!==null&&a!==void 0?a:0),t.ySecondary),i("g",{class:"handleGroup"},n&&i("g",null,this.renderKupBarDateHandle(t.x1+1,t.y+1,t.handleWidth,t.height-2,t.barCornerRadius,t,"start"),this.renderKupBarDateHandle(t.x2-t.handleWidth-1,t.y+1,t.handleWidth,t.height-2,t.barCornerRadius,t,"end")),s&&i("polygon",{class:"barHandle",points:this.calculateProgressPoint(t),onMouseDown:i=>{this.handleBarEventStart("progress",t,i)}})),t.icon&&t.icon.url&&this.getTaskIcon({color:(r=t.icon.color)!==null&&r!==void 0?r:"#000000",url:t.icon.url,width:t.height/2+"px",height:t.height/2+"px",x:t.x1+(t.x2-t.x1)-t.height/2/2,y:t.y-t.height/2/2/2+(this.showSecondaryDates?t.height/2:0)}))}renderKupBarDisplay(t,e,n,s,o,a,r,l,h,f,p,c,d,u){if(this.showSecondaryDates&&typeof c!=="undefined"){const g=s/2;return i("g",{onMouseDown:t=>f&&this.handleBarEventStart("move",p,t)},i("rect",{key:"top semi-transparent bar",x:c,width:d,y:u!==null&&u!==void 0?u:e,height:g,ry:r,rx:r,fill:this.getBarColor(h,l),opacity:.5,class:"barBackground"}),i("rect",{key:"main bar",x:t,width:n,y:e+g,height:g,ry:r,rx:r,fill:this.getBarColor(h,l),class:"barBackground"}),i("rect",{key:"progress bar",x:o,width:a,y:e+g,height:g,ry:r,rx:r,fill:this.getProcessColor(h,l)}))}return i("g",{onMouseDown:t=>{f&&this.handleBarEventStart("move",p,t)}},i("rect",{x:t,width:n,y:e,height:s,ry:r,rx:r,fill:this.getBarColor(h,l),class:"barBackground"}),i("rect",{x:o,width:a,y:e,height:s,ry:r,rx:r,fill:this.getProcessColor(h,l)}))}renderKupBarDateHandle(t,e,n,s,o,a,r){return i("rect",{x:t,y:e,width:n,height:s,class:"barHandle",ry:o,rx:o,onMouseDown:t=>this.handleBarEventStart(r,a,t)})}renderKupBarSmall(t,e,n,s){return i("g",{class:"barWrapper","tab-index":0},this.renderKupBarDisplay(t.x1,t.y,t.x2-t.x1,t.height,t.progressX,t.progressWidth,t.barCornerRadius,t.styles,e,n,t),i("g",{class:"handleGroup"},s&&i("polygon",{class:"barHandle",points:this.calculateProgressPoint(t,"small"),onMouseDown:i=>{this.handleBarEventStart("progress",t,i)}})))}renderKupBarTimeLine(t,n){return i("g",{"tab-index":0},i("rect",{fill:n,x:"0",width:"100%",y:t.y,height:t.height,rx:0,ry:0}),t.barChildren.map((t=>{var n;return i(e,null,i("rect",{style:{cursor:"pointer"},key:t.id,fill:t.styles.backgroundColor,x:t.x1,width:t.x2-t.x1,y:t.y,height:t.height,rx:t.barCornerRadius,ry:t.barCornerRadius}),t.icon&&t.icon.url&&this.getTaskIcon({color:(n=t.icon.color)!==null&&n!==void 0?n:"#000000",url:t.icon.url,width:t.height+"px",height:t.height+"px",x:t.x1+(t.x2-t.x1)-t.height/2,y:t.y-t.height/2/2}))})))}renderKupArrow(t,e){const[n,s]=this.rtl?this.drownPathAndTriangleRTL(t,this.tasks[e.index],this.rowHeight,this.taskHeight,this.arrowIndent):this.drownPathAndTriangle(t,this.tasks[e.index],this.rowHeight,this.taskHeight,this.arrowIndent);return i("g",{class:"arrow"},i("path",{"stroke-width":"1.5",d:n,fill:"none"}),i("polygon",{points:s}))}drownPathAndTriangle(t,i,e,n,s){const o=t.index>i.index?-1:1;const a=i.y+n/2;const r=t.x2+s*2;const l=r<i.x1?"":`H ${i.x1-s}`;const h=r>i.x1?s:i.x1-t.x2-s;const f=`M ${t.x2} ${t.y+n/2}\n h ${s}\n v ${o*e/2}\n ${l}\n V ${a}\n h ${h}`;const p=`${i.x1},${a}\n ${i.x1-5},${a-5}\n ${i.x1-5},${a+5}`;return[f,p]}drownPathAndTriangleRTL(t,i,e,n,s){const o=t.index>i.index?-1:1;const a=i.y+n/2;const r=t.x1-s*2;const l=r>i.x2?"":`H ${i.x2+s}`;const h=r<i.x2?-s:i.x2-t.x1+s;const f=`M ${t.x1} ${t.y+n/2}\n h ${-s}\n v ${o*e/2}\n ${l}\n V ${a}\n h ${h}`;const p=`${i.x2},${a}\n ${i.x2+5},${a+5}\n ${i.x2+5},${a-5}`;return[f,p]}getBarColor(t,i){return t?i.backgroundSelectedColor:i.backgroundColor}getProcessColor(t,i){return t?i.progressSelectedColor:i.progressColor}calculateProgressPoint(t,i="bar"){return r(i=="bar"?+!this.rtl*t.progressWidth+t.progressX:t.progressWidth+t.x1,t.y,t.height)}render(){let t=0;const e=[];const n=[i("line",{key:"RowLineFirst",x1:0,y1:0,x2:this.gridProps.svgWidth,y2:0,class:"gridRowLine"})];for(const s of this.tasks){e.push(i("rect",{key:"Row"+s.id,x:0,y:t,width:this.gridProps.svgWidth,height:this.rowHeight,class:"gridRow"}));n.push(i("line",{key:"RowLine"+s.id,x1:0,y1:t+this.rowHeight,x2:this.gridProps.svgWidth,y2:t+this.rowHeight,class:"gridRowLine"}));t+=this.rowHeight}let s=0;const o=[];for(let e=0;e<this.dates.length;e++){const n=this.dates[e];o.push(i("line",{key:n.getTime(),x1:s,y1:0,x2:s,y2:t,class:"gridTick"}));s+=this.columnWidth}return i("svg",{key:"5a7273db0e78764c1432747471f093f71021dfd2",xmlns:"http://www.w3.org/2000/svg",width:this.gridProps.svgWidth,height:`${this.rowHeight*this.tasks.length}px`,"font-family":this.fontFamily,ref:t=>this.svg=t},i("g",{key:"192f07e833557179530a07e525b107e38300365f",class:"grid"},i("g",{key:"0e08f10c0b0ef19518ab95591dbdb0c3213ba82e",class:"rows"},e),i("g",{key:"7aaa532f82aa195e00e0f0af6af59019216b7734",class:"rowLines"},n),i("g",{key:"716e07303c5e16fc662e3c859727c2be325edd9e",class:"ticks"},o)),i("g",{key:"a2663516577a108f216a65307b9f183c659a92a8",class:"content"},this.currentDateIndicator&&i("rect",{key:"7afb39c47ec99b8268757dab9a85c20eed6eeb4b",fill:this.currentDateIndicator.color,x:this.currentDateIndicator.x+1.5,y:"0",width:"2",height:"100%"}),this.projection&&i("rect",{key:"8348ee9e06dad473af617d618252405a114a3d36",fill:this.projection.color,x:this.projection.x0,y:"0",width:this.projection.xf-this.projection.x0,height:"100%","fill-opacity":"0.35"}),i("g",{key:"16b5df90351a040c71d8895a30ac9367d9a53b2e",class:"arrows",fill:this.arrowColor,stroke:this.arrowColor},this.tasks.map((t=>t.barChildren.map((i=>{if(t.type!=="timeline"){this.renderKupArrow(t,i)}}))))),i("g",{key:"67a5d0a4c0e3e655c0ea4c4373e765c12d25cc02",class:"bar","font-family":this.fontFamily,"font-size":this.fontSize},this.tasks.map((t=>{const e=t.type==="project";return i("g",{onKeyDown:i=>{switch(i.key){case"Delete":{if(!t.isDisabled)this.handleBarEventStart("delete",t,i);break}}i.stopPropagation()},onMouseEnter:i=>{this.handleBarEventStart("mouseenter",t,i)},onMouseLeave:i=>{this.handleBarEventStart("mouseleave",t,i)},onDblClick:()=>{this.barDblClick(t)},onClick:i=>{this.handleBarEventStart("click",t,i)},onContextMenu:i=>{this.handleBarEventStart("contextmenu",t,i)},onFocus:()=>{this.handleBarEventStart("select",t)},class:"task-wrapper"},(()=>{const i={task:t,arrowIndent:this.arrowIndent,isDelete:!t.isDisabled,taskHeight:this.taskHeight,isSelected:!!this.selectedTask&&t.id===this.selectedTask.id,rtl:this.rtl,hideLabel:this.hideLabel};const n=t.styles;const s=i.isSelected?n.backgroundSelectedColor:n.backgroundColor;const o=!this.readOnly&&!!this.dateChange&&!t.isDisabled&&!e;const a=!this.readOnly&&!!this.progressChange&&!t.isDisabled;const r=!this.readOnly&&!!this.dateChange&&!t.isDisabled;switch(t.typeInternal){case"project":return this.renderKupBar(t,i.isSelected,o,a);case"smalltask":return this.renderKupBarSmall(t,i.isSelected,r,a);case"timeline":return this.renderKupBarTimeLine(t,s);default:return this.renderKupBar(t,i.isSelected,o,a)}})())})),this.currentTarget&&this.ganttEvent.changedTask&&i("g",{key:"37c27322df479348c58dcebb92ad110ad813e939",class:"task-wrapper"},this.renderKupBar(this.ganttEvent.changedTask,false,false,false)))))}static get watchers(){return{columnWidth:["updateXStep"],dates:["updateXStep"],timeStep:["updateXStep","updateSvgMove"],ganttEvent:["updateSvgMove"],xStep:["updateSvgMove"],svg:["updateSvgMove"],initEventX1Delta:["updateSvgMove"],point:["updateSvgMove"],rtl:["updateSvgMove"],onProgressChange:["updateSvgMove"],onDateChange:["updateSvgMove"]}}};S.style=M;export{v as kup_custom_task_list_header,k as kup_custom_task_list_table,z as kup_gantt_calendar,S as kup_grid_renderer};
17
- //# sourceMappingURL=p-203cb58a.entry.js.map
16
+ function i(t,i){var e=typeof Symbol==="function"&&t[Symbol.iterator];if(!e)return t;var n=e.call(t),s,o=[],a;try{while((i===void 0||i-- >0)&&!(s=n.next()).done)o.push(s.value)}catch(t){a={error:t}}finally{try{if(s&&!s.done&&(e=n["return"]))e.call(n)}finally{if(a)throw a.error}}return o}var e=function(){function t(t,i,e){this.r=0;this.g=0;this.b=0;this.set(t,i,e)}t.prototype.set=function(t,i,e){this.r=this.clamp(t);this.g=this.clamp(i);this.b=this.clamp(e)};t.prototype.hueRotate=function(t){if(t===void 0){t=0}t=t/180*Math.PI;var i=Math.sin(t);var e=Math.cos(t);this.multiply([.213+e*.787-i*.213,.715-e*.715-i*.715,.072-e*.072+i*.928,.213-e*.213+i*.143,.715+e*.285+i*.14,.072-e*.072-i*.283,.213-e*.213-i*.787,.715-e*.715+i*.715,.072+e*.928+i*.072])};t.prototype.grayscale=function(t){if(t===void 0){t=1}this.multiply([.2126+.7874*(1-t),.7152-.7152*(1-t),.0722-.0722*(1-t),.2126-.2126*(1-t),.7152+.2848*(1-t),.0722-.0722*(1-t),.2126-.2126*(1-t),.7152-.7152*(1-t),.0722+.9278*(1-t)])};t.prototype.sepia=function(t){if(t===void 0){t=1}this.multiply([.393+.607*(1-t),.769-.769*(1-t),.189-.189*(1-t),.349-.349*(1-t),.686+.314*(1-t),.168-.168*(1-t),.272-.272*(1-t),.534-.534*(1-t),.131+.869*(1-t)])};t.prototype.saturate=function(t){if(t===void 0){t=1}this.multiply([.213+.787*t,.715-.715*t,.072-.072*t,.213-.213*t,.715+.285*t,.072-.072*t,.213-.213*t,.715-.715*t,.072+.928*t])};t.prototype.multiply=function(t){var i=this.clamp(this.r*t[0]+this.g*t[1]+this.b*t[2]);var e=this.clamp(this.r*t[3]+this.g*t[4]+this.b*t[5]);var n=this.clamp(this.r*t[6]+this.g*t[7]+this.b*t[8]);this.r=i;this.g=e;this.b=n};t.prototype.brightness=function(t){if(t===void 0){t=1}this.linear(t)};t.prototype.contrast=function(t){if(t===void 0){t=1}this.linear(t,-(.5*t)+.5)};t.prototype.linear=function(t,i){if(t===void 0){t=1}if(i===void 0){i=0}this.r=this.clamp(this.r*t+i*255);this.g=this.clamp(this.g*t+i*255);this.b=this.clamp(this.b*t+i*255)};t.prototype.invert=function(t){if(t===void 0){t=1}this.r=this.clamp((t+this.r/255*(1-2*t))*255);this.g=this.clamp((t+this.g/255*(1-2*t))*255);this.b=this.clamp((t+this.b/255*(1-2*t))*255)};t.prototype.hsl=function(){var t=this.r/255;var i=this.g/255;var e=this.b/255;var n=Math.max(t,i,e);var s=Math.min(t,i,e);var o=0;var a=0;var r=(n+s)/2;if(n===s){return{h:0,s:0,l:r*100}}var l=n-s;a=r>.5?l/(2-n-s):l/(n+s);if(n===t){o=(i-e)/l+(i<e?6:0)}else if(n===i){o=(e-t)/l+2}else if(n===e){o=(t-i)/l+4}o/=6;return{h:o*100,s:a*100,l:r*100}};t.prototype.clamp=function(t){return Math.min(Math.max(t,0),255)};return t}();var n=function(){function t(t,i){this.target=t;this.targetHSL=t.hsl();this.options=Object.assign({},{acceptanceLossPercentage:5,maxChecks:15},i);this.reusedColor=new e(0,0,0)}t.prototype.solve=function(){var t=this.solveNarrow(this.solveWide());return{values:t.values,called:t.called,loss:t.loss,filter:this.css(t.values)}};t.prototype.solveWide=function(){var t=5;var i=15;var e=[60,180,18e3,600,1.2,1.2];var n={loss:Infinity};var s=0;while(n.loss>this.options.acceptanceLossPercentage){var o=[50,20,3750,50,100,100];var a=this.spsa({A:t,a:e,c:i,values:o,maxTriesInLoop:1e3});if(a.loss<n.loss){n=a}s+=1;if(s>=this.options.maxChecks){break}}return Object.assign({},n,{called:s})};t.prototype.solveNarrow=function(t){var i=t.loss;var e=2;var n=i+1;var s=[.25*n,.25*n,n,.25*n,.2*n,.2*n];return this.spsa({A:i,a:s,c:e,values:t.values,maxTriesInLoop:500,called:t.called})};t.prototype.fixValueByFilterIDX=function(t,i){var e=100;if(i===2){e=7500}else if(i===4||i===5){e=200}if(i===3){if(t>e){t%=e}else if(t<0){t=e+t%e}}else if(t<0){t=0}else if(t>e){t=e}return t};t.prototype.spsa=function(t){var i=t.A,e=t.a,n=t.c,s=t.values,o=t.maxTriesInLoop,a=o===void 0?500:o,r=t.called,l=r===void 0?0:r;var h=1;var f=.16666666666666666;var p=null;var c=Infinity;var d=new Array(6);var u=new Array(6);var g=new Array(6);var x=6;for(var v=0;v<a;v++){var y=n/Math.pow(v+1,f);for(var m=0;m<x;m++){d[m]=Math.random()>.5?1:-1;u[m]=s[m]+y*d[m];g[m]=s[m]-y*d[m]}var k=this.loss(u)-this.loss(g);for(var m=0;m<x;m++){var b=k/(2*y)*d[m];var w=e[m]/Math.pow(i+v+1,h);s[m]=this.fixValueByFilterIDX(s[m]-w*b,m)}var z=this.loss(s);if(z<c){p=s.slice(0);c=z}}return{values:p,loss:c,called:l}};t.prototype.loss=function(t){var i=this.reusedColor;i.set(0,0,0);i.invert(t[0]/100);i.sepia(t[1]/100);i.saturate(t[2]/100);i.hueRotate(t[3]*3.6);i.brightness(t[4]/100);i.contrast(t[5]/100);var e=i.hsl();return Math.abs(i.r-this.target.r)+Math.abs(i.g-this.target.g)+Math.abs(i.b-this.target.b)+Math.abs(e.h-this.targetHSL.h)+Math.abs(e.s-this.targetHSL.s)+Math.abs(e.l-this.targetHSL.l)};t.prototype.css=function(t){var i=function(i,e){if(e===void 0){e=1}return Math.round(t[i]*e)};return["invert("+i(0)+"%)","sepia("+i(1)+"%)","saturate("+i(2)+"%)","hue-rotate("+i(3,3.6)+"deg)","brightness("+i(4)+"%)","contrast("+i(5)+"%);"].join(" ")};return t}();var s=function(t){if(t.length===4){return[parseInt("0x"+t[1]+t[1]),parseInt("0x"+t[2]+t[2]),parseInt("0x"+t[3]+t[3])]}if(t.length===7){return[parseInt("0x"+t[1]+t[2]),parseInt("0x"+t[3]+t[4]),parseInt("0x"+t[5]+t[6])]}return[]};var o=function(t){return!isNaN(parseFloat(t))&&isFinite(t)};var a={};var r=function(t,r){var l;if(r===void 0){r={}}var h;var f;var p;if(a[t]&&!r.forceFilterRecalculation){return Object.assign({},a[t],{cache:true})}var c;try{l=i(s(t),3),h=l[0],f=l[1],p=l[2];if(!o(h)||!o(f)||!o(p)){throw new Error("hextToRgb returned an invalid value for '"+t+"'")}c=new e(Number(h),Number(f),Number(p))}catch(t){throw new Error("Color value should be in HEX format. "+t)}var d=new n(c,Object.assign({},{acceptanceLossPercentage:5,maxChecks:30,forceFilterRecalculation:false},r));return a[t]=Object.assign({},d.solve(),{hex:t,rgb:[h,f,p],cache:false})};var l=function(t){if(!t){a={}}else if(a[t]){delete a[t]}};t.clearCache=l;t.hexToCSSFilter=r;Object.defineProperty(t,"__esModule",{value:true})}))})(T,T.exports);const $=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.gridRow{fill:var(--kup-layer-1)}.gridRowLine{stroke:transparent}.gridTick{stroke:var(--kup-border-subtle)}.barHandle{fill:#ddd;cursor:ew-resize;opacity:0;visibility:hidden}.barBackground{user-select:none;stroke-width:0}.barWrapper{cursor:pointer;outline:none}.task-wrapper{outline:none !important}.barWrapper:hover .barHandle{visibility:visible;opacity:1}.barLabel{fill:var(--kup-layer-0);text-anchor:middle;font-weight:lighter;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.barLabelOutside{fill:var(--kup-text-secondary);text-anchor:start;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.ghost-preview{opacity:0.5}";const M=$;const S=class{constructor(i){t(this,i);this.tasks=undefined;this.dates=undefined;this.ganttEvent=undefined;this.selectedTask=undefined;this.rowHeight=0;this.columnWidth=0;this.timeStep=0;this.taskHeight=0;this.arrowColor="";this.arrowIndent=0;this.fontFamily="";this.fontSize="";this.rtl=false;this.hideLabel=false;this.showSecondaryDates=false;this.currentDateIndicator=undefined;this.projection=undefined;this.readOnly=false;this.gridProps=undefined;this.dateChange=undefined;this.progressChange=undefined;this.doubleClick=undefined;this.barClick=undefined;this.barDblClick=undefined;this.barContextMenu=undefined;this.delete=undefined;this.setFailedTask=undefined;this.setSelectedTask=undefined;this.eventStart=undefined;this.eMouseDown=undefined;this.phaseDrop=undefined;this.setGanttEvent=undefined;this.phaseDragScroll=undefined;this.xStep=0;this.initEventX1Delta=0;this.initEventXClick=0;this.isMoving=false;this.point=undefined;this.svg=undefined;this.currentTarget=undefined;this.dragScrollInterval=undefined;this.dropZoneTask=undefined}componentDidLoad(){this.point=this.createSVGPoint();this.updateXStep()}createSVGPoint(){if(this.svg){return this.svg.createSVGPoint()}return undefined}updateXStep(){const t=this.dates[1].getTime()-this.dates[0].getTime()-this.dates[1].getTimezoneOffset()*60*1e3+this.dates[0].getTimezoneOffset()*60*1e3;const i=this.timeStep*this.columnWidth/t;this.xStep=i}updateSvgMove(){const t=async t=>{var i,e;if(!this.ganttEvent.changedTask||!this.point||!this.svg)return;t.preventDefault();this.point.x=t.clientX;this.point.y=t.clientY;const n=this.point.matrixTransform((e=(i=this.svg)===null||i===void 0?void 0:i.getScreenCTM())===null||e===void 0?void 0:e.inverse());const{isChanged:s,changedTask:o}=l(n.x,this.ganttEvent.action,this.ganttEvent.changedTask,this.xStep,this.timeStep,this.initEventX1Delta,this.rtl,n.y);if(this.currentTarget){this.addGhostPreview(t);this.handleAutoScrollForPhaseDrag(t);this.addDropzoneVisualization()}if(s){this.setGanttEvent(Object.assign(Object.assign({},this.ganttEvent),{action:this.ganttEvent.action,changedTask:o}))}};const i=async e=>{var n,s,o;clearInterval(this.dragScrollInterval);this.resetDropzoneVisualization();const{action:a,originalSelectedTask:r,changedTask:h}=this.ganttEvent;if(!h||!this.point||!this.svg||!r)return;e.preventDefault();this.point.x=e.clientX;const f=this.point.matrixTransform((s=(n=this.svg)===null||n===void 0?void 0:n.getScreenCTM())===null||s===void 0?void 0:s.inverse());this.currentTarget=null;const{changedTask:p}=l(f.x,a,h,this.xStep,this.timeStep,this.initEventX1Delta,this.rtl,f.y);const c=r.start!==p.start||r.end!==p.end||r.progress!==p.progress||r.y!==p.y;this.svg.removeEventListener("mousemove",t);this.svg.removeEventListener("mouseup",i);(o=this.svg.querySelector(".ghost-preview"))===null||o===void 0?void 0:o.remove();this.setGanttEvent({action:""});this.isMoving=false;let d=true;let u=undefined;let g=undefined;if(a==="move"&&c&&p.type==="task"){u=this.tasks.find((t=>this.isPhaseWithinTaskArea(h,t)&&t.type==="project"));g=this.tasks.find((t=>t.id==r.id.split("_").shift()))}if((u===null||u===void 0?void 0:u.id)&&(g===null||g===void 0?void 0:g.id)!==(u===null||u===void 0?void 0:u.id)){this.phaseDrop(r,g,p,u)}else if((a==="move"||a==="end"||a==="start")&&this.dateChange&&c){try{const t=await this.dateChange(p,p.barChildren);if(t!==undefined){d=t}}catch(t){d=false}}else if(this.progressChange&&c){try{const t=this.progressChange(p,p.barChildren);if(t!==undefined){d=t}}catch(t){d=false}}if(!d){this.setFailedTask(r)}};if(!this.isMoving&&(this.ganttEvent.action==="move"||this.ganttEvent.action==="end"||this.ganttEvent.action==="start"||this.ganttEvent.action==="progress")&&this.svg){this.svg.addEventListener("mousemove",t);this.svg.addEventListener("mouseup",i);this.isMoving=true}}hasMovedHorizontally(t){if(this.readOnly){return false}return this.initEventXClick!==t.clientX}addGhostPreview(t){var i;(i=this.svg.querySelector(".ghost-preview"))===null||i===void 0?void 0:i.remove();const e=Object.assign(Object.assign({},t),{dataTransfer:new DataTransfer});const n=this.currentTarget;n.classList.add("ghost-preview");this.svg.appendChild(n.cloneNode(true));const s=n.getBoundingClientRect();e.dataTransfer.setDragImage(n,e.clientX-s.left,e.clientY-s.top)}handleAutoScrollForPhaseDrag(t){var i,e;const n=(e=(i=this.svg)===null||i===void 0?void 0:i.parentElement)===null||e===void 0?void 0:e.parentElement;if(!n)return;clearInterval(this.dragScrollInterval);const s=n.clientHeight<n.scrollHeight;if(s){const i=n.getBoundingClientRect();const e=t.clientY-i.top;const s=5;if(e-20<s){this.dragScrollInterval=setInterval((()=>{this.phaseDragScroll(n.scrollTop-=s)}),1)}else if(e+20>i.height-s){this.dragScrollInterval=setInterval((()=>{this.phaseDragScroll(n.scrollTop+=s)}),1)}}else{const i=20;const e=window.innerHeight;const n=t.clientY;if(n<i){window.scrollBy(0,-i)}else if(n>e-i){window.scrollBy(0,i)}}}isPhaseWithinTaskArea(t,i){return t.y+t.height>=i.ySecondary&&t.y<=i.ySecondary+i.height&&t.x2>=i.x1&&t.x1<=i.x2}addDropzoneVisualization(){var t;this.resetDropzoneVisualization();const i=this.tasks.filter((t=>{var i,e,n;return t.type=="project"&&((n=(e=(i=this.ganttEvent.originalSelectedTask)===null||i===void 0?void 0:i.id)===null||e===void 0?void 0:e.split("_"))===null||n===void 0?void 0:n.shift())!=t.id}));const e=this.ganttEvent.changedTask;this.dropZoneTask=i.find((t=>this.isPhaseWithinTaskArea(e,t)));if((t=this.dropZoneTask)===null||t===void 0?void 0:t.ySecondary){const t=this.getBarRectsForDropzoneVisualization();t.forEach((t=>{t.setAttribute("fill",u.barDropZoneColor)}))}}resetDropzoneVisualization(){if(!this.dropZoneTask)return;const t=this.getBarRectsForDropzoneVisualization();const i=!!this.selectedTask&&this.dropZoneTask.id===this.selectedTask.id;t.forEach((t=>{t.setAttribute("fill",this.getBarColor(i,this.dropZoneTask.styles))}))}getBarRectsForDropzoneVisualization(){let t;if(!this.showSecondaryDates){t=this.svg.querySelectorAll(`.barWrapper[data-type="${this.dropZoneTask.type}"] rect[y='${this.dropZoneTask.ySecondary}']`)}else{const i=this.svg.querySelector(`.barWrapper[data-type="${this.dropZoneTask.type}"] rect[y='${this.dropZoneTask.ySecondary}']`);const e=[i];let n=i.nextElementSibling;while(n!==null){e.push(n);n=n.nextElementSibling}let s=i.previousElementSibling;while(s!==null){e.unshift(s);s=s.previousElementSibling}t=e}return t}handleBarEventStart(t,i,e){var n;if(!e){if(t==="select"){this.setSelectedTask(i.id)}}else if(a(e)){if(t==="delete"){if(this.delete){try{const e=this.delete(i);if(e!==undefined&&e){this.setGanttEvent({action:t,changedTask:i})}}catch(t){console.error("Error on Delete. "+t)}}}}else if(t==="mouseenter"){if(!this.ganttEvent.action){this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}}else if(t==="mouseleave"){if(this.ganttEvent.action==="mouseenter"){this.setGanttEvent({action:""})}}else if(t==="dblclick"){this.doubleClick&&this.doubleClick(i)}else if(t==="click"){const t=this.hasMovedHorizontally(e);!t&&this.barClick&&this.barClick(i)}else if(t==="contextmenu"){e.preventDefault();this.barContextMenu&&this.barContextMenu(e,i)}else if(t==="move"){if(!this.svg||!this.point)return;this.point.x=e.clientX;const s=this.point.matrixTransform((n=this.svg.getScreenCTM())===null||n===void 0?void 0:n.inverse());if(i.type==="task"){this.currentTarget=e.currentTarget.cloneNode(true)}else{this.currentTarget=null}this.initEventX1Delta=s.x-i.x1;this.point.y=e.clientY;this.initEventXClick=e.clientX;this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}else{this.setGanttEvent({action:t,changedTask:i,originalSelectedTask:i})}}getTaskIcon(t){const e=T.exports.hexToCSSFilter(t.color);return i("image",{href:t.url,filter:e.filter.replace(";",""),x:t.x,y:t.y,width:t.width,height:t.height})}renderKupBar(t,e,n,s){var o,a,r;return i("g",{class:"barWrapper","tab-index":0,"data-type":t.type},this.renderKupBarDisplay(t.x1,t.y,t.x2-t.x1,t.height,t.progressX,t.progressWidth,t.barCornerRadius,t.styles,e,!this.readOnly&&!!this.dateChange&&!t.isDisabled,t,t.x1secondary,((o=t.x2secondary)!==null&&o!==void 0?o:0)-((a=t.x1secondary)!==null&&a!==void 0?a:0),t.ySecondary),i("g",{class:"handleGroup"},n&&i("g",null,this.renderKupBarDateHandle(t.x1+1,t.y+1,t.handleWidth,t.height-2,t.barCornerRadius,t,"start"),this.renderKupBarDateHandle(t.x2-t.handleWidth-1,t.y+1,t.handleWidth,t.height-2,t.barCornerRadius,t,"end")),s&&i("polygon",{class:"barHandle",points:this.calculateProgressPoint(t),onMouseDown:i=>{this.handleBarEventStart("progress",t,i)}})),t.icon&&t.icon.url&&this.getTaskIcon({color:(r=t.icon.color)!==null&&r!==void 0?r:"#000000",url:t.icon.url,width:t.height/2+"px",height:t.height/2+"px",x:t.x1+(t.x2-t.x1)-t.height/2/2,y:t.y-t.height/2/2/2+(this.showSecondaryDates?t.height/2:0)}))}renderKupBarDisplay(t,e,n,s,o,a,r,l,h,f,p,c,d,u){if(this.showSecondaryDates&&typeof c!=="undefined"){const g=s/2;return i("g",{onMouseDown:t=>f&&this.handleBarEventStart("move",p,t)},i("rect",{key:"top semi-transparent bar",x:c,width:d,y:u!==null&&u!==void 0?u:e,height:g,ry:r,rx:r,fill:this.getBarColor(h,l),opacity:.5,class:"barBackground"}),i("rect",{key:"main bar",x:t,width:n,y:e+g,height:g,ry:r,rx:r,fill:this.getBarColor(h,l),class:"barBackground"}),i("rect",{key:"progress bar",x:o,width:a,y:e+g,height:g,ry:r,rx:r,fill:this.getProcessColor(h,l)}))}return i("g",{onMouseDown:t=>{f&&this.handleBarEventStart("move",p,t)}},i("rect",{x:t,width:n,y:e,height:s,ry:r,rx:r,fill:this.getBarColor(h,l),class:"barBackground"}),i("rect",{x:o,width:a,y:e,height:s,ry:r,rx:r,fill:this.getProcessColor(h,l)}))}renderKupBarDateHandle(t,e,n,s,o,a,r){return i("rect",{x:t,y:e,width:n,height:s,class:"barHandle",ry:o,rx:o,onMouseDown:t=>this.handleBarEventStart(r,a,t)})}renderKupBarSmall(t,e,n,s){return i("g",{class:"barWrapper","tab-index":0},this.renderKupBarDisplay(t.x1,t.y,t.x2-t.x1,t.height,t.progressX,t.progressWidth,t.barCornerRadius,t.styles,e,n,t),i("g",{class:"handleGroup"},s&&i("polygon",{class:"barHandle",points:this.calculateProgressPoint(t,"small"),onMouseDown:i=>{this.handleBarEventStart("progress",t,i)}})))}renderKupBarTimeLine(t,n){return i("g",{"tab-index":0},i("rect",{fill:n,x:"0",width:"100%",y:t.y,height:t.height,rx:0,ry:0}),t.barChildren.map((t=>{var n;return i(e,null,i("rect",{style:{cursor:"pointer"},key:t.id,fill:t.styles.backgroundColor,x:t.x1,width:t.x2-t.x1,y:t.y,height:t.height,rx:t.barCornerRadius,ry:t.barCornerRadius}),t.icon&&t.icon.url&&this.getTaskIcon({color:(n=t.icon.color)!==null&&n!==void 0?n:"#000000",url:t.icon.url,width:t.height+"px",height:t.height+"px",x:t.x1+(t.x2-t.x1)-t.height/2,y:t.y-t.height/2/2}))})))}renderKupArrow(t,e){const[n,s]=this.rtl?this.drownPathAndTriangleRTL(t,this.tasks[e.index],this.rowHeight,this.taskHeight,this.arrowIndent):this.drownPathAndTriangle(t,this.tasks[e.index],this.rowHeight,this.taskHeight,this.arrowIndent);return i("g",{class:"arrow"},i("path",{"stroke-width":"1.5",d:n,fill:"none"}),i("polygon",{points:s}))}drownPathAndTriangle(t,i,e,n,s){const o=t.index>i.index?-1:1;const a=i.y+n/2;const r=t.x2+s*2;const l=r<i.x1?"":`H ${i.x1-s}`;const h=r>i.x1?s:i.x1-t.x2-s;const f=`M ${t.x2} ${t.y+n/2}\n h ${s}\n v ${o*e/2}\n ${l}\n V ${a}\n h ${h}`;const p=`${i.x1},${a}\n ${i.x1-5},${a-5}\n ${i.x1-5},${a+5}`;return[f,p]}drownPathAndTriangleRTL(t,i,e,n,s){const o=t.index>i.index?-1:1;const a=i.y+n/2;const r=t.x1-s*2;const l=r>i.x2?"":`H ${i.x2+s}`;const h=r<i.x2?-s:i.x2-t.x1+s;const f=`M ${t.x1} ${t.y+n/2}\n h ${-s}\n v ${o*e/2}\n ${l}\n V ${a}\n h ${h}`;const p=`${i.x2},${a}\n ${i.x2+5},${a+5}\n ${i.x2+5},${a-5}`;return[f,p]}getBarColor(t,i){return t?i.backgroundSelectedColor:i.backgroundColor}getProcessColor(t,i){return t?i.progressSelectedColor:i.progressColor}calculateProgressPoint(t,i="bar"){return r(i=="bar"?+!this.rtl*t.progressWidth+t.progressX:t.progressWidth+t.x1,t.y,t.height)}render(){let t=0;const e=[];const n=[i("line",{key:"RowLineFirst",x1:0,y1:0,x2:this.gridProps.svgWidth,y2:0,class:"gridRowLine"})];for(const s of this.tasks){e.push(i("rect",{key:"Row"+s.id,x:0,y:t,width:this.gridProps.svgWidth,height:this.rowHeight,class:"gridRow"}));n.push(i("line",{key:"RowLine"+s.id,x1:0,y1:t+this.rowHeight,x2:this.gridProps.svgWidth,y2:t+this.rowHeight,class:"gridRowLine"}));t+=this.rowHeight}let s=0;const o=[];for(let e=0;e<this.dates.length;e++){const n=this.dates[e];o.push(i("line",{key:n.getTime(),x1:s,y1:0,x2:s,y2:t,class:"gridTick"}));s+=this.columnWidth}return i("svg",{key:"6e2c05f30bc3155b36dc0433a116410048042015",xmlns:"http://www.w3.org/2000/svg",width:this.gridProps.svgWidth,height:`${this.rowHeight*this.tasks.length}px`,"font-family":this.fontFamily,ref:t=>this.svg=t},i("g",{key:"0530506fe65e0b1a8e6fdb018689d094a16820a4",class:"grid"},i("g",{key:"d189d3654b50f9bb34dc0800faef0a67780b4525",class:"rows"},e),i("g",{key:"d53aee95bb1542041abbbf1425b2c2d2eb0dda9d",class:"rowLines"},n),i("g",{key:"3d238c6efd1dfacc8319782d1be07eb9c9a7f596",class:"ticks"},o)),i("g",{key:"72d0cc281ff3a10943d27b3b8a029379f78f6c93",class:"content"},this.currentDateIndicator&&i("rect",{key:"519244fbac413f1bc538441e19fef3ff57e55b3d",fill:this.currentDateIndicator.color,x:this.currentDateIndicator.x+1.5,y:"0",width:"2",height:"100%"}),this.projection&&i("rect",{key:"a0f3fcb8e27562a64862817ba4f7056e0a0e2123",fill:this.projection.color,x:this.projection.x0,y:"0",width:this.projection.xf-this.projection.x0,height:"100%","fill-opacity":"0.35"}),i("g",{key:"a050c973b2219e0f2bac273c53d934da444a4024",class:"arrows",fill:this.arrowColor,stroke:this.arrowColor},this.tasks.map((t=>t.barChildren.map((i=>{if(t.type!=="timeline"){this.renderKupArrow(t,i)}}))))),i("g",{key:"ad2c626a9b4a5277eba2fa154602c68d41a127a8",class:"bar","font-family":this.fontFamily,"font-size":this.fontSize},this.tasks.map((t=>{const e=t.type==="project";return i("g",{onKeyDown:i=>{switch(i.key){case"Delete":{if(!t.isDisabled)this.handleBarEventStart("delete",t,i);break}}i.stopPropagation()},onMouseEnter:i=>{this.handleBarEventStart("mouseenter",t,i)},onMouseLeave:i=>{this.handleBarEventStart("mouseleave",t,i)},onDblClick:()=>{this.barDblClick(t)},onClick:i=>{this.handleBarEventStart("click",t,i)},onContextMenu:i=>{this.handleBarEventStart("contextmenu",t,i)},onFocus:()=>{this.handleBarEventStart("select",t)},class:"task-wrapper"},(()=>{const i={task:t,arrowIndent:this.arrowIndent,isDelete:!t.isDisabled,taskHeight:this.taskHeight,isSelected:!!this.selectedTask&&t.id===this.selectedTask.id,rtl:this.rtl,hideLabel:this.hideLabel};const n=t.styles;const s=i.isSelected?n.backgroundSelectedColor:n.backgroundColor;const o=!this.readOnly&&!!this.dateChange&&!t.isDisabled&&!e;const a=!this.readOnly&&!!this.progressChange&&!t.isDisabled;const r=!this.readOnly&&!!this.dateChange&&!t.isDisabled;switch(t.typeInternal){case"project":return this.renderKupBar(t,i.isSelected,o,a);case"smalltask":return this.renderKupBarSmall(t,i.isSelected,r,a);case"timeline":return this.renderKupBarTimeLine(t,s);default:return this.renderKupBar(t,i.isSelected,o,a)}})())})),this.currentTarget&&this.ganttEvent.changedTask&&i("g",{key:"6da45035c94f4e976172186d6929ad693ba40e77",class:"task-wrapper"},this.renderKupBar(this.ganttEvent.changedTask,false,false,false)))))}static get watchers(){return{columnWidth:["updateXStep"],dates:["updateXStep"],timeStep:["updateXStep","updateSvgMove"],ganttEvent:["updateSvgMove"],xStep:["updateSvgMove"],svg:["updateSvgMove"],initEventX1Delta:["updateSvgMove"],point:["updateSvgMove"],rtl:["updateSvgMove"],onProgressChange:["updateSvgMove"],onDateChange:["updateSvgMove"]}}};S.style=M;export{v as kup_custom_task_list_header,k as kup_custom_task_list_table,z as kup_gantt_calendar,S as kup_grid_renderer};
17
+ //# sourceMappingURL=p-94099e24.entry.js.map
package/dist/ketchup/{p-8a77b0b2.entry.js → p-9fa6808d.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,h as i,f as e,d as n,F as a}from"./p-d7c15b0e.js";import{f as s,s as o,g as l,b as h}from"./p-6c4c0cc9.js";import{r as p,s as f,c as r,a as d,b as c}from"./p-008bdcdc.js";import{e as u}from"./p-cd3a7d53.js";import"./p-029c7cbe.js";const g=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.wrapper{display:flex;padding:0;margin:0;list-style:none;outline:none;position:relative}.ganttContainer{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);overflow:hidden;padding:var(--kup-space-05)}.ganttVerticalContainer{overflow:hidden;font-size:0;margin:0;padding:0}.horizontalContainer{margin:0;padding:0;overflow:hidden}.horizontalContainerScrollable{overflow:auto !important;scrollbar-width:0}.horizontalContainerScrollable::-webkit-scrollbar{width:0;height:0}.task-gantt{overflow:hidden}";const k=g;const m=class{constructor(e){t(this,e);this.taskListTrueRef=null;this.ganttId=undefined;this.tasks=undefined;this.headerHeight=114;this.columnWidth=60;this.listCellWidth="300px";this.rowHeight=50;this.filter=undefined;this.ganttHeight=0;this.viewMode="month";this.preStepsCount=1;this.locale="en-GB";this.barFill=60;this.projectFill=80;this.timelineFill=40;this.barCornerRadius=3;this.barProgressColor="#a3a3ff";this.barProgressSelectedColor="#8282f5";this.barBackgroundColor="#b8c2cc";this.barBackgroundSelectedColor="#aeb8c2";this.projectProgressColor="#7db59a";this.projectProgressSelectedColor="#59a985";this.projectBackgroundColor="#fac465";this.projectBackgroundSelectedColor="#f7bb53";this.rtl=false;this.handleWidth=8;this.timeStep=3e5;this.arrowColor="grey";this.fontFamily="Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue";this.fontSize="14px";this.arrowIndent=20;this.todayColor="#ff0000";this.viewDate=undefined;this.TooltipContent=i("kup-standard-tooltip",null);this.TaskListHeader=i("kup-task-list-header",null);this.TaskListTable=i("kup-task-list-table",null);this.dateTimeFormatters=undefined;this.singleLineHeader=false;this.hideLabel=false;this.showSecondaryDates=false;this.hideDependencies=false;this.projection=undefined;this.displayedStartDate=undefined;this.displayedEndDate=undefined;this.initialScrollX=-1;this.initialScrollY=0;this.readOnly=undefined;this.currentTasks=[];this.label=undefined;this.doubleView=undefined;this.scrollableTaskList=undefined;this.setDoubleView=undefined;this.barContextMenu=undefined;this.scrollXChange=undefined;this.scrollYChange=undefined;this.barClick=undefined;this.barDblClick=undefined;this.dateChange=undefined;this.select=undefined;this.handleClick=undefined;this.handleDblClick=undefined;this.handleContextMenu=undefined;this.ganttOnClick=undefined;this.ganttOnDblClick=undefined;this.ganttonOnContextMenu=undefined;this.progressChange=undefined;this.doubleClick=undefined;this.delete=undefined;this.expanderClick=undefined;this.phaseDrop=undefined;this.wrapperRef=undefined;this.taskGanttRef=null;this.taskListRef=undefined;this.dateSetup=undefined;this.taskListWidth=0;this.svgContainerWidth=0;this.svgContainerHeight=this.ganttHeight;this.barTasks=[];this.ganttEvent={action:""};this.taskHeight=this.rowHeight*this.barFill/100;this.projectHeight=this.rowHeight*this.projectFill/100;this.timelineHeight=this.rowHeight*this.timelineFill/100;this.selectedTask=undefined;this.failedTask=null;this.svgWidth=undefined;this.ganttFullHeight=undefined;this.scrollX=0;this.scrollY=-1;this.ignoreScrollEvent=false;this.currentDateIndicatorContent=undefined;this.projectionContent=undefined;this.taskListScrollWidth=undefined;this.taskListScrollX=0}componentWillLoad(){this.updateGanttData();this.loadStates()}loadStates(){var t,i;this.scrollX=this.initialScrollX;this.scrollY=this.initialScrollY;const[e,n]=s(this.tasks,this.viewMode,this.preStepsCount,this.showSecondaryDates,this.displayedStartDate,this.displayedEndDate);this.dateSetup={viewMode:this.viewMode,dates:o(e,n,this.viewMode)};this.svgWidth=((i=(t=this.dateSetup)===null||t===void 0?void 0:t.dates)===null||i===void 0?void 0:i.length)*this.columnWidth;this.ganttFullHeight=this.barTasks.length*this.rowHeight}componentDidRender(){this.taskGanttRef=this.rootElement.querySelector("kup-task-gantt").querySelector(".ganttVerticalContainer")}componentDidLoad(){this.updateScrollLeftAndScrollTop();window.addEventListener("gantt-sync-scroll-event",this.onGanttSyncScrollEvent.bind(this))}async refresh(){e(this)}updateInitialScrollY(){if(this.scrollYChange){this.scrollYChange(this.initialScrollY)}this.scrollY=this.initialScrollY}updateInitialScrollX(){window.addEventListener("gantt-sync-scroll-event",(function(t){if(t.detail.id!==this.ganttId){this.scrollX=t.detail.scrollX;if(this.scrollXChange){this.scrollXChange(t.detail.scrollX)}}}))}updateGanttData(){let t;if(this.expanderClick){t=p(this.tasks)}else{t=this.tasks}t=t.sort(f);const[i,e]=s(t,this.viewMode,this.preStepsCount,this.showSecondaryDates,this.displayedStartDate,this.displayedEndDate);let n=o(i,e,this.viewMode);if(this.rtl){n=n.reverse();if(scrollX===-1){this.scrollX=n.length*this.columnWidth}}let a=false;if(this.dateSetup&&this.dateSetup.dates){const t=this.dateSetup.dates;if(t.length!==n.length){a=true}else{for(let i=0;i<t.length;i++){if(t[i].valueOf()!==n[i].valueOf()){a=true;break}}}}if(a){this.dateSetup={dates:n,viewMode:this.viewMode}}this.barTasks=r(t,n,this.columnWidth,this.rowHeight,this.taskHeight,this.projectHeight,this.timelineHeight,this.barCornerRadius,this.handleWidth,this.rtl,this.barProgressColor,this.barProgressSelectedColor,this.barBackgroundColor,this.barBackgroundSelectedColor,this.projectProgressColor,this.projectProgressSelectedColor,this.projectBackgroundColor,this.projectBackgroundSelectedColor,this.showSecondaryDates)}updateIgnoreScrollEvent(){if(this.viewMode===this.dateSetup.viewMode&&this.viewDate&&this.initialScrollX<1){const t=this.dateSetup.dates;const i=t.findIndex(((i,e)=>this.viewDate.valueOf()>=i.valueOf()&&e+1!==t.length&&this.viewDate.valueOf()<t[e+1].valueOf()));if(i===-1){return}this.ignoreScrollEvent=true;this.scrollX=this.columnWidth*i}}updateGanttEventAndBarTasks(){const{changedTask:t,action:i}=this.ganttEvent;if(t){if(i==="delete"){this.ganttEvent={action:""};this.barTasks=this.barTasks.filter((i=>i.id!==t.id))}else if(i==="move"||i==="end"||i==="start"||i==="progress"){const i=this.barTasks.find((i=>i.id===t.id));if(i&&(i.start.getTime()!==t.start.getTime()||i.end.getTime()!==t.end.getTime()||i.progress!==t.progress)){const i=this.barTasks.map((i=>i.id===t.id?t:i));this.barTasks=i}}}}updateFailedTasksAndBarChart(){if(this.failedTask){this.barTasks=this.barTasks.map((t=>t.id!==this.failedTask.id?t:this.failedTask));this.failedTask=null}}updateTaskListWidth(){if(!this.listCellWidth){this.taskListWidth=0}if(this.taskListRef){this.taskListWidth=this.taskListRef.offsetWidth}}updateSvgContainerWidth(){if(this.wrapperRef){this.svgContainerWidth=this.wrapperRef.offsetWidth-this.taskListWidth}}updateSvgContainerHeight(){if(this.ganttHeight){this.svgContainerHeight=this.ganttHeight+this.headerHeight}else{this.svgContainerHeight=this.tasks.length*this.rowHeight+this.headerHeight}}handleWheel(t){const i=this.wrapperRef;if(!i)return;if((t===null||t===void 0?void 0:t.type)!=="wheel")return;if(t.shiftKey||t.deltaX){const i=t.deltaX?t.deltaX:t.deltaY;let e=this.scrollX+i;if(e<0){e=0}else if(e>this.svgWidth){e=this.svgWidth}this.scrollX=e;window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:this.ganttId,scrollX:e}}));t.preventDefault()}else if(this.ganttHeight){let i=this.scrollY+t.deltaY;if(i<0){i=0}else if(i>Math.abs(this.ganttFullHeight-this.ganttHeight)){i=Math.abs(this.ganttFullHeight-this.ganttHeight)}if(i!==this.scrollY){if(this.scrollYChange){this.scrollYChange(i)}this.scrollY=i;t.preventDefault()}}this.ignoreScrollEvent=true}updateCurrentDateIndicatorContent(){const t=d(this.dateSetup.dates,this.columnWidth);if(t!==0){this.currentDateIndicatorContent={color:this.todayColor,x:t}}}updateProjectionContent(){if(this.projection){const{x0:t,xf:i}=c(this.projection.start,this.projection.end,this.dateSetup.dates,this.columnWidth);this.projectionContent={x0:t,xf:i,color:this.projection.color}}else{this.projectionContent=undefined}}updateSvgWidth(){var t,i;this.svgWidth=((i=(t=this.dateSetup)===null||t===void 0?void 0:t.dates)===null||i===void 0?void 0:i.length)*this.columnWidth}updateGanttFullHeight(){this.ganttFullHeight=this.barTasks.length*this.rowHeight}onGanttSyncScrollEvent(t){if(t.detail.componentId!==this.ganttId){this.scrollX=t.detail.scrollX;if(this.scrollXChange){this.scrollXChange(t.detail.scrollX)}}}updateScrollLeftAndScrollTop(){if(this.wrapperRef){const t=this.wrapperRef;if(t){if(this.scrollX!==-1){const i=()=>{t.scrollLeft=this.scrollX};setTimeout(i,125)}if(this.scrollY!==0){const i=()=>{t.scrollTop=this.scrollY};setTimeout(i,125)}}}}handleScrollY(t){const i=t.currentTarget;if(this.scrollY!==i.scrollTop){if(!this.ignoreScrollEvent){if(this.scrollYChange){this.scrollYChange(i.scrollTop)}this.scrollY=i.scrollTop;this.ignoreScrollEvent=true}else{this.ignoreScrollEvent=false}}else{this.ignoreScrollEvent=false}}handleScrollX(t){const i=t.currentTarget;if(this.scrollX!==i.scrollLeft&&!this.ignoreScrollEvent){this.scrollX=i.scrollLeft;this.ignoreScrollEvent=true;const t=this.ganttId;window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:t,scrollX:i.scrollLeft}}))}else{this.ignoreScrollEvent=false}}handleKeyDown(t){if(t.target.tagName==="INPUT"){return}t.preventDefault();let i=this.scrollY;let e=this.scrollX;let n=true;switch(t.key){case"Down":case"ArrowDown":i+=this.rowHeight;n=false;break;case"Up":case"ArrowUp":i-=this.rowHeight;n=false;break;case"Left":case"ArrowLeft":e-=this.columnWidth;break;case"Right":case"ArrowRight":e+=this.columnWidth;break}if(n){if(e<0){e=0}else if(e>this.svgWidth){e=this.svgWidth}this.scrollX=e;window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:this.ganttId,scrollX:e}}))}else{if(i<0){i=0}else if(i>this.ganttFullHeight-this.ganttHeight){i=this.ganttFullHeight-this.ganttHeight}if(this.scrollYChange){this.scrollYChange(i)}this.scrollY=i}this.ignoreScrollEvent=true}handleSelectedTask(t){const i=this.barTasks.find((i=>i.id===t));const e=this.barTasks.find((t=>!!this.selectedTask&&t.id===this.selectedTask.id));if(this.select){if(e){this.select(e,false)}if(i){this.select(i,true)}}this.selectedTask=i}handleExpanderClick(t){if(this.expanderClick&&t.hideChildren!==undefined){this.expanderClick(Object.assign(Object.assign({},t),{hideChildren:!t.hideChildren}))}}handleTaskListScrollX(t){const i=t.currentTarget;this.taskListScrollX=i.scrollLeft}handlePhaseDragScroll(t){this.scrollY=t}setFailedTask(t){this.failedTask=t}setGanttEvent(t){this.ganttEvent=t}render(){var t,e;const n={columnWidth:this.columnWidth,svgWidth:this.svgWidth,tasks:this.tasks,rowHeight:this.rowHeight,dates:(t=this.dateSetup)===null||t===void 0?void 0:t.dates,todayColor:this.todayColor,rtl:this.rtl};const a={dateSetup:this.dateSetup,locale:this.locale,viewMode:this.viewMode,headerHeight:this.headerHeight,columnWidth:this.columnWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,rtl:this.rtl,dateTimeFormatters:this.dateTimeFormatters,singleLineHeader:this.singleLineHeader,currentDateIndicator:this.currentDateIndicatorContent};const s={tasks:this.barTasks,dates:(e=this.dateSetup)===null||e===void 0?void 0:e.dates,ganttEvent:this.ganttEvent,selectedTask:this.selectedTask,rowHeight:this.rowHeight,taskHeight:this.taskHeight,columnWidth:this.columnWidth,arrowColor:this.hideDependencies?"transparent":this.arrowColor,timeStep:this.timeStep,fontFamily:this.fontFamily,fontSize:this.fontSize,arrowIndent:this.arrowIndent,svgWidth:this.svgWidth,rtl:this.rtl,hideLabel:this.hideLabel,showSecondaryDates:this.showSecondaryDates,ganttHeight:this.ganttHeight,currentDateIndicator:this.currentDateIndicatorContent,projection:this.projectionContent,readOnly:this.readOnly,setGanttEvent:this.setGanttEvent.bind(this),setFailedTask:this.setFailedTask.bind(this),setSelectedTask:this.handleSelectedTask.bind(this),dateChange:this.dateChange,progressChange:this.progressChange,doubleClick:this.doubleClick,barClick:this.barClick,barDblClick:this.barDblClick,barContextMenu:this.barContextMenu,delete:this.delete,phaseDrop:this.phaseDrop};const o={rowHeight:this.rowHeight,rowWidth:this.listCellWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,tasks:this.barTasks,locale:this.locale,headerHeight:this.headerHeight,scrollY:this.scrollY,ganttHeight:this.ganttHeight,filter:this.filter,horizontalContainerClass:"horizontalContainer",selectedTask:this.selectedTask,taskListRef:this.taskListRef,setSelectedTask:this.handleSelectedTask.bind(this),expanderClick:this.handleExpanderClick.bind(this),TaskListHeader:this.TaskListHeader,TaskListTable:this.TaskListTable};return i("div",{key:"289593765ef7125e06f4c4494afda7c7826a425a",class:"gannt-wrapper-main"},i("div",{key:"7331caa09620441f546ef4e392489f7e7141f0b1",class:"wrapper",onKeyDown:this.handleKeyDown.bind(this),tabIndex:0,ref:t=>this.wrapperRef=t},this.listCellWidth&&i("kup-task-list",Object.assign({key:"94888a0b29649deede01fc1ee50bff7329a0e0a6",currentTasks:this.currentTasks,handleClick:this.handleClick,handleDblClick:this.handleDblClick,handleContextMenu:this.handleContextMenu,ganttOnClick:this.ganttOnClick,ganttOnDblClick:this.ganttOnDblClick,ganttonOnContextMenu:this.ganttonOnContextMenu,label:this.label,doubleView:this.doubleView,setDoubleView:this.setDoubleView},o,{class:"tasks",scrollableTaskList:this.scrollableTaskList,updateTaskListScrollX:this.ignoreScrollEvent,ontaskListScrollWidth:t=>{this.taskListScrollWidth=t},taskListScrollX:this.taskListScrollX,ref:t=>this.taskListTrueRef=t})),i("kup-task-gantt",{key:"80ba048340da0aae3a00ba3536fc0a1563fdcaf8",gridProps:n,calendarProps:a,barProps:s,ganttHeight:this.ganttHeight,taskGanttRef:this.taskGanttRef,scrollY:this.scrollY,scrollX:this.scrollX,phaseDragScroll:this.handlePhaseDragScroll.bind(this),class:"ganttContainer"}),this.ganttEvent.changedTask&&i("kup-tooltip",{key:"e27894aa55d62e3dc59a07a05fb3aaeaaf3c9b40",arrowIndent:this.arrowIndent,rowHeight:this.rowHeight,svgContainerHeight:this.svgContainerHeight,svgContainerWidth:this.svgContainerWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,scrollX:this.scrollX,scrollY:this.scrollY,task:this.ganttEvent.changedTask,headerHeight:this.headerHeight,taskListWidth:this.taskListWidth,TooltipContent:this.TooltipContent,rtl:this.rtl,svgWidth:this.svgWidth}),i("kup-vertical-scroll",{key:"52380d31a6dc13aac1eb97d41f9e9c3a5d05a2e8",ganttFullHeight:this.ganttFullHeight,ganttHeight:this.ganttHeight,headerHeight:this.headerHeight,scrollNumber:this.scrollY,verticalScroll:this.handleScrollY.bind(this),rtl:this.rtl})),this.taskGanttRef&&i("kup-horizontal-scroll",{key:"2a9aedcb55249a1c027cafaa8230d17896353ec0",svgWidth:this.svgWidth,taskListTrueRef:this.taskListTrueRef,taskListWidth:this.taskListWidth,scrollNumber:this.scrollX,rtl:this.rtl,horizontalScroll:this.handleScrollX.bind(this),horizontalTaskListScroll:this.handleTaskListScrollX.bind(this),listCellWidth:this.listCellWidth,scrollableTaskList:this.scrollableTaskList,taskListScrollWidth:this.taskListScrollWidth,taskListScrollNumber:this.taskListScrollX}))}get rootElement(){return n(this)}static get watchers(){return{initialScrollY:["updateInitialScrollY"],scrollYChange:["updateInitialScrollY"],initialScrollX:["updateInitialScrollX","updateIgnoreScrollEvent"],scrollXChange:["updateInitialScrollX"],tasks:["updateGanttData","updateSvgContainerHeight"],viewMode:["updateGanttData","updateIgnoreScrollEvent"],preStepsCount:["updateGanttData"],rowHeight:["updateGanttData","updateSvgContainerHeight","updateGanttFullHeight"],barCornerRadius:["updateGanttData"],columnWidth:["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],taskHeight:["updateGanttData"],handleWidth:["updateGanttData"],barProgressColor:["updateGanttData"],barProgressSelectedColor:["updateGanttData"],barBackgroundColor:["updateGanttData"],barBackgroundSelectedColor:["updateGanttData"],projectProgressColor:["updateGanttData"],projectProgressSelectedColor:["updateGanttData"],projectBackgroundColor:["updateGanttData"],projectBackgroundSelectedColor:["updateGanttData"],milestoneBackgroundColor:["updateGanttData"],milestoneBackgroundSelectedColor:["updateGanttData"],rtl:["updateGanttData","handleWheel"],scrollX:["updateGanttData","handleWheel"],onExpanderClick:["updateGanttData"],showSecondaryDates:["updateGanttData"],projectHeight:["updateGanttData"],timelineHeight:["updateGanttData"],displayedStartDate:["updateGanttData"],displayedEndDate:["updateGanttData"],dateSetup:["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],viewDate:["updateIgnoreScrollEvent"],ganttEvent:["updateGanttEventAndBarTasks"],failedTask:["updateFailedTasksAndBarChart"],barTasks:["updateFailedTasksAndBarChart","updateGanttFullHeight"],taskListRef:["updateTaskListWidth"],listCellWidth:["updateTaskListWidth"],wrapperRef:["updateSvgContainerWidth","handleWheel"],ganttHeight:["updateSvgContainerHeight","handleWheel"],headerHeight:["updateSvgContainerHeight"],scrollY:["handleWheel"],svgWidth:["handleWheel"],ganttFullHeight:["handleWheel"],todayColor:["updateCurrentDateIndicatorContent"],projection:["updateProjectionContent"]}}};m.style=k;const x=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.scrollWrapper{overflow:auto;max-width:100%;height:1.2rem}.scrollWrapper::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scrollWrapper::-webkit-scrollbar-corner{background:transparent}.scrollWrapper::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scrollWrapper::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}.scroll{height:1px}.scroll-container{display:flex}";const y=x;const b=class{constructor(i){t(this,i);this.scrollNumber=undefined;this.svgWidth=undefined;this.taskListTrueRef=undefined;this.rtl=undefined;this.taskListWidth=undefined;this.scrollableTaskList=false;this.listCellWidth="300px";this.taskListScrollWidth=undefined;this.taskListScrollNumber=undefined;this.horizontalScroll=undefined;this.horizontalTaskListScroll=undefined;this.timeoutId=undefined}componentDidLoad(){this.scrollLeft()}scrollLeft(){clearTimeout(this.timeoutId);this.timeoutId=setTimeout((()=>{this.setScrollLeft()}),50)}listScrollLeft(){clearTimeout(this.timeoutId);this.timeoutId=setTimeout((()=>{this.setTaskListScrollLeft()}),50)}setScrollLeft(){if(this.rootElement){const t=this.rootElement.shadowRoot.querySelector("div");const i=t.children.length==2?t.children[1]:t.children[0];i&&(i.scrollLeft=this.scrollNumber)}}setTaskListScrollLeft(){if(this.rootElement){const t=this.rootElement.shadowRoot.querySelector("div");const i=t.children.length==2?t.children[0]:null;i&&(i.scrollLeft=this.taskListScrollNumber)}}render(){var t,e;const n=(e=((t=this.taskListTrueRef)===null||t===void 0?void 0:t.getBoundingClientRect().width)+24*1.5)!==null&&e!==void 0?e:0;const s=+this.listCellWidth.replace("px","");return i(a,{key:"540bfcce78395efa06fc99af47fb1973216e493e"},i("div",{key:"40a90b5d4c70fca0632770ed07cd25b1fe8818f6",class:"scroll-container"},this.scrollableTaskList&&this.taskListScrollWidth>s&&i("div",{key:"a1b800c1244c20cbac1d9d62c099a6ce3534ab9e",dir:"ltr",style:{margin:this.rtl?`0px 20px 0px 20px`:`0px 20px 0px 20px`,maxWidth:`${s+20}px`,minWidth:`${s+20}px`},class:"scrollWrapper","data-scrollx":"true",onScroll:this.horizontalTaskListScroll},i("div",{key:"2f617fa83a89cf4028412c95581be2168f0e2498",style:{width:`${this.taskListScrollWidth}px`},class:"scroll"})),i("div",{key:"f41a1fc76a99cb06fba8abf111b91551f9da91ad",dir:"ltr",style:{margin:this.rtl?`0px ${this.scrollableTaskList&&this.taskListScrollWidth>s?40:n}px 0px 12px`:`0px 12px 0px ${this.scrollableTaskList&&this.taskListScrollWidth>s?40:n}px`},class:"scrollWrapper","data-scrollx":"true",onScroll:this.horizontalScroll},i("div",{key:"540f86357ea1efc90f0443fb587905a0a7e16629",style:{width:`${this.svgWidth}px`},class:"scroll"}))))}get rootElement(){return n(this)}static get watchers(){return{scrollNumber:["scrollLeft"],taskListScrollNumber:["listScrollLeft"]}}};b.style=y;const v=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";const w=v;const z=class{constructor(i){t(this,i);this.task=undefined;this.fontSize=undefined;this.fontFamily=undefined}render(){return i("div",{key:"3b9fbb38b945eb53e85ac8c5720b233d57410449",class:"tooltipDefaultContainer",style:{fontSize:this.fontSize,fontFamily:this.fontFamily}},i("b",{key:"783b02b7eb58348f27090db1c65676d5d2a7ee74",style:{fontSize:`${parseInt(this.fontSize)+6}px`}},`${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth()+1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth()+1}-${this.task.end.getFullYear()}`),this.task.end.getTime()-this.task.start.getTime()!==0&&i("p",{key:"f0797eb8c84ba474084e5f8d152a0ce184b92459",class:"tooltipDefaultContainerParagraph"},`Duration: ${~~((this.task.end.getTime()-this.task.start.getTime())/(1e3*60*60*24))} day(s)`),i("p",{key:"440dd1fddebebb3decf9db912eeab261dc1b23fb",class:"tooltipDefaultContainerParagraph"},!!this.task.progress&&`Progress: ${this.task.progress} %`))}};z.style=w;const S=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.switcher{display:grid;grid-auto-flow:column;grid-gap:8px;width:max-content;margin-bottom:var(--kup-space-05);margin-left:var(--kup-space-04)}.button{background-color:var(--kup-gray-color-70);border:none;text-align:left;box-sizing:border-box;color:var(--kup-gray-color-0);cursor:pointer;padding:var(--kup-space-03) var(--kup-space-05)}.button:hover{background-color:var(--kup-text-primary)}.button:focus{background-color:var(--kup-primary-color-60)}.label{text-decoration: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}.buttonActive{background-color:var(--kup-primary-color-60)}";const C=S;const T=class{constructor(i){t(this,i);this.buttonLabels=["hour","day","week","month","year"];this.timeUnitChange=undefined;this.activeButton="day"}render(){const t=t=>{this.activeButton=t;this.timeUnitChange(t)};return i("div",{key:"85a0bdefe806ecb41b60f6ee14791e1599f64f63",class:"switcher"},this.buttonLabels.map((e=>i("button",{type:"button",class:{button:true,buttonActive:this.activeButton===e},onClick:()=>t(e)},i("span",{class:"label"},e.charAt(0).toUpperCase()+e.slice(1))))))}};T.style=C;const D=class{constructor(i){t(this,i);this.gridProps=undefined;this.calendarProps=undefined;this.barProps=undefined;this.taskGanttRef=undefined;this.ganttHeight=undefined;this.scrollY=undefined;this.scrollX=undefined;this.phaseDragScroll=undefined}updateScrollX(){setTimeout((()=>{this.verticalGanttContainerRef&&(this.verticalGanttContainerRef.scrollLeft=this.scrollX)}),30)}updateScrollY(){setTimeout((()=>{this.horizontalContainerRef&&(this.horizontalContainerRef.scrollTop=this.scrollY)}),30)}componentDidLoad(){setTimeout((()=>{this.updateScrollX();this.updateScrollY()}),75)}render(){const t=Object.assign(Object.assign({},this.barProps),{gridProps:this.gridProps,phaseDragScroll:this.phaseDragScroll});return i("div",{key:"00d776dbedc416a290f3aabd79996a9d76e54c49",class:"ganttVerticalContainer",ref:t=>this.verticalGanttContainerRef=t,dir:"ltr"},i("kup-gantt-calendar",{key:"4c32c896b94e1544d24d43fdc29a3e0627414e28",dateSetup:this.calendarProps.dateSetup,locale:this.calendarProps.locale,rtl:this.calendarProps.rtl,headerHeight:this.calendarProps.headerHeight,columnWidth:this.calendarProps.columnWidth,fontFamily:this.calendarProps.fontFamily,fontSize:this.calendarProps.fontSize,dateTimeFormatters:this.calendarProps.dateTimeFormatters,singleLineHeader:this.calendarProps.singleLineHeader,currentDateIndicator:this.calendarProps.currentDateIndicator,svgWidth:this.gridProps.svgWidth}),i("div",{key:"03b76aee547b417ded1e029d58264d1662b1d979",ref:t=>this.horizontalContainerRef=t,class:"horizontalContainer",style:this.ganttHeight?{height:`${this.ganttHeight}px`,width:`${this.gridProps.svgWidth}px`}:{width:`${this.gridProps.svgWidth}px`}},i("kup-grid-renderer",Object.assign({key:"85e03be44bee1e4886245d2615300a04fef3686e"},t))))}get rootElement(){return n(this)}static get watchers(){return{scrollX:["updateScrollX"],verticalGanttContainerRef:["updateScrollX"],scrollY:["updateScrollY"],horizontalContainerRef:["updateScrollY"]}}};const L=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.tasks{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);padding:var(--kup-space-05);margin-right:var(--kup-space-05)}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const W=L;const H=class{constructor(i){t(this,i);this.headerHeight=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.rowWidth=undefined;this.rowHeight=undefined;this.scrollY=undefined;this.locale=undefined;this.tasks=undefined;this.selectedTask=undefined;this.horizontalContainerClass=undefined;this.ganttHeight=undefined;this.filter=undefined;this.TaskListHeader=undefined;this.TaskListTable=undefined;this.currentTasks=undefined;this.label=undefined;this.doubleView=undefined;this.scrollableTaskList=undefined;this.updateTaskListScrollX=false;this.taskListScrollX=undefined;this.setDoubleView=undefined;this.handleClick=undefined;this.handleDblClick=undefined;this.handleContextMenu=undefined;this.ganttOnClick=undefined;this.ganttOnDblClick=undefined;this.ganttonOnContextMenu=undefined;this.setSelectedTask=undefined;this.expanderClick=undefined;this.ontaskListScrollWidth=undefined;this.selectedTaskId=""}componentDidLoad(){this.taskListRef.prepend(this.filter);setTimeout((()=>{if(this.horizontalContainerRef){this.horizontalContainerRef.scrollTop=this.scrollY}}),75)}componentDidUpdate(){if(this.taskListRef){this.taskListRef.scrollTop=this.scrollY}}updateScrollY(){this.horizontalContainerRef&&(this.horizontalContainerRef.scrollTop=this.scrollY)}render(){var t;const e={headerHeight:this.headerHeight,fontFamily:this.fontFamily,fontSize:this.fontSize,rowWidth:this.rowWidth};if(this.selectedTask){this.selectedTaskId=this.selectedTask.id}const n={rowHeight:this.rowHeight,rowWidth:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,tasks:this.tasks,locale:this.locale,selectedTaskId:this.selectedTaskId,scrollableTaskList:this.scrollableTaskList,setSelectedTask:this.setSelectedTask.bind(this),onExpanderClick:this.expanderClick};const a=this.TaskListHeader;if(a&&a["t"]){Object.assign(a["t"],Object.assign({},e))}const s=this.TaskListTable;if(s&&s["t"]){Object.assign(s["t"],Object.assign({},n))}return i("div",{key:"97bbd6d3822150ec66868cf1357643e0f926f504",ref:t=>this.taskListRef=t},a&&a["t"]?a:i("kup-custom-task-list-header",Object.assign({label:this.label,doubleView:(t=this.doubleView)!==null&&t!==void 0?t:false,setDoubleView:this.setDoubleView},e)),i("div",{key:"dc8a08171a1dd9b38fed79174fa3e67409ed5ba5",class:`${this.horizontalContainerClass} ${this.scrollableTaskList?"horizontalContainerScrollable":""}`,style:this.ganttHeight?{height:this.ganttHeight+"px"}:{},ref:t=>this.horizontalContainerRef=t},s&&s["t"]?s:i("kup-custom-task-list-table",Object.assign({},n,{onclickTaskList:t=>{let i=h(t,this.currentTasks);if(!i){i=l(t,this.currentTasks)}if(i){this.handleClick(i,this.ganttOnClick)}},ondblclickTaskList:t=>{let i=h(t,this.currentTasks);if(!i){i=l(t,this.currentTasks)}if(i){this.handleDblClick(i,this.ganttOnDblClick)}},oncontextmenuTaskList:(t,i)=>{let e=h(i,this.currentTasks);if(!e){e=l(i,this.currentTasks)}if(e){this.handleContextMenu(t,e,this.ganttonOnContextMenu)}},ontaskListScrollWidth:t=>{this.ontaskListScrollWidth(t)},taskListScrollX:this.taskListScrollX,ganttId:u}))))}get element(){return n(this)}static get watchers(){return{scrollY:["updateScrollY"]}}};H.style=W;const G=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.tasks{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);padding:var(--kup-space-05);margin-right:var(--kup-space-05)}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const I=G;const E=class{constructor(i){t(this,i);this.headerHeight=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.rowWidth=undefined}render(){return i("div",{key:"03509c55480fd065cd256c9ee3d8f3ac8577dd19",class:"ganttTable",style:{fontFamily:this.fontFamily,fontSize:this.fontSize}},i("div",{key:"bfcc24753d491c6e0f5e16b9cc878a7499654111",class:"ganttTable_Header",style:{height:`${this.headerHeight-2}px`}},i("div",{key:"6d6a501a295f0eb4590f16f5d8e63ee71b21a0a2",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," Name"),i("div",{key:"7c3745ab05fdbb4022485f9463cc4c0a82d7d5e0",class:"ganttTable_HeaderSeparator",style:{height:`${this.headerHeight*.5}px`,marginTop:`${this.headerHeight*.2}px`}}),i("div",{key:"96c425b1608fbb8cefe696a82b3735c822935374",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," From"),i("div",{key:"8ab89b2b4104f89c80824019ddd215f960c001f2",class:"ganttTable_HeaderSeparator",style:{height:`${this.headerHeight*.5}px`,marginTop:`${this.headerHeight*.25}px`}}),i("div",{key:"102647a5c7052b7fe5fe23c8572760bdf1ce90c2",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," To")))}};E.style=I;const _=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.tasks{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);padding:var(--kup-space-05);margin-right:var(--kup-space-05)}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const $=_;const P=class{constructor(i){t(this,i);this.dateTimeOptions={weekday:"short",year:"numeric",month:"long",day:"numeric"};this.rowHeight=undefined;this.rowWidth=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.locale=undefined;this.tasks=undefined;this.selectedTaskId=undefined;this.expandedTasks=new Set;this.setSelectedTask=undefined;this.expanderClick=undefined}toLocaleDateString(t){return t.toLocaleDateString(this.locale,this.dateTimeOptions)}render(){return i("div",{key:"4d28c9449506ccc6adbe87dec6925e92a5f2a6c3",class:"taskListWrapper",style:{fontFamily:this.fontFamily,fontSize:this.fontSize}},this.tasks.map((t=>i("div",{class:{taskListTableRow:true,expanded:this.expandedTasks.has(t.id)},style:{height:`${this.rowHeight}px`},key:`${t.id}row`},i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth},title:t.name},i("div",{class:"taskListNameWrapper"},i("div",{class:{taskListExpander:true,expanded:this.expandedTasks.has(t.id)},onClick:()=>this.expanderClick(t)},this.expandedTasks.has(t.id)?"▼":"▶"),i("div",null,t.name))),i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth}}," ",this.toLocaleDateString(t.start)),i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth}}," ",this.toLocaleDateString(t.end))))))}};P.style=$;const j=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";const F=j;const X=class{constructor(i){t(this,i);this.task=undefined;this.rowHeight=undefined;this.rtl=undefined;this.svgContainerHeight=undefined;this.svgContainerWidth=undefined;this.scrollX=undefined;this.scrollY=undefined;this.arrowIndent=undefined;this.fontSize=undefined;this.fontFamily=undefined;this.headerHeight=undefined;this.taskListWidth=undefined;this.TooltipContent=undefined;this.svgWidth=undefined;this.relatedY=0;this.relatedX=0}componentWillLoad(){this.calculateTooltipPosition()}calculateTooltipPosition(){if(this.rootElement){const t=this.rootElement.offsetHeight*1.1;const i=this.rootElement.offsetWidth*1.1;let e=this.task.index*this.rowHeight-this.scrollY+this.headerHeight;let n;if(this.rtl){n=this.task.x1-this.arrowIndent*1.5-i-this.scrollX;if(n<0){n=this.task.x2+this.arrowIndent*1.5-this.scrollX}const t=i+n;if(t>this.svgContainerWidth){n=this.svgContainerWidth-i;e+=this.rowHeight}}else{n=this.task.x2+this.arrowIndent*1.5+this.taskListWidth-this.scrollX;const t=i+n;const a=this.taskListWidth+this.svgContainerWidth;if(t>a){n=this.task.x1+this.taskListWidth-this.arrowIndent*1.5-this.scrollX-i}if(n<this.taskListWidth){n=this.svgContainerWidth+this.taskListWidth-i;e+=this.rowHeight}}const a=t+e-this.scrollY;if(a>this.svgContainerHeight-this.scrollY){e=this.svgContainerHeight-t}this.relatedY=e;this.relatedX=n}}render(){return i("div",{key:"d4cdbfcae8a5783fcb753b62649504d2d96ec9e5",class:this.relatedX?"tooltipDetailsContainer":"tooltipDetailsContainerHidden",style:{left:`${this.relatedX}px`,top:`${this.relatedY}px`}},i(this.TooltipContent,{key:"7918f4c130178fc1130e6a55e60fbe50684c7196",task:this.task,fontSize:this.fontSize,fontFamily:this.fontFamily}))}get rootElement(){return n(this)}static get watchers(){return{task:["calculateTooltipPosition"],arrowIndent:["calculateTooltipPosition"],scrollX:["calculateTooltipPosition"],scrollY:["calculateTooltipPosition"],headerHeight:["calculateTooltipPosition"],taskListWidth:["calculateTooltipPosition"],rowHeight:["calculateTooltipPosition"],svgContainerHeight:["calculateTooltipPosition"],svgContainerWidth:["calculateTooltipPosition"],rtl:["calculateTooltipPosition"]}}};X.style=F;const Y=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.scroll{overflow:hidden auto;width:1rem;flex-shrink:0}.scroll::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scroll::-webkit-scrollbar-corner{background:transparent}.scroll::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}";const O=Y;const R=class{constructor(i){t(this,i);this.scrollNumber=undefined;this.ganttHeight=undefined;this.ganttFullHeight=undefined;this.headerHeight=undefined;this.rtl=undefined;this.verticalScroll=undefined}componentDidLoad(){setTimeout((()=>{this.updateScroll()}),50)}updateScroll(){let t;if(this.scrollRef){const i=this.scrollRef;const e=()=>{i.scrollTop=this.scrollNumber};t=setTimeout(e,50)}return()=>{clearTimeout(t)}}render(){return i("div",{key:"d4b04abd5156769a5fee24b63e755dc8c3a83c09",style:{height:`${this.ganttHeight}px`,marginTop:`${this.headerHeight}px`,marginLeft:this.rtl?"":"-1rem"},class:"scroll",onScroll:this.verticalScroll,ref:t=>this.scrollRef=t},i("div",{key:"6a063af00c31fb78c65724e0d24f67dc04dcdd6f",style:{height:`${this.ganttFullHeight}px`,width:"1px"}}))}get rootElement(){return n(this)}static get watchers(){return{scrollNumber:["updateScroll"]}}};R.style=O;export{m as kup_gantt,b as kup_horizontal_scroll,z as kup_standard_tooltip,T as kup_switcher,D as kup_task_gantt,H as kup_task_list,E as kup_task_list_header,P as kup_task_list_table,X as kup_tooltip,R as kup_vertical_scroll};
2
- //# sourceMappingURL=p-8a77b0b2.entry.js.map
1
+ import{r as t,h as i,f as e,d as n,F as a}from"./p-d7c15b0e.js";import{f as s,s as o,g as l,b as h}from"./p-6c4c0cc9.js";import{r as p,s as f,c as r,a as d,b as c}from"./p-008bdcdc.js";import{e as u}from"./p-cd3a7d53.js";import"./p-029c7cbe.js";const g=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.wrapper{display:flex;padding:0;margin:0;list-style:none;outline:none;position:relative}.ganttContainer{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);overflow:hidden;padding:var(--kup-space-05)}.ganttVerticalContainer{overflow:hidden;font-size:0;margin:0;padding:0}.horizontalContainer{margin:0;padding:0;overflow:hidden}.horizontalContainerScrollable{overflow:auto !important;scrollbar-width:0}.horizontalContainerScrollable::-webkit-scrollbar{width:0;height:0}.task-gantt{overflow:hidden}";const k=g;const m=class{constructor(e){t(this,e);this.taskListTrueRef=null;this.ganttId=undefined;this.tasks=undefined;this.headerHeight=114;this.columnWidth=60;this.listCellWidth="300px";this.rowHeight=50;this.filter=undefined;this.ganttHeight=0;this.viewMode="month";this.preStepsCount=1;this.locale="en-GB";this.barFill=60;this.projectFill=80;this.timelineFill=40;this.barCornerRadius=3;this.barProgressColor="#a3a3ff";this.barProgressSelectedColor="#8282f5";this.barBackgroundColor="#b8c2cc";this.barBackgroundSelectedColor="#aeb8c2";this.projectProgressColor="#7db59a";this.projectProgressSelectedColor="#59a985";this.projectBackgroundColor="#fac465";this.projectBackgroundSelectedColor="#f7bb53";this.rtl=false;this.handleWidth=8;this.timeStep=3e5;this.arrowColor="grey";this.fontFamily="Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue";this.fontSize="14px";this.arrowIndent=20;this.todayColor="#ff0000";this.viewDate=undefined;this.TooltipContent=i("kup-standard-tooltip",null);this.TaskListHeader=i("kup-task-list-header",null);this.TaskListTable=i("kup-task-list-table",null);this.dateTimeFormatters=undefined;this.singleLineHeader=false;this.hideLabel=false;this.showSecondaryDates=false;this.hideDependencies=false;this.projection=undefined;this.displayedStartDate=undefined;this.displayedEndDate=undefined;this.initialScrollX=-1;this.initialScrollY=0;this.readOnly=undefined;this.currentTasks=[];this.label=undefined;this.doubleView=undefined;this.scrollableTaskList=undefined;this.setDoubleView=undefined;this.barContextMenu=undefined;this.scrollXChange=undefined;this.scrollYChange=undefined;this.barClick=undefined;this.barDblClick=undefined;this.dateChange=undefined;this.select=undefined;this.handleClick=undefined;this.handleDblClick=undefined;this.handleContextMenu=undefined;this.ganttOnClick=undefined;this.ganttOnDblClick=undefined;this.ganttonOnContextMenu=undefined;this.progressChange=undefined;this.doubleClick=undefined;this.delete=undefined;this.expanderClick=undefined;this.phaseDrop=undefined;this.wrapperRef=undefined;this.taskGanttRef=null;this.taskListRef=undefined;this.dateSetup=undefined;this.taskListWidth=0;this.svgContainerWidth=0;this.svgContainerHeight=this.ganttHeight;this.barTasks=[];this.ganttEvent={action:""};this.taskHeight=this.rowHeight*this.barFill/100;this.projectHeight=this.rowHeight*this.projectFill/100;this.timelineHeight=this.rowHeight*this.timelineFill/100;this.selectedTask=undefined;this.failedTask=null;this.svgWidth=undefined;this.ganttFullHeight=undefined;this.scrollX=0;this.scrollY=-1;this.ignoreScrollEvent=false;this.currentDateIndicatorContent=undefined;this.projectionContent=undefined;this.taskListScrollWidth=undefined;this.taskListScrollX=0}componentWillLoad(){this.updateGanttData();this.loadStates()}loadStates(){var t,i;this.scrollX=this.initialScrollX;this.scrollY=this.initialScrollY;const[e,n]=s(this.tasks,this.viewMode,this.preStepsCount,this.showSecondaryDates,this.displayedStartDate,this.displayedEndDate);this.dateSetup={viewMode:this.viewMode,dates:o(e,n,this.viewMode)};this.svgWidth=((i=(t=this.dateSetup)===null||t===void 0?void 0:t.dates)===null||i===void 0?void 0:i.length)*this.columnWidth;this.ganttFullHeight=this.barTasks.length*this.rowHeight}componentDidRender(){this.taskGanttRef=this.rootElement.querySelector("kup-task-gantt").querySelector(".ganttVerticalContainer")}componentDidLoad(){this.updateScrollLeftAndScrollTop();window.addEventListener("gantt-sync-scroll-event",this.onGanttSyncScrollEvent.bind(this))}async refresh(){e(this)}updateInitialScrollY(){if(this.scrollYChange){this.scrollYChange(this.initialScrollY)}this.scrollY=this.initialScrollY}updateInitialScrollX(){window.addEventListener("gantt-sync-scroll-event",(function(t){if(t.detail.id!==this.ganttId){this.scrollX=t.detail.scrollX;if(this.scrollXChange){this.scrollXChange(t.detail.scrollX)}}}))}updateGanttData(){let t;if(this.expanderClick){t=p(this.tasks)}else{t=this.tasks}t=t.sort(f);const[i,e]=s(t,this.viewMode,this.preStepsCount,this.showSecondaryDates,this.displayedStartDate,this.displayedEndDate);let n=o(i,e,this.viewMode);if(this.rtl){n=n.reverse();if(scrollX===-1){this.scrollX=n.length*this.columnWidth}}let a=false;if(this.dateSetup&&this.dateSetup.dates){const t=this.dateSetup.dates;if(t.length!==n.length){a=true}else{for(let i=0;i<t.length;i++){if(t[i].valueOf()!==n[i].valueOf()){a=true;break}}}}if(a){this.dateSetup={dates:n,viewMode:this.viewMode}}this.barTasks=r(t,n,this.columnWidth,this.rowHeight,this.taskHeight,this.projectHeight,this.timelineHeight,this.barCornerRadius,this.handleWidth,this.rtl,this.barProgressColor,this.barProgressSelectedColor,this.barBackgroundColor,this.barBackgroundSelectedColor,this.projectProgressColor,this.projectProgressSelectedColor,this.projectBackgroundColor,this.projectBackgroundSelectedColor,this.showSecondaryDates)}updateIgnoreScrollEvent(){if(this.viewMode===this.dateSetup.viewMode&&this.viewDate&&this.initialScrollX<1){const t=this.dateSetup.dates;const i=t.findIndex(((i,e)=>this.viewDate.valueOf()>=i.valueOf()&&e+1!==t.length&&this.viewDate.valueOf()<t[e+1].valueOf()));if(i===-1){return}this.ignoreScrollEvent=true;this.scrollX=this.columnWidth*i}}updateGanttEventAndBarTasks(){const{changedTask:t,action:i}=this.ganttEvent;if(t){if(i==="delete"){this.ganttEvent={action:""};this.barTasks=this.barTasks.filter((i=>i.id!==t.id))}else if(i==="move"||i==="end"||i==="start"||i==="progress"){const i=this.barTasks.find((i=>i.id===t.id));if(i&&(i.start.getTime()!==t.start.getTime()||i.end.getTime()!==t.end.getTime()||i.progress!==t.progress)){const i=this.barTasks.map((i=>i.id===t.id?t:i));this.barTasks=i}}}}updateFailedTasksAndBarChart(){if(this.failedTask){this.barTasks=this.barTasks.map((t=>t.id!==this.failedTask.id?t:this.failedTask));this.failedTask=null}}updateTaskListWidth(){if(!this.listCellWidth){this.taskListWidth=0}if(this.taskListRef){this.taskListWidth=this.taskListRef.offsetWidth}}updateSvgContainerWidth(){if(this.wrapperRef){this.svgContainerWidth=this.wrapperRef.offsetWidth-this.taskListWidth}}updateSvgContainerHeight(){if(this.ganttHeight){this.svgContainerHeight=this.ganttHeight+this.headerHeight}else{this.svgContainerHeight=this.tasks.length*this.rowHeight+this.headerHeight}}handleWheel(t){const i=this.wrapperRef;if(!i)return;if((t===null||t===void 0?void 0:t.type)!=="wheel")return;if(t.shiftKey||t.deltaX){const i=t.deltaX?t.deltaX:t.deltaY;let e=this.scrollX+i;if(e<0){e=0}else if(e>this.svgWidth){e=this.svgWidth}this.scrollX=e;window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:this.ganttId,scrollX:e}}));t.preventDefault()}else if(this.ganttHeight){let i=this.scrollY+t.deltaY;if(i<0){i=0}else if(i>Math.abs(this.ganttFullHeight-this.ganttHeight)){i=Math.abs(this.ganttFullHeight-this.ganttHeight)}if(i!==this.scrollY){if(this.scrollYChange){this.scrollYChange(i)}this.scrollY=i;t.preventDefault()}}this.ignoreScrollEvent=true}updateCurrentDateIndicatorContent(){const t=d(this.dateSetup.dates,this.columnWidth);if(t!==0){this.currentDateIndicatorContent={color:this.todayColor,x:t}}}updateProjectionContent(){if(this.projection){const{x0:t,xf:i}=c(this.projection.start,this.projection.end,this.dateSetup.dates,this.columnWidth);this.projectionContent={x0:t,xf:i,color:this.projection.color}}else{this.projectionContent=undefined}}updateSvgWidth(){var t,i;this.svgWidth=((i=(t=this.dateSetup)===null||t===void 0?void 0:t.dates)===null||i===void 0?void 0:i.length)*this.columnWidth}updateGanttFullHeight(){this.ganttFullHeight=this.barTasks.length*this.rowHeight}onGanttSyncScrollEvent(t){if(t.detail.componentId!==this.ganttId){this.scrollX=t.detail.scrollX;if(this.scrollXChange){this.scrollXChange(t.detail.scrollX)}}}updateScrollLeftAndScrollTop(){if(this.wrapperRef){const t=this.wrapperRef;if(t){if(this.scrollX!==-1){const i=()=>{t.scrollLeft=this.scrollX};setTimeout(i,125)}if(this.scrollY!==0){const i=()=>{t.scrollTop=this.scrollY};setTimeout(i,125)}}}}handleScrollY(t){const i=t.currentTarget;if(this.scrollY!==i.scrollTop){if(!this.ignoreScrollEvent){if(this.scrollYChange){this.scrollYChange(i.scrollTop)}this.scrollY=i.scrollTop;this.ignoreScrollEvent=true}else{this.ignoreScrollEvent=false}}else{this.ignoreScrollEvent=false}}handleScrollX(t){const i=t.currentTarget;if(this.scrollX!==i.scrollLeft&&!this.ignoreScrollEvent){this.scrollX=i.scrollLeft;this.ignoreScrollEvent=true;const t=this.ganttId;window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:t,scrollX:i.scrollLeft}}))}else{this.ignoreScrollEvent=false}}handleKeyDown(t){if(t.target.tagName==="INPUT"){return}t.preventDefault();let i=this.scrollY;let e=this.scrollX;let n=true;switch(t.key){case"Down":case"ArrowDown":i+=this.rowHeight;n=false;break;case"Up":case"ArrowUp":i-=this.rowHeight;n=false;break;case"Left":case"ArrowLeft":e-=this.columnWidth;break;case"Right":case"ArrowRight":e+=this.columnWidth;break}if(n){if(e<0){e=0}else if(e>this.svgWidth){e=this.svgWidth}this.scrollX=e;window.dispatchEvent(new CustomEvent("gantt-sync-scroll-event",{detail:{componentId:this.ganttId,scrollX:e}}))}else{if(i<0){i=0}else if(i>this.ganttFullHeight-this.ganttHeight){i=this.ganttFullHeight-this.ganttHeight}if(this.scrollYChange){this.scrollYChange(i)}this.scrollY=i}this.ignoreScrollEvent=true}handleSelectedTask(t){const i=this.barTasks.find((i=>i.id===t));const e=this.barTasks.find((t=>!!this.selectedTask&&t.id===this.selectedTask.id));if(this.select){if(e){this.select(e,false)}if(i){this.select(i,true)}}this.selectedTask=i}handleExpanderClick(t){if(this.expanderClick&&t.hideChildren!==undefined){this.expanderClick(Object.assign(Object.assign({},t),{hideChildren:!t.hideChildren}))}}handleTaskListScrollX(t){const i=t.currentTarget;this.taskListScrollX=i.scrollLeft}handlePhaseDragScroll(t){this.scrollY=t}setFailedTask(t){this.failedTask=t}setGanttEvent(t){this.ganttEvent=t}render(){var t,e;const n={columnWidth:this.columnWidth,svgWidth:this.svgWidth,tasks:this.tasks,rowHeight:this.rowHeight,dates:(t=this.dateSetup)===null||t===void 0?void 0:t.dates,todayColor:this.todayColor,rtl:this.rtl};const a={dateSetup:this.dateSetup,locale:this.locale,viewMode:this.viewMode,headerHeight:this.headerHeight,columnWidth:this.columnWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,rtl:this.rtl,dateTimeFormatters:this.dateTimeFormatters,singleLineHeader:this.singleLineHeader,currentDateIndicator:this.currentDateIndicatorContent};const s={tasks:this.barTasks,dates:(e=this.dateSetup)===null||e===void 0?void 0:e.dates,ganttEvent:this.ganttEvent,selectedTask:this.selectedTask,rowHeight:this.rowHeight,taskHeight:this.taskHeight,columnWidth:this.columnWidth,arrowColor:this.hideDependencies?"transparent":this.arrowColor,timeStep:this.timeStep,fontFamily:this.fontFamily,fontSize:this.fontSize,arrowIndent:this.arrowIndent,svgWidth:this.svgWidth,rtl:this.rtl,hideLabel:this.hideLabel,showSecondaryDates:this.showSecondaryDates,ganttHeight:this.ganttHeight,currentDateIndicator:this.currentDateIndicatorContent,projection:this.projectionContent,readOnly:this.readOnly,setGanttEvent:this.setGanttEvent.bind(this),setFailedTask:this.setFailedTask.bind(this),setSelectedTask:this.handleSelectedTask.bind(this),dateChange:this.dateChange,progressChange:this.progressChange,doubleClick:this.doubleClick,barClick:this.barClick,barDblClick:this.barDblClick,barContextMenu:this.barContextMenu,delete:this.delete,phaseDrop:this.phaseDrop};const o={rowHeight:this.rowHeight,rowWidth:this.listCellWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,tasks:this.barTasks,locale:this.locale,headerHeight:this.headerHeight,scrollY:this.scrollY,ganttHeight:this.ganttHeight,filter:this.filter,horizontalContainerClass:"horizontalContainer",selectedTask:this.selectedTask,taskListRef:this.taskListRef,setSelectedTask:this.handleSelectedTask.bind(this),expanderClick:this.handleExpanderClick.bind(this),TaskListHeader:this.TaskListHeader,TaskListTable:this.TaskListTable};return i("div",{key:"836af3f1012d6eb8276048866fc9a976b349775e",class:"gannt-wrapper-main"},i("div",{key:"67654e8431be67e00d1bff668d9d90b3a7b3b21f",class:"wrapper",onKeyDown:this.handleKeyDown.bind(this),tabIndex:0,ref:t=>this.wrapperRef=t},this.listCellWidth&&i("kup-task-list",Object.assign({key:"2e419799a7a5ad604357225ec48b6be0b6a9353a",currentTasks:this.currentTasks,handleClick:this.handleClick,handleDblClick:this.handleDblClick,handleContextMenu:this.handleContextMenu,ganttOnClick:this.ganttOnClick,ganttOnDblClick:this.ganttOnDblClick,ganttonOnContextMenu:this.ganttonOnContextMenu,label:this.label,doubleView:this.doubleView,setDoubleView:this.setDoubleView},o,{class:"tasks",scrollableTaskList:this.scrollableTaskList,updateTaskListScrollX:this.ignoreScrollEvent,ontaskListScrollWidth:t=>{this.taskListScrollWidth=t},taskListScrollX:this.taskListScrollX,ref:t=>this.taskListTrueRef=t})),i("kup-task-gantt",{key:"4587424ff6d24d47b471cfc28972cb34e42ba0c7",gridProps:n,calendarProps:a,barProps:s,ganttHeight:this.ganttHeight,taskGanttRef:this.taskGanttRef,scrollY:this.scrollY,scrollX:this.scrollX,phaseDragScroll:this.handlePhaseDragScroll.bind(this),class:"ganttContainer"}),this.ganttEvent.changedTask&&i("kup-tooltip",{key:"a2c655b425591b41492f4b77c9f8e3b1130565a4",arrowIndent:this.arrowIndent,rowHeight:this.rowHeight,svgContainerHeight:this.svgContainerHeight,svgContainerWidth:this.svgContainerWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,scrollX:this.scrollX,scrollY:this.scrollY,task:this.ganttEvent.changedTask,headerHeight:this.headerHeight,taskListWidth:this.taskListWidth,TooltipContent:this.TooltipContent,rtl:this.rtl,svgWidth:this.svgWidth}),i("kup-vertical-scroll",{key:"2122835b9bf5929d76ee7cf28c60be64bc2b2a01",ganttFullHeight:this.ganttFullHeight,ganttHeight:this.ganttHeight,headerHeight:this.headerHeight,scrollNumber:this.scrollY,verticalScroll:this.handleScrollY.bind(this),rtl:this.rtl})),this.taskGanttRef&&i("kup-horizontal-scroll",{key:"167011334f0919c9df59bb91c54be5d039a8e261",svgWidth:this.svgWidth,taskListTrueRef:this.taskListTrueRef,taskListWidth:this.taskListWidth,scrollNumber:this.scrollX,rtl:this.rtl,horizontalScroll:this.handleScrollX.bind(this),horizontalTaskListScroll:this.handleTaskListScrollX.bind(this),listCellWidth:this.listCellWidth,scrollableTaskList:this.scrollableTaskList,taskListScrollWidth:this.taskListScrollWidth,taskListScrollNumber:this.taskListScrollX}))}get rootElement(){return n(this)}static get watchers(){return{initialScrollY:["updateInitialScrollY"],scrollYChange:["updateInitialScrollY"],initialScrollX:["updateInitialScrollX","updateIgnoreScrollEvent"],scrollXChange:["updateInitialScrollX"],tasks:["updateGanttData","updateSvgContainerHeight"],viewMode:["updateGanttData","updateIgnoreScrollEvent"],preStepsCount:["updateGanttData"],rowHeight:["updateGanttData","updateSvgContainerHeight","updateGanttFullHeight"],barCornerRadius:["updateGanttData"],columnWidth:["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],taskHeight:["updateGanttData"],handleWidth:["updateGanttData"],barProgressColor:["updateGanttData"],barProgressSelectedColor:["updateGanttData"],barBackgroundColor:["updateGanttData"],barBackgroundSelectedColor:["updateGanttData"],projectProgressColor:["updateGanttData"],projectProgressSelectedColor:["updateGanttData"],projectBackgroundColor:["updateGanttData"],projectBackgroundSelectedColor:["updateGanttData"],milestoneBackgroundColor:["updateGanttData"],milestoneBackgroundSelectedColor:["updateGanttData"],rtl:["updateGanttData","handleWheel"],scrollX:["updateGanttData","handleWheel"],onExpanderClick:["updateGanttData"],showSecondaryDates:["updateGanttData"],projectHeight:["updateGanttData"],timelineHeight:["updateGanttData"],displayedStartDate:["updateGanttData"],displayedEndDate:["updateGanttData"],dateSetup:["updateGanttData","updateIgnoreScrollEvent","updateCurrentDateIndicatorContent","updateProjectionContent","updateSvgWidth"],viewDate:["updateIgnoreScrollEvent"],ganttEvent:["updateGanttEventAndBarTasks"],failedTask:["updateFailedTasksAndBarChart"],barTasks:["updateFailedTasksAndBarChart","updateGanttFullHeight"],taskListRef:["updateTaskListWidth"],listCellWidth:["updateTaskListWidth"],wrapperRef:["updateSvgContainerWidth","handleWheel"],ganttHeight:["updateSvgContainerHeight","handleWheel"],headerHeight:["updateSvgContainerHeight"],scrollY:["handleWheel"],svgWidth:["handleWheel"],ganttFullHeight:["handleWheel"],todayColor:["updateCurrentDateIndicatorContent"],projection:["updateProjectionContent"]}}};m.style=k;const x=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.scrollWrapper{overflow:auto;max-width:100%;height:1.2rem}.scrollWrapper::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scrollWrapper::-webkit-scrollbar-corner{background:transparent}.scrollWrapper::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scrollWrapper::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}.scroll{height:1px}.scroll-container{display:flex}";const y=x;const b=class{constructor(i){t(this,i);this.scrollNumber=undefined;this.svgWidth=undefined;this.taskListTrueRef=undefined;this.rtl=undefined;this.taskListWidth=undefined;this.scrollableTaskList=false;this.listCellWidth="300px";this.taskListScrollWidth=undefined;this.taskListScrollNumber=undefined;this.horizontalScroll=undefined;this.horizontalTaskListScroll=undefined;this.timeoutId=undefined}componentDidLoad(){this.scrollLeft()}scrollLeft(){clearTimeout(this.timeoutId);this.timeoutId=setTimeout((()=>{this.setScrollLeft()}),50)}listScrollLeft(){clearTimeout(this.timeoutId);this.timeoutId=setTimeout((()=>{this.setTaskListScrollLeft()}),50)}setScrollLeft(){if(this.rootElement){const t=this.rootElement.shadowRoot.querySelector("div");const i=t.children.length==2?t.children[1]:t.children[0];i&&(i.scrollLeft=this.scrollNumber)}}setTaskListScrollLeft(){if(this.rootElement){const t=this.rootElement.shadowRoot.querySelector("div");const i=t.children.length==2?t.children[0]:null;i&&(i.scrollLeft=this.taskListScrollNumber)}}render(){var t,e;const n=(e=((t=this.taskListTrueRef)===null||t===void 0?void 0:t.getBoundingClientRect().width)+24*1.5)!==null&&e!==void 0?e:0;const s=+this.listCellWidth.replace("px","");return i(a,{key:"0359e34c59e8f83b91edf4ea4455f9b0b818b187"},i("div",{key:"1f959a14bd712c24fd9247aeeba42d4702f4a647",class:"scroll-container"},this.scrollableTaskList&&this.taskListScrollWidth>s&&i("div",{key:"0c90c113ae5ad82ce41a1dd30037c14f0d3aa071",dir:"ltr",style:{margin:this.rtl?`0px 20px 0px 20px`:`0px 20px 0px 20px`,maxWidth:`${s+20}px`,minWidth:`${s+20}px`},class:"scrollWrapper","data-scrollx":"true",onScroll:this.horizontalTaskListScroll},i("div",{key:"2baa4a929f17a9fb7df2a74328ad231445fd9639",style:{width:`${this.taskListScrollWidth}px`},class:"scroll"})),i("div",{key:"070aa5027e20fc0f31d3ab66672789ce29d3ad8a",dir:"ltr",style:{margin:this.rtl?`0px ${this.scrollableTaskList&&this.taskListScrollWidth>s?40:n}px 0px 12px`:`0px 12px 0px ${this.scrollableTaskList&&this.taskListScrollWidth>s?40:n}px`},class:"scrollWrapper","data-scrollx":"true",onScroll:this.horizontalScroll},i("div",{key:"509f0a35443c329e6c86bafbb1a7f93919b62f48",style:{width:`${this.svgWidth}px`},class:"scroll"}))))}get rootElement(){return n(this)}static get watchers(){return{scrollNumber:["scrollLeft"],taskListScrollNumber:["listScrollLeft"]}}};b.style=y;const v=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";const w=v;const z=class{constructor(i){t(this,i);this.task=undefined;this.fontSize=undefined;this.fontFamily=undefined}render(){return i("div",{key:"6e4baa35e22f4add6f7d9b71f472818eb81043fe",class:"tooltipDefaultContainer",style:{fontSize:this.fontSize,fontFamily:this.fontFamily}},i("b",{key:"c3669ef657f2f16cc0dd3789c092757c238af0ba",style:{fontSize:`${parseInt(this.fontSize)+6}px`}},`${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth()+1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth()+1}-${this.task.end.getFullYear()}`),this.task.end.getTime()-this.task.start.getTime()!==0&&i("p",{key:"919d7543791605febf24c54992eec344d69a78f9",class:"tooltipDefaultContainerParagraph"},`Duration: ${~~((this.task.end.getTime()-this.task.start.getTime())/(1e3*60*60*24))} day(s)`),i("p",{key:"e4292000dc3eecf27db918ec1e9b78d8e9b6b6ed",class:"tooltipDefaultContainerParagraph"},!!this.task.progress&&`Progress: ${this.task.progress} %`))}};z.style=w;const S=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.switcher{display:grid;grid-auto-flow:column;grid-gap:8px;width:max-content;margin-bottom:var(--kup-space-05);margin-left:var(--kup-space-04)}.button{background-color:var(--kup-gray-color-70);border:none;text-align:left;box-sizing:border-box;color:var(--kup-gray-color-0);cursor:pointer;padding:var(--kup-space-03) var(--kup-space-05)}.button:hover{background-color:var(--kup-text-primary)}.button:focus{background-color:var(--kup-primary-color-60)}.label{text-decoration: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}.buttonActive{background-color:var(--kup-primary-color-60)}";const C=S;const T=class{constructor(i){t(this,i);this.buttonLabels=["hour","day","week","month","year"];this.timeUnitChange=undefined;this.activeButton="day"}render(){const t=t=>{this.activeButton=t;this.timeUnitChange(t)};return i("div",{key:"9540112cd61ae116e61feca0d2424e3511139f25",class:"switcher"},this.buttonLabels.map((e=>i("button",{type:"button",class:{button:true,buttonActive:this.activeButton===e},onClick:()=>t(e)},i("span",{class:"label"},e.charAt(0).toUpperCase()+e.slice(1))))))}};T.style=C;const D=class{constructor(i){t(this,i);this.gridProps=undefined;this.calendarProps=undefined;this.barProps=undefined;this.taskGanttRef=undefined;this.ganttHeight=undefined;this.scrollY=undefined;this.scrollX=undefined;this.phaseDragScroll=undefined}updateScrollX(){setTimeout((()=>{this.verticalGanttContainerRef&&(this.verticalGanttContainerRef.scrollLeft=this.scrollX)}),30)}updateScrollY(){setTimeout((()=>{this.horizontalContainerRef&&(this.horizontalContainerRef.scrollTop=this.scrollY)}),30)}componentDidLoad(){setTimeout((()=>{this.updateScrollX();this.updateScrollY()}),75)}render(){const t=Object.assign(Object.assign({},this.barProps),{gridProps:this.gridProps,phaseDragScroll:this.phaseDragScroll});return i("div",{key:"225f4d8173ff69d5ddde8d2f5ed33bdbe463c47b",class:"ganttVerticalContainer",ref:t=>this.verticalGanttContainerRef=t,dir:"ltr"},i("kup-gantt-calendar",{key:"fee606b4e38108514adcb1a7f1e5e6279ab6ff88",dateSetup:this.calendarProps.dateSetup,locale:this.calendarProps.locale,rtl:this.calendarProps.rtl,headerHeight:this.calendarProps.headerHeight,columnWidth:this.calendarProps.columnWidth,fontFamily:this.calendarProps.fontFamily,fontSize:this.calendarProps.fontSize,dateTimeFormatters:this.calendarProps.dateTimeFormatters,singleLineHeader:this.calendarProps.singleLineHeader,currentDateIndicator:this.calendarProps.currentDateIndicator,svgWidth:this.gridProps.svgWidth}),i("div",{key:"4cf70e2505d9be056ed47d36b6f7c856801e3c58",ref:t=>this.horizontalContainerRef=t,class:"horizontalContainer",style:this.ganttHeight?{height:`${this.ganttHeight}px`,width:`${this.gridProps.svgWidth}px`}:{width:`${this.gridProps.svgWidth}px`}},i("kup-grid-renderer",Object.assign({key:"27ebb2611cb6f3f432b555f1f29a0e906df4cab3"},t))))}get rootElement(){return n(this)}static get watchers(){return{scrollX:["updateScrollX"],verticalGanttContainerRef:["updateScrollX"],scrollY:["updateScrollY"],horizontalContainerRef:["updateScrollY"]}}};const L=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.tasks{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);padding:var(--kup-space-05);margin-right:var(--kup-space-05)}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const W=L;const H=class{constructor(i){t(this,i);this.headerHeight=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.rowWidth=undefined;this.rowHeight=undefined;this.scrollY=undefined;this.locale=undefined;this.tasks=undefined;this.selectedTask=undefined;this.horizontalContainerClass=undefined;this.ganttHeight=undefined;this.filter=undefined;this.TaskListHeader=undefined;this.TaskListTable=undefined;this.currentTasks=undefined;this.label=undefined;this.doubleView=undefined;this.scrollableTaskList=undefined;this.updateTaskListScrollX=false;this.taskListScrollX=undefined;this.setDoubleView=undefined;this.handleClick=undefined;this.handleDblClick=undefined;this.handleContextMenu=undefined;this.ganttOnClick=undefined;this.ganttOnDblClick=undefined;this.ganttonOnContextMenu=undefined;this.setSelectedTask=undefined;this.expanderClick=undefined;this.ontaskListScrollWidth=undefined;this.selectedTaskId=""}componentDidLoad(){this.taskListRef.prepend(this.filter);setTimeout((()=>{if(this.horizontalContainerRef){this.horizontalContainerRef.scrollTop=this.scrollY}}),75)}componentDidUpdate(){if(this.taskListRef){this.taskListRef.scrollTop=this.scrollY}}updateScrollY(){this.horizontalContainerRef&&(this.horizontalContainerRef.scrollTop=this.scrollY)}render(){var t;const e={headerHeight:this.headerHeight,fontFamily:this.fontFamily,fontSize:this.fontSize,rowWidth:this.rowWidth};if(this.selectedTask){this.selectedTaskId=this.selectedTask.id}const n={rowHeight:this.rowHeight,rowWidth:this.rowWidth,fontFamily:this.fontFamily,fontSize:this.fontSize,tasks:this.tasks,locale:this.locale,selectedTaskId:this.selectedTaskId,scrollableTaskList:this.scrollableTaskList,setSelectedTask:this.setSelectedTask.bind(this),onExpanderClick:this.expanderClick};const a=this.TaskListHeader;if(a&&a["t"]){Object.assign(a["t"],Object.assign({},e))}const s=this.TaskListTable;if(s&&s["t"]){Object.assign(s["t"],Object.assign({},n))}return i("div",{key:"a19dc6c19ddcf5af323857e2f3a86ad81378c5a6",ref:t=>this.taskListRef=t},a&&a["t"]?a:i("kup-custom-task-list-header",Object.assign({label:this.label,doubleView:(t=this.doubleView)!==null&&t!==void 0?t:false,setDoubleView:this.setDoubleView},e)),i("div",{key:"863960227bf03fef0e3db1064df6edc56386868c",class:`${this.horizontalContainerClass} ${this.scrollableTaskList?"horizontalContainerScrollable":""}`,style:this.ganttHeight?{height:this.ganttHeight+"px"}:{},ref:t=>this.horizontalContainerRef=t},s&&s["t"]?s:i("kup-custom-task-list-table",Object.assign({},n,{onclickTaskList:t=>{let i=h(t,this.currentTasks);if(!i){i=l(t,this.currentTasks)}if(i){this.handleClick(i,this.ganttOnClick)}},ondblclickTaskList:t=>{let i=h(t,this.currentTasks);if(!i){i=l(t,this.currentTasks)}if(i){this.handleDblClick(i,this.ganttOnDblClick)}},oncontextmenuTaskList:(t,i)=>{let e=h(i,this.currentTasks);if(!e){e=l(i,this.currentTasks)}if(e){this.handleContextMenu(t,e,this.ganttonOnContextMenu)}},ontaskListScrollWidth:t=>{this.ontaskListScrollWidth(t)},taskListScrollX:this.taskListScrollX,ganttId:u}))))}get element(){return n(this)}static get watchers(){return{scrollY:["updateScrollY"]}}};H.style=W;const G=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.tasks{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);padding:var(--kup-space-05);margin-right:var(--kup-space-05)}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const I=G;const E=class{constructor(i){t(this,i);this.headerHeight=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.rowWidth=undefined}render(){return i("div",{key:"7c38309df79834a182510f6afc3ddf8c9ce0b46f",class:"ganttTable",style:{fontFamily:this.fontFamily,fontSize:this.fontSize}},i("div",{key:"41f5891329b6ac17fbfad63f5a8fc89aadff5d96",class:"ganttTable_Header",style:{height:`${this.headerHeight-2}px`}},i("div",{key:"9b30d5bad4ce720ca1d3efdd3e1c5df91866202d",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," Name"),i("div",{key:"9bf3e558ee06f137809853c3da1682eded542586",class:"ganttTable_HeaderSeparator",style:{height:`${this.headerHeight*.5}px`,marginTop:`${this.headerHeight*.2}px`}}),i("div",{key:"b57e9cb06f84f0acf420e28e1d6ee1a3c66da79d",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," From"),i("div",{key:"62dd83ffb11015bc40b8437e35eb2e2686e2d0ff",class:"ganttTable_HeaderSeparator",style:{height:`${this.headerHeight*.5}px`,marginTop:`${this.headerHeight*.25}px`}}),i("div",{key:"41790ff5c2576c41a11be2a3ef9e811d35b526ca",class:"ganttTable_HeaderItem",style:{minWidth:this.rowWidth}}," To")))}};E.style=I;const _=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.tasks{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);padding:var(--kup-space-05);margin-right:var(--kup-space-05)}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";const $=_;const P=class{constructor(i){t(this,i);this.dateTimeOptions={weekday:"short",year:"numeric",month:"long",day:"numeric"};this.rowHeight=undefined;this.rowWidth=undefined;this.fontFamily=undefined;this.fontSize=undefined;this.locale=undefined;this.tasks=undefined;this.selectedTaskId=undefined;this.expandedTasks=new Set;this.setSelectedTask=undefined;this.expanderClick=undefined}toLocaleDateString(t){return t.toLocaleDateString(this.locale,this.dateTimeOptions)}render(){return i("div",{key:"1b39b6a152899cd206287a8be18fa083d19c91a9",class:"taskListWrapper",style:{fontFamily:this.fontFamily,fontSize:this.fontSize}},this.tasks.map((t=>i("div",{class:{taskListTableRow:true,expanded:this.expandedTasks.has(t.id)},style:{height:`${this.rowHeight}px`},key:`${t.id}row`},i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth},title:t.name},i("div",{class:"taskListNameWrapper"},i("div",{class:{taskListExpander:true,expanded:this.expandedTasks.has(t.id)},onClick:()=>this.expanderClick(t)},this.expandedTasks.has(t.id)?"▼":"▶"),i("div",null,t.name))),i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth}}," ",this.toLocaleDateString(t.start)),i("div",{class:"taskListCell",style:{minWidth:this.rowWidth,maxWidth:this.rowWidth}}," ",this.toLocaleDateString(t.end))))))}};P.style=$;const j=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";const F=j;const X=class{constructor(i){t(this,i);this.task=undefined;this.rowHeight=undefined;this.rtl=undefined;this.svgContainerHeight=undefined;this.svgContainerWidth=undefined;this.scrollX=undefined;this.scrollY=undefined;this.arrowIndent=undefined;this.fontSize=undefined;this.fontFamily=undefined;this.headerHeight=undefined;this.taskListWidth=undefined;this.TooltipContent=undefined;this.svgWidth=undefined;this.relatedY=0;this.relatedX=0}componentWillLoad(){this.calculateTooltipPosition()}calculateTooltipPosition(){if(this.rootElement){const t=this.rootElement.offsetHeight*1.1;const i=this.rootElement.offsetWidth*1.1;let e=this.task.index*this.rowHeight-this.scrollY+this.headerHeight;let n;if(this.rtl){n=this.task.x1-this.arrowIndent*1.5-i-this.scrollX;if(n<0){n=this.task.x2+this.arrowIndent*1.5-this.scrollX}const t=i+n;if(t>this.svgContainerWidth){n=this.svgContainerWidth-i;e+=this.rowHeight}}else{n=this.task.x2+this.arrowIndent*1.5+this.taskListWidth-this.scrollX;const t=i+n;const a=this.taskListWidth+this.svgContainerWidth;if(t>a){n=this.task.x1+this.taskListWidth-this.arrowIndent*1.5-this.scrollX-i}if(n<this.taskListWidth){n=this.svgContainerWidth+this.taskListWidth-i;e+=this.rowHeight}}const a=t+e-this.scrollY;if(a>this.svgContainerHeight-this.scrollY){e=this.svgContainerHeight-t}this.relatedY=e;this.relatedX=n}}render(){return i("div",{key:"376115aa725f2be586aaa2f5000cfe35e9ed2fb8",class:this.relatedX?"tooltipDetailsContainer":"tooltipDetailsContainerHidden",style:{left:`${this.relatedX}px`,top:`${this.relatedY}px`}},i(this.TooltipContent,{key:"3eb3daba50c63eee9b4bcdf42d9565ab633efeca",task:this.task,fontSize:this.fontSize,fontFamily:this.fontFamily}))}get rootElement(){return n(this)}static get watchers(){return{task:["calculateTooltipPosition"],arrowIndent:["calculateTooltipPosition"],scrollX:["calculateTooltipPosition"],scrollY:["calculateTooltipPosition"],headerHeight:["calculateTooltipPosition"],taskListWidth:["calculateTooltipPosition"],rowHeight:["calculateTooltipPosition"],svgContainerHeight:["calculateTooltipPosition"],svgContainerWidth:["calculateTooltipPosition"],rtl:["calculateTooltipPosition"]}}};X.style=F;const Y=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.scroll{overflow:hidden auto;width:1rem;flex-shrink:0}.scroll::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scroll::-webkit-scrollbar-corner{background:transparent}.scroll::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}";const O=Y;const R=class{constructor(i){t(this,i);this.scrollNumber=undefined;this.ganttHeight=undefined;this.ganttFullHeight=undefined;this.headerHeight=undefined;this.rtl=undefined;this.verticalScroll=undefined}componentDidLoad(){setTimeout((()=>{this.updateScroll()}),50)}updateScroll(){let t;if(this.scrollRef){const i=this.scrollRef;const e=()=>{i.scrollTop=this.scrollNumber};t=setTimeout(e,50)}return()=>{clearTimeout(t)}}render(){return i("div",{key:"ff60569ab85cb336d97223e914f1161a0ed1def5",style:{height:`${this.ganttHeight}px`,marginTop:`${this.headerHeight}px`,marginLeft:this.rtl?"":"-1rem"},class:"scroll",onScroll:this.verticalScroll,ref:t=>this.scrollRef=t},i("div",{key:"0e05750fe66a56f93277bed8c3fad94c0f388abc",style:{height:`${this.ganttFullHeight}px`,width:"1px"}}))}get rootElement(){return n(this)}static get watchers(){return{scrollNumber:["updateScroll"]}}};R.style=O;export{m as kup_gantt,b as kup_horizontal_scroll,z as kup_standard_tooltip,T as kup_switcher,D as kup_task_gantt,H as kup_task_list,E as kup_task_list_header,P as kup_task_list_table,X as kup_tooltip,R as kup_vertical_scroll};
2
+ //# sourceMappingURL=p-9fa6808d.entry.js.map
package/dist/ketchup/{p-188ed514.entry.js → p-a33ea26d.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as i,f as e,h as o,H as n,d as a}from"./p-d7c15b0e.js";import{k as s,c as p,g as h,s as r}from"./p-8c07fd42.js";import{F as f,a as l}from"./p-6568b295.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-2b519589.js";import"./p-029c7cbe.js";var g;(function(t){t["data"]="the text of the text";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(g||(g={}));const y=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.kup-typography--wrap{display:flex;align-items:center;gap:var(--kup-space-03)}.kup-typography--wrap:hover .image__iconToolbar{opacity:0.3}.kup-typography--wrap:hover .image__iconToolbar:hover{cursor:pointer;opacity:1;background-color:var(--kup-gray-color-20-hover)}.kup-typography--wrap .image__iconToolbar{opacity:0.3;margin:0}:host{display:block}";const m=y;var d=undefined&&undefined.__classPrivateFieldSet||function(t,i,e,o,n){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!n:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?n.call(t,e):n?n.value=e:i.set(t,e),e};var k=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:i.get(t)};var w,x;const b=class{constructor(e){t(this,e);this.kupIconClick=i(this,"kup-typography-iconclick",6);this.kupClick=i(this,"kup-typography-click",6);this.kupItemClick=i(this,"kup-typography-itemclick",6);this.kupManager=s();w.set(this,null);x.set(this,null);this.customStyle="";this.toolbar=true;this.toolbarData=undefined;this.type=f.BODY_COMPACT;this.value=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupIconClick(t){d(this,x,t,"f");this.kupIconClick.emit({comp:this,id:this.rootElement.id});this.createDropDownToolbarList()}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}closeRowToolbarList(){if(this.toolbarList){this.kupManager.dynamicPosition.stop(this.toolbarList);this.kupManager.removeClickCallback(k(this,w,"f"));this.toolbarList.remove();this.toolbarList=null}}createDropDownToolbarList(){this.closeRowToolbarList();const t=document.createElement("kup-list");t.data=this.toolbarData;t.isMenu=true;t.menuVisible=true;t.addEventListener("kup-list-click",(t=>{this.onKupToolbarItemClick(t);setTimeout((()=>{this.closeRowToolbarList()}),0)}));this.toolbarList=t;d(this,w,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f");this.kupManager.addClickCallback(k(this,w,"f"),true);this.rootElement.shadowRoot.appendChild(this.toolbarList);requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,k(this,x,"f"),0,p.AUTO,true);this.kupManager.dynamicPosition.start(this.toolbarList)}))}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async setProps(t){r(this,g,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={toolbar:this.toolbar,value:this.value,type:this.type};const i={color:"var(--kup-gray-color-70)",resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar"};const e={"kup-typography--wrap":t.toolbar?true:false};return o(n,{key:"981f5e75f5014b5ef747f943ffb6905ee03a07b5"},o("style",{key:"4a77e168bda23918fcbd1aded179d9cb54027385"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"7b4d3cd14a278c481cac14077fa16c899c81fc56",id:c,class:e,onClick:()=>this.onKupClick},o(l,Object.assign({key:"4e487b2d58d1161b443f7823a0c3e0f7e977ac6e"},t)),o(u,Object.assign({key:"c62c2a74f3687836c9cfb1f3cc8afe65822ece9f"},i,{onClick:t=>{t.stopPropagation();this.onKupIconClick(t.currentTarget)}}))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};w=new WeakMap,x=new WeakMap;b.style=m;export{b as kup_typography};
2
- //# sourceMappingURL=p-188ed514.entry.js.map
1
+ import{r as t,c as i,f as e,h as o,H as a,d as n}from"./p-d7c15b0e.js";import{k as s,c as p,g as h,s as r}from"./p-8c07fd42.js";import{F as f,a as l}from"./p-6568b295.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-2b519589.js";import"./p-029c7cbe.js";var g;(function(t){t["data"]="the text of the text";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(g||(g={}));const y=".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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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}.kup-typography--wrap{display:flex;align-items:center;gap:var(--kup-space-03)}.kup-typography--wrap:hover .image__iconToolbar{opacity:0.3}.kup-typography--wrap:hover .image__iconToolbar:hover{cursor:pointer;opacity:1;background-color:var(--kup-gray-color-20-hover)}.kup-typography--wrap .image__iconToolbar{opacity:0.3;margin:0}:host{display:block}";const m=y;var d=undefined&&undefined.__classPrivateFieldSet||function(t,i,e,o,a){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!a:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?a.call(t,e):a?a.value=e:i.set(t,e),e};var k=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:i.get(t)};var w,x;const b=class{constructor(e){t(this,e);this.kupIconClick=i(this,"kup-typography-iconclick",6);this.kupClick=i(this,"kup-typography-click",6);this.kupItemClick=i(this,"kup-typography-itemclick",6);this.kupManager=s();w.set(this,null);x.set(this,null);this.customStyle="";this.toolbar=true;this.toolbarData=undefined;this.type=f.BODY_COMPACT;this.value=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupIconClick(t){d(this,x,t,"f");this.kupIconClick.emit({comp:this,id:this.rootElement.id});this.createDropDownToolbarList()}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}closeRowToolbarList(){if(this.toolbarList){this.kupManager.dynamicPosition.stop(this.toolbarList);this.kupManager.removeClickCallback(k(this,w,"f"));this.toolbarList.remove();this.toolbarList=null}}createDropDownToolbarList(){this.closeRowToolbarList();const t=document.createElement("kup-list");t.data=this.toolbarData;t.isMenu=true;t.menuVisible=true;t.addEventListener("kup-list-click",(t=>{this.onKupToolbarItemClick(t);setTimeout((()=>{this.closeRowToolbarList()}),0)}));this.toolbarList=t;d(this,w,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f");this.kupManager.addClickCallback(k(this,w,"f"),true);this.rootElement.shadowRoot.appendChild(this.toolbarList);requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,k(this,x,"f"),0,p.AUTO,true);this.kupManager.dynamicPosition.start(this.toolbarList)}))}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async setProps(t){r(this,g,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={toolbar:this.toolbar,value:this.value,type:this.type};const i={color:"var(--kup-gray-color-70)",resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar"};const e={"kup-typography--wrap":t.toolbar?true:false};return o(a,{key:"08bf68ed7c70cb7e1b08d9543a162c22c2eee68d"},o("style",{key:"213454595ce1037ff4ba251fdf71d72f35ce5f1c"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"bd5ba7a5a094d4cfe16f65a1277c833baa1f9563",id:c,class:e,onClick:()=>this.onKupClick},o(l,Object.assign({key:"6bf0476bbe81a90e21826afac3d6cea0b039d89f"},t)),o(u,Object.assign({key:"3d87c0b43024342a8772e2630a251ce5a64b0076"},i,{onClick:t=>{t.stopPropagation();this.onKupIconClick(t.currentTarget)}}))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};w=new WeakMap,x=new WeakMap;b.style=m;export{b as kup_typography};
2
+ //# sourceMappingURL=p-a33ea26d.entry.js.map