@stonecrop/atable 0.30.0 → 0.32.0

package/dist/assets/index.css

@@ -1 +1,804 @@
-.atable-cell{border-radius:0;box-sizing:border-box;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1;white-space:nowrap;max-width:40ch;border-top:1px solid var(--sc-row-border-color);margin:0 0 0 1px}.atable-cell a{color:var(--sc-cell-text-color);text-decoration:none}.atable-cell:focus,.atable-cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:var(--sc-atable-cell-border-width);outline-style:solid;outline-offset:calc(var(--sc-atable-cell-border-width) * -1);outline-color:var(--sc-focus-cell-outline);box-shadow:none;overflow:hidden;text-wrap:nowrap;box-sizing:border-box}.cell-modified{font-weight:700;font-style:italic}.cell-modified-highlight{background-color:var(--sc-cell-changed-color)}.atable-cell--badge-fill{padding:0!important;margin-left:0}.aganttcell[data-v-032ef6d9]{background-color:#f9f9f9;width:100%;padding:0;height:100%}.gantt-container[data-v-032ef6d9]{position:relative;height:100%;background-color:#f0f0f0;border-radius:4px;overflow:visible}.gantt-bar[data-v-032ef6d9]{position:absolute;border-radius:4px;display:flex;align-items:center;justify-content:space-between;cursor:grab;box-sizing:border-box;border:1px solid rgba(0,0,0,.5);transition:left .1s ease-out,width .1s ease-out;height:80%;top:50%;z-index:0;transform:translateY(-50%)}.gantt-bar[data-v-032ef6d9]:active{cursor:grabbing}.gantt-bar.is-dragging[data-v-032ef6d9]{z-index:10}.gantt-label[data-v-032ef6d9]{flex:1;text-align:center;font-size:12px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;-webkit-user-select:none;user-select:none}.resize-handle[data-v-032ef6d9]{position:relative;width:12px;height:100%;cursor:ew-resize;display:flex;align-items:center;justify-content:center;z-index:0;background:#00000040}.left-resize-handle[data-v-032ef6d9]{border-right:1px solid rgba(0,0,0,.5)}.right-resize-handle[data-v-032ef6d9]{border-left:1px solid rgba(0,0,0,.5)}.handle-grip[data-v-032ef6d9]{width:4px;height:12px;border-radius:2px;background:#000c}.resize-handle[data-v-032ef6d9]:hover{background-color:#ffffff80}.vertical-indicator[data-v-032ef6d9]{position:absolute;width:2px;opacity:0;pointer-events:none;transition:opacity .2s ease;top:-100vh;height:100vh;z-index:5;background-color:var(--v564d6da1)}.left-indicator[data-v-032ef6d9]{left:50%;transform:translate(-50%)}.right-indicator[data-v-032ef6d9]{right:50%;transform:translate(50%)}.resize-handle.is-dragging .vertical-indicator[data-v-032ef6d9]{opacity:.7}.gantt-container[data-v-032ef6d9]:after{content:"";position:absolute;inset:0;background-size:calc(100% / var(--v4f540c19)) 100%;background-image:linear-gradient(to right,rgba(0,0,0,.1) 1px,transparent 1px);pointer-events:none;z-index:1}.connection-handle[data-v-032ef6d9]{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:0;transition:opacity .2s ease;cursor:crosshair;z-index:2;display:flex;align-items:center;justify-content:center}.connection-handle.visible[data-v-032ef6d9]{opacity:1}.left-connection-handle[data-v-032ef6d9]{left:-16px}.right-connection-handle[data-v-032ef6d9]{right:-16px}.connection-dot[data-v-032ef6d9]{width:8px;height:8px;border-radius:50%;background-color:#2196f3;border:2px solid white;box-shadow:0 1px 3px #0000004d}.connection-handle:hover .connection-dot[data-v-032ef6d9]{background-color:#1976d2;transform:scale(1.2)}.connection-handle.is-dragging[data-v-032ef6d9]{opacity:1!important}.connection-handle.is-dragging .connection-dot[data-v-032ef6d9]{background-color:#1976d2;transform:scale(1.3);box-shadow:0 2px 8px #2196f366}.atable-row-actions{width:2rem;min-width:2rem;padding:0 .25rem;vertical-align:middle;white-space:nowrap;border-top:1px solid var(--sc-row-border-color);background:#fff;-webkit-user-select:none;user-select:none;position:relative}.atable-row-actions.dropdown-active{z-index:101}.row-actions-icons{display:flex;gap:.25rem;align-items:center;justify-content:center}.row-action-btn{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:.125rem;border:none;background:transparent;cursor:pointer;border-radius:.25rem;transition:background-color .15s ease}.row-action-btn:hover{background-color:var(--sc-gray-10)}.row-action-btn:focus{outline:2px solid var(--sc-focus-cell-outline);outline-offset:1px}.row-action-btn .action-icon{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem}.row-action-btn .action-icon :deep(svg){width:100%;height:100%}.row-actions-dropdown{position:relative;display:inline-block}.row-actions-dropdown:has(button:focus){outline:2px solid var(--sc-focus-cell-outline);outline-offset:-2px}.row-actions-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:transparent;cursor:pointer;border-radius:.25rem;font-size:1rem;font-weight:700;transition:background-color .15s ease}.row-actions-toggle:hover{background-color:var(--sc-gray-10)}.dropdown-icon{line-height:1}.row-actions-menu{position:fixed;z-index:100;min-width:10rem;padding:.25rem 0;background:#fff;border:1px solid var(--sc-row-border-color);border-left:4px solid var(--sc-row-border-color);border-radius:0}.row-actions-menu.menu-flipped{box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -2px #0000001a}.row-action-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:transparent;cursor:pointer;text-align:left;font-size:.875rem;transition:background-color .15s ease}.row-action-menu-item:hover{background-color:var(--sc-gray-10)}.row-action-menu-item:focus{outline:none;background-color:var(--sc-gray-10)}.row-action-menu-item:disabled,.row-action-btn:disabled{opacity:.4;cursor:not-allowed}.row-action-menu-item:disabled:hover,.row-action-btn:disabled:hover{background-color:transparent}.row-action-menu-item .action-icon{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0}.row-action-menu-item .action-icon :deep(svg){width:100%;height:100%}.row-action-menu-item .action-label{flex:1}.atable-row{background-color:#fff}.atable-row-clickable{cursor:pointer}.atable-row-clickable:hover>td{background-color:var(--sc-row-hover-color)}.atable-row:last-child>td{border-bottom:1px solid var(--sc-row-border-color)}.atable-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.atable-row>td:last-child{border-right:1px solid var(--sc-row-border-color)}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:.5em;text-align:left;-webkit-user-select:none;user-select:none;border-top:1px solid var(--sc-row-border-color);text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.tree-index,.expansion-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;box-sizing:border-box;cursor:pointer;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.atable-expanded-row{border-left:2px solid var(--sc-row-border-color)}.atable-expanded-content{border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.atable-row:has(td.cell-modified)>td.sticky-column,.atable-row:has(td.cell-modified)>th.sticky-column,.atable-row:has(td.cell-modified)>td.sticky-index,.atable-row:has(td.cell-modified)>th.sticky-index{background:var(--sc-cell-changed-color)}.atable-row.changed-row-gradient[data-v-f159cfbe]:has(td.cell-modified){--cell-color-start: color-mix(in srgb, var(--sc-cell-changed-color), #fff 20%);--cell-color-end: color-mix(in srgb, var(--sc-cell-changed-color), #fff 60%);background:linear-gradient(90deg,var(--cell-color-start),var(--cell-color-end))}.gantt-connection-overlay[data-v-d5929c98]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15}.connection-path[data-v-d5929c98]{transition:stroke-width .2s ease;pointer-events:auto;cursor:pointer;stroke-dasharray:5px;stroke:var(--sc-cell-text-color)}#arrowhead-marker polygon[data-v-d5929c98]{fill:var(--sc-cell-text-color)}.animated-path[data-v-d5929c98]{animation:animated-dash-d5929c98 infinite 1.5s linear}.connection-path[data-v-d5929c98]:hover{stroke-width:3px}.connection-hitbox[data-v-d5929c98]{pointer-events:auto;cursor:pointer}@keyframes animated-dash-d5929c98{0%{stroke-dashoffset:0px}to{stroke-dashoffset:-10px}}.column-filter[data-v-f9c23db9]{display:flex;align-items:center;gap:.25rem;width:100%}.filter-input[data-v-f9c23db9],.filter-select[data-v-f9c23db9]{background-color:var(--sc-form-background)!important;padding:.15rem .2rem;border:1px solid var(--sc-form-border);border-radius:3px;font-size:.875rem;color:var(--sc-cell-text-color);width:100%;box-sizing:border-box}.filter-input[data-v-f9c23db9]:focus,.filter-select[data-v-f9c23db9]:focus{outline:none;border-color:var(--sc-input-active-border-color)}.checkbox-filter[data-v-f9c23db9]{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--sc-cell-text-color);cursor:pointer}.filter-checkbox[data-v-f9c23db9]{margin:0}.date-range-filter[data-v-f9c23db9]{display:flex;gap:.25rem;align-items:center;width:100%}.date-range-filter .filter-input[data-v-f9c23db9]{flex:1;min-width:0}.date-separator[data-v-f9c23db9]{color:var(--sc-gray-50);font-weight:500;padding:0 .25rem;flex-shrink:0}.clear-btn[data-v-f9c23db9]{background:var(--sc-gray-10);border:1px solid var(--sc-form-border);border-radius:3px;color:var(--sc-gray-70);cursor:pointer;font-size:1rem;padding:.15rem .4rem;line-height:1;flex-shrink:0}.atable-header-row th{padding-left:.5ch!important;font-weight:700;min-width:3ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);box-sizing:border-box;color:var(--sc-header-text-color);position:relative}#header-index{padding-left:var(--sc-atable-row-padding);box-sizing:border-box;border-top:none}.tree-index{padding-right:0}th{order:1}.list-expansion-index{width:2ch;margin-left:5px}.cursor-pointer{cursor:pointer}.atable-filters-row th{padding:.25rem .5ch;vertical-align:top}.row-actions-header{width:2rem;min-width:2rem;padding:0 .25rem}.amodal{position:absolute;background-color:var(--sc-row-color-zebra-dark);z-index:200}.atable-pagination td[data-v-e0e73858]{padding:.75rem .5ch;border-top:1px solid var(--sc-row-border-color)}.truncation-note[data-v-e0e73858],.completion-note[data-v-e0e73858]{margin:0 0 .5rem;font-size:var(--sc-table-font-size);color:var(--sc-gray-60)}.completion-note[data-v-e0e73858]{margin-bottom:0}.atable-pagination-controls[data-v-e0e73858]{display:flex;gap:.5rem}.atable-pagination-btn[data-v-e0e73858]{appearance:none;-webkit-appearance:none;box-sizing:border-box;padding:.5rem 1rem;background:var(--sc-btn-color);color:var(--sc-btn-label-color);border:1px solid var(--sc-btn-border);border-radius:var(--sc-border-radius);cursor:pointer;font-family:var(--sc-font-family);font-size:var(--sc-table-font-size);font-weight:400;line-height:1.2;transition:background-color .15s ease}.atable-pagination-btn[data-v-e0e73858]:hover:not(:disabled){background:var(--sc-btn-hover)}.atable-pagination-btn[data-v-e0e73858]:focus-visible{outline:2px solid var(--sc-input-active-border-color);outline-offset:1px}.atable-pagination-btn[data-v-e0e73858]:disabled{cursor:not-allowed;background:var(--sc-gray-5);color:var(--sc-gray-50);border-color:var(--sc-gray-20);opacity:1}.atable-container{position:relative}.sticky-index{position:sticky;left:0;z-index:100;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:100;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color)}.atable[data-v-004f5f0f]{position:relative;font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse;box-sizing:border-box;table-layout:auto;width:auto;overflow:clip;height:1px}.atable th[data-v-004f5f0f]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}.atable th[data-v-004f5f0f]:focus{outline:none}.atable[data-v-004f5f0f]:tbody{overflow:hidden;position:relative}.atable[data-v-004f5f0f]:tbody:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:transparent;z-index:100}.aloading[data-v-a930a25b]{width:100%;border-top:1px solid var(--sc-row-border-color);border-bottom:1px solid var(--sc-row-border-color);display:flex;background-color:#fff;border-left:4px solid var(--sc-row-border-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);align-items:center;box-sizing:border-box;background:var(--sc-focus-cell-background);overflow:hidden;position:relative}.aloading-bar[data-v-a930a25b]{width:100%;height:100%;position:absolute;left:-100%;top:0;background:linear-gradient(90deg,rgba(var(--sc-table-loading-color),0),rgba(var(--sc-table-loading-color),1),rgba(var(--sc-table-loading-color),0));animation:gradient-a930a25b infinite 2s;z-index:0}.aloading-header[data-v-a930a25b]{color:var(--sc-cell-text-color);font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);padding:0;margin:0;font-weight:400;z-index:1}.aloading-header[data-v-a930a25b]:after{content:"...";animation:ellipse-a930a25b 2s;animation-iteration-count:infinite}@keyframes gradient-a930a25b{0%{left:-100%}to{left:100%}}@keyframes ellipse-a930a25b{0%{content:""}20%{content:""}40%{content:"."}60%{content:".."}80%{content:"..."}}.aloading[data-v-e1165876]{width:100%;border-top:1px solid var(--sc-row-border-color);border-bottom:1px solid var(--sc-row-border-color);display:flex;background-color:#fff;border-left:4px solid var(--sc-row-border-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);align-items:center;box-sizing:border-box;background:var(--sc-focus-cell-background);overflow:hidden;position:relative}.aloading-bar[data-v-e1165876]{width:50%;height:3px;position:absolute;left:-100%;bottom:0;background:var(--sc-row-border-color);animation:bar-left-e1165876 infinite 2s;z-index:0}.aloading-header[data-v-e1165876]{color:var(--sc-cell-text-color);font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);padding:0;margin:0;font-weight:400;z-index:1}.aloading-header[data-v-e1165876]:after{content:"...";animation:ellipse-e1165876 2s;animation-iteration-count:infinite}@keyframes bar-left-e1165876{0%{left:-50%}to{left:100%}}@keyframes ellipse-e1165876{0%{content:""}20%{content:""}40%{content:"."}60%{content:".."}80%{content:"..."}}
+
+.atable-cell {
+	border-radius: 0px;
+	box-sizing: border-box;
+	margin: 0px;
+	outline: none;
+	box-shadow: none;
+	color: var(--sc-cell-text-color);
+	overflow: hidden;
+	padding-left: 0.5ch !important;
+	padding-right: 0.5ch;
+	padding-top: var(--sc-atable-row-padding);
+	padding-bottom: var(--sc-atable-row-padding);
+	border-spacing: 0px;
+	border-collapse: collapse;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	order: 1;
+	white-space: nowrap;
+	max-width: 40ch;
+	border-top: 1px solid var(--sc-row-border-color);
+	margin-left: 1px;
+}
+.atable-cell a {
+	color: var(--sc-cell-text-color);
+	text-decoration: none;
+}
+.atable-cell:focus,
+.atable-cell:focus-within {
+	background-color: var(--sc-focus-cell-background);
+	outline-width: var(--sc-atable-cell-border-width);
+	outline-style: solid;
+	outline-offset: calc(var(--sc-atable-cell-border-width) * -1);
+	outline-color: var(--sc-focus-cell-outline);
+	box-shadow: none;
+	overflow: hidden;
+	text-wrap: nowrap;
+	box-sizing: border-box;
+}
+.cell-modified {
+	font-weight: bold;
+	font-style: italic;
+}
+.cell-modified-highlight {
+	background-color: var(--sc-cell-changed-color);
+}
+.atable-cell--badge-fill {
+	padding: 0 !important;
+	margin-left: 0;
+}
+
+.aganttcell[data-v-032ef6d9] {
+	background-color: #f9f9f9;
+	width: 100%;
+	padding: 0;
+	height: 100%;
+}
+.gantt-container[data-v-032ef6d9] {
+	position: relative;
+	height: 100%;
+	background-color: #f0f0f0;
+	border-radius: 4px;
+	overflow: visible;
+}
+.gantt-bar[data-v-032ef6d9] {
+	position: absolute;
+	border-radius: 4px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	cursor: grab;
+	box-sizing: border-box;
+	border: 1px solid rgba(0, 0, 0, 0.5);
+	transition:
+		left 0.1s ease-out,
+		width 0.1s ease-out;
+	height: 80%;
+	top: 50%;
+	z-index: 0;
+	transform: translateY(-50%);
+}
+.gantt-bar[data-v-032ef6d9]:active {
+	cursor: grabbing;
+}
+.gantt-bar.is-dragging[data-v-032ef6d9] {
+	z-index: 10;
+}
+.gantt-label[data-v-032ef6d9] {
+	flex: 1;
+	text-align: center;
+	font-size: 12px;
+	color: #aaaaaa;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	padding: 0 8px;
+	user-select: none;
+}
+.resize-handle[data-v-032ef6d9] {
+	position: relative;
+	width: 12px;
+	height: 100%;
+	cursor: ew-resize;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	z-index: 0;
+	background: rgba(0, 0, 0, 0.25);
+}
+.left-resize-handle[data-v-032ef6d9] {
+	border-right: 1px solid rgba(0, 0, 0, 0.5);
+}
+.right-resize-handle[data-v-032ef6d9] {
+	border-left: 1px solid rgba(0, 0, 0, 0.5);
+}
+.handle-grip[data-v-032ef6d9] {
+	width: 4px;
+	height: 12px;
+	border-radius: 2px;
+	background: rgba(0, 0, 0, 0.8);
+}
+.resize-handle[data-v-032ef6d9]:hover {
+	background-color: rgba(255, 255, 255, 0.5);
+}
+.vertical-indicator[data-v-032ef6d9] {
+	position: absolute;
+	width: 2px;
+	opacity: 0;
+	pointer-events: none;
+	transition: opacity 0.2s ease;
+	top: -100vh;
+	height: 100vh;
+	z-index: 5;
+	background-color: var(--v564d6da1);
+}
+.left-indicator[data-v-032ef6d9] {
+	left: 50%;
+	transform: translateX(-50%);
+}
+.right-indicator[data-v-032ef6d9] {
+	right: 50%;
+	transform: translateX(50%);
+}
+.resize-handle.is-dragging .vertical-indicator[data-v-032ef6d9] {
+	opacity: 0.7;
+}
+.gantt-container[data-v-032ef6d9]::after {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-size: calc(100% / var(--v4f540c19)) 100%;
+	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 1px, transparent 1px);
+	pointer-events: none;
+	z-index: 1;
+}
+.connection-handle[data-v-032ef6d9] {
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+	width: 16px;
+	height: 16px;
+	opacity: 0;
+	transition: opacity 0.2s ease;
+	cursor: crosshair;
+	z-index: 2;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.connection-handle.visible[data-v-032ef6d9] {
+	opacity: 1;
+}
+.left-connection-handle[data-v-032ef6d9] {
+	left: -16px;
+}
+.right-connection-handle[data-v-032ef6d9] {
+	right: -16px;
+}
+.connection-dot[data-v-032ef6d9] {
+	width: 8px;
+	height: 8px;
+	border-radius: 50%;
+	background-color: #2196f3;
+	border: 2px solid white;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+}
+.connection-handle:hover .connection-dot[data-v-032ef6d9] {
+	background-color: #1976d2;
+	transform: scale(1.2);
+}
+.connection-handle.is-dragging[data-v-032ef6d9] {
+	opacity: 1 !important;
+}
+.connection-handle.is-dragging .connection-dot[data-v-032ef6d9] {
+	background-color: #1976d2;
+	transform: scale(1.3);
+	box-shadow: 0 2px 8px rgba(33, 150, 243, 0.4);
+}
+
+.atable-row-actions {
+	width: 2rem;
+	min-width: 2rem;
+	padding: 0 0.25rem;
+	vertical-align: middle;
+	white-space: nowrap;
+	border-top: 1px solid var(--sc-row-border-color);
+	background: white;
+	user-select: none;
+	position: relative;
+}
+.atable-row-actions.dropdown-active {
+	z-index: 101;
+}
+.row-actions-icons {
+	display: flex;
+	gap: 0.25rem;
+	align-items: center;
+	justify-content: center;
+}
+.row-action-btn {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 1.5rem;
+	height: 1.5rem;
+	padding: 0.125rem;
+	border: none;
+	background: transparent;
+	cursor: pointer;
+	border-radius: 0.25rem;
+	transition: background-color 0.15s ease;
+}
+.row-action-btn:hover {
+	background-color: var(--sc-gray-10);
+}
+.row-action-btn:focus {
+	outline: 2px solid var(--sc-focus-cell-outline);
+	outline-offset: 1px;
+}
+.row-action-btn .action-icon {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 1rem;
+	height: 1rem;
+}
+.row-action-btn .action-icon svg {
+	width: 100%;
+	height: 100%;
+}
+
+/* Dropdown mode styles */
+.row-actions-dropdown {
+	position: relative;
+	display: inline-block;
+}
+.row-actions-dropdown:has(button:focus) {
+	outline: 2px solid var(--sc-focus-cell-outline);
+	outline-offset: -2px;
+}
+.row-actions-toggle {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 1.5rem;
+	height: 1.5rem;
+	padding: 0;
+	border: none;
+	background: transparent;
+	cursor: pointer;
+	border-radius: 0.25rem;
+	font-size: 1rem;
+	font-weight: bold;
+	transition: background-color 0.15s ease;
+}
+.row-actions-toggle:hover {
+	background-color: var(--sc-gray-10);
+}
+.row-actions-toggle:focus {
+	/* outline: 2px solid var(--sc-focus-cell-outline);
+	outline-offset: 1px; */
+}
+.dropdown-icon {
+	line-height: 1;
+}
+.row-actions-menu {
+	position: fixed;
+	z-index: 100;
+	min-width: 10rem;
+	padding: 0.25rem 0;
+	background: white;
+	border: 1px solid var(--sc-row-border-color);
+	border-left: 4px solid var(--sc-row-border-color);
+	border-radius: 0;
+}
+.row-actions-menu.menu-flipped {
+	box-shadow:
+		0 -4px 6px -1px rgb(0 0 0 / 0.1),
+		0 -2px 4px -2px rgb(0 0 0 / 0.1);
+}
+.row-action-menu-item {
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+	width: 100%;
+	padding: 0.5rem 0.75rem;
+	border: none;
+	background: transparent;
+	cursor: pointer;
+	text-align: left;
+	font-size: 0.875rem;
+	transition: background-color 0.15s ease;
+}
+.row-action-menu-item:hover {
+	background-color: var(--sc-gray-10);
+}
+.row-action-menu-item:focus {
+	outline: none;
+	background-color: var(--sc-gray-10);
+}
+.row-action-menu-item:disabled,
+.row-action-btn:disabled {
+	opacity: 0.4;
+	cursor: not-allowed;
+}
+.row-action-menu-item:disabled:hover,
+.row-action-btn:disabled:hover {
+	background-color: transparent;
+}
+.row-action-menu-item .action-icon {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 1rem;
+	height: 1rem;
+	flex-shrink: 0;
+}
+.row-action-menu-item .action-icon svg {
+	width: 100%;
+	height: 100%;
+}
+.row-action-menu-item .action-label {
+	flex: 1;
+}
+
+.atable-row {
+	background-color: white;
+}
+.atable-row-clickable {
+	cursor: pointer;
+}
+.atable-row-clickable:hover > td {
+	background-color: var(--sc-row-hover-color);
+}
+.atable-row:last-child > td {
+	border-bottom: 1px solid var(--sc-row-border-color);
+}
+.atable-row > td:first-child {
+	border-left: 4px solid var(--sc-row-border-color);
+}
+.atable-row > td:last-child {
+	border-right: 1px solid var(--sc-row-border-color);
+}
+.list-index {
+	color: var(--sc-header-text-color);
+	font-weight: bold;
+	padding-left: var(--sc-atable-row-padding);
+	padding-right: 0.5em;
+	text-align: left;
+	user-select: none;
+	/* width: 7ch; */
+	border-top: 1px solid var(--sc-row-border-color);
+	text-overflow: ellipsis;
+	overflow: hidden;
+	box-sizing: border-box;
+	padding-top: var(--sc-atable-row-padding);
+	padding-bottom: var(--sc-atable-row-padding);
+}
+.tree-index,
+.expansion-index {
+	color: var(--sc-header-text-color);
+	font-weight: bold;
+	text-align: center;
+	user-select: none;
+	width: 2ch;
+	box-sizing: border-box;
+	cursor: pointer;
+	padding-top: var(--sc-atable-row-padding);
+	padding-bottom: var(--sc-atable-row-padding);
+}
+.atable-expanded-row {
+	border-left: 2px solid var(--sc-row-border-color);
+}
+.atable-expanded-content {
+	border-top: 1px solid var(--sc-row-border-color);
+	padding: 1.5rem;
+}
+/* sticky cells in modified rows should be a solid color to properly hide non-sticky cells */
+.atable-row:has(td.cell-modified) > td.sticky-column,
+.atable-row:has(td.cell-modified) > th.sticky-column,
+.atable-row:has(td.cell-modified) > td.sticky-index,
+.atable-row:has(td.cell-modified) > th.sticky-index {
+	background: var(--sc-cell-changed-color);
+}
+
+.atable-row.changed-row-gradient[data-v-f159cfbe]:has(td.cell-modified) {
+	--cell-color-start: color-mix(in srgb, var(--sc-cell-changed-color), #fff 20%);
+	--cell-color-end: color-mix(in srgb, var(--sc-cell-changed-color), #fff 60%);
+	background: linear-gradient(90deg, var(--cell-color-start), var(--cell-color-end));
+}
+
+.gantt-connection-overlay[data-v-d5929c98] {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	pointer-events: none;
+	z-index: 15;
+}
+.connection-path[data-v-d5929c98] {
+	transition: stroke-width 0.2s ease;
+	pointer-events: auto;
+	cursor: pointer;
+	stroke-dasharray: 5px;
+	stroke: var(--sc-cell-text-color);
+}
+#arrowhead-marker polygon[data-v-d5929c98] {
+	fill: var(--sc-cell-text-color);
+}
+.animated-path[data-v-d5929c98] {
+	animation: animated-dash-d5929c98 infinite 1.5s linear;
+}
+.connection-path[data-v-d5929c98]:hover {
+	stroke-width: 3px;
+}
+.connection-hitbox[data-v-d5929c98] {
+	pointer-events: auto;
+	cursor: pointer;
+}
+@keyframes animated-dash-d5929c98 {
+0% {
+		stroke-dashoffset: 0px;
+}
+100% {
+		stroke-dashoffset: -10px;
+}
+}
+
+.column-filter[data-v-f9c23db9] {
+	display: flex;
+	align-items: center;
+	gap: 0.25rem;
+	width: 100%;
+}
+.filter-input[data-v-f9c23db9],
+.filter-select[data-v-f9c23db9] {
+	background-color: var(--sc-form-background) !important;
+	padding: 0.15rem 0.2rem;
+	border: 1px solid var(--sc-form-border);
+	border-radius: 3px;
+	font-size: 0.875rem;
+	color: var(--sc-cell-text-color);
+	width: 100%;
+	box-sizing: border-box;
+}
+.filter-input[data-v-f9c23db9]:focus,
+.filter-select[data-v-f9c23db9]:focus {
+	outline: none;
+	border-color: var(--sc-input-active-border-color);
+}
+.checkbox-filter[data-v-f9c23db9] {
+	display: flex;
+	align-items: center;
+	gap: 0.25rem;
+	font-size: 0.875rem;
+	color: var(--sc-cell-text-color);
+	cursor: pointer;
+}
+.filter-checkbox[data-v-f9c23db9] {
+	margin: 0;
+}
+.date-range-filter[data-v-f9c23db9] {
+	display: flex;
+	gap: 0.25rem;
+	align-items: center;
+	width: 100%;
+}
+.date-range-filter .filter-input[data-v-f9c23db9] {
+	flex: 1;
+	min-width: 0;
+}
+.date-separator[data-v-f9c23db9] {
+	color: var(--sc-gray-50);
+	font-weight: 500;
+	padding: 0 0.25rem;
+	flex-shrink: 0;
+}
+.clear-btn[data-v-f9c23db9] {
+	background: var(--sc-gray-10);
+	border: 1px solid var(--sc-form-border);
+	border-radius: 3px;
+	color: var(--sc-gray-70);
+	cursor: pointer;
+	font-size: 1rem;
+	padding: 0.15rem 0.4rem;
+	line-height: 1;
+	flex-shrink: 0;
+}
+
+.atable-header-row th {
+	padding-left: 0.5ch !important;
+	font-weight: 700;
+	min-width: 3ch;
+	padding-top: var(--sc-atable-row-padding);
+	padding-bottom: var(--sc-atable-row-padding);
+	box-sizing: border-box;
+	color: var(--sc-header-text-color);
+	position: relative;
+}
+#header-index {
+	padding-left: var(--sc-atable-row-padding);
+	box-sizing: border-box;
+	border-top: none;
+}
+.tree-index {
+	padding-right: 0;
+}
+th {
+	order: 1;
+}
+.list-expansion-index {
+	width: 2ch;
+	margin-left: 5px;
+}
+.cursor-pointer {
+	cursor: pointer;
+}
+.atable-filters-row th {
+	padding: 0.25rem 0.5ch;
+	vertical-align: top;
+}
+.row-actions-header {
+	width: 2rem;
+	min-width: 2rem;
+	padding: 0 0.25rem;
+}
+
+.amodal {
+	position: absolute;
+	background-color: var(--sc-row-color-zebra-dark);
+	z-index: 200;
+}
+
+.atable-pagination td[data-v-e0e73858] {
+	padding: 0.75rem 0.5ch;
+	border-top: 1px solid var(--sc-row-border-color);
+}
+.truncation-note[data-v-e0e73858],
+.completion-note[data-v-e0e73858] {
+	margin: 0 0 0.5rem;
+	font-size: var(--sc-table-font-size);
+	color: var(--sc-gray-60);
+}
+.completion-note[data-v-e0e73858] {
+	margin-bottom: 0;
+}
+.atable-pagination-controls[data-v-e0e73858] {
+	display: flex;
+	gap: 0.5rem;
+}
+.atable-pagination-btn[data-v-e0e73858] {
+	appearance: none;
+	-webkit-appearance: none;
+	box-sizing: border-box;
+	padding: 0.5rem 1rem;
+	background: var(--sc-btn-color);
+	color: var(--sc-btn-label-color);
+	border: 1px solid var(--sc-btn-border);
+	border-radius: var(--sc-border-radius);
+	cursor: pointer;
+	font-family: var(--sc-font-family);
+	font-size: var(--sc-table-font-size);
+	font-weight: 400;
+	line-height: 1.2;
+	transition: background-color 0.15s ease;
+}
+.atable-pagination-btn[data-v-e0e73858]:hover:not(:disabled) {
+	background: var(--sc-btn-hover);
+}
+.atable-pagination-btn[data-v-e0e73858]:focus-visible {
+	outline: 2px solid var(--sc-input-active-border-color);
+	outline-offset: 1px;
+}
+.atable-pagination-btn[data-v-e0e73858]:disabled {
+	cursor: not-allowed;
+	background: var(--sc-gray-5);
+	color: var(--sc-gray-50);
+	border-color: var(--sc-gray-20);
+	opacity: 1;
+}
+
+.atable-container {
+	position: relative;
+}
+.sticky-index {
+	position: sticky;
+	left: 0px;
+	z-index: 100;
+	order: 0;
+}
+.sticky-column,
+th.sticky-column,
+td.sticky-column,
+th.sticky-index,
+td.sticky-index {
+	position: sticky;
+	z-index: 100;
+	order: 0;
+	background: white;
+}
+.sticky-column-edge,
+.atable th.sticky-column-edge {
+	border-right: 1px solid var(--sc-row-border-color);
+}
+
+.atable[data-v-53c8fbad] {
+	position: relative;
+	font-family: var(--sc-atable-font-family);
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	font-size: var(--sc-table-font-size);
+	border-collapse: collapse;
+	box-sizing: border-box;
+	table-layout: auto;
+	width: auto;
+	overflow: clip;
+	height: 1px;
+	/* border-left:4px solid var(--sc-form-border); */
+}
+.atable th[data-v-53c8fbad] {
+	border-width: 0px;
+	border-style: solid;
+	border-radius: 0px;
+	padding-left: 0.5ch;
+	padding-right: 0.5ch;
+	padding-top: var(--sc-atable-row-padding);
+	padding-bottom: var(--sc-atable-row-padding);
+	color: var(--sc-gray-60);
+	height: var(--sc-atable-row-height);
+	font-weight: 300;
+	letter-spacing: 0.05rem;
+	order: 1;
+	box-sizing: border-box;
+}
+.atable th[data-v-53c8fbad]:focus {
+	outline: none;
+}
+
+.aloading[data-v-a930a25b] {
+	width: 100%;
+	border-top: 1px solid var(--sc-row-border-color);
+	border-bottom: 1px solid var(--sc-row-border-color);
+	display: flex;
+	background-color: white;
+	border-left: 4px solid var(--sc-row-border-color);
+	padding-left: 0.5ch !important;
+	padding-right: 0.5ch;
+	padding-top: var(--sc-atable-row-padding);
+	padding-bottom: var(--sc-atable-row-padding);
+	align-items: center;
+	box-sizing: border-box;
+	background: var(--sc-focus-cell-background);
+	overflow: hidden;
+	position: relative;
+}
+.aloading-bar[data-v-a930a25b] {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	left: -100%;
+	top: 0;
+	background: linear-gradient(
+		90deg,
+		rgba(var(--sc-table-loading-color), 0) 0%,
+		rgba(var(--sc-table-loading-color), 1) 50%,
+		rgba(var(--sc-table-loading-color), 0) 100%
+	);
+	animation: gradient-a930a25b infinite 2s;
+	z-index: 0;
+}
+.aloading-header[data-v-a930a25b] {
+	color: var(--sc-cell-text-color);
+	font-family: var(--sc-atable-font-family);
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	font-size: var(--sc-table-font-size);
+	padding: 0;
+	margin: 0;
+	font-weight: normal;
+	z-index: 1;
+}
+.aloading-header[data-v-a930a25b]::after {
+	content: '...';
+	animation: ellipse-a930a25b 2s;
+	animation-iteration-count: infinite;
+}
+@keyframes gradient-a930a25b {
+0% {
+		left: -100%;
+}
+100% {
+		left: 100%;
+}
+}
+@keyframes ellipse-a930a25b {
+0% {
+		content: '';
+}
+20% {
+		content: '';
+}
+40% {
+		content: '.';
+}
+60% {
+		content: '..';
+}
+80% {
+		content: '...';
+}
+}
+
+.aloading[data-v-e1165876] {
+	width: 100%;
+	border-top: 1px solid var(--sc-row-border-color);
+	border-bottom: 1px solid var(--sc-row-border-color);
+	display: flex;
+	background-color: white;
+	border-left: 4px solid var(--sc-row-border-color);
+	padding-left: 0.5ch !important;
+	padding-right: 0.5ch;
+	padding-top: var(--sc-atable-row-padding);
+	padding-bottom: var(--sc-atable-row-padding);
+	align-items: center;
+	box-sizing: border-box;
+	background: var(--sc-focus-cell-background);
+	overflow: hidden;
+	position: relative;
+}
+.aloading-bar[data-v-e1165876] {
+	width: 50%;
+	height: 3px;
+	position: absolute;
+	left: -100%;
+	bottom: 0;
+	background: var(--sc-row-border-color);
+	animation: bar-left-e1165876 infinite 2s;
+	z-index: 0;
+}
+.aloading-header[data-v-e1165876] {
+	color: var(--sc-cell-text-color);
+	font-family: var(--sc-atable-font-family);
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	font-size: var(--sc-table-font-size);
+	padding: 0;
+	margin: 0;
+	font-weight: normal;
+	z-index: 1;
+}
+.aloading-header[data-v-e1165876]::after {
+	content: '...';
+	animation: ellipse-e1165876 2s;
+	animation-iteration-count: infinite;
+}
+@keyframes bar-left-e1165876 {
+0% {
+		left: -50%;
+}
+100% {
+		left: 100%;
+}
+}
+@keyframes ellipse-e1165876 {
+0% {
+		content: '';
+}
+20% {
+		content: '';
+}
+40% {
+		content: '.';
+}
+60% {
+		content: '..';
+}
+80% {
+		content: '...';
+}
+}