@sme.up/ketchup 9.6.4 → 9.6.5

package/dist/components/kup-dates.js

@@ -1,27 +1,4 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function getAugmentedNamespace(n) {
-	if (n.__esModule) return n;
-	var a = Object.defineProperty({}, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-function commonjsRequire (path) {
-	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-}
+import { c as commonjsGlobal } from './_commonjsHelpers.js';
 
 /**
  * Normalization types.
@@ -824,4 +801,4 @@ class KupDates {
     }
 }
 
-export { KupDatesFormats as K, KupDatesNormalize as a, KupDates as b, commonjsGlobal as c, KupDatesLocales as d, KupDateTimeFormatOptionsMonth as e, getAugmentedNamespace as f, getDefaultExportFromCjs as g, commonjsRequire as h };
+export { KupDatesFormats as K, KupDatesNormalize as a, KupDates as b, KupDatesLocales as c, KupDateTimeFormatOptionsMonth as d };

package/dist/components/kup-editor.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
 import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager.js';
 import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s } from './kup-autocomplete2.js';
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './kup-dates.js';
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers.js';
 
 var toastuiEditor = {exports: {}};
 

package/dist/components/kup-gantt-calendar2.js

@@ -270,8 +270,38 @@ const KupGanttCalendar = /*@__PURE__*/ proxyCustomElement(class KupGanttCalendar
         }
         return [topValues, bottomValues];
     }
+    getCalendarValuesForHour() {
+        const topValues = [];
+        const bottomValues = [];
+        const topDefaultHeight = this.headerHeight * 0.5;
+        const dates = this.dateSetup.dates;
+        for (let i = 0; i < dates.length; i++) {
+            const date = dates[i];
+            const bottomValue = getCachedDateTimeFormat(this.locale, {
+                hour: 'numeric',
+            }).format(date);
+            bottomValues.push(h("text", { key: date.getTime(), y: this.headerHeight * 0.8, x: this.columnWidth * (i + +this.rtl), class: "calendarBottomText" }, bottomValue));
+            if (i !== 0 && date.getDate() !== dates[i - 1].getDate()) {
+                const displayDate = dates[i - 1];
+                const topValue = `${getLocalDayOfWeek(displayDate, this.locale, 'long')}, ${displayDate.getDate()} ${getLocaleMonth(displayDate, this.locale)}`;
+                const topPosition = (date.getHours() - 24) / 2;
+                topValues.push({
+                    key: topValue + date.getFullYear(),
+                    value: topValue,
+                    x1Line: this.columnWidth * i,
+                    y1Line: 0,
+                    y2Line: topDefaultHeight,
+                    xText: this.columnWidth * (i + topPosition),
+                    yText: topDefaultHeight * 0.9,
+                });
+            }
+        }
+        return [topValues, bottomValues];
+    }
     getTopAndBottomValues() {
         switch (this.dateSetup.viewMode) {
+            case 'hour':
+                return this.getCalendarValuesForHour();
             case 'day':
                 return this.getCalendarValuesForDay();
             case 'week':
@@ -286,7 +316,7 @@ const KupGanttCalendar = /*@__PURE__*/ proxyCustomElement(class KupGanttCalendar
         this.simplifiedHeader =
             this.singleLineHeader && this.dateSetup.viewMode !== 'year';
         const [topValues, bottomValues] = this.getTopAndBottomValues();
-        return (h("svg", { key: 'afbc0f59b413dd491ba4eec43ae3ad275b083617', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '52d441353903b6f5b5310c0e1b8b494c6294084a', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '4f5880bcc29c37d1e5f71b65cc752d510a690917', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
+        return (h("svg", { key: '7a19cec75e555a4fd92acca667c464df43370468', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'a7e72bfedfefae5813d339b99d78bf7138354ff5', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '34f50e350bd20b69fe0a7bfc4744b27dfeb27a12', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
             ? topValues.map((topValue) => (h("g", { class: "calendarTop" }, h("line", { x1: topValue.x1Line, y1: topValue.y2Line * 2, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value))))
             : topValues.map((topValue) => (h("g", { class: "calendarTop" }, h("line", { x1: topValue.x1Line, y1: topValue.y1Line, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value)))), this.currentDateIndicator && (
         // current date indicator

package/dist/components/kup-gantt2.js

@@ -1,19 +1,19 @@
 import { proxyCustomElement, HTMLElement, h, forceUpdate } from '@stencil/core/internal/client';
-import { g as ganttDateRangeFromTask, s as seedDates } from './kup-planner-renderer-helper.js';
-import { r as removeHiddenTasks, s as sortTasks, c as convertToBarTasks, a as calculateCurrentDateCalculator, b as calculateProjection, d as defineCustomElement$9 } from './kup-grid-renderer2.js';
+import { g as ganttDateRangeFromTask, s as seedDates, d as defineCustomElement$5 } from './kup-task-list2.js';
+import { r as removeHiddenTasks, s as sortTasks } from './other.helpers.js';
+import { c as convertToBarTasks, a as calculateCurrentDateCalculator, b as calculateProjection, d as defineCustomElement$9 } from './kup-grid-renderer2.js';
 import { d as defineCustomElement$c } from './custom-task-list-header.js';
 import { d as defineCustomElement$b } from './custom-task-list-table.js';
 import { d as defineCustomElement$a } from './kup-gantt-calendar2.js';
 import { d as defineCustomElement$8 } from './kup-horizontal-scroll2.js';
 import { d as defineCustomElement$7 } from './kup-standard-tooltip2.js';
 import { d as defineCustomElement$6 } from './kup-task-gantt2.js';
-import { d as defineCustomElement$5 } from './kup-task-list2.js';
 import { d as defineCustomElement$4 } from './kup-task-list-header2.js';
 import { d as defineCustomElement$3 } from './kup-task-list-table2.js';
 import { d as defineCustomElement$2 } from './kup-tooltip2.js';
 import { d as defineCustomElement$1 } from './kup-vertical-scroll2.js';
 
-const kupGanttCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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:#efefef;border-radius:8px;margin:12px;overflow:hidden;padding:12px}.ganttVerticalContainer{overflow:hidden;font-size:0;margin:0;padding:0}.horizontalContainer{margin:0;padding:0;overflow:hidden}.task-gantt{overflow:hidden}.tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}";
+const kupGanttCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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:#efefef;border-radius:8px;margin:12px;overflow:hidden;padding:12px}.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}.tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}";
 const KupGanttStyle0 = kupGanttCss;
 
 const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends HTMLElement {
@@ -25,7 +25,7 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends HTMLEle
         this.tasks = undefined;
         this.headerHeight = 114;
         this.columnWidth = 60;
-        this.listCellWidth = '297px';
+        this.listCellWidth = '300px';
         this.rowHeight = 50;
         this.filter = undefined;
         this.ganttHeight = 0;
@@ -70,6 +70,7 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends HTMLEle
         this.currentTasks = [];
         this.label = undefined;
         this.doubleView = undefined;
+        this.scrollableTaskList = undefined;
         this.setDoubleView = undefined;
         this.barContextMenu = undefined;
         this.scrollXChange = undefined;
@@ -88,6 +89,7 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends HTMLEle
         this.doubleClick = undefined;
         this.delete = undefined;
         this.expanderClick = undefined;
+        this.phaseDrop = undefined;
         this.wrapperRef = undefined;
         this.taskGanttRef = null;
         this.taskListRef = undefined;
@@ -109,6 +111,8 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends HTMLEle
         this.ignoreScrollEvent = false;
         this.currentDateIndicatorContent = undefined;
         this.projectionContent = undefined;
+        this.taskListScrollWidth = undefined;
+        this.taskListScrollX = 0;
     }
     //---- Lifecycle hooks ----
     componentWillLoad() {
@@ -287,6 +291,7 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends HTMLEle
                 newScrollX = this.svgWidth;
             }
             this.scrollX = newScrollX;
+            // this.taskListScrollX = newScrollX;
             window.dispatchEvent(new CustomEvent('gantt-sync-scroll-event', {
                 detail: {
                     componentId: this.ganttId,
@@ -485,6 +490,13 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends HTMLEle
             this.expanderClick(Object.assign(Object.assign({}, task), { hideChildren: !task.hideChildren }));
         }
     }
+    handleTaskListScrollX(event) {
+        const currentTarget = event.currentTarget;
+        this.taskListScrollX = currentTarget.scrollLeft;
+    }
+    handlePhaseDragScroll(scrollY) {
+        this.scrollY = scrollY;
+    }
     setFailedTask(task) {
         this.failedTask = task;
     }
@@ -546,6 +558,7 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends HTMLEle
             barDblClick: this.barDblClick,
             barContextMenu: this.barContextMenu,
             delete: this.delete,
+            phaseDrop: this.phaseDrop
         };
         const tableProps = {
             rowHeight: this.rowHeight,
@@ -564,9 +577,11 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends HTMLEle
             setSelectedTask: this.handleSelectedTask.bind(this),
             expanderClick: this.handleExpanderClick.bind(this),
             TaskListHeader: this.TaskListHeader,
-            TaskListTable: this.TaskListTable,
+            TaskListTable: this.TaskListTable
         };
-        return (h("div", { key: '6cfa74263599c97bcae3f8f473f94c69bcaf8258', class: "gannt-wrapper-main" }, h("div", { key: 'ebc15fab0f8675bb5f21230175b7b50842e0974e', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ 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 }, tableProps, { class: "tasks", ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: '6c9bdf420f5660fbae4f9c9d40f772e9fa93671b', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { 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 })), h("kup-vertical-scroll", { key: '09d624d5a440649b8b2a032d4257cd64356f2421', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this) }))));
+        return (h("div", { key: 'd2628cb4c523eadcbfa97d83cad48ca0aa817fcb', class: "gannt-wrapper-main" }, h("div", { key: '3b336bd6595402bbb1b3ff87524d74286f63b1bc', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ 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 }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
+                this.taskListScrollWidth = width;
+            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: 'b887edfe9460338576ccc2868f39eef9f8c41e2a', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { 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 })), h("kup-vertical-scroll", { key: 'ab50bf33585da01c741255df86328c9fd3c10a4a', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { 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 this; }
     static get watchers() { return {
@@ -667,6 +682,7 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends HTMLEle
         "currentTasks": [16],
         "label": [1],
         "doubleView": [4, "double-view"],
+        "scrollableTaskList": [4, "scrollable-task-list"],
         "setDoubleView": [16],
         "barContextMenu": [16],
         "scrollXChange": [16],
@@ -685,6 +701,7 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends HTMLEle
         "doubleClick": [16],
         "delete": [16],
         "expanderClick": [16],
+        "phaseDrop": [16],
         "wrapperRef": [32],
         "taskGanttRef": [32],
         "taskListRef": [32],
@@ -706,6 +723,8 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends HTMLEle
         "ignoreScrollEvent": [32],
         "currentDateIndicatorContent": [32],
         "projectionContent": [32],
+        "taskListScrollWidth": [32],
+        "taskListScrollX": [32],
         "refresh": [64]
     }, [[0, "wheel", "handleWheel"]], {
         "initialScrollY": ["updateInitialScrollY"],