@timelinekit/core 1.0.0 → 1.0.3

package/dist/resourcescheduler/sheet/scheduler-sheet.d.ts

@@ -1,21 +1,26 @@
 import { Subject } from "rxjs";
 import { Table } from "../../table/table";
-import { TableColumn } from "../../table/table-column";
+import { DateCellEditor } from "../../table/editors/date-editor";
 import { SchedulerResource } from "../model/scheduler-resource";
 import { ResourceSchedulerContext, SchedulerRowContextMenuEventArgs } from "../resourcescheduler-engine";
 import { SchedulerResourceEventArgs } from "../model/scheduler-resource";
+declare class SchedulerDateCellEditor extends DateCellEditor<SchedulerResource> {
+    #private;
+    constructor(ctx: ResourceSchedulerContext, getter: (r: SchedulerResource) => any, setter: (r: SchedulerResource, v: any) => void);
+    protected getDefaultDate(): Date;
+    protected getLocale(): string;
+}
 export declare class SchedulerSheet extends Table<SchedulerResource> {
     #private;
     rowContextMenu$: Subject<SchedulerRowContextMenuEventArgs>;
     rowMouseOver$: Subject<SchedulerResourceEventArgs | null>;
     constructor(ctx: ResourceSchedulerContext, sheetElement: any);
+    destroy(): void;
     protected getItemRowHeight(resource: SchedulerResource): number;
     protected redrawItemRow(resource: SchedulerResource): void;
     protected onComplexOperationFinished(): void;
-    addCustomStringColumn(code: string, displayName: string): TableColumn<SchedulerResource>;
-    addCustomIntegerColumn(code: string, displayName: string): TableColumn<SchedulerResource>;
-    addCustomDecimalColumn(code: string, displayName: string): TableColumn<SchedulerResource>;
-    getDefaultColumns(): TableColumn<SchedulerResource>[];
-    getCustomColumns(): TableColumn<SchedulerResource>[];
+    protected formatCustomDateValue(value: Date): string;
+    protected createCustomDateCellEditor(getter: (item: SchedulerResource) => any, setter: (item: SchedulerResource, value: any) => void): SchedulerDateCellEditor;
     clearSelection(): void;
 }
+export {};

package/dist/resourcescheduler/themes/scheduler-themes.d.ts

@@ -0,0 +1,13 @@
+import { BaseTheme } from "../../common/base-theme";
+export declare class LightSchedulerTheme extends BaseTheme {
+    constructor();
+}
+export declare class DarkSchedulerTheme extends BaseTheme {
+    constructor();
+}
+export declare class ModernSchedulerTheme extends BaseTheme {
+    constructor();
+}
+export declare class ClassicSchedulerTheme extends BaseTheme {
+    constructor();
+}

package/dist/styles/ec.css

@@ -0,0 +1 @@
+.ec-host{display:block;height:100%;overflow:hidden}.ec-host *,.ec-host *::before,.ec-host *::after{box-sizing:border-box}.ec-wrapper{width:100%;height:100%;display:flex;color:var(--ec-content-text, #333333);background:var(--ec-content-bg, #ffffff);outline:none}.ec-wrapper::-webkit-scrollbar{width:8px;height:8px}.ec-wrapper::-webkit-scrollbar-thumb{background:var(--ec-scrollbar-thumb, #c1c1c1);border-radius:4px}.ec-wrapper::-webkit-scrollbar-track{background:var(--ec-scrollbar-track, #f1f1f1)}.ec-sidebar{width:var(--ec-sidebar-width, 256px);flex-shrink:0;border-right:1px solid var(--ec-sidebar-border, #e0e0e0);background:var(--ec-sidebar-bg, #ffffff);color:var(--ec-sidebar-text, #333333);overflow-y:auto}.ec-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.ec-toolbar{display:flex;align-items:center;height:var(--ec-toolbar-height, 48px);padding:0 12px;background:var(--ec-toolbar-bg, #ffffff);border-bottom:1px solid var(--ec-toolbar-border, #e0e0e0);flex-shrink:0;gap:8px;user-select:none}.ec-toolbar-nav{display:flex;align-items:center;gap:4px;margin-right:auto}.ec-toolbar-btn{border:none;background:rgba(0,0,0,0);color:var(--ec-toolbar-btn-color, #555555);cursor:pointer;padding:4px 10px;border-radius:4px;font:inherit;font-size:14px;line-height:1.5}.ec-toolbar-btn:hover{background:var(--ec-toolbar-btn-hover-bg, #f0f0f0)}.ec-toolbar-nav-btn{font-size:22px;line-height:1;width:32px;height:32px}.ec-toolbar-today{font-weight:500}.ec-toolbar-title{font-size:18px;font-weight:600;color:var(--ec-toolbar-text, #333333);padding:0 8px;white-space:nowrap}.ec-toolbar-views{display:flex;align-items:center;gap:2px}.ec-toolbar-view-btn.ec-active{background:var(--ec-toolbar-active-bg, #e8f0fe);color:var(--ec-toolbar-active-text, #1a73e8)}.ec-view-container{flex:1;overflow:hidden;position:relative}.ec-month-view{height:100%;display:flex;flex-direction:column}.ec-month-header{display:flex;background:var(--ec-header-bg, #ffffff);border-bottom:1px solid var(--ec-header-border, #e0e0e0);flex-shrink:0}.ec-month-header-cell{flex:1;text-align:center;padding:6px 0;font-size:11px;font-weight:500;text-transform:uppercase;color:var(--ec-header-text, #555555)}.ec-month-grid{flex:1;display:flex;flex-direction:column;overflow:hidden}.ec-month-week{flex:1;display:flex;min-height:0;position:relative}.ec-month-day{flex:1;border-right:1px solid var(--ec-grid-line, #e0e0e0);border-bottom:1px solid var(--ec-grid-line, #e0e0e0);overflow:hidden;min-width:0;cursor:default}.ec-month-day:last-child{border-right:none}.ec-month-day:hover{background:var(--ec-hover-bg, rgba(0, 0, 0, 0.04))}.ec-month-day.ec-today{background:var(--ec-today-bg, #e8f0fe)}.ec-month-day.ec-month-day-drag{background:var(--ec-drag-highlight, rgba(3, 155, 229, 0.15))}.ec-month-day.ec-other-month{background:var(--ec-other-month-bg, #fafafa)}.ec-month-day.ec-other-month .ec-month-day-header{color:var(--ec-other-month-text, #b0b0b0)}.ec-month-day-header{padding:4px 6px;font-size:12px;font-weight:500;color:var(--ec-content-text, #333333);height:var(--ec-day-header-height, 24px);line-height:calc(var(--ec-day-header-height, 24px) - 8px)}.ec-month-day-entries{display:flex;flex-direction:column;gap:var(--ec-entry-gap, 2px);padding:0 2px;overflow:hidden}.ec-entry{height:var(--ec-entry-height, 22px);line-height:var(--ec-entry-height, 22px);border-radius:var(--ec-entry-radius, 4px);padding:0 4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;flex-shrink:0;user-select:none}.ec-entry:hover{opacity:.85}.ec-entry-multiday{background:var(--ec-entry-chip-bg, #d3e3fd);color:var(--ec-entry-chip-text, #1b4fa3)}.ec-entry-single{background:var(--ec-entry-chip-bg, #d3e3fd);color:var(--ec-entry-chip-text, #1b4fa3)}.ec-entry-tentative{background:repeating-linear-gradient(-45deg, transparent, transparent 2px, var(--ec-entry-stripe-color, #d3e3fd) 2px, var(--ec-entry-stripe-color, #d3e3fd) 4px) !important}.ec-entry-needs-action{background:var(--ec-content-bg, #ffffff) !important;border:1px dashed var(--ec-entry-status-color, #999999);border-left:var(--ec-entry-accent-width, 3px) dashed var(--ec-entry-status-color, #999999)}.ec-entry-declined{background:var(--ec-content-bg, #ffffff) !important;opacity:var(--ec-declined-opacity, 0.55)}.ec-entry-declined .ec-tg-entry-title,.ec-entry-declined{text-decoration:line-through}.ec-entry-icon{display:inline-flex;align-items:center;vertical-align:text-bottom;flex-shrink:0;margin-right:3px}.ec-entry-icon svg{width:14px;height:14px}.ec-entry-multiday .ec-entry-icon svg,.ec-entry-single .ec-entry-icon svg{width:12px;height:12px}.ec-month-day-more{padding:0 6px;font-size:11px;color:var(--ec-more-text, #555555);cursor:pointer}.ec-month-day-more:hover{text-decoration:underline}.ec-mini-calendar{padding:12px;user-select:none}.ec-mini-header{display:flex;align-items:center;margin-bottom:8px}.ec-mini-nav-btn{border:none;background:rgba(0,0,0,0);color:var(--ec-sidebar-text, #333333);cursor:pointer;width:28px;height:28px;border-radius:50%;font-size:16px;line-height:28px;text-align:center;padding:0}.ec-mini-nav-btn:hover{background:var(--ec-mini-hover-bg, #f0f0f0)}.ec-mini-title{flex:1;border:none;background:rgba(0,0,0,0);color:var(--ec-sidebar-text, #333333);cursor:pointer;font:inherit;font-size:13px;font-weight:500;text-align:center;padding:4px 0;border-radius:4px}.ec-mini-title:hover{background:var(--ec-mini-hover-bg, #f0f0f0)}.ec-mini-daynames{display:grid;grid-template-columns:repeat(7, 1fr);margin-bottom:2px}.ec-mini-dayname{text-align:center;font-size:10px;font-weight:500;color:var(--ec-sidebar-text, #333333);line-height:24px}.ec-mini-dayname.ec-mini-weekend{color:var(--ec-mini-weekend-text, #777777)}.ec-mini-grid{display:flex;flex-direction:column;gap:0}.ec-mini-row{display:grid;grid-template-columns:repeat(7, 1fr);border:1px solid rgba(0,0,0,0);border-radius:14px}.ec-mini-row.ec-mini-week-selected{border-color:var(--ec-mini-selected-text, #1a73e8)}.ec-mini-day{border:none;background:rgba(0,0,0,0);color:var(--ec-sidebar-text, #333333);cursor:pointer;font:inherit;font-size:11px;width:28px;height:28px;line-height:28px;text-align:center;padding:0;border-radius:50%;position:relative;justify-self:center}.ec-mini-day:hover{background:var(--ec-mini-hover-bg, #f0f0f0)}.ec-mini-day.ec-mini-other-month{color:var(--ec-mini-other-month-text, #b0b0b0)}.ec-mini-day.ec-mini-weekend{color:var(--ec-mini-weekend-text, #777777)}.ec-mini-day.ec-mini-today{background:var(--ec-mini-today-bg, #1a73e8);color:var(--ec-mini-today-text, #ffffff);font-weight:600}.ec-mini-day.ec-mini-today:hover{opacity:.85}.ec-mini-day.ec-mini-selected:not(.ec-mini-today){background:var(--ec-mini-selected-bg, #e8f0fe);color:var(--ec-mini-selected-text, #1a73e8);font-weight:600}.ec-mini-day.ec-mini-has-events::after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--ec-mini-dot-color, #1a73e8)}.ec-mini-day.ec-mini-today.ec-mini-has-events::after{background:var(--ec-mini-today-dot, #ffffff)}.ec-mini-grid-months .ec-mini-row{grid-template-columns:repeat(3, 1fr)}.ec-mini-month{border:none;background:rgba(0,0,0,0);color:var(--ec-sidebar-text, #333333);cursor:pointer;font:inherit;font-size:12px;padding:10px 0;border-radius:16px;text-align:center}.ec-mini-month:hover{background:var(--ec-mini-hover-bg, #f0f0f0)}.ec-mini-month.ec-mini-selected{background:var(--ec-mini-selected-bg, #e8f0fe);color:var(--ec-mini-selected-text, #1a73e8);font-weight:600}.ec-calendar-list{padding:12px;border-top:1px solid var(--ec-sidebar-border, #e0e0e0)}.ec-calendar-list-header{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--ec-cal-list-header-text, #555555);margin-bottom:8px;letter-spacing:.5px}.ec-calendar-list-items{display:flex;flex-direction:column;gap:2px}.ec-calendar-list-item{display:flex;align-items:center;gap:8px;padding:4px 4px;border-radius:4px;cursor:default}.ec-calendar-list-item:hover{background:var(--ec-mini-hover-bg, #f0f0f0)}.ec-calendar-list-item:hover .ec-calendar-list-remove{opacity:1}.ec-calendar-list-checkbox{width:16px;height:16px;border-radius:3px;border:2px solid;flex-shrink:0;cursor:pointer;padding:0;position:relative}.ec-calendar-list-checkbox.ec-checked::after{content:"";position:absolute;left:3px;top:0px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ec-calendar-list-name{flex:1;font-size:13px;color:var(--ec-sidebar-text, #333333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ec-calendar-list-remove{border:none;background:rgba(0,0,0,0);color:var(--ec-sidebar-text, #333333);cursor:pointer;font-size:16px;line-height:1;padding:0 2px;opacity:0;flex-shrink:0;border-radius:3px}.ec-calendar-list-remove:hover{background:rgba(0,0,0,.1)}.ec-calendar-list-add{border:none;background:rgba(0,0,0,0);color:var(--ec-sidebar-text, #333333);cursor:pointer;font:inherit;font-size:13px;padding:6px 4px;margin-top:4px;border-radius:4px;text-align:left;width:100%}.ec-calendar-list-add:hover{background:var(--ec-mini-hover-bg, #f0f0f0)}.ec-agenda-view{height:100%;display:flex;flex-direction:column}.ec-agenda-scroll{flex:1;overflow-y:auto}.ec-agenda-scroll::-webkit-scrollbar{width:8px}.ec-agenda-scroll::-webkit-scrollbar-thumb{background:var(--ec-scrollbar-thumb, #c1c1c1);border-radius:4px}.ec-agenda-scroll::-webkit-scrollbar-track{background:var(--ec-scrollbar-track, #f1f1f1)}.ec-agenda-day:not(:first-child){border-top:1px solid var(--ec-grid-line, #e0e0e0)}.ec-agenda-day-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--ec-agenda-day-header-bg, #f8f9fa);border-bottom:1px solid var(--ec-grid-line, #e0e0e0)}.ec-agenda-day-name{font-size:15px;font-weight:600;color:var(--ec-agenda-day-header-text, #333333)}.ec-agenda-day-date{font-size:14px;color:var(--ec-agenda-day-header-text, #333333);opacity:.6}.ec-agenda-today-badge{background:var(--ec-tg-today-circle, #1a73e8);color:var(--ec-tg-today-circle-text, #ffffff);font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.ec-agenda-entries{display:flex;flex-direction:column}.ec-agenda-entry{display:flex;align-items:center;gap:12px;height:var(--ec-agenda-entry-height, 48px);padding:0 14px;cursor:pointer;user-select:none;border-bottom:1px solid var(--ec-grid-line, #e0e0e0);position:relative;font-size:13px;white-space:normal;text-overflow:unset;border-radius:0;line-height:1.4;overflow:visible;outline:none !important}.ec-agenda-entry:hover{background:var(--ec-agenda-entry-hover-bg, rgba(0, 0, 0, 0.04));opacity:1}.ec-agenda-entry[aria-selected=true],.ec-agenda-entry:focus-visible{z-index:1;box-shadow:inset 0 0 0 2px var(--ec-selected-outline, #1a73e8)}.ec-agenda-entry.ec-entry-needs-action{border:1px dashed var(--ec-entry-status-color, #999999)}.ec-agenda-entry-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ec-agenda-entry-time{min-width:120px;font-size:12px;color:var(--ec-tg-gutter-text, #888888);flex-shrink:0}.ec-agenda-entry-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;color:var(--ec-content-text, #333333)}.ec-agenda-entry-location{font-size:12px;color:var(--ec-tg-gutter-text, #888888);flex-shrink:0;white-space:nowrap}.ec-agenda-empty{padding:48px 14px;text-align:center;color:var(--ec-agenda-empty-text, #999999);font-size:14px}.ec-week-view,.ec-day-view{height:100%;display:flex;flex-direction:column}.ec-tg-scroll{flex:1;overflow-y:auto}.ec-tg-scroll::-webkit-scrollbar{width:8px}.ec-tg-scroll::-webkit-scrollbar-thumb{background:var(--ec-scrollbar-thumb, #c1c1c1);border-radius:4px}.ec-tg-scroll::-webkit-scrollbar-track{background:var(--ec-scrollbar-track, #f1f1f1)}.ec-tg-header{display:flex;border-bottom:1px solid var(--ec-header-border, #e0e0e0);background:var(--ec-header-bg, #ffffff);position:sticky;top:0;z-index:4}.ec-tg-gutter-corner{width:var(--ec-tg-gutter-width, 60px);flex-shrink:0}.ec-tg-day-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0;min-width:0;border-left:1px solid var(--ec-grid-line, #e0e0e0)}.ec-tg-day-header.ec-tg-today{color:var(--ec-tg-today-text, #1a73e8)}.ec-tg-day-name{font-size:11px;font-weight:500;text-transform:uppercase;color:inherit}.ec-tg-day-number{font-size:22px;font-weight:400;line-height:1.3;color:inherit}.ec-tg-today-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--ec-tg-today-circle, #1a73e8);color:var(--ec-tg-today-circle-text, #ffffff)}.ec-tg-allday{display:flex;border-bottom:1px solid var(--ec-header-border, #e0e0e0);background:var(--ec-header-bg, #ffffff);position:sticky;z-index:3;min-height:var(--ec-tg-allday-min-height, 28px);max-height:var(--ec-tg-allday-max-height, 120px)}.ec-tg-allday-row{flex:1;display:flex;min-width:0;overflow-y:auto}.ec-tg-allday-cell{flex:1;display:flex;flex-direction:column;gap:2px;padding:2px;min-width:0;border-left:1px solid var(--ec-grid-line, #e0e0e0)}.ec-tg-allday-cell.ec-tg-allday-drag{background:var(--ec-drag-highlight, rgba(3, 155, 229, 0.15))}.ec-tg-body{display:flex;margin-top:-1px}.ec-tg-gutter{width:var(--ec-tg-gutter-width, 60px);flex-shrink:0}.ec-tg-gutter-slot{border-top:1px dashed var(--ec-tg-slot-border, #e0e0e0)}.ec-tg-gutter-slot.ec-tg-gutter-hour{border-top:1px solid var(--ec-tg-slot-hour-border, #e0e0e0)}.ec-tg-gutter-label{padding:2px 8px 0 4px;font-size:11px;color:var(--ec-tg-gutter-text, #888888);line-height:1;white-space:nowrap}.ec-tg-content{flex:1;display:flex;min-width:0}.ec-tg-column{flex:1;position:relative;min-width:0;border-left:1px solid var(--ec-grid-line, #e0e0e0)}.ec-tg-column.ec-tg-today{background:var(--ec-tg-today-bg, rgba(26, 115, 232, 0.04))}.ec-tg-slot{border-top:1px dashed var(--ec-tg-slot-border, #e0e0e0)}.ec-tg-slot.ec-tg-slot-hour{border-top:1px solid var(--ec-tg-slot-hour-border, #e0e0e0)}.ec-tg-entry{position:absolute;left:0;right:0;border-radius:var(--ec-entry-radius, 4px);padding:2px 4px;font-size:11px;overflow:hidden;cursor:pointer;user-select:none;background:var(--ec-entry-chip-bg, #d3e3fd);color:var(--ec-entry-chip-text, #1b4fa3);border-left:var(--ec-entry-accent-width, 3px) solid var(--ec-tg-entry-accent, #1b66c9);z-index:1}.ec-tg-entry:hover{opacity:.9;z-index:2}.ec-tg-entry-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-tg-entry-time{font-size:10px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-tg-entry-resize-handle{position:absolute;left:0;right:0;height:6px;z-index:2}.ec-tg-entry-resize-handle::before{content:"";position:absolute;left:0;right:0;height:20px;top:50%;transform:translateY(-50%)}.ec-tg-entry-resize-handle.ec-tg-entry-resize-handle-top{top:0;cursor:n-resize}.ec-tg-entry-resize-handle.ec-tg-entry-resize-handle-bottom{bottom:0;cursor:s-resize}.ec-entry-dragging{opacity:.4}.ec-entry-drag-preview{opacity:.7;pointer-events:none;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:10}body.ec-dragging .ec-month-day,body.ec-dragging .ec-tg-allday-cell,body.ec-dragging .ec-tg-column,body.ec-dragging .ec-entry{pointer-events:none}.ec-view-container.ec-swipe-transition{transition:transform .2s ease-out}.ec-tg-drag-preview{position:absolute;left:0;right:0;background:var(--ec-drag-highlight, rgba(3, 155, 229, 0.15));border-radius:var(--ec-entry-radius, 4px);border-left:var(--ec-entry-accent-width, 3px) solid var(--ec-tg-entry-accent, #1b66c9);z-index:5;pointer-events:none;font-size:11px;color:var(--ec-content-text, #333333);padding:2px 4px;font-weight:500;overflow:hidden;white-space:nowrap}.ec-toolbar-sidebar-toggle{display:none}.ec-sidebar-backdrop{display:none}.ec-mobile{position:relative}.ec-mobile .ec-sidebar{position:absolute;top:0;left:0;height:100%;z-index:20;box-shadow:2px 0 8px rgba(0,0,0,.15);transform:translateX(-100%);transition:transform .25s ease}.ec-mobile .ec-sidebar.ec-sidebar-open{transform:translateX(0)}.ec-mobile .ec-sidebar-backdrop{display:block;position:absolute;inset:0;z-index:19;background:rgba(0,0,0,.3)}.ec-mobile .ec-toolbar{height:56px;padding:0 8px}.ec-mobile .ec-toolbar-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:20px;flex-shrink:0}.ec-mobile .ec-toolbar-nav-btn{width:44px;height:44px;font-size:24px;line-height:44px}.ec-mobile .ec-toolbar-btn{min-height:44px}.ec-mobile .ec-toolbar-today{padding:8px 12px}.ec-mobile .ec-toolbar-title{font-size:16px;padding:0 4px}.ec-mobile .ec-mini-day{width:36px;height:36px;line-height:36px;font-size:13px}.ec-mobile .ec-mini-nav-btn{width:36px;height:36px;line-height:36px}.ec-mobile .ec-mini-row{border-radius:18px}.ec-mobile .ec-toolbar-view-btn[data-view-mode=week]{display:none}.ec-mobile .ec-entry{height:28px;line-height:28px;font-size:12px}.ec-mobile .ec-agenda-entry{height:56px;padding:0 12px}.ec-mobile .ec-agenda-day-header{padding:12px}.ec-mobile .ec-calendar-list-checkbox{width:20px;height:20px}.ec-mobile .ec-calendar-list-item{padding:6px 4px}.ec-mobile .ec-calendar-list-remove{opacity:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.ec-tooltip{position:absolute;z-index:15;background:var(--ec-tooltip-bg, var(--ec-content-bg, #ffffff));color:var(--ec-tooltip-text, var(--ec-content-text, #333333));border:1px solid var(--ec-tooltip-border, var(--ec-grid-line, #e0e0e0));border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:8px 12px;max-width:300px;pointer-events:none;font-size:12px;line-height:1.4}.ec-tooltip-title{font-weight:600;font-size:13px;margin-bottom:4px}.ec-tooltip-row{display:flex;gap:6px}.ec-tooltip-label{color:var(--ec-tooltip-label, #888888);flex-shrink:0}.ec-tooltip-value{color:var(--ec-tooltip-text, var(--ec-content-text, #333333))}.ec-tg-now-line{position:absolute;left:0;right:0;height:var(--ec-tg-now-line-height, 2px);background:var(--ec-tg-now-line, #ea4335);z-index:3;pointer-events:none}.ec-tg-now-line::before{content:"";position:absolute;left:-5px;top:calc(var(--ec-tg-now-line-height, 2px)/2 - 5px);width:10px;height:10px;border-radius:50%;background:var(--ec-tg-now-line, #ea4335)}

package/dist/styles/gc.css

@@ -1 +1 @@
-.gc-host{display:block;height:100%;overflow:hidden}.gc-wrapper{width:100%;height:100%;display:flex;gap:0px;color:var(--gc-sheet-text-color, #000000)}.gc-divider{width:0px;height:100%;position:relative}.gc-divider .resizer{top:0px;bottom:0px;position:absolute;right:-10px;z-index:30;width:20px;cursor:ew-resize}.gc-sheet{height:100%;display:inline-block}.gc-sheet .row-header{width:30px}.gc-sheet .header{position:sticky;top:0;z-index:8;height:50px;border-top:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-bottom:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-left:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);display:flex;align-items:center;gap:0px;background-color:var(--gc-sheet-header-bg-color, #f8f8f8)}.gc-sheet .header .row-header{z-index:9;background-color:var(--gc-sheet-header-bg-color, #f8f8f8)}.gc-sheet .header .cell{display:flex;align-items:center;border-right:1px solid var(--gc-sheet-header-cell-divider-color, #a0a0a0);height:50px;padding-left:8px;padding-right:8px;position:relative;user-select:none}.gc-sheet .header .cell .resizer{height:100%;position:absolute;right:-10px;z-index:10;width:20px;cursor:ew-resize}.gc-sheet .header .cell.dotted{text-decoration:underline dotted !important}.gc-sheet .header .cell.hidden{display:none !important}.gc-sheet .content{overflow-x:auto;overflow-y:auto;height:100%;outline:none}.gc-sheet .content .row{height:30px;border-bottom:1px solid var(--gc-sheet-grid-line-color, #e0e0e0);display:flex;align-items:center;gap:0px;background-color:var(--gc-sheet-bg-color, #ffffff)}.gc-sheet .content .row.hidden{display:none}.gc-sheet .content .row .row-header{background-color:var(--gc-sheet-header-bg-color, #f8f8f8);border-top:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-bottom:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-left:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-right:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0) !important;justify-content:center;cursor:default !important;user-select:none}.gc-sheet .content .row .cell{display:flex;align-items:center;border-right:1px solid var(--gc-sheet-grid-line-color, #e0e0e0);height:30px;padding-left:8px;padding-right:8px;overflow-x:hidden;white-space:nowrap;user-select:none;position:relative}.gc-sheet .content .row .cell.row-header{position:sticky;left:0;z-index:2}.gc-sheet .content .row .cell .editor{height:28px;width:100%;padding-left:0px;padding-right:0px;border:none;background-color:var(--gc-editor-bg-color, #ffffff);color:var(--gc-editor-text-color, #000000)}.gc-sheet .content .row .cell input.editor{line-height:26px}.gc-sheet .content .row .cell input.editor:focus{outline:none}.gc-sheet .content .row .cell.focused{outline:2px solid var(--gc-sheet-focus-border-color, #4a7cf6);outline-offset:-2px}.gc-sheet .content .row .cell .highlight{border:1px solid var(--gc-sheet-highlight-border-color, #647ee8);position:absolute;z-index:10;left:0px;top:0px;right:0px;bottom:0px}.gc-sheet .content .row .cell.hidden{display:none !important}.gc-sheet .content .row .tree-with-name{flex-wrap:nowrap}.gc-sheet .content .row .tree-with-name .tree{margin-left:3px;display:flex;flex:0 0 auto;justify-content:end;align-items:center}.gc-sheet .content .row .tree-with-name .name{display:flex;align-items:center;padding-left:5px;overflow-x:visible;white-space:nowrap;user-select:none}.gc-sheet .content .row .resources{gap:7px}.gc-sheet .content .row .resources .wrapper{display:flex;align-items:center;gap:3px}.gc-sheet .content .row .resources .wrapper .avatar{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:10pt}.gc-sheet .content .row .resources .wrapper .capacity{font-size:11pt}.gc-sheet .content .row .task-summary{font-weight:bold}.gc-sheet .content .row.hover{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row.hover .cell{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row:hover{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row:hover .cell{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row.selected{background-color:var(--gc-sheet-selected-bg-color, #f8f8f8)}.gc-sheet .content .row.selected .cell{background-color:var(--gc-sheet-selected-bg-color, #f8f8f8)}.gc-sheet .content .row.selected .row-header{background-color:var(--gc-sheet-selected-row-header-color, #e8e8e8)}.gc-chart{flex:1;height:100%;display:inline-block;overflow-x:scroll;overflow-y:hidden;z-index:16}.gc-chart .inner{width:1000px;height:1px}.gc-chart .canvas{height:100%;width:100%;position:absolute;z-index:15}.gc-chart.no-pointer-events{pointer-events:none}.gc-chart.cursor-pointer{cursor:pointer !important}.gc-chart.cursor-all-scroll{cursor:all-scroll !important}.gc-chart.cursor-ew-resize{cursor:ew-resize !important}.gc-chart.cursor-ns-resize{cursor:ns-resize !important}.gc-chart.cursor-nwse-resize{cursor:nwse-resize !important}.gc-chart.cursor-nesw-resize{cursor:nesw-resize !important}.gc-chart.cursor-crosshair{cursor:crosshair !important}.gc-tree-icon{display:flex;align-items:center;cursor:pointer;padding:5px 5px 5px 5px}.gc-tree-icon .tree-icon{width:6px;height:6px;display:inline-block;transform:rotate(0deg);transition:transform .3s ease;border-style:solid;border-width:2px 2px 0 0;border-color:var(--gc-tree-icon-color, #606060)}.gc-tree-icon.collapsed .tree-icon{transform:rotate(45deg);margin-bottom:3px}.gc-tree-icon.expanded .tree-icon{transform:rotate(-225deg);margin-bottom:6px}.gc-wrapper[data-color-scheme=light] .gc-sheet .content,.gc-wrapper[data-color-scheme=light] .gc-chart{scrollbar-color:#ccc #f5f5f5}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar{width:12px;height:12px}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar-track,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar-track{background:#f5f5f5}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar-thumb,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar-thumb:hover,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar-thumb:hover{background:#d8d8d8}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content,.gc-wrapper[data-color-scheme=dark] .gc-chart{scrollbar-color:#555 #1e1e1e}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content::-webkit-scrollbar,.gc-wrapper[data-color-scheme=dark] .gc-chart::-webkit-scrollbar{width:12px;height:12px}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content::-webkit-scrollbar-track,.gc-wrapper[data-color-scheme=dark] .gc-chart::-webkit-scrollbar-track{background:#1e1e1e}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content::-webkit-scrollbar-thumb,.gc-wrapper[data-color-scheme=dark] .gc-chart::-webkit-scrollbar-thumb{background:#555;border-radius:6px}
+.gc-host{display:block;height:100%;overflow:hidden}.gc-host *,.gc-host *::before,.gc-host *::after{box-sizing:content-box}.gc-wrapper{width:100%;height:100%;display:flex;gap:0px;color:var(--gc-sheet-text-color, #000000)}.gc-divider{width:0px;height:100%;position:relative}.gc-divider .resizer{top:0px;bottom:0px;position:absolute;right:-10px;z-index:30;width:20px;cursor:ew-resize}.gc-sheet{height:100%;display:inline-block;overflow:hidden;flex-shrink:0}.gc-sheet .row-header{width:30px}.gc-sheet .header{position:sticky;top:0;z-index:8;height:50px;border-top:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-bottom:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);display:flex;align-items:center;gap:0px;background-color:var(--gc-sheet-header-bg-color, #f8f8f8)}.gc-sheet .header .row-header{z-index:9;background-color:var(--gc-sheet-header-bg-color, #f8f8f8);border-left:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-right:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0)}.gc-sheet .header.reordering{cursor:grabbing}.gc-sheet .header.reordering .cell .resizer{cursor:grabbing}.gc-sheet .header .reorder-indicator{position:absolute;width:2px;height:100%;background-color:var(--gc-sheet-focus-border-color, #0078d4);z-index:11;pointer-events:none;top:0}.gc-sheet .header .cell{display:flex;flex-shrink:0;align-items:center;border-right:1px solid var(--gc-sheet-header-cell-divider-color, #a0a0a0);height:50px;padding-left:8px;padding-right:8px;position:relative;user-select:none}.gc-sheet .header .cell .resizer{height:100%;position:absolute;right:-10px;z-index:10;width:20px;cursor:ew-resize}.gc-sheet .header .cell.dotted{text-decoration:underline dotted !important}.gc-sheet .header .cell.dragging{opacity:.3}.gc-sheet .header .cell.hidden{display:none !important}.gc-sheet .content{overflow-x:auto;overflow-y:auto;height:100%;outline:none;background-color:var(--gc-sheet-bg-color, #ffffff)}.gc-sheet .content .row{height:30px;border-bottom:1px solid var(--gc-sheet-grid-line-color, #e0e0e0);display:flex;align-items:center;gap:0px;background-color:var(--gc-sheet-bg-color, #ffffff)}.gc-sheet .content .row.hidden{display:none}.gc-sheet .content .row .row-header{background-color:var(--gc-sheet-header-bg-color, #f8f8f8);border-bottom:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-left:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-right:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0) !important;justify-content:center;cursor:default !important;user-select:none}.gc-sheet .content .row .cell{display:flex;flex-shrink:0;align-items:center;align-self:stretch;border-right:1px solid var(--gc-sheet-grid-line-color, #e0e0e0);padding-left:8px;padding-right:8px;overflow-x:hidden;white-space:nowrap;user-select:none;position:relative}.gc-sheet .content .row .cell.row-header{position:sticky;left:0;z-index:2}.gc-sheet .content .row .cell .editor{height:28px;width:100%;padding-left:0px;padding-right:0px;border:none;background-color:var(--gc-editor-bg-color, #ffffff);color:var(--gc-editor-text-color, #000000)}.gc-sheet .content .row .cell input.editor{line-height:26px}.gc-sheet .content .row .cell input.editor:focus{outline:none}.gc-sheet .content .row .cell.focused{outline:2px solid var(--gc-sheet-focus-border-color, #4a7cf6);outline-offset:-2px}.gc-sheet .content .row .cell .highlight{border:1px solid var(--gc-sheet-highlight-border-color, #647ee8);position:absolute;z-index:10;left:0px;top:0px;right:0px;bottom:0px}.gc-sheet .content .row .cell.hidden{display:none !important}.gc-sheet .content .row.hover{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row.hover .cell{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row:hover{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row:hover .cell{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row.selected{background-color:var(--gc-sheet-selected-bg-color, #f8f8f8)}.gc-sheet .content .row.selected .cell{background-color:var(--gc-sheet-selected-bg-color, #f8f8f8)}.gc-sheet .content .row.selected .row-header{background-color:var(--gc-sheet-selected-row-header-color, #e8e8e8)}.gc-sheet .content .row.frozen{background-color:var(--gc-sheet-bg-color, #ffffff);border-bottom:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0)}.gc-sheet .content .row.frozen .cell{background-color:var(--gc-sheet-bg-color, #ffffff)}.gc-chart{flex:1;height:100%;display:inline-block;overflow-x:scroll;overflow-y:hidden;z-index:16;outline:none}.gc-chart:focus-visible{outline:2px solid var(--gc-sheet-focus-border-color, #4a7cf6);outline-offset:-2px}.gc-chart .inner{width:1000px;height:1px}.gc-chart .canvas{height:100%;width:100%;position:absolute;z-index:15}.gc-chart.no-pointer-events{pointer-events:none}.gc-chart.cursor-pointer{cursor:pointer !important}.gc-chart.cursor-all-scroll{cursor:all-scroll !important}.gc-chart.cursor-ew-resize{cursor:ew-resize !important}.gc-chart.cursor-ns-resize{cursor:ns-resize !important}.gc-chart.cursor-nwse-resize{cursor:nwse-resize !important}.gc-chart.cursor-nesw-resize{cursor:nesw-resize !important}.gc-chart.cursor-crosshair{cursor:crosshair !important}.reorder-ghost{position:fixed;z-index:1000;pointer-events:none;opacity:.5;box-sizing:border-box;display:flex;align-items:center;border:1px solid color-mix(in srgb, var(--gc-sheet-header-cell-border-color, #a0a0a0) 50%, transparent);background-color:var(--gc-sheet-header-bg-color, #f8f8f8);color:var(--gc-sheet-text-color, #000000)}.gc-wrapper[data-color-scheme=light] .gc-sheet .content,.gc-wrapper[data-color-scheme=light] .gc-chart{scrollbar-color:#ccc #f5f5f5}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar{width:12px;height:12px}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar-track,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar-track{background:#f5f5f5}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar-thumb,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar-thumb:hover,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar-thumb:hover{background:#d8d8d8}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content,.gc-wrapper[data-color-scheme=dark] .gc-chart{scrollbar-color:#555 #1e1e1e}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content::-webkit-scrollbar,.gc-wrapper[data-color-scheme=dark] .gc-chart::-webkit-scrollbar{width:12px;height:12px}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content::-webkit-scrollbar-track,.gc-wrapper[data-color-scheme=dark] .gc-chart::-webkit-scrollbar-track{background:#1e1e1e}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content::-webkit-scrollbar-thumb,.gc-wrapper[data-color-scheme=dark] .gc-chart::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.gc-scheduler .gc-sheet .content{overflow-y:hidden}.gc-scheduler .gc-scrollbar{overflow-y:auto;overflow-x:hidden;height:100%}.gc-scheduler .gc-scrollbar>div{width:1px}.gc-scheduler[data-color-scheme=light] .gc-scrollbar{scrollbar-color:#ccc #f5f5f5}.gc-scheduler[data-color-scheme=light] .gc-scrollbar::-webkit-scrollbar{width:12px}.gc-scheduler[data-color-scheme=light] .gc-scrollbar::-webkit-scrollbar-track{background:#f5f5f5}.gc-scheduler[data-color-scheme=light] .gc-scrollbar::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.gc-scheduler[data-color-scheme=light] .gc-scrollbar::-webkit-scrollbar-thumb:hover{background:#d8d8d8}.gc-scheduler[data-color-scheme=dark] .gc-scrollbar{scrollbar-color:#555 #1e1e1e}.gc-scheduler[data-color-scheme=dark] .gc-scrollbar::-webkit-scrollbar{width:12px}.gc-scheduler[data-color-scheme=dark] .gc-scrollbar::-webkit-scrollbar-track{background:#1e1e1e}.gc-scheduler[data-color-scheme=dark] .gc-scrollbar::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.gc-sheet .content .row .tree-with-name{flex-wrap:nowrap}.gc-sheet .content .row .tree-with-name .tree{margin-left:3px;display:flex;flex:0 0 auto;justify-content:end;align-items:center}.gc-sheet .content .row .tree-with-name .name{display:flex;align-items:center;padding-left:5px;overflow-x:visible;white-space:nowrap;user-select:none}.gc-sheet .content .row .resources{gap:7px}.gc-sheet .content .row .resources .wrapper{display:flex;align-items:center;gap:3px}.gc-sheet .content .row .resources .wrapper .avatar{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:10pt}.gc-sheet .content .row .resources .wrapper .capacity{font-size:11pt}.gc-sheet .content .row .task-summary{font-weight:bold}.gc-tree-icon{display:flex;align-items:center;cursor:pointer;padding:5px 5px 5px 5px}.gc-tree-icon .tree-icon{width:6px;height:6px;display:inline-block;transform:rotate(0deg);transition:transform .3s ease;border-style:solid;border-width:2px 2px 0 0;border-color:var(--gc-tree-icon-color, #606060)}.gc-tree-icon.collapsed .tree-icon{transform:rotate(45deg);margin-bottom:3px}.gc-tree-icon.expanded .tree-icon{transform:rotate(-225deg);margin-bottom:6px}

package/dist/styles/index.css

@@ -0,0 +1 @@
+.gc-host{display:block;height:100%;overflow:hidden}.gc-host *,.gc-host *::before,.gc-host *::after{box-sizing:content-box}.gc-wrapper{width:100%;height:100%;display:flex;gap:0px;color:var(--gc-sheet-text-color, #000000)}.gc-divider{width:0px;height:100%;position:relative}.gc-divider .resizer{top:0px;bottom:0px;position:absolute;right:-10px;z-index:30;width:20px;cursor:ew-resize}.gc-sheet{height:100%;display:inline-block;overflow:hidden;flex-shrink:0}.gc-sheet .row-header{width:30px}.gc-sheet .header{position:sticky;top:0;z-index:8;height:50px;border-top:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-bottom:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);display:flex;align-items:center;gap:0px;background-color:var(--gc-sheet-header-bg-color, #f8f8f8)}.gc-sheet .header .row-header{z-index:9;background-color:var(--gc-sheet-header-bg-color, #f8f8f8);border-left:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-right:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0)}.gc-sheet .header.reordering{cursor:grabbing}.gc-sheet .header.reordering .cell .resizer{cursor:grabbing}.gc-sheet .header .reorder-indicator{position:absolute;width:2px;height:100%;background-color:var(--gc-sheet-focus-border-color, #0078d4);z-index:11;pointer-events:none;top:0}.gc-sheet .header .cell{display:flex;flex-shrink:0;align-items:center;border-right:1px solid var(--gc-sheet-header-cell-divider-color, #a0a0a0);height:50px;padding-left:8px;padding-right:8px;position:relative;user-select:none}.gc-sheet .header .cell .resizer{height:100%;position:absolute;right:-10px;z-index:10;width:20px;cursor:ew-resize}.gc-sheet .header .cell.dotted{text-decoration:underline dotted !important}.gc-sheet .header .cell.dragging{opacity:.3}.gc-sheet .header .cell.hidden{display:none !important}.gc-sheet .content{overflow-x:auto;overflow-y:auto;height:100%;outline:none;background-color:var(--gc-sheet-bg-color, #ffffff)}.gc-sheet .content .row{height:30px;border-bottom:1px solid var(--gc-sheet-grid-line-color, #e0e0e0);display:flex;align-items:center;gap:0px;background-color:var(--gc-sheet-bg-color, #ffffff)}.gc-sheet .content .row.hidden{display:none}.gc-sheet .content .row .row-header{background-color:var(--gc-sheet-header-bg-color, #f8f8f8);border-bottom:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-left:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-right:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0) !important;justify-content:center;cursor:default !important;user-select:none}.gc-sheet .content .row .cell{display:flex;flex-shrink:0;align-items:center;align-self:stretch;border-right:1px solid var(--gc-sheet-grid-line-color, #e0e0e0);padding-left:8px;padding-right:8px;overflow-x:hidden;white-space:nowrap;user-select:none;position:relative}.gc-sheet .content .row .cell.row-header{position:sticky;left:0;z-index:2}.gc-sheet .content .row .cell .editor{height:28px;width:100%;padding-left:0px;padding-right:0px;border:none;background-color:var(--gc-editor-bg-color, #ffffff);color:var(--gc-editor-text-color, #000000)}.gc-sheet .content .row .cell input.editor{line-height:26px}.gc-sheet .content .row .cell input.editor:focus{outline:none}.gc-sheet .content .row .cell.focused{outline:2px solid var(--gc-sheet-focus-border-color, #4a7cf6);outline-offset:-2px}.gc-sheet .content .row .cell .highlight{border:1px solid var(--gc-sheet-highlight-border-color, #647ee8);position:absolute;z-index:10;left:0px;top:0px;right:0px;bottom:0px}.gc-sheet .content .row .cell.hidden{display:none !important}.gc-sheet .content .row.hover{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row.hover .cell{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row:hover{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row:hover .cell{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row.selected{background-color:var(--gc-sheet-selected-bg-color, #f8f8f8)}.gc-sheet .content .row.selected .cell{background-color:var(--gc-sheet-selected-bg-color, #f8f8f8)}.gc-sheet .content .row.selected .row-header{background-color:var(--gc-sheet-selected-row-header-color, #e8e8e8)}.gc-sheet .content .row.frozen{background-color:var(--gc-sheet-bg-color, #ffffff);border-bottom:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0)}.gc-sheet .content .row.frozen .cell{background-color:var(--gc-sheet-bg-color, #ffffff)}.gc-chart{flex:1;height:100%;display:inline-block;overflow-x:scroll;overflow-y:hidden;z-index:16;outline:none}.gc-chart:focus-visible{outline:2px solid var(--gc-sheet-focus-border-color, #4a7cf6);outline-offset:-2px}.gc-chart .inner{width:1000px;height:1px}.gc-chart .canvas{height:100%;width:100%;position:absolute;z-index:15}.gc-chart.no-pointer-events{pointer-events:none}.gc-chart.cursor-pointer{cursor:pointer !important}.gc-chart.cursor-all-scroll{cursor:all-scroll !important}.gc-chart.cursor-ew-resize{cursor:ew-resize !important}.gc-chart.cursor-ns-resize{cursor:ns-resize !important}.gc-chart.cursor-nwse-resize{cursor:nwse-resize !important}.gc-chart.cursor-nesw-resize{cursor:nesw-resize !important}.gc-chart.cursor-crosshair{cursor:crosshair !important}.reorder-ghost{position:fixed;z-index:1000;pointer-events:none;opacity:.5;box-sizing:border-box;display:flex;align-items:center;border:1px solid color-mix(in srgb, var(--gc-sheet-header-cell-border-color, #a0a0a0) 50%, transparent);background-color:var(--gc-sheet-header-bg-color, #f8f8f8);color:var(--gc-sheet-text-color, #000000)}.gc-wrapper[data-color-scheme=light] .gc-sheet .content,.gc-wrapper[data-color-scheme=light] .gc-chart{scrollbar-color:#ccc #f5f5f5}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar{width:12px;height:12px}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar-track,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar-track{background:#f5f5f5}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar-thumb,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar-thumb:hover,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar-thumb:hover{background:#d8d8d8}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content,.gc-wrapper[data-color-scheme=dark] .gc-chart{scrollbar-color:#555 #1e1e1e}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content::-webkit-scrollbar,.gc-wrapper[data-color-scheme=dark] .gc-chart::-webkit-scrollbar{width:12px;height:12px}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content::-webkit-scrollbar-track,.gc-wrapper[data-color-scheme=dark] .gc-chart::-webkit-scrollbar-track{background:#1e1e1e}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content::-webkit-scrollbar-thumb,.gc-wrapper[data-color-scheme=dark] .gc-chart::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.gc-scheduler .gc-sheet .content{overflow-y:hidden}.gc-scheduler .gc-scrollbar{overflow-y:auto;overflow-x:hidden;height:100%}.gc-scheduler .gc-scrollbar>div{width:1px}.gc-scheduler[data-color-scheme=light] .gc-scrollbar{scrollbar-color:#ccc #f5f5f5}.gc-scheduler[data-color-scheme=light] .gc-scrollbar::-webkit-scrollbar{width:12px}.gc-scheduler[data-color-scheme=light] .gc-scrollbar::-webkit-scrollbar-track{background:#f5f5f5}.gc-scheduler[data-color-scheme=light] .gc-scrollbar::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.gc-scheduler[data-color-scheme=light] .gc-scrollbar::-webkit-scrollbar-thumb:hover{background:#d8d8d8}.gc-scheduler[data-color-scheme=dark] .gc-scrollbar{scrollbar-color:#555 #1e1e1e}.gc-scheduler[data-color-scheme=dark] .gc-scrollbar::-webkit-scrollbar{width:12px}.gc-scheduler[data-color-scheme=dark] .gc-scrollbar::-webkit-scrollbar-track{background:#1e1e1e}.gc-scheduler[data-color-scheme=dark] .gc-scrollbar::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.gc-sheet .content .row .tree-with-name{flex-wrap:nowrap}.gc-sheet .content .row .tree-with-name .tree{margin-left:3px;display:flex;flex:0 0 auto;justify-content:end;align-items:center}.gc-sheet .content .row .tree-with-name .name{display:flex;align-items:center;padding-left:5px;overflow-x:visible;white-space:nowrap;user-select:none}.gc-sheet .content .row .resources{gap:7px}.gc-sheet .content .row .resources .wrapper{display:flex;align-items:center;gap:3px}.gc-sheet .content .row .resources .wrapper .avatar{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:10pt}.gc-sheet .content .row .resources .wrapper .capacity{font-size:11pt}.gc-sheet .content .row .task-summary{font-weight:bold}.gc-tree-icon{display:flex;align-items:center;cursor:pointer;padding:5px 5px 5px 5px}.gc-tree-icon .tree-icon{width:6px;height:6px;display:inline-block;transform:rotate(0deg);transition:transform .3s ease;border-style:solid;border-width:2px 2px 0 0;border-color:var(--gc-tree-icon-color, #606060)}.gc-tree-icon.collapsed .tree-icon{transform:rotate(45deg);margin-bottom:3px}.gc-tree-icon.expanded .tree-icon{transform:rotate(-225deg);margin-bottom:6px}.gc-sheet .content .row .pin-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:2px;opacity:.5}.gc-sheet .content .row .pin-icon svg{width:12px;height:12px}.gc-sheet .content .rows{position:relative}.gc-sheet .content .rows .row-reorder-indicator{position:absolute;left:0;right:0;height:2px;background-color:var(--gc-sheet-focus-border-color, #0078d4);z-index:11;pointer-events:none;transform:translateY(-1px)}.ec-host{display:block;height:100%;overflow:hidden}.ec-host *,.ec-host *::before,.ec-host *::after{box-sizing:border-box}.ec-wrapper{width:100%;height:100%;display:flex;color:var(--ec-content-text, #333333);background:var(--ec-content-bg, #ffffff);outline:none}.ec-wrapper::-webkit-scrollbar{width:8px;height:8px}.ec-wrapper::-webkit-scrollbar-thumb{background:var(--ec-scrollbar-thumb, #c1c1c1);border-radius:4px}.ec-wrapper::-webkit-scrollbar-track{background:var(--ec-scrollbar-track, #f1f1f1)}.ec-sidebar{width:var(--ec-sidebar-width, 256px);flex-shrink:0;border-right:1px solid var(--ec-sidebar-border, #e0e0e0);background:var(--ec-sidebar-bg, #ffffff);color:var(--ec-sidebar-text, #333333);overflow-y:auto}.ec-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.ec-toolbar{display:flex;align-items:center;height:var(--ec-toolbar-height, 48px);padding:0 12px;background:var(--ec-toolbar-bg, #ffffff);border-bottom:1px solid var(--ec-toolbar-border, #e0e0e0);flex-shrink:0;gap:8px;user-select:none}.ec-toolbar-nav{display:flex;align-items:center;gap:4px;margin-right:auto}.ec-toolbar-btn{border:none;background:rgba(0,0,0,0);color:var(--ec-toolbar-btn-color, #555555);cursor:pointer;padding:4px 10px;border-radius:4px;font:inherit;font-size:14px;line-height:1.5}.ec-toolbar-btn:hover{background:var(--ec-toolbar-btn-hover-bg, #f0f0f0)}.ec-toolbar-nav-btn{font-size:22px;line-height:1;width:32px;height:32px}.ec-toolbar-today{font-weight:500}.ec-toolbar-title{font-size:18px;font-weight:600;color:var(--ec-toolbar-text, #333333);padding:0 8px;white-space:nowrap}.ec-toolbar-views{display:flex;align-items:center;gap:2px}.ec-toolbar-view-btn.ec-active{background:var(--ec-toolbar-active-bg, #e8f0fe);color:var(--ec-toolbar-active-text, #1a73e8)}.ec-view-container{flex:1;overflow:hidden;position:relative}.ec-month-view{height:100%;display:flex;flex-direction:column}.ec-month-header{display:flex;background:var(--ec-header-bg, #ffffff);border-bottom:1px solid var(--ec-header-border, #e0e0e0);flex-shrink:0}.ec-month-header-cell{flex:1;text-align:center;padding:6px 0;font-size:11px;font-weight:500;text-transform:uppercase;color:var(--ec-header-text, #555555)}.ec-month-grid{flex:1;display:flex;flex-direction:column;overflow:hidden}.ec-month-week{flex:1;display:flex;min-height:0;position:relative}.ec-month-day{flex:1;border-right:1px solid var(--ec-grid-line, #e0e0e0);border-bottom:1px solid var(--ec-grid-line, #e0e0e0);overflow:hidden;min-width:0;cursor:default}.ec-month-day:last-child{border-right:none}.ec-month-day:hover{background:var(--ec-hover-bg, rgba(0, 0, 0, 0.04))}.ec-month-day.ec-today{background:var(--ec-today-bg, #e8f0fe)}.ec-month-day.ec-month-day-drag{background:var(--ec-drag-highlight, rgba(3, 155, 229, 0.15))}.ec-month-day.ec-other-month{background:var(--ec-other-month-bg, #fafafa)}.ec-month-day.ec-other-month .ec-month-day-header{color:var(--ec-other-month-text, #b0b0b0)}.ec-month-day-header{padding:4px 6px;font-size:12px;font-weight:500;color:var(--ec-content-text, #333333);height:var(--ec-day-header-height, 24px);line-height:calc(var(--ec-day-header-height, 24px) - 8px)}.ec-month-day-entries{display:flex;flex-direction:column;gap:var(--ec-entry-gap, 2px);padding:0 2px;overflow:hidden}.ec-entry{height:var(--ec-entry-height, 22px);line-height:var(--ec-entry-height, 22px);border-radius:var(--ec-entry-radius, 4px);padding:0 4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;flex-shrink:0;user-select:none}.ec-entry:hover{opacity:.85}.ec-entry-multiday{background:var(--ec-entry-chip-bg, #d3e3fd);color:var(--ec-entry-chip-text, #1b4fa3)}.ec-entry-single{background:var(--ec-entry-chip-bg, #d3e3fd);color:var(--ec-entry-chip-text, #1b4fa3)}.ec-entry-tentative{background:repeating-linear-gradient(-45deg, transparent, transparent 2px, var(--ec-entry-stripe-color, #d3e3fd) 2px, var(--ec-entry-stripe-color, #d3e3fd) 4px) !important}.ec-entry-needs-action{background:var(--ec-content-bg, #ffffff) !important;border:1px dashed var(--ec-entry-status-color, #999999);border-left:var(--ec-entry-accent-width, 3px) dashed var(--ec-entry-status-color, #999999)}.ec-entry-declined{background:var(--ec-content-bg, #ffffff) !important;opacity:var(--ec-declined-opacity, 0.55)}.ec-entry-declined .ec-tg-entry-title,.ec-entry-declined{text-decoration:line-through}.ec-entry-icon{display:inline-flex;align-items:center;vertical-align:text-bottom;flex-shrink:0;margin-right:3px}.ec-entry-icon svg{width:14px;height:14px}.ec-entry-multiday .ec-entry-icon svg,.ec-entry-single .ec-entry-icon svg{width:12px;height:12px}.ec-month-day-more{padding:0 6px;font-size:11px;color:var(--ec-more-text, #555555);cursor:pointer}.ec-month-day-more:hover{text-decoration:underline}.ec-mini-calendar{padding:12px;user-select:none}.ec-mini-header{display:flex;align-items:center;margin-bottom:8px}.ec-mini-nav-btn{border:none;background:rgba(0,0,0,0);color:var(--ec-sidebar-text, #333333);cursor:pointer;width:28px;height:28px;border-radius:50%;font-size:16px;line-height:28px;text-align:center;padding:0}.ec-mini-nav-btn:hover{background:var(--ec-mini-hover-bg, #f0f0f0)}.ec-mini-title{flex:1;border:none;background:rgba(0,0,0,0);color:var(--ec-sidebar-text, #333333);cursor:pointer;font:inherit;font-size:13px;font-weight:500;text-align:center;padding:4px 0;border-radius:4px}.ec-mini-title:hover{background:var(--ec-mini-hover-bg, #f0f0f0)}.ec-mini-daynames{display:grid;grid-template-columns:repeat(7, 1fr);margin-bottom:2px}.ec-mini-dayname{text-align:center;font-size:10px;font-weight:500;color:var(--ec-sidebar-text, #333333);line-height:24px}.ec-mini-dayname.ec-mini-weekend{color:var(--ec-mini-weekend-text, #777777)}.ec-mini-grid{display:flex;flex-direction:column;gap:0}.ec-mini-row{display:grid;grid-template-columns:repeat(7, 1fr);border:1px solid rgba(0,0,0,0);border-radius:14px}.ec-mini-row.ec-mini-week-selected{border-color:var(--ec-mini-selected-text, #1a73e8)}.ec-mini-day{border:none;background:rgba(0,0,0,0);color:var(--ec-sidebar-text, #333333);cursor:pointer;font:inherit;font-size:11px;width:28px;height:28px;line-height:28px;text-align:center;padding:0;border-radius:50%;position:relative;justify-self:center}.ec-mini-day:hover{background:var(--ec-mini-hover-bg, #f0f0f0)}.ec-mini-day.ec-mini-other-month{color:var(--ec-mini-other-month-text, #b0b0b0)}.ec-mini-day.ec-mini-weekend{color:var(--ec-mini-weekend-text, #777777)}.ec-mini-day.ec-mini-today{background:var(--ec-mini-today-bg, #1a73e8);color:var(--ec-mini-today-text, #ffffff);font-weight:600}.ec-mini-day.ec-mini-today:hover{opacity:.85}.ec-mini-day.ec-mini-selected:not(.ec-mini-today){background:var(--ec-mini-selected-bg, #e8f0fe);color:var(--ec-mini-selected-text, #1a73e8);font-weight:600}.ec-mini-day.ec-mini-has-events::after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--ec-mini-dot-color, #1a73e8)}.ec-mini-day.ec-mini-today.ec-mini-has-events::after{background:var(--ec-mini-today-dot, #ffffff)}.ec-mini-grid-months .ec-mini-row{grid-template-columns:repeat(3, 1fr)}.ec-mini-month{border:none;background:rgba(0,0,0,0);color:var(--ec-sidebar-text, #333333);cursor:pointer;font:inherit;font-size:12px;padding:10px 0;border-radius:16px;text-align:center}.ec-mini-month:hover{background:var(--ec-mini-hover-bg, #f0f0f0)}.ec-mini-month.ec-mini-selected{background:var(--ec-mini-selected-bg, #e8f0fe);color:var(--ec-mini-selected-text, #1a73e8);font-weight:600}.ec-calendar-list{padding:12px;border-top:1px solid var(--ec-sidebar-border, #e0e0e0)}.ec-calendar-list-header{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--ec-cal-list-header-text, #555555);margin-bottom:8px;letter-spacing:.5px}.ec-calendar-list-items{display:flex;flex-direction:column;gap:2px}.ec-calendar-list-item{display:flex;align-items:center;gap:8px;padding:4px 4px;border-radius:4px;cursor:default}.ec-calendar-list-item:hover{background:var(--ec-mini-hover-bg, #f0f0f0)}.ec-calendar-list-item:hover .ec-calendar-list-remove{opacity:1}.ec-calendar-list-checkbox{width:16px;height:16px;border-radius:3px;border:2px solid;flex-shrink:0;cursor:pointer;padding:0;position:relative}.ec-calendar-list-checkbox.ec-checked::after{content:"";position:absolute;left:3px;top:0px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ec-calendar-list-name{flex:1;font-size:13px;color:var(--ec-sidebar-text, #333333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ec-calendar-list-remove{border:none;background:rgba(0,0,0,0);color:var(--ec-sidebar-text, #333333);cursor:pointer;font-size:16px;line-height:1;padding:0 2px;opacity:0;flex-shrink:0;border-radius:3px}.ec-calendar-list-remove:hover{background:rgba(0,0,0,.1)}.ec-calendar-list-add{border:none;background:rgba(0,0,0,0);color:var(--ec-sidebar-text, #333333);cursor:pointer;font:inherit;font-size:13px;padding:6px 4px;margin-top:4px;border-radius:4px;text-align:left;width:100%}.ec-calendar-list-add:hover{background:var(--ec-mini-hover-bg, #f0f0f0)}.ec-agenda-view{height:100%;display:flex;flex-direction:column}.ec-agenda-scroll{flex:1;overflow-y:auto}.ec-agenda-scroll::-webkit-scrollbar{width:8px}.ec-agenda-scroll::-webkit-scrollbar-thumb{background:var(--ec-scrollbar-thumb, #c1c1c1);border-radius:4px}.ec-agenda-scroll::-webkit-scrollbar-track{background:var(--ec-scrollbar-track, #f1f1f1)}.ec-agenda-day:not(:first-child){border-top:1px solid var(--ec-grid-line, #e0e0e0)}.ec-agenda-day-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--ec-agenda-day-header-bg, #f8f9fa);border-bottom:1px solid var(--ec-grid-line, #e0e0e0)}.ec-agenda-day-name{font-size:15px;font-weight:600;color:var(--ec-agenda-day-header-text, #333333)}.ec-agenda-day-date{font-size:14px;color:var(--ec-agenda-day-header-text, #333333);opacity:.6}.ec-agenda-today-badge{background:var(--ec-tg-today-circle, #1a73e8);color:var(--ec-tg-today-circle-text, #ffffff);font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.ec-agenda-entries{display:flex;flex-direction:column}.ec-agenda-entry{display:flex;align-items:center;gap:12px;height:var(--ec-agenda-entry-height, 48px);padding:0 14px;cursor:pointer;user-select:none;border-bottom:1px solid var(--ec-grid-line, #e0e0e0);position:relative;font-size:13px;white-space:normal;text-overflow:unset;border-radius:0;line-height:1.4;overflow:visible;outline:none !important}.ec-agenda-entry:hover{background:var(--ec-agenda-entry-hover-bg, rgba(0, 0, 0, 0.04));opacity:1}.ec-agenda-entry[aria-selected=true],.ec-agenda-entry:focus-visible{z-index:1;box-shadow:inset 0 0 0 2px var(--ec-selected-outline, #1a73e8)}.ec-agenda-entry.ec-entry-needs-action{border:1px dashed var(--ec-entry-status-color, #999999)}.ec-agenda-entry-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ec-agenda-entry-time{min-width:120px;font-size:12px;color:var(--ec-tg-gutter-text, #888888);flex-shrink:0}.ec-agenda-entry-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;color:var(--ec-content-text, #333333)}.ec-agenda-entry-location{font-size:12px;color:var(--ec-tg-gutter-text, #888888);flex-shrink:0;white-space:nowrap}.ec-agenda-empty{padding:48px 14px;text-align:center;color:var(--ec-agenda-empty-text, #999999);font-size:14px}.ec-week-view,.ec-day-view{height:100%;display:flex;flex-direction:column}.ec-tg-scroll{flex:1;overflow-y:auto}.ec-tg-scroll::-webkit-scrollbar{width:8px}.ec-tg-scroll::-webkit-scrollbar-thumb{background:var(--ec-scrollbar-thumb, #c1c1c1);border-radius:4px}.ec-tg-scroll::-webkit-scrollbar-track{background:var(--ec-scrollbar-track, #f1f1f1)}.ec-tg-header{display:flex;border-bottom:1px solid var(--ec-header-border, #e0e0e0);background:var(--ec-header-bg, #ffffff);position:sticky;top:0;z-index:4}.ec-tg-gutter-corner{width:var(--ec-tg-gutter-width, 60px);flex-shrink:0}.ec-tg-day-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0;min-width:0;border-left:1px solid var(--ec-grid-line, #e0e0e0)}.ec-tg-day-header.ec-tg-today{color:var(--ec-tg-today-text, #1a73e8)}.ec-tg-day-name{font-size:11px;font-weight:500;text-transform:uppercase;color:inherit}.ec-tg-day-number{font-size:22px;font-weight:400;line-height:1.3;color:inherit}.ec-tg-today-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--ec-tg-today-circle, #1a73e8);color:var(--ec-tg-today-circle-text, #ffffff)}.ec-tg-allday{display:flex;border-bottom:1px solid var(--ec-header-border, #e0e0e0);background:var(--ec-header-bg, #ffffff);position:sticky;z-index:3;min-height:var(--ec-tg-allday-min-height, 28px);max-height:var(--ec-tg-allday-max-height, 120px)}.ec-tg-allday-row{flex:1;display:flex;min-width:0;overflow-y:auto}.ec-tg-allday-cell{flex:1;display:flex;flex-direction:column;gap:2px;padding:2px;min-width:0;border-left:1px solid var(--ec-grid-line, #e0e0e0)}.ec-tg-allday-cell.ec-tg-allday-drag{background:var(--ec-drag-highlight, rgba(3, 155, 229, 0.15))}.ec-tg-body{display:flex;margin-top:-1px}.ec-tg-gutter{width:var(--ec-tg-gutter-width, 60px);flex-shrink:0}.ec-tg-gutter-slot{border-top:1px dashed var(--ec-tg-slot-border, #e0e0e0)}.ec-tg-gutter-slot.ec-tg-gutter-hour{border-top:1px solid var(--ec-tg-slot-hour-border, #e0e0e0)}.ec-tg-gutter-label{padding:2px 8px 0 4px;font-size:11px;color:var(--ec-tg-gutter-text, #888888);line-height:1;white-space:nowrap}.ec-tg-content{flex:1;display:flex;min-width:0}.ec-tg-column{flex:1;position:relative;min-width:0;border-left:1px solid var(--ec-grid-line, #e0e0e0)}.ec-tg-column.ec-tg-today{background:var(--ec-tg-today-bg, rgba(26, 115, 232, 0.04))}.ec-tg-slot{border-top:1px dashed var(--ec-tg-slot-border, #e0e0e0)}.ec-tg-slot.ec-tg-slot-hour{border-top:1px solid var(--ec-tg-slot-hour-border, #e0e0e0)}.ec-tg-entry{position:absolute;left:0;right:0;border-radius:var(--ec-entry-radius, 4px);padding:2px 4px;font-size:11px;overflow:hidden;cursor:pointer;user-select:none;background:var(--ec-entry-chip-bg, #d3e3fd);color:var(--ec-entry-chip-text, #1b4fa3);border-left:var(--ec-entry-accent-width, 3px) solid var(--ec-tg-entry-accent, #1b66c9);z-index:1}.ec-tg-entry:hover{opacity:.9;z-index:2}.ec-tg-entry-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-tg-entry-time{font-size:10px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-tg-entry-resize-handle{position:absolute;left:0;right:0;height:6px;z-index:2}.ec-tg-entry-resize-handle::before{content:"";position:absolute;left:0;right:0;height:20px;top:50%;transform:translateY(-50%)}.ec-tg-entry-resize-handle.ec-tg-entry-resize-handle-top{top:0;cursor:n-resize}.ec-tg-entry-resize-handle.ec-tg-entry-resize-handle-bottom{bottom:0;cursor:s-resize}.ec-entry-dragging{opacity:.4}.ec-entry-drag-preview{opacity:.7;pointer-events:none;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:10}body.ec-dragging .ec-month-day,body.ec-dragging .ec-tg-allday-cell,body.ec-dragging .ec-tg-column,body.ec-dragging .ec-entry{pointer-events:none}.ec-view-container.ec-swipe-transition{transition:transform .2s ease-out}.ec-tg-drag-preview{position:absolute;left:0;right:0;background:var(--ec-drag-highlight, rgba(3, 155, 229, 0.15));border-radius:var(--ec-entry-radius, 4px);border-left:var(--ec-entry-accent-width, 3px) solid var(--ec-tg-entry-accent, #1b66c9);z-index:5;pointer-events:none;font-size:11px;color:var(--ec-content-text, #333333);padding:2px 4px;font-weight:500;overflow:hidden;white-space:nowrap}.ec-toolbar-sidebar-toggle{display:none}.ec-sidebar-backdrop{display:none}.ec-mobile{position:relative}.ec-mobile .ec-sidebar{position:absolute;top:0;left:0;height:100%;z-index:20;box-shadow:2px 0 8px rgba(0,0,0,.15);transform:translateX(-100%);transition:transform .25s ease}.ec-mobile .ec-sidebar.ec-sidebar-open{transform:translateX(0)}.ec-mobile .ec-sidebar-backdrop{display:block;position:absolute;inset:0;z-index:19;background:rgba(0,0,0,.3)}.ec-mobile .ec-toolbar{height:56px;padding:0 8px}.ec-mobile .ec-toolbar-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:20px;flex-shrink:0}.ec-mobile .ec-toolbar-nav-btn{width:44px;height:44px;font-size:24px;line-height:44px}.ec-mobile .ec-toolbar-btn{min-height:44px}.ec-mobile .ec-toolbar-today{padding:8px 12px}.ec-mobile .ec-toolbar-title{font-size:16px;padding:0 4px}.ec-mobile .ec-mini-day{width:36px;height:36px;line-height:36px;font-size:13px}.ec-mobile .ec-mini-nav-btn{width:36px;height:36px;line-height:36px}.ec-mobile .ec-mini-row{border-radius:18px}.ec-mobile .ec-toolbar-view-btn[data-view-mode=week]{display:none}.ec-mobile .ec-entry{height:28px;line-height:28px;font-size:12px}.ec-mobile .ec-agenda-entry{height:56px;padding:0 12px}.ec-mobile .ec-agenda-day-header{padding:12px}.ec-mobile .ec-calendar-list-checkbox{width:20px;height:20px}.ec-mobile .ec-calendar-list-item{padding:6px 4px}.ec-mobile .ec-calendar-list-remove{opacity:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.ec-tooltip{position:absolute;z-index:15;background:var(--ec-tooltip-bg, var(--ec-content-bg, #ffffff));color:var(--ec-tooltip-text, var(--ec-content-text, #333333));border:1px solid var(--ec-tooltip-border, var(--ec-grid-line, #e0e0e0));border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:8px 12px;max-width:300px;pointer-events:none;font-size:12px;line-height:1.4}.ec-tooltip-title{font-weight:600;font-size:13px;margin-bottom:4px}.ec-tooltip-row{display:flex;gap:6px}.ec-tooltip-label{color:var(--ec-tooltip-label, #888888);flex-shrink:0}.ec-tooltip-value{color:var(--ec-tooltip-text, var(--ec-content-text, #333333))}.ec-tg-now-line{position:absolute;left:0;right:0;height:var(--ec-tg-now-line-height, 2px);background:var(--ec-tg-now-line, #ea4335);z-index:3;pointer-events:none}.ec-tg-now-line::before{content:"";position:absolute;left:-5px;top:calc(var(--ec-tg-now-line-height, 2px)/2 - 5px);width:10px;height:10px;border-radius:50%;background:var(--ec-tg-now-line, #ea4335)}

package/dist/styles/rs.css

@@ -0,0 +1 @@
+.gc-host{display:block;height:100%;overflow:hidden}.gc-host *,.gc-host *::before,.gc-host *::after{box-sizing:content-box}.gc-wrapper{width:100%;height:100%;display:flex;gap:0px;color:var(--gc-sheet-text-color, #000000)}.gc-divider{width:0px;height:100%;position:relative}.gc-divider .resizer{top:0px;bottom:0px;position:absolute;right:-10px;z-index:30;width:20px;cursor:ew-resize}.gc-sheet{height:100%;display:inline-block;overflow:hidden;flex-shrink:0}.gc-sheet .row-header{width:30px}.gc-sheet .header{position:sticky;top:0;z-index:8;height:50px;border-top:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-bottom:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);display:flex;align-items:center;gap:0px;background-color:var(--gc-sheet-header-bg-color, #f8f8f8)}.gc-sheet .header .row-header{z-index:9;background-color:var(--gc-sheet-header-bg-color, #f8f8f8);border-left:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-right:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0)}.gc-sheet .header.reordering{cursor:grabbing}.gc-sheet .header.reordering .cell .resizer{cursor:grabbing}.gc-sheet .header .reorder-indicator{position:absolute;width:2px;height:100%;background-color:var(--gc-sheet-focus-border-color, #0078d4);z-index:11;pointer-events:none;top:0}.gc-sheet .header .cell{display:flex;flex-shrink:0;align-items:center;border-right:1px solid var(--gc-sheet-header-cell-divider-color, #a0a0a0);height:50px;padding-left:8px;padding-right:8px;position:relative;user-select:none}.gc-sheet .header .cell .resizer{height:100%;position:absolute;right:-10px;z-index:10;width:20px;cursor:ew-resize}.gc-sheet .header .cell.dotted{text-decoration:underline dotted !important}.gc-sheet .header .cell.dragging{opacity:.3}.gc-sheet .header .cell.hidden{display:none !important}.gc-sheet .content{overflow-x:auto;overflow-y:auto;height:100%;outline:none;background-color:var(--gc-sheet-bg-color, #ffffff)}.gc-sheet .content .row{height:30px;border-bottom:1px solid var(--gc-sheet-grid-line-color, #e0e0e0);display:flex;align-items:center;gap:0px;background-color:var(--gc-sheet-bg-color, #ffffff)}.gc-sheet .content .row.hidden{display:none}.gc-sheet .content .row .row-header{background-color:var(--gc-sheet-header-bg-color, #f8f8f8);border-bottom:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-left:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);border-right:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0) !important;justify-content:center;cursor:default !important;user-select:none}.gc-sheet .content .row .cell{display:flex;flex-shrink:0;align-items:center;align-self:stretch;border-right:1px solid var(--gc-sheet-grid-line-color, #e0e0e0);padding-left:8px;padding-right:8px;overflow-x:hidden;white-space:nowrap;user-select:none;position:relative}.gc-sheet .content .row .cell.row-header{position:sticky;left:0;z-index:2}.gc-sheet .content .row .cell .editor{height:28px;width:100%;padding-left:0px;padding-right:0px;border:none;background-color:var(--gc-editor-bg-color, #ffffff);color:var(--gc-editor-text-color, #000000)}.gc-sheet .content .row .cell input.editor{line-height:26px}.gc-sheet .content .row .cell input.editor:focus{outline:none}.gc-sheet .content .row .cell.focused{outline:2px solid var(--gc-sheet-focus-border-color, #4a7cf6);outline-offset:-2px}.gc-sheet .content .row .cell .highlight{border:1px solid var(--gc-sheet-highlight-border-color, #647ee8);position:absolute;z-index:10;left:0px;top:0px;right:0px;bottom:0px}.gc-sheet .content .row .cell.hidden{display:none !important}.gc-sheet .content .row.hover{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row.hover .cell{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row:hover{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row:hover .cell{background-color:var(--gc-sheet-hover-bg-color, #f8f8f8)}.gc-sheet .content .row.selected{background-color:var(--gc-sheet-selected-bg-color, #f8f8f8)}.gc-sheet .content .row.selected .cell{background-color:var(--gc-sheet-selected-bg-color, #f8f8f8)}.gc-sheet .content .row.selected .row-header{background-color:var(--gc-sheet-selected-row-header-color, #e8e8e8)}.gc-sheet .content .row.frozen{background-color:var(--gc-sheet-bg-color, #ffffff);border-bottom:1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0)}.gc-sheet .content .row.frozen .cell{background-color:var(--gc-sheet-bg-color, #ffffff)}.gc-chart{flex:1;height:100%;display:inline-block;overflow-x:scroll;overflow-y:hidden;z-index:16;outline:none}.gc-chart:focus-visible{outline:2px solid var(--gc-sheet-focus-border-color, #4a7cf6);outline-offset:-2px}.gc-chart .inner{width:1000px;height:1px}.gc-chart .canvas{height:100%;width:100%;position:absolute;z-index:15}.gc-chart.no-pointer-events{pointer-events:none}.gc-chart.cursor-pointer{cursor:pointer !important}.gc-chart.cursor-all-scroll{cursor:all-scroll !important}.gc-chart.cursor-ew-resize{cursor:ew-resize !important}.gc-chart.cursor-ns-resize{cursor:ns-resize !important}.gc-chart.cursor-nwse-resize{cursor:nwse-resize !important}.gc-chart.cursor-nesw-resize{cursor:nesw-resize !important}.gc-chart.cursor-crosshair{cursor:crosshair !important}.reorder-ghost{position:fixed;z-index:1000;pointer-events:none;opacity:.5;box-sizing:border-box;display:flex;align-items:center;border:1px solid color-mix(in srgb, var(--gc-sheet-header-cell-border-color, #a0a0a0) 50%, transparent);background-color:var(--gc-sheet-header-bg-color, #f8f8f8);color:var(--gc-sheet-text-color, #000000)}.gc-wrapper[data-color-scheme=light] .gc-sheet .content,.gc-wrapper[data-color-scheme=light] .gc-chart{scrollbar-color:#ccc #f5f5f5}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar{width:12px;height:12px}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar-track,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar-track{background:#f5f5f5}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar-thumb,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.gc-wrapper[data-color-scheme=light] .gc-sheet .content::-webkit-scrollbar-thumb:hover,.gc-wrapper[data-color-scheme=light] .gc-chart::-webkit-scrollbar-thumb:hover{background:#d8d8d8}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content,.gc-wrapper[data-color-scheme=dark] .gc-chart{scrollbar-color:#555 #1e1e1e}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content::-webkit-scrollbar,.gc-wrapper[data-color-scheme=dark] .gc-chart::-webkit-scrollbar{width:12px;height:12px}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content::-webkit-scrollbar-track,.gc-wrapper[data-color-scheme=dark] .gc-chart::-webkit-scrollbar-track{background:#1e1e1e}.gc-wrapper[data-color-scheme=dark] .gc-sheet .content::-webkit-scrollbar-thumb,.gc-wrapper[data-color-scheme=dark] .gc-chart::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.gc-scheduler .gc-sheet .content{overflow-y:hidden}.gc-scheduler .gc-scrollbar{overflow-y:auto;overflow-x:hidden;height:100%}.gc-scheduler .gc-scrollbar>div{width:1px}.gc-scheduler[data-color-scheme=light] .gc-scrollbar{scrollbar-color:#ccc #f5f5f5}.gc-scheduler[data-color-scheme=light] .gc-scrollbar::-webkit-scrollbar{width:12px}.gc-scheduler[data-color-scheme=light] .gc-scrollbar::-webkit-scrollbar-track{background:#f5f5f5}.gc-scheduler[data-color-scheme=light] .gc-scrollbar::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.gc-scheduler[data-color-scheme=light] .gc-scrollbar::-webkit-scrollbar-thumb:hover{background:#d8d8d8}.gc-scheduler[data-color-scheme=dark] .gc-scrollbar{scrollbar-color:#555 #1e1e1e}.gc-scheduler[data-color-scheme=dark] .gc-scrollbar::-webkit-scrollbar{width:12px}.gc-scheduler[data-color-scheme=dark] .gc-scrollbar::-webkit-scrollbar-track{background:#1e1e1e}.gc-scheduler[data-color-scheme=dark] .gc-scrollbar::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.gc-sheet .content .row .pin-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:2px;opacity:.5}.gc-sheet .content .row .pin-icon svg{width:12px;height:12px}.gc-sheet .content .rows{position:relative}.gc-sheet .content .rows .row-reorder-indicator{position:absolute;left:0;right:0;height:2px;background-color:var(--gc-sheet-focus-border-color, #0078d4);z-index:11;pointer-events:none;transform:translateY(-1px)}

package/dist/table/editors/input-editor.d.ts

@@ -13,6 +13,7 @@ export declare abstract class TableInputCellEditor<TItem extends TableItem> exte
     endEditIfModifiedElseCancel(): void;
 }
 export interface InputEditorArgs<TItem extends TableItem> {
+    item: TItem;
     input: any;
     columnCode: string;
     editor: TableInputCellEditor<TItem>;

package/dist/table/table-column.d.ts

@@ -22,11 +22,17 @@ export declare class TableColumn<TItem extends TableItem> {
     set tooltip(value: string | null);
     get headerHtml(): string | null;
     set headerHtml(value: string | null);
+    get exportHeaderRenderer(): ExportCanvasHeaderRenderer | null;
+    set exportHeaderRenderer(value: ExportCanvasHeaderRenderer | null);
+    get exportCellRenderer(): ExportCanvasCellRenderer<TItem> | null;
+    set exportCellRenderer(value: ExportCanvasCellRenderer<TItem> | null);
     get isCustom(): boolean;
     set isCustom(value: boolean);
     changed$: Subject<TableColumn<TItem>>;
     constructor(code: string, name: string, valueFormatter: TableCellValueFormatter<TItem>, renderer: TableCellRenderer<TItem>, editor: TableCellEditor<TItem> | null, isEditable: TableCellIsEditable<TItem>, width?: number, minWidth?: number, align?: TextAlign, tooltip?: string);
 }
 export type TableCellValueFormatter<TItem> = (item: TItem) => string;
-export type TextAlign = 'Left' | 'Center' | 'Right';
+export type TextAlign = 'left' | 'center' | 'right';
 export type TableCellIsEditable<TItem> = (item: TItem) => boolean;
+export type ExportCanvasHeaderRenderer = (ctx: any, x: number, y: number, width: number, height: number, color: string) => void;
+export type ExportCanvasCellRenderer<TItem> = (ctx: any, item: TItem, x: number, y: number, width: number, height: number) => void;

package/dist/table/table-data-source.d.ts

@@ -1,6 +1,8 @@
 import { Subject } from "rxjs";
 export interface TableItem {
     readonly id: string;
+    getPropertyValue(name: string): any;
+    setPropertyValue(name: string, value: any): void;
 }
 export interface TableItemEventArgs<TItem> {
     item: TItem;

package/dist/table/table-rows-selection.d.ts

@@ -7,6 +7,7 @@ export declare class TableRowsSelection<TItem extends TableItem> {
     changed$: Subject<void>;
     rowContextMenu$: Subject<TableRowContextMenuEventArgs<TItem>>;
     constructor(context: TableContext<TItem>, content: any);
+    destroy(): void;
     cancelRangeSelection(): void;
     clear(): void;
     updateWithCurrentSelection(): void;

package/dist/table/table.d.ts

@@ -1,11 +1,15 @@
+import { Subject } from "rxjs";
 import { TableColumn } from "./table-column";
 import { TableContext } from "./table-context";
 import { TableItem } from "./table-data-source";
+import { TableCellEditor } from "./editors/cell-editor";
 import { TableKeyboardNavigation, TableNavigationHost } from "./table-keyboard-navigation";
 import { TableRowsSelection } from "./table-rows-selection";
 import { ClassWithListeners } from "../common/class-with-listeners";
 export declare class Table<TItem extends TableItem> extends ClassWithListeners implements TableNavigationHost<TItem> {
     #private;
+    /** Emitted when columns change (added, visibility toggled, etc.) during runtime — not during initialization. */
+    columnsChanged$: Subject<void>;
     protected get tableContext(): TableContext<TItem>;
     protected get contentElement(): any;
     protected get headerElement(): any;
@@ -39,10 +43,17 @@ export declare class Table<TItem extends TableItem> extends ClassWithListeners i
     getColumnsContentWidth(): number;
     getDefaultColumns(): TableColumn<TItem>[];
     getCustomColumns(): TableColumn<TItem>[];
+    addCustomStringColumn(code: string, displayName: string): TableColumn<TItem>;
+    addCustomIntegerColumn(code: string, displayName: string): TableColumn<TItem>;
+    addCustomDecimalColumn(code: string, displayName: string): TableColumn<TItem>;
+    addCustomDateColumn(code: string, displayName: string): TableColumn<TItem>;
+    protected formatCustomDateValue(value: Date): string;
+    protected createCustomDateCellEditor(getter: (item: TItem) => any, setter: (item: TItem, value: any) => void): TableCellEditor<TItem> | null;
     saveColumns(): ColumnState[];
     loadColumns(states: ColumnState[]): void;
     scrollToItem(item: TItem): void;
     clearSelection(): void;
+    destroy(): void;
 }
 export interface ColumnState {
     code: string;

package/dist/table/tree-table.d.ts

@@ -4,8 +4,10 @@ import { TableKeyboardNavigation } from "./table-keyboard-navigation";
 import { Table } from "./table";
 import { TreeTableNavigationHost } from "./tree-table-keyboard-navigation";
 export declare class TreeTable<TItem extends TableItem> extends Table<TItem> implements TreeTableNavigationHost<TItem> {
+    #private;
     get treeDataSource(): TreeTableDataSource<TItem>;
     constructor(context: TableContext<TItem>, tableElement: any);
+    destroy(): void;
     protected createKeyboardNavigation(): TableKeyboardNavigation<TItem>;
     protected redrawItemRow(item: TItem): void;
     indentSelectedItems(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timelinekit/core",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
   "main": "dist/index.js",
@@ -62,28 +62,39 @@
       "types": "./dist/locales/zh.d.ts",
       "import": "./dist/locales/zh.js"
     },
-    "./styles": "./dist/styles/gc.css",
-    "./styles/scss": "./styles/gc.scss"
+    "./styles": "./dist/styles/index.css",
+    "./styles/scss": "./styles/index.scss",
+    "./styles/gc": "./dist/styles/gc.css",
+    "./styles/gc/scss": "./styles/gc.scss",
+    "./styles/rs": "./dist/styles/rs.css",
+    "./styles/rs/scss": "./styles/rs.scss",
+    "./styles/ec": "./dist/styles/ec.css",
+    "./styles/ec/scss": "./styles/ec.scss"
   },
   "scripts": {
-    "build": "rollup -c && sass styles/gc.scss dist/styles/gc.css --style=compressed --no-source-map",
+    "build": "rollup -c && sass styles/gc.scss dist/styles/gc.css --style=compressed --no-source-map && sass styles/rs.scss dist/styles/rs.css --style=compressed --no-source-map && sass styles/ec.scss dist/styles/ec.css --style=compressed --no-source-map && sass styles/index.scss dist/styles/index.css --style=compressed --no-source-map",
     "dev": "tsc --watch",
     "test": "vitest run",
     "test:watch": "vitest"
   },
   "peerDependencies": {
     "exceljs": "^4.4.0",
+    "html2canvas": "^1.4.0",
     "jspdf": "^2.5.0"
   },
   "peerDependenciesMeta": {
-    "jspdf": {
+    "exceljs": {
       "optional": true
     },
-    "exceljs": {
+    "html2canvas": {
+      "optional": true
+    },
+    "jspdf": {
       "optional": true
     }
   },
   "dependencies": {
+    "@noble/curves": "^2.2.0",
     "rxjs": "~7.8.0"
   },
   "devDependencies": {

package/styles/_common.scss

@@ -2,6 +2,12 @@
     display: block;
     height: 100%;
     overflow: hidden;
+
+    // Isolate from CSS resets (e.g. Tailwind preflight) that set border-box globally.
+    // The component's layout relies on content-box sizing.
+    *, *::before, *::after {
+        box-sizing: content-box;
+    }
 }
 
 .gc-wrapper {
@@ -36,6 +42,8 @@
 
     height: 100%;
     display: inline-block;
+    overflow: hidden;
+    flex-shrink: 0;
 
     .row-header {
         width: $row-header-width;
@@ -49,7 +57,6 @@
         height: $header-height;
         border-top: 1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);
         border-bottom: 1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);
-        border-left: 1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);
         display: flex;
         align-items: center;
         gap: 0px;
@@ -58,6 +65,8 @@
         .row-header {
             z-index: 9;
             background-color: var(--gc-sheet-header-bg-color, #f8f8f8);
+            border-left: 1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);
+            border-right: 1px solid var(--gc-sheet-header-cell-border-color, #a0a0a0);
         }
 
         &.reordering {
@@ -80,6 +89,7 @@
 
         .cell {
             display: flex;
+            flex-shrink: 0;
             align-items: center;
             border-right: 1px solid var(--gc-sheet-header-cell-divider-color, #a0a0a0);
             height: $header-height;
@@ -142,6 +152,7 @@
 
             .cell {
                 display: flex;
+                flex-shrink: 0;
                 align-items: center;
                 align-self: stretch;
                 border-right: 1px solid var(--gc-sheet-grid-line-color, #e0e0e0);