rowvia 0.2.3 → 0.3.0

package/README.md

@@ -2,14 +2,15 @@
 
 Rowvia 是基于 TypeScript 和原生 DOM 的数据表格、甘特图与人员排期组件库，运行时不依赖第三方库。表格 API 参考 AG Grid 的命名和使用方式，提供 `createGrid`、`GridOptions`、`GridApi` 和 `ColumnApi`。
 
-当前版本为 `0.2.3`，提供 npm 包入口、样式和 TypeScript 类型声明。当前实现覆盖多种表格交互，但不保证与 AG Grid 完整兼容，也不包含其全部 Enterprise 能力。
+当前版本为 `0.2.4`，提供 npm 包入口、样式和 TypeScript 类型声明。当前实现覆盖多种表格交互，但不保证与 AG Grid 完整兼容，也不包含其全部 Enterprise 能力。
 
 ## 主要能力
 
 - **数据表格**：行虚拟化、排序、筛选、分页、编辑、分组聚合、树形数据、主从表、透视、公式计算、图表及文件导入导出。
 - **甘特图**：树形任务表格与 Canvas 时间线联动，支持排期拖动、时长调整、里程碑、依赖箭头和负责人选择。
 - **人员排期**：按人员展示任务，重叠排期自动分行，支持拖动、调整起止日期、未排期项编辑和视图保存。
-- **独立接入**：三个组件都从库入口导出；甘特图与人员排期支持同页多实例，并提供销毁方法。
+- **节点流程管理**：流程分组画布、节点操作卡、通行条件清单与节点时间线，覆盖完成方式、字段、表单、子任务与节点事件。
+- **独立接入**：组件都从库入口导出；甘特图、人员排期与节点流程支持同页多实例，并提供销毁方法。
 - **主题和本地化**：CSS 变量主题，以及表格 `localeText` 文案覆盖。
 
 性能演示包含 100,000 行 × 100 列场景。相关浏览器验证记录见 [演示验证说明](docs/DEMO-VERIFICATION.md)；这不代表所有设备和业务数据都具有相同表现。
@@ -38,6 +39,7 @@ npm run build      # 构建全部演示、组件库和类型声明
 | 服务端行模型 | `/demos/server-side/index.html` |
 | 甘特图 | `/demos/gantt/index.html` |
 | 人员排期 | `/demos/personnel/index.html` |
+| 节点流程管理 | `/demos/node-flow/index.html` |
 
 演示使用本地数据，不连接业务后端。
 
@@ -57,7 +59,7 @@ npm run build:lib
 npm pack
 
 # 在业务项目中执行，将路径替换为实际文件位置
-npm install /path/to/rowvia-0.2.3.tgz
+npm install /path/to/rowvia-0.2.4.tgz
 ```
 
 | 产物 | 用途 |
@@ -209,17 +211,23 @@ src/
   features/         筛选、编辑、导出、图表、面板等功能
   gantt/            独立甘特图组件与 Canvas 时间线
   personnel/        独立人员排期组件与数据模型
-  components/       共用详情对话框
+  node-flow/        节点流程管理：画布、操作卡、通行条件、时间线
+  contracts/        纯类型契约
+  shared/           生命周期、事件、状态接口和 DOM 工具
+  fields/           独立 BaseField、类型子类、三态与注册表
+  forms/            表单、布局和条件
+  work-items/       工作项表格、工具栏、标签、批量操作、视图和详情头
+  components/       共用详情对话框、单元格与滚动条
   styles/           表格与首页样式
-demos/              七个演示页面及本地数据
-test/               表格、甘特图、人员排期测试
+demos/              九个演示页面及本地数据
+test/               表格、甘特图、人员排期、工作项与节点流程测试
 scripts/            构建辅助脚本
 docs/               演示验证记录
 ```
 
 ## 验证与发布
 
-- `npm test`：182 项表格回归检查，以及甘特图和人员排期集成测试，覆盖渲染、筛选、编辑、滚动联动、排期调整、多实例隔离和销毁等行为。
+- `npm test`：表格回归检查，以及甘特图、人员排期、工作项与节点流程集成测试，覆盖渲染、筛选、编辑、滚动联动、排期调整、通行条件流转、多实例隔离和销毁等行为。
 - `npm run typecheck`：检查库代码、演示及构建配置。
 - `npm run build`：生成全部演示、ESM / UMD 文件、CSS 和类型声明。
 - `npm pack --dry-run`：检查 npm 包的文件清单；包内容限定为 `dist/`、README 和包元数据。
@@ -227,6 +235,18 @@ docs/               演示验证记录
 
 历史浏览器验证见 [演示验证说明](docs/DEMO-VERIFICATION.md)。自动测试不等同于完整的浏览器、无障碍或 AG Grid 兼容性验收。
 
-### 业务页面组件
+### 工作项组件拼装
 
-八个 Demo 对应的业务组件、交互、工作项控件与样式现在包含在 npm 包内。详见 [组件接入说明](docs/components.md)。统一从 `rowvia` 导入工厂函数，并引入 `rowvia/style.css`；无需复制 Demo 源码。
+库只导出可组合的组件。`demos/` 负责页面布局、业务命令和示例数据，不随库导出页面工厂。工作项的表格、标签栏、工具栏、批量操作栏、字段控件和表单可分别挂载，详见 [组件拼装与旧页面 API 迁移](docs/components.md)。
+
+### 节点流程管理组件
+
+`createNodeFlow(container, options)` 按飞书项目「节点流程配置」重排工作项详情的节点区：流程上下文条（流程类型、进度摘要、节点查找、只读规则）、分组流程画布（并行段汇聚说明、节点信息展示、缩放定位）、节点操作卡（完成方式与按钮、通行条件清单、字段分组、节点表单、子任务、节点事件）与节点时间线。四个区块也可用 `createFlowContextBar`、`createFlowCanvas`、`createNodeCard`、`createNodeTimeline` 分别挂载。数据模型、回调与主题变量详见 [组件接入说明](docs/components.md)。
+
+### 字段控件目录
+
+独立字段入口 `rowvia/fields` 提供 `BaseField` 抽象类、35个内置控件、可覆盖的展示/悬浮/编辑三态和输入输出钩子，不依赖工作项或表格。独立样式使用 `rowvia/fields/style.css`；运行示例见 `demos/fields/`。工作项通过适配器使用这些控件，兼容 Meego 的 39 种类型，并可注入宿主服务。详见 [字段控件接入](docs/field-controls.md)。
+
+### 工作项表单面（新建页 / 详情页同源）
+
+新建弹窗与详情抽屉由同一个 `createWorkItemFormSurface(config, deps)` 组件按参数加载：默认状态（open 态 / 展示态）、页面字段与布局（含字段权限、显示条件、条件必填、默认值）、字段数据、操作区与事件；详情页标签页支持完整自定义（系统 tab 增删、自定义/插件 tab、可见条件与可见成员范围）。参数模型与标签页配置详见 [表单面组件](docs/form-surface.md)。

package/dist/fields.css

@@ -0,0 +1 @@
+:is(.rowvia-field,.rowvia-field-scope),:is(.rowvia-field,.rowvia-field-scope) *{box-sizing:border-box}:is(.rowvia-field,.rowvia-field-scope) :is(button,input,select,textarea){font:inherit}:is(.rowvia-field,.rowvia-field-scope) button{cursor:pointer}:is(.rowvia-field,.rowvia-field-scope) .fc-input{width:100%;min-height:36px;box-sizing:border-box;padding:7px 11px;border:1px solid #dee0e5;border-radius:6px;background:#fff;color:#1f2329;font:inherit;transition:border-color .15s,box-shadow .15s}:is(.rowvia-field,.rowvia-field-scope) .fc-input:hover{border-color:#aeb5c2}:is(.rowvia-field,.rowvia-field-scope) .fc-input:focus,:is(.rowvia-field,.rowvia-field-scope) .fc-rich:focus-within{outline:none;border-color:#3370ff;box-shadow:0 0 0 3px #3370ff14}:is(.rowvia-field,.rowvia-field-scope) .fc-input:disabled{background:#f5f6f7;color:#8f959e;cursor:not-allowed}:is(.rowvia-field,.rowvia-field-scope) .fc-empty{color:#a3a7af}:is(.rowvia-field,.rowvia-field-scope) .fc-value{overflow:hidden;text-overflow:ellipsis;min-width:0}:is(.rowvia-field,.rowvia-field-scope) .fc-value.fc-cell{white-space:nowrap}:is(.rowvia-field,.rowvia-field-scope) .fc-value.fc-cell *{display:inline;margin:0}:is(.rowvia-field,.rowvia-field-scope) .fc-value.fc-detail{white-space:pre-wrap}:is(.rowvia-field,.rowvia-field-scope) .fc-tags{display:flex;align-items:center;gap:4px;overflow:hidden}:is(.rowvia-field,.rowvia-field-scope) .fc-tag{display:inline-block;padding:1px 7px;background:#e8efff;color:#345fa1;border-radius:4px;white-space:nowrap;line-height:23px}:is(.rowvia-field,.rowvia-field-scope) .fc-choice-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}:is(.rowvia-field,.rowvia-field-scope) .fc-chip{border:1px solid #dee0e5;border-radius:5px;padding:4px 9px;background:#fff;color:#646a73}:is(.rowvia-field,.rowvia-field-scope) .fc-chip.selected{background:#eaf0ff;border-color:#a9c2ff;color:#245bdb}:is(.rowvia-field,.rowvia-field-scope) .fc-select[multiple]{padding:4px}:is(.rowvia-field,.rowvia-field-scope) .fc-select option{padding:7px;border-radius:4px}:is(.rowvia-field,.rowvia-field-scope) .fc-rich{border:1px solid #dee0e5;border-radius:6px;background:#fff;overflow:hidden}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-toolbar{display:flex;gap:4px;padding:5px 8px;background:#fafbfc;border-bottom:1px solid #eff0f1}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-toolbar button{padding:4px 7px;font-size:12px;color:#646a73;border-radius:3px}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-toolbar button:hover{background:#e8eaf0}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-content{min-height:112px;max-height:280px;overflow:auto;padding:10px 12px;outline:none;white-space:pre-wrap;line-height:1.65}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-content blockquote{border-left:3px solid #c2c8d2;padding-left:12px;margin:8px 0;color:#646a73}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-content[contenteditable=false]{background:#f5f6f7;color:#8f959e}:is(.rowvia-field,.rowvia-field-scope) .fc-error{color:#d83931;font-size:12px;line-height:20px}:is(.rowvia-field,.rowvia-field-scope) .fc-error:empty{display:none}:is(.rowvia-field,.rowvia-field-scope) .fc-error:not(:empty){margin-top:6px}:is(.rowvia-field,.rowvia-field-scope) .fc-detail-link{color:#3370ff;white-space:nowrap}:is(.rowvia-field,.rowvia-field-scope) .fc-choice-chips{margin-top:0;min-height:36px;align-items:center}:is(.rowvia-field,.rowvia-field-scope) .fc-choice-chips:empty:before{content:"暂无选项，请配置字段选项";color:#a3a7af;font-size:12px}:is(.rowvia-field,.rowvia-field-scope) .fc-option-list{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto;padding:3px}:is(.rowvia-field,.rowvia-field-scope) .fc-option-list .fc-option{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;padding:7px 9px;border:0;border-radius:5px;background:transparent;color:#1f2329;text-align:left}:is(.rowvia-field,.rowvia-field-scope) .fc-option-list .fc-option:hover,:is(.rowvia-field,.rowvia-field-scope) .fc-option-list .fc-option:focus-visible{background:#f1f3f6}:is(.rowvia-field,.rowvia-field-scope) .fc-option-list .fc-option.selected{color:#245bdb;background:#edf3ff}:is(.rowvia-field,.rowvia-field-scope) .fc-option-mark{flex:none;width:16px;height:16px;line-height:16px;text-align:center;color:#3370ff}:is(.rowvia-field,.rowvia-field-scope) .fc-option-mark.checkbox{border:1px solid #c2c6ce;border-radius:3px;box-sizing:border-box}:is(.rowvia-field,.rowvia-field-scope) .fc-option.selected .fc-option-mark.checkbox{border-color:#3370ff;background:#3370ff;color:#fff}:is(.rowvia-field,.rowvia-field-scope) .fc-option-label{overflow-wrap:anywhere}:is(.rowvia-field,.rowvia-field-scope) .fc-option:disabled{opacity:.5;cursor:not-allowed}:is(.rowvia-field,.rowvia-field-scope) .popup.fc-choice-popup{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}:is(.rowvia-field,.rowvia-field-scope) .fc-choice-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:36px;padding:4px 10px;background:#fff;border:1px solid #3370ff;border-radius:4px;box-shadow:0 0 0 1px #3370ff}:is(.rowvia-field,.rowvia-field-scope) .fc-choice-selection{display:contents}:is(.rowvia-field,.rowvia-field-scope) .fc-choice-head .fc-choice-search{flex:1;min-width:50px;width:70px;border:0;outline:0;padding:2px 0;background:transparent;box-shadow:none}:is(.rowvia-field,.rowvia-field-scope) .fc-choice-remove{padding:0 0 0 5px;color:#646a73}:is(.rowvia-field,.rowvia-field-scope) .fc-choice .fc-option-list{margin-top:5px;padding:4px;border:1px solid #dee0e5;border-radius:7px;background:#fff;box-shadow:0 5px 16px #1f232918}:is(.rowvia-field,.rowvia-field-scope) .fc-option-list .fc-option{justify-content:space-between;padding:5px 8px}:is(.rowvia-field,.rowvia-field-scope) .fc-option-list .fc-option.selected{background:#f0f0ff}:is(.rowvia-field,.rowvia-field-scope) .fc-option-list .fc-option-label{flex:none;color:#1f2329;font-weight:500}:is(.rowvia-field,.rowvia-field-scope) .fc-option-list .fc-option-mark:not(.checkbox){border-radius:50%}:is(.rowvia-field,.rowvia-field-scope) .fc-option-list .selected .fc-option-mark:not(.checkbox){color:#fff;background:#4053e8;font-size:11px}:is(.rowvia-field,.rowvia-field-scope) .fc-tags .fc-tag{color:#1f2329}:is(.rowvia-field,.rowvia-field-scope) .fc-choice-empty{margin:0;padding:12px;text-align:center}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar{width:100%;max-width:300px;color:#242830;font-size:14px}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-inputs{display:flex;gap:8px}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar .fc-calendar-date{min-width:0;padding:7px 10px;height:36px}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar .fc-calendar-date.active{border-color:#4050ff;box-shadow:none}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-header{display:grid;grid-template-columns:28px 28px 1fr 28px 28px;align-items:center;gap:3px;margin:16px 0 20px}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-month{text-align:center;font-size:16px;font-weight:600;white-space:nowrap}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar button{font:inherit;cursor:pointer}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-nav{display:grid;place-items:center;height:28px;padding:3px;border:0;background:transparent;border-radius:4px;color:#808388}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-nav.next svg{transform:rotate(180deg)}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-nav:hover{background:#f1f2f6}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-weekdays,:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-weekdays{color:#808388;padding-bottom:12px;border-bottom:1px solid #e0e1e4;margin-bottom:4px}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-days{gap:4px 0}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-day,:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-blank{width:34px;height:34px;justify-self:center}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-day{padding:0;border:0;border-radius:50%;background:transparent;color:inherit}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-day:hover,:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-day.in-range{background:#eeefff}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-day.today{color:#3e4df5;font-weight:600}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-day.selected{background:#3e4df5;color:#fff}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar button:focus-visible{outline:2px solid #4050ff;outline-offset:2px}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar button:disabled{opacity:.5;cursor:default}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-time{display:flex;gap:10px;border-top:1px solid #eceef1;padding-top:12px;margin-top:12px}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-time-field{flex:1;min-width:0;display:grid;gap:6px;color:#646a73;font-size:12px}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-time .fc-input{min-width:0;padding:6px}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-clear{display:block;margin:10px 0 0 auto;border:0;padding:2px 4px;color:#646a73;background:transparent}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-clear:hover{color:#4050ff}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar .fc-calendar-month{border:0;border-radius:4px;padding:4px 0;background:transparent;color:inherit;font-size:16px;font-weight:600}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar .fc-calendar-month:hover{background:#f3f4f7;color:#4050ff}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar.choosing-period>:is(.fc-calendar-header,.fc-calendar-weekdays,.fc-calendar-days,.fc-calendar-time,.fc-calendar-clear){display:none}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar.choosing-period .fc-calendar-date{background:#f5f5f5;border-color:transparent}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-period[hidden]{display:none}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar .fc-calendar-back{display:block;width:100%;padding:18px 16px;border:0;border-bottom:1px solid #dedfe3;background:transparent;color:#4050ff;text-align:left;font-size:15px}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-period-columns{display:grid;grid-template-columns:1fr 1fr}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-period-list{position:relative;height:252px;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:108px 0;scrollbar-width:none}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-period-list::-webkit-scrollbar{display:none}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-period-list+.fc-calendar-period-list{border-left:1px solid #dedfe3}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar .fc-calendar-period-option{display:block;width:100%;height:36px;border:0;border-radius:0;padding:0;background:transparent;color:#242830;font-size:15px}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar .fc-calendar-period-option:hover{background:#f5f5ff}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar .fc-calendar-period-option.selected{background:#eeefff}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar .fc-calendar-time-trigger{text-align:left;color:#242830;background:#fff}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar .fc-calendar-time-trigger:hover{border-color:#4050ff}:is(.rowvia-field,.rowvia-field-scope) .popup.fc-rich-popup{padding:0;border:0;border-radius:0;overflow:visible;box-shadow:0 4px 12px #1f232914}:is(.rowvia-field,.rowvia-field-scope) .fc-rich{position:relative;overflow:visible;border-radius:3px}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-popup .fc-rich{border:2px solid #4050e8;border-radius:0}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-toolbar{align-items:center;flex-wrap:nowrap;gap:2px;padding:5px 10px;min-height:42px;background:#fff;border-bottom:1px solid #dee0e3;overflow:clip}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-tools{position:relative;display:flex;flex:1 1 auto;flex-wrap:wrap;align-content:flex-start;gap:2px;min-width:0;height:30px;overflow:clip}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-toolbar .fc-rich-tool{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;border:0;padding:4px 6px;background:transparent;color:#30343b;font-size:17px}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-toolbar .fc-rich-tool svg{width:20px;height:20px}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-toolbar .fc-rich-tool:hover{background:#f0f1f4}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-toolbar .fc-rich-tool.active{color:#315efb;background:#eef0ff}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-toolbar .fc-rich-tool:disabled{color:#d4d6da;cursor:default}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-toolbar .fc-rich-tool[aria-label=加粗]{font-weight:700}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-toolbar .fc-rich-tool[aria-label=斜体]{font-style:italic}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-toolbar .fc-rich-tool[aria-label=下划线]{text-decoration:underline}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-toolbar .fc-rich-tool[aria-label=删除线]{text-decoration:line-through}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-toolbar .fc-rich-expand{margin-left:auto}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-compact:not(.is-fullscreen) .fc-rich-advanced{display:none}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-compact:not(.is-fullscreen) .fc-rich-content{min-height:96px;max-height:240px;padding:20px 24px}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-content{overflow-wrap:anywhere}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-content,:is(.rowvia-field,.rowvia-field-scope) .fc-value{font-synthesis:style}:is(.rowvia-field,.rowvia-field-scope) .fc-rich.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;width:100vw;height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column;box-shadow:none;background:#fff}:is(.rowvia-field,.rowvia-field-scope) .fc-rich.is-fullscreen .fc-rich-toolbar{padding:6px 24px}:is(.rowvia-field,.rowvia-field-scope) .fc-rich.is-fullscreen .fc-rich-content{flex:1;min-height:0;max-height:none;padding:20px 36px}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-menu{position:relative;min-width:180px;max-width:min(280px,90vw);display:grid;gap:6px;padding:10px;border:0;border-radius:6px;background:#fff}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-menu[hidden]{display:none}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-menu button{border:0;border-radius:4px;background:#fff;padding:6px 10px;cursor:pointer;font:inherit;color:#30343b}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-menu button:hover{background:#eef0ff}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-menu .primary{background:#4050e8;color:#fff}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-menu-option{text-align:left}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-colors{grid-template-columns:repeat(8,22px);min-width:0}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-colors .fc-rich-menu-option{width:22px;height:22px;padding:0;box-shadow:inset 0 0 0 1px #1f23291a}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-colors .fc-rich-menu-option:last-child{width:auto;grid-column:1 / -1;box-shadow:none}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-emojis{grid-template-columns:repeat(4,1fr)}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-emojis button{font-size:22px;text-align:center}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-table-grid{display:grid;grid-template-columns:repeat(6,22px);gap:3px}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-table-grid button{padding:0;width:22px;height:22px;border:1px solid #d1d5dc;border-radius:1px}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-table-grid button.active{border-color:#4050e8;background:#eef0ff}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-menu p{margin:0 0 4px}:is(.rowvia-field,.rowvia-field-scope) :is(.fc-rich-content,.fc-value) table{border-collapse:collapse;min-width:160px;margin:8px 0}:is(.rowvia-field,.rowvia-field-scope) :is(.fc-rich-content,.fc-value) :is(td,th){border:1px solid #d5d9df;min-width:64px;padding:6px 10px}:is(.rowvia-field,.rowvia-field-scope) :is(.fc-rich-content,.fc-value) pre{padding:12px;border-radius:4px;background:#f5f6f7;font-family:ui-monospace,monospace;white-space:pre-wrap}:is(.rowvia-field,.rowvia-field-scope) :is(.fc-rich-content,.fc-value) a{color:#3370ff;text-decoration:underline}:is(.rowvia-field,.rowvia-field-scope) :is(.fc-rich-content,.fc-value) li[data-task]{list-style:none}:is(.rowvia-field,.rowvia-field-scope) :is(.fc-rich-content,.fc-value) li[data-task] input{margin-right:8px;accent-color:#4050e8}:is(.rowvia-field,.rowvia-field-scope) .fc-value input[type=checkbox]{pointer-events:none}:is(.rowvia-field,.rowvia-field-scope) .fc-rich :is(button,input):focus-visible{outline:2px solid #4050e8;outline-offset:1px}:is(.rowvia-field,.rowvia-field-scope) .fc-textarea{min-height:112px;resize:vertical;line-height:1.65}:is(.rowvia-field,.rowvia-field-scope) .fc-option-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;text-align:left}:is(.rowvia-field,.rowvia-field-scope) .fc-option-description{font-size:11px;color:#8f959e;line-height:1.4;overflow:hidden;text-overflow:ellipsis}:is(.rowvia-field,.rowvia-field-scope) .fc-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#dce7fb;color:#3966b4;font-size:11px;font-weight:500}:is(.rowvia-field,.rowvia-field-scope) .fc-tag--person{display:inline-flex;align-items:center;gap:5px;padding:1px 7px 1px 2px;border-radius:16px;background:#f2f3f5}:is(.rowvia-field,.rowvia-field-scope) .fc-tag--relation{display:inline-flex;color:#3370ff;background:#f0f4ff;border:0;text-align:left;cursor:pointer}:is(.rowvia-field,.rowvia-field-scope) .fc-choice--person .fc-option,:is(.rowvia-field,.rowvia-field-scope) .fc-choice--relation .fc-option{gap:10px;min-height:46px}:is(.rowvia-field,.rowvia-field-scope) .fc-choice--radio .fc-choice-head:empty{display:none}:is(.rowvia-field,.rowvia-field-scope) .fc-choice--radio .fc-option-list{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}:is(.rowvia-field,.rowvia-field-scope) .fc-choice--radio .fc-option{width:auto;min-width:80px;border:1px solid #dee0e5;border-radius:5px;padding:7px 10px;gap:12px}:is(.rowvia-field,.rowvia-field-scope) .fc-choice--radio .fc-option.selected{border-color:#3370ff;background:#f0f4ff;color:#245bdb}:is(.rowvia-field,.rowvia-field-scope) .fc-picker-status,:is(.rowvia-field,.rowvia-field-scope) .fc-service-note{color:#8f959e;font-size:12px;line-height:1.6;margin:7px 0}:is(.rowvia-field,.rowvia-field-scope) .fc-picker-status:empty{display:none}:is(.rowvia-field,.rowvia-field-scope) .fc-retry{border:0;color:#3370ff;background:transparent;cursor:pointer;padding:6px 0}:is(.rowvia-field,.rowvia-field-scope) .fc-relation-icon{display:grid;place-items:center;width:25px;height:25px;background:#eaf0ff;color:#3370ff;border-radius:5px}:is(.rowvia-field,.rowvia-field-scope) .fc-cascade{min-width:0}:is(.rowvia-field,.rowvia-field-scope) .fc-cascade-columns{display:flex;overflow-x:auto;max-height:260px;margin-top:8px;border:1px solid #e5e6eb;border-radius:6px}:is(.rowvia-field,.rowvia-field-scope) .fc-cascade-column{flex:1 0 130px;overflow-y:auto;padding:4px;border-right:1px solid #eff0f2}:is(.rowvia-field,.rowvia-field-scope) .fc-cascade-column:last-child{border:0}:is(.rowvia-field,.rowvia-field-scope) .fc-cascade-columns.is-search{display:block}:is(.rowvia-field,.rowvia-field-scope) .fc-cascade .fc-choice-selection{flex-wrap:wrap;margin-bottom:6px}:is(.rowvia-field,.rowvia-field-scope) .fc-cascade .fc-option{display:block;width:100%;text-align:left;font-size:13px;padding:9px 8px;border:0;border-radius:4px;background:transparent;color:#4e5969;cursor:pointer}:is(.rowvia-field,.rowvia-field-scope) .fc-cascade .fc-option:hover{background:#f5f6f7}:is(.rowvia-field,.rowvia-field-scope) .fc-cascade .fc-option.selected{background:#edf3ff;color:#245bdb}:is(.rowvia-field,.rowvia-field-scope) .fc-cascade .fc-choice-search{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #dee0e5;border-radius:5px}:is(.rowvia-field,.rowvia-field-scope) .fc-switch-field{display:flex;align-items:center;gap:9px;font-size:13px;min-height:30px}:is(.rowvia-field,.rowvia-field-scope) .fc-switch{width:32px;height:18px;border:0;border-radius:20px;padding:2px;background:#bbbfc4;cursor:pointer;transition:background .12s ease}:is(.rowvia-field,.rowvia-field-scope) .fc-switch:after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .12s ease}:is(.rowvia-field,.rowvia-field-scope) .fc-switch[aria-checked=true]{background:#3370ff}:is(.rowvia-field,.rowvia-field-scope) .fc-switch[aria-checked=true]:after{transform:translate(14px)}:is(.rowvia-field,.rowvia-field-scope) .fc-switch:disabled{cursor:default;opacity:.7}:is(.rowvia-field,.rowvia-field-scope) .fc-link-value{display:flex;gap:7px;min-width:0;align-items:center}:is(.rowvia-field,.rowvia-field-scope) .fc-link{color:#3370ff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.rowvia-field,.rowvia-field-scope) .fc-link:hover{text-decoration:underline}:is(.rowvia-field,.rowvia-field-scope) .fc-link-icon{color:#8f959e}:is(.rowvia-field,.rowvia-field-scope) .fc-file-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:5px 8px;border:1px solid #e5e6eb;border-radius:5px;margin-bottom:6px}:is(.rowvia-field,.rowvia-field-scope) .fc-file-row>:nth-child(2){flex:1;min-width:0;word-break:break-word;font-size:13px}:is(.rowvia-field,.rowvia-field-scope) .fc-file-icon{color:#4d79bd;font-size:20px}:is(.rowvia-field,.rowvia-field-scope) .fc-file-size{color:#8f959e;font-size:11px;white-space:nowrap}:is(.rowvia-field,.rowvia-field-scope) .fc-file-remove{border:0;background:transparent;color:#8f959e;cursor:pointer;font-size:18px}:is(.rowvia-field,.rowvia-field-scope) .fc-upload-zone{display:flex;position:relative;justify-content:center;padding:18px 12px;border:1px dashed #b8c5dd;background:#f8faff;border-radius:6px;color:#3370ff;font-size:13px;cursor:pointer}:is(.rowvia-field,.rowvia-field-scope) .fc-upload-zone input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}:is(.rowvia-field,.rowvia-field-scope) .fc-upload-zone:focus-within{outline:2px solid #3370ff;outline-offset:2px}:is(.rowvia-field,.rowvia-field-scope) .fc-vote-list{display:grid;gap:8px}:is(.rowvia-field,.rowvia-field-scope) .fc-vote-option{position:relative;display:flex;align-items:center;gap:10px;justify-content:space-between;overflow:hidden;min-height:38px;border:1px solid #e2e5eb;background:#fff;border-radius:5px;padding:9px 12px;cursor:pointer;color:#4e5969}:is(.rowvia-field,.rowvia-field-scope) .fc-vote-option>span:not(.fc-vote-bar),:is(.rowvia-field,.rowvia-field-scope) .fc-vote-option strong{position:relative;z-index:1;font-size:13px}:is(.rowvia-field,.rowvia-field-scope) .fc-vote-bar{position:absolute;inset:0 auto 0 0;background:#f1f4f9}:is(.rowvia-field,.rowvia-field-scope) .fc-vote-option.selected{border-color:#85a8ff;color:#245bdb}:is(.rowvia-field,.rowvia-field-scope) .fc-vote-option.selected .fc-vote-bar{background:#edf3ff}:is(.rowvia-field,.rowvia-field-scope) .fc-vote-submit{margin-top:12px;background:#3370ff;border:0;border-radius:4px;color:#fff;padding:7px 12px}:is(.rowvia-field,.rowvia-field-scope) .fc-vote-submit:disabled{background:#e5e6eb;color:#8f959e}:is(.rowvia-field,.rowvia-field-scope) .fc-signals{display:flex;flex-wrap:wrap;gap:6px}:is(.rowvia-field,.rowvia-field-scope) .fc-signal{border-radius:4px;padding:3px 7px;font-size:12px}:is(.rowvia-field,.rowvia-field-scope) .fc-signal.is-success{background:#e6f4e8;color:#258443}:is(.rowvia-field,.rowvia-field-scope) .fc-signal.is-pending{background:#f2f3f5;color:#8f959e}:is(.rowvia-field,.rowvia-field-scope) .fc-composite-row{border:1px solid #e5e6eb;padding:12px;border-radius:6px;min-width:0;margin:0 0 12px;background:#fff}:is(.rowvia-field,.rowvia-field-scope) .fc-composite-row legend{padding:0 6px;font-size:12px;color:#8f959e}:is(.rowvia-field,.rowvia-field-scope) .fc-composite-field{display:grid;gap:6px;margin-bottom:10px;min-width:0}:is(.rowvia-field,.rowvia-field-scope) .fc-composite-field>label{color:#646a73;font-size:12px}:is(.rowvia-field,.rowvia-field-scope) .fc-composite-add{border:1px dashed #c9cdd4;color:#3370ff;background:#fff;padding:9px;border-radius:5px;width:100%}:is(.rowvia-field,.rowvia-field-scope) .fc-composite-remove{border:0;background:transparent;color:#d83931;font-size:12px;padding:4px 0}:is(.rowvia-field,.rowvia-field-scope) .fc-location{display:grid;grid-template-columns:1fr 1fr;gap:10px}:is(.rowvia-field,.rowvia-field-scope) .fc-location-part{display:grid;gap:5px;font-size:12px;color:#646a73}:is(.rowvia-field,.rowvia-field-scope) .fc-location-part:first-child{grid-column:1 / -1}:is(.rowvia-field,.rowvia-field-scope) .fc-rich-content img,:is(.rowvia-field,.rowvia-field-scope) .fc-value img{max-width:100%;height:auto;border-radius:4px}:is(.rowvia-field,.rowvia-field-scope) [data-person-id]{background:#edf3ff;color:#3370ff;padding:1px 4px;border-radius:3px}:is(.rowvia-field,.rowvia-field-scope) .fc-calendar-period-columns:has(.fc-calendar-period-list:not([hidden]):nth-child(3)){grid-template-columns:repeat(3,1fr)}:is(.rowvia-field,.rowvia-field-scope) .fc-option:focus-visible,:is(.rowvia-field,.rowvia-field-scope) .fc-switch:focus-visible,:is(.rowvia-field,.rowvia-field-scope) .fc-vote-option:focus-visible{outline:2px solid #3370ff;outline-offset:-2px}@media (prefers-reduced-motion: reduce){:is(.rowvia-field,.rowvia-field-scope) .fc-switch,:is(.rowvia-field,.rowvia-field-scope) .fc-switch:after{transition:none}}:is(.rowvia-field,.rowvia-field-scope) .fc-field-chevron{flex:0 0 32px;width:32px;height:16px;margin-left:auto;margin-right:-12px;visibility:hidden;background:currentColor;opacity:.55;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / 16px 16px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / 16px 16px no-repeat}:is(.rowvia-field,.rowvia-field-scope) .fc-field-chevron.is-open{visibility:visible}:is(.rowvia-field,.rowvia-field-scope) .fc-date-trigger{display:flex;flex:1 1 auto;min-width:0;align-items:center;cursor:pointer}:is(.rowvia-field,.rowvia-field-scope) .fc-date-trigger .fc-date-mirror{flex:1 1 auto;min-width:0}:is(.rowvia-field,.rowvia-field-scope) .fc-date-trigger .fc-value{color:#1f2329}:is(.rowvia-field,.rowvia-field-scope) .fc-value.fc-plain{white-space:pre-wrap}:is(.rowvia-field,.rowvia-field-scope) .fc-empty{color:#bbbfc4}:is(.rowvia-field,.rowvia-field-scope) .fc-tags .fc-tag,:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-tag{display:inline-flex;align-items:center;gap:4px;box-sizing:border-box;height:24px;margin:2px 4px 2px 0;padding:2px 8px;border:0;border-radius:4px;font-size:14px;font-weight:500;line-height:20px;color:#1f2329}:is(.rowvia-field,.rowvia-field-scope) .fc-tag-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.rowvia-field,.rowvia-field-scope) .fc-option-copy .fc-tag{align-self:flex-start}:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-tag{padding:0 8px;line-height:16px}:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-tag:not(.fc-tag--person){gap:0}:is(.rowvia-field,.rowvia-field-scope) .fc-tag-slot{flex:0 0 16px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}:is(.rowvia-field,.rowvia-field-scope) .fc-choice-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:0;border-radius:3px;background:transparent;color:#1f232999;font-size:12px;line-height:1;cursor:pointer}:is(.rowvia-field,.rowvia-field-scope) .fc-choice-remove:hover{background:#2b2f3617;color:#1f2329}:is(.rowvia-field,.rowvia-field-scope) .fc-tags .fc-tag--person,:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-tag--person{padding:0 8px 0 0;border-radius:16px;background:#f2f3f5}:is(.rowvia-field,.rowvia-field-scope) .fc-choice-head input.fc-choice-search,:is(.rowvia-field,.rowvia-field-scope) .fc-cascade input.fc-choice-search{flex:0 1 auto;width:auto;min-width:2px;height:20px;min-height:20px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;font:inherit;font-size:14px;line-height:20px;color:#1f2329}:is(.rowvia-field,.rowvia-field-scope) input.fc-choice-search::placeholder{color:transparent}:is(.rowvia-field,.rowvia-field-scope) .fc-choice-head{flex-wrap:nowrap;overflow:hidden;align-items:center;gap:4px}.rowvia-field-popup-layer{position:fixed;z-index:10010;height:auto;min-height:0;pointer-events:none}:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup{pointer-events:auto;box-sizing:border-box;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;box-shadow:0 8px 24px 8px #1f23290a,0 6px 12px #1f23290a,0 4px 8px -8px #1f23290f}:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-option-list,:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-choice .fc-option-list{display:flex;flex-direction:column;gap:0;max-height:320px;margin:0;padding:4px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden auto}:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-option-list .fc-option,:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-option{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:32px;height:32px;margin:0 0 2px;padding:4px 8px;border:0;border-radius:6px;background:transparent;color:#1f2329;font-size:14px;font-weight:400;line-height:20px;cursor:pointer;transition:background-color cubic-bezier(.4,0,1,1)}:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-option:hover,:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-option:focus-visible{background:#2b2f360f;outline:none}:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-option.selected,:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-option-list .fc-option.selected{background:#3250eb14;color:#1f2329;font-weight:500}:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-option-label,:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-option-list .fc-option-label{flex:1 1 auto;min-width:0;font-size:14px;font-weight:inherit;line-height:20px;color:#1f2329;text-align:left}:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-option-mark{color:#3250eb}:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-option-copy{display:flex;flex-direction:column;gap:2px;min-width:0}:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-cascade-columns{margin:0;max-height:320px;border:0;border-radius:0}:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-calendar,:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-choice .fc-calendar{max-width:none;width:100%;padding:12px;box-sizing:border-box}:is(.rowvia-field,.rowvia-field-scope) .rowvia-field-popup .fc-calendar-clear{margin:8px 12px 12px}.rowvia-field{box-sizing:border-box;min-width:0;font:inherit;color:inherit;border:1px solid transparent;border-radius:var(--field-radius, 4px);padding:var(--field-padding, 6px 8px)}.rowvia-field[data-state=hover]{background:var(--field-hover-background, #f5f6f7)}.rowvia-field[data-state=editing]{border-color:var(--field-focus-color, #3370ff)}.rowvia-field:focus-visible{outline:2px solid var(--field-focus-color, #3370ff);outline-offset:2px}.rowvia-field[data-readonly=true]{cursor:default}.rowvia-field[aria-invalid=true]{border-color:var(--field-error-color, #d83931)}:is(.rowvia-field,.rowvia-field-scope) .fc-detail-link{background:transparent;border:0;padding:0;color:#3370ff;cursor:pointer}