sparkdesign 0.4.3 → 0.4.5

package/dist/themes/dark-parchment.css

@@ -0,0 +1,133 @@
+/* ============================================
+ * Theme: Dark Parchment (羊皮纸暗色)
+ * 用户可复制此文件作为自定义主题模板
+ * ============================================ */
+
+[data-theme="dark-parchment"] {
+  color-scheme: dark;
+  /* --- Primary --- */
+  --token-color-primary: #C4B8A8;
+  --token-color-primary-hover: #D4C9BC;
+  --token-color-primary-active: #A89888;
+  --token-color-primary-bg: #2D2A22;
+  --token-color-primary-bg-hover: #363228;
+  --token-color-primary-border: #4A463C;
+  --token-color-primary-border-hover: #5B564C;
+  --token-color-primary-text: #FAF9F6;
+  --token-color-primary-text-hover: #D4C9BC;
+  --token-color-primary-text-active: #C4B8A8;
+  --token-color-text-on-primary: #1A1814;
+
+  /* --- Text --- */
+  --token-color-text: #FAF9F6;
+  --token-color-text-secondary: #C9C4B8;
+  --token-color-text-tertiary: #A8A296;
+  --token-color-text-quaternary: #8A857A;
+  --token-color-text-base: #F0EDE7;
+
+  /* --- Border --- */
+  --token-color-border: #4A463C;
+  --token-color-border-secondary: #3D3930;
+  --token-color-border-tertiary: #2D2A22;
+
+  /* --- Fill --- */
+  --token-color-fill: #3D3930;
+  --token-color-fill-secondary: #363228;
+  --token-color-fill-tertiary: #252220;
+  --token-color-fill-quaternary: #1E1C18;
+  --token-color-fill-disable: #4A463C;
+
+  /* --- Background --- */
+  --token-color-bg-container: #1E1C18;
+  --token-color-bg-elevated: #252220;
+  --token-color-bg-layout: #1A1814;
+  --token-color-bg-spotlight: #252220;
+  --token-color-bg-mask: rgba(0, 0, 0, 0.6);
+  /* PlanPart 点阵高亮遮罩渐变（随主题） */
+  --token-color-mask-shimmer-weak: rgba(0, 0, 0, 0.3);
+  --token-color-mask-shimmer-strong: rgba(0, 0, 0, 0.8);
+  --token-color-mask-shimmer-full: rgba(0, 0, 0, 1);
+  --token-color-bg-base: #1A1814;
+  --token-color-bg-highlight: #C9C4B8;
+  --token-color-bg-highlight-hover: #D4C9BC;
+
+  /* --- Semantic Colors --- */
+  --token-color-link: #C4B8A8;
+  --token-color-error: #FF6B6B;
+  --token-color-error-hover: #FF8787;
+  --token-color-error-bg: #4A2A2A;
+  --token-color-error-bg-hover: #5C3535;
+  --token-color-error-border: #663338;
+  --token-color-info: #5EBCFF;
+  --token-color-info-hover: #7EC9FF;
+  --token-color-info-bg: #1A2838;
+  --token-color-info-bg-hover: #223244;
+  --token-color-info-border: #2A4050;
+  --token-color-success: #6B8F71;
+  --token-color-success-hover: #7FA385;
+  --token-color-success-bg: #1C2A1E;
+  --token-color-success-bg-hover: #243224;
+  --token-color-success-border: #3D4A3C;
+  --token-color-warning: #E5A814;
+  --token-color-warning-hover: #F5C024;
+  --token-color-warning-bg: #4A4019;
+  --token-color-warning-bg-hover: #5C4E1F;
+  --token-color-warning-border: #664D19;
+
+  /* --- Accent Colors --- */
+  --token-color-pink: #EC4899;
+  --token-color-pink-bg: #4A2A38;
+  --token-color-pink-bg-hover: #5C3540;
+  --token-color-purple: #8B7BED;
+  --token-color-purple-bg: #2A2238;
+  --token-color-purple-bg-hover: #362E44;
+  --token-color-yellow: #E5C04A;
+  --token-color-yellow-bg: #4A4030;
+  --token-color-yellow-bg-hover: #5C5040;
+  --token-color-orange: #E07830;
+  --token-color-orange-bg: #4A3020;
+  --token-color-orange-bg-hover: #5C3A28;
+  --token-color-teal: #14B8A6;
+  --token-color-teal-bg: #1A3230;
+  --token-color-teal-bg-hover: #243A38;
+  --token-color-blue: #0090FF;
+  --token-color-blue-bg: #1A2838;
+  --token-color-blue-bg-hover: #223244;
+  --token-color-mauve: #9C9AA8;
+  --token-color-mauve-bg: #2A2830;
+  --token-color-mauve-bg-hover: #363438;
+  --token-color-slate: #5C5A52;
+  --token-color-slate-bg: #2D2A22;
+  --token-color-slate-bg-hover: #363228;
+  --token-color-lavender: #B99DFF;
+  --token-color-lavender-bg: #2A2238;
+  --token-color-lavender-bg-hover: #362E44;
+  --token-color-sage: #6BB394;
+  --token-color-sage-bg: #1C2A24;
+  --token-color-sage-bg-hover: #243228;
+
+  /* --- Select 等组件 (input/ring/popover 等) --- */
+  --token-color-input: var(--token-color-border-tertiary);
+  --token-color-ring: var(--token-color-primary-border);
+  --token-color-popover: var(--token-color-bg-container);
+  --token-color-popover-foreground: var(--token-color-text);
+  --token-color-accent: var(--token-color-fill-secondary);
+  --token-color-accent-foreground: var(--token-color-text);
+  --token-color-muted: var(--token-color-fill-tertiary);
+  --token-color-muted-foreground: var(--token-color-text-secondary);
+  --token-color-background: var(--token-color-bg-base);
+
+  /* --- Diff --- */
+  --token-color-diff-insert: #6B8F71;
+  --token-color-diff-insert-bg: #1C2A1E;
+  --token-color-diff-remove: #FC6B83;
+  --token-color-diff-remove-bg: #2A1C1E;
+}
+
+/* SendButton: dark-parchment 模式下 normal 状态使用 success 色 */
+[data-theme="dark-parchment"] .SendButton-send {
+  background-color: var(--token-color-success);
+}
+[data-theme="dark-parchment"] .SendButton-send:hover:not(:disabled) {
+  background-color: var(--token-color-success-hover);
+}

package/dist/themes/dark-qoder.css

@@ -0,0 +1,133 @@
+/* ============================================
+ * Theme: Dark (暗色模式)
+ * 用户可复制此文件作为自定义主题模板
+ * ============================================ */
+
+[data-theme="dark"] {
+  color-scheme: dark;
+  /* --- Primary --- */
+  --token-color-primary: #8EE5A1;
+  --token-color-primary-hover: #9BE6B3;
+  --token-color-primary-active: #73CD94;
+  --token-color-primary-bg: #14261C;
+  --token-color-primary-bg-hover: #1A2E21;
+  --token-color-primary-border: #335942;
+  --token-color-primary-border-hover: #407354;
+  --token-color-primary-text: #8EE5A1;
+  --token-color-primary-text-hover: #9BE6B3;
+  --token-color-primary-text-active: #73CD94;
+  --token-color-text-on-primary: #0D0D0D;
+
+  /* --- Text --- */
+  --token-color-text: #FAF9F5;
+  --token-color-text-secondary: #9C9D9E;
+  --token-color-text-tertiary: #7C7D7F;
+  --token-color-text-quaternary: #717374;
+  --token-color-text-base: #F0F2F3;
+
+  /* --- Border --- */
+  --token-color-border: #404040;
+  --token-color-border-secondary: #2A2A2A;
+  --token-color-border-tertiary: #262626;
+
+  /* --- Fill --- */
+  --token-color-fill: #454545;
+  --token-color-fill-secondary: #363636;
+  --token-color-fill-tertiary: #1A1A1A;
+  --token-color-fill-quaternary: #1A1A1A;
+  --token-color-fill-disable: #525252;
+
+  /* --- Background --- */
+  --token-color-bg-container: #0D0D0D;
+  --token-color-bg-elevated: #080808;
+  --token-color-bg-layout: #050505;
+  --token-color-bg-spotlight: #080808;
+  --token-color-bg-mask: rgba(0, 0, 0, 0.7);
+  /* PlanPart 点阵高亮遮罩渐变（随主题） */
+  --token-color-mask-shimmer-weak: rgba(0, 0, 0, 0.3);
+  --token-color-mask-shimmer-strong: rgba(0, 0, 0, 0.8);
+  --token-color-mask-shimmer-full: rgba(0, 0, 0, 1);
+  --token-color-bg-base: #000000;
+  --token-color-bg-highlight: #d0d0d0;
+  --token-color-bg-highlight-hover: #e0e0e0;
+
+  /* --- Semantic Colors --- */
+  --token-color-link: #8EE5A1;
+  --token-color-error: #FF4D4F;
+  --token-color-error-hover: #FF7875;
+  --token-color-error-bg: #4A1A1B;
+  --token-color-error-bg-hover: #5C2224;
+  --token-color-error-border: #663338;
+  --token-color-info: #0B83F1;
+  --token-color-info-hover: #5EBCFF;
+  --token-color-info-bg: #19080E;
+  --token-color-info-bg-hover: #220A12;
+  --token-color-info-border: #4F1C0E;
+  --token-color-success: #73CD94;
+  --token-color-success-hover: #8EE5A1;
+  --token-color-success-bg: #14261C;
+  --token-color-success-bg-hover: #1A2E21;
+  --token-color-success-border: #335942;
+  --token-color-warning: #FAAD14;
+  --token-color-warning-hover: #FFD666;
+  --token-color-warning-bg: #4A4019;
+  --token-color-warning-bg-hover: #5C4E1F;
+  --token-color-warning-border: #664D19;
+
+  /* --- Accent Colors --- */
+  --token-color-pink: #EC4899;
+  --token-color-pink-bg: #4A1C31;
+  --token-color-pink-bg-hover: #5C2440;
+  --token-color-purple: #615CED;
+  --token-color-purple-bg: #14160E;
+  --token-color-purple-bg-hover: #1C1E14;
+  --token-color-yellow: #FAC414;
+  --token-color-yellow-bg: #4A4030;
+  --token-color-yellow-bg-hover: #5C5040;
+  --token-color-orange: #FA8125;
+  --token-color-orange-bg: #4A1021;
+  --token-color-orange-bg-hover: #5C1429;
+  --token-color-teal: #14B8A6;
+  --token-color-teal-bg: #21080E;
+  --token-color-teal-bg-hover: #2E0E14;
+  --token-color-blue: #0090FF;
+  --token-color-blue-bg: #21120E;
+  --token-color-blue-bg-hover: #2E1A14;
+  --token-color-mauve: #8E8C99;
+  --token-color-mauve-bg: #0E0D0C;
+  --token-color-mauve-bg-hover: #1A1818;
+  --token-color-slate: #363636;
+  --token-color-slate-bg: #1a1a1a;
+  --token-color-slate-bg-hover: #262626;
+  --token-color-lavender: #B99DFF;
+  --token-color-lavender-bg: #131B0E;
+  --token-color-lavender-bg-hover: #1C2614;
+  --token-color-sage: #6BB394;
+  --token-color-sage-bg: #100C0D;
+  --token-color-sage-bg-hover: #1A1418;
+
+  /* --- Select 等组件 (input/ring/popover 等) --- */
+  --token-color-input: var(--token-color-border-tertiary);
+  --token-color-ring: var(--token-color-primary-border);
+  --token-color-popover: var(--token-color-bg-container);
+  --token-color-popover-foreground: var(--token-color-text);
+  --token-color-accent: var(--token-color-fill-secondary);
+  --token-color-accent-foreground: var(--token-color-text);
+  --token-color-muted: var(--token-color-fill-tertiary);
+  --token-color-muted-foreground: var(--token-color-text-secondary);
+  --token-color-background: var(--token-color-bg-base);
+
+  /* --- Diff --- */
+  --token-color-diff-insert: #73CD94;
+  --token-color-diff-insert-bg: #14261C;
+  --token-color-diff-remove: #FC6B83;
+  --token-color-diff-remove-bg: #1C2E2A;
+}
+
+/* SendButton: dark 模式下 normal 状态使用 success 色（与 light 下 bg-bg-highlight 区分） */
+[data-theme="dark"] .SendButton-send {
+  background-color: var(--token-color-success);
+}
+[data-theme="dark"] .SendButton-send:hover:not(:disabled) {
+  background-color: var(--token-color-success-hover);
+}

package/dist/themes/light-parchment.css

@@ -0,0 +1,124 @@
+/* ============================================
+ * Theme: Light Parchment (羊皮纸亮色 - Figma 导入)
+ * 用户可复制此文件作为自定义主题模板
+ * ============================================ */
+
+[data-theme="light-parchment"] {
+  /* --- Primary --- */
+  --token-color-primary: #202116;
+  --token-color-primary-hover: #3D3930;
+  --token-color-primary-active: #3D3930;
+  --token-color-primary-bg: #F0EDE7;
+  --token-color-primary-bg-hover: #E8E4DC;
+  --token-color-primary-border: #D4CFC6;
+  --token-color-primary-border-hover: #C4BEB4;
+  --token-color-primary-text: #202116;
+  --token-color-primary-text-hover: #3D3930;
+  --token-color-primary-text-active: #3D3930;
+  --token-color-text-on-primary: #FAF9F6;
+
+  /* --- Text --- */
+  --token-color-text: #202116;
+  --token-color-text-secondary: #4A463C;
+  --token-color-text-tertiary: #6B665C;
+  --token-color-text-quaternary: #8A857A;
+  --token-color-text-base: #202116;
+
+  /* --- Border --- */
+  --token-color-border: #D4CFC6;
+  --token-color-border-secondary: #E5E1D9;
+  --token-color-border-tertiary: #EDE9E2;
+
+  /* --- Fill --- */
+  --token-color-fill: #F5F0E7;
+  --token-color-fill-secondary: #EDE8E0;
+  --token-color-fill-tertiary: #F7F4EF;
+  --token-color-fill-quaternary: #FAF9F6;
+  --token-color-fill-disable: #E0DCD4;
+
+  /* --- Background --- */
+  --token-color-bg-container: #FAF9F6;
+  --token-color-bg-elevated: #F7F4EF;
+  --token-color-bg-layout: #FDFCFA;
+  --token-color-bg-spotlight: #FAF9F6;
+  --token-color-bg-mask: rgba(0, 0, 0, 0.5);
+  /* PlanPart 点阵高亮遮罩渐变（随主题） */
+  --token-color-mask-shimmer-weak: rgba(0, 0, 0, 0.3);
+  --token-color-mask-shimmer-strong: rgba(0, 0, 0, 0.8);
+  --token-color-mask-shimmer-full: rgba(0, 0, 0, 1);
+  --token-color-bg-base: #FFFFFF;
+  --token-color-bg-highlight: #202116;
+  --token-color-bg-highlight-hover: #2D2A22;
+
+  /* --- Semantic Colors --- */
+  --token-color-link: #5B4A3A;
+  --token-color-error: #FF4D4F;
+  --token-color-error-hover: #FF7875;
+  --token-color-error-bg: #FFF2F0;
+  --token-color-error-bg-hover: #FFF1F0;
+  --token-color-error-border: #FFCCC7;
+  --token-color-info: #0B83F1;
+  --token-color-info-hover: #5EBCFF;
+  --token-color-info-bg: #E6F7FF;
+  --token-color-info-bg-hover: #D0EFFF;
+  --token-color-info-border: #B0E3FF;
+  --token-color-success: #5A7A5E;
+  --token-color-success-hover: #6B8F71;
+  --token-color-success-bg: #EEF2ED;
+  --token-color-success-bg-hover: #E4EBE2;
+  --token-color-success-border: #C5D4C4;
+  --token-color-warning: #FAAD14;
+  --token-color-warning-hover: #FFD666;
+  --token-color-warning-bg: #FFFBE6;
+  --token-color-warning-bg-hover: #FFF3CF;
+  --token-color-warning-border: #FFE5BF;
+
+  /* --- Accent Colors --- */
+  --token-color-pink: #EC4899;
+  --token-color-pink-bg: #F9E3F3;
+  --token-color-pink-bg-hover: #F5D4EB;
+  --token-color-purple: #615CED;
+  --token-color-purple-bg: #EBE9FF;
+  --token-color-purple-bg-hover: #DDDAFF;
+  --token-color-yellow: #FAC414;
+  --token-color-yellow-bg: #FFF3CF;
+  --token-color-yellow-bg-hover: #FFE9A8;
+  --token-color-orange: #FA8125;
+  --token-color-orange-bg: #FFEFDE;
+  --token-color-orange-bg-hover: #FFE3C7;
+  --token-color-teal: #14B8A6;
+  --token-color-teal-bg: #DEF7F1;
+  --token-color-teal-bg-hover: #CAF0E8;
+  --token-color-blue: #0090FF;
+  --token-color-blue-bg: #DEEDFF;
+  --token-color-blue-bg-hover: #C8E3FF;
+  --token-color-mauve: #8E8C99;
+  --token-color-mauve-bg: #F1F2F3;
+  --token-color-mauve-bg-hover: #E4E5E7;
+  --token-color-slate: #1E293B;
+  --token-color-slate-bg: #E2E8F0;
+  --token-color-slate-bg-hover: #EFEFEF;
+  --token-color-lavender: #B99DFF;
+  --token-color-lavender-bg: #ECE4FF;
+  --token-color-lavender-bg-hover: #E0D4FF;
+  --token-color-sage: #6BB394;
+  --token-color-sage-bg: #EFF3F2;
+  --token-color-sage-bg-hover: #E2EAE8;
+
+  /* --- Select 等组件 (input/ring/popover 等) --- */
+  --token-color-input: var(--token-color-border-tertiary);
+  --token-color-ring: var(--token-color-primary-border);
+  --token-color-popover: var(--token-color-bg-container);
+  --token-color-popover-foreground: var(--token-color-text);
+  --token-color-accent: var(--token-color-fill-secondary);
+  --token-color-accent-foreground: var(--token-color-text);
+  --token-color-muted: var(--token-color-fill-tertiary);
+  --token-color-muted-foreground: var(--token-color-text-secondary);
+  --token-color-background: var(--token-color-bg-base);
+
+  /* --- Diff --- */
+  --token-color-diff-insert: #A6DCBA;
+  --token-color-diff-insert-bg: #D9EBE0;
+  --token-color-diff-remove: #FC6B83;
+  --token-color-diff-remove-bg: #E3D1D5;
+}

package/dist/themes/light-qoder.css

@@ -0,0 +1,132 @@
+/* ============================================
+ * Theme: Light (亮色模式)
+ * 用户可复制此文件作为自定义主题模板
+ * ============================================ */
+
+:root,
+[data-theme="light"] {
+  color-scheme: light;
+  /* --- Primary --- */
+  --token-color-primary: #8EE5A1;
+  --token-color-primary-hover: #73CD94;
+  --token-color-primary-active: #5CB870;
+  --token-color-primary-bg: #F1FAF3;
+  --token-color-primary-bg-hover: #E6F7EC;
+  --token-color-primary-border: #CDEFD9;
+  --token-color-primary-border-hover: #B3E6C7;
+  --token-color-primary-text: #141414;
+  --token-color-primary-text-hover: #73CD94;
+  --token-color-primary-text-active: #5CB870;
+  --token-color-text-on-primary: #FDFDFD;
+
+  /* --- Text --- */
+  --token-color-text: #141414;
+  --token-color-text-secondary: #636261;
+  --token-color-text-tertiary: #838280;
+  --token-color-text-quaternary: #8E8C8B;
+  --token-color-text-base: #0F0D0C;
+
+  /* --- Border --- */
+  --token-color-border: #BCBBBA;
+  --token-color-border-secondary: #DDDDDD;
+  --token-color-border-tertiary: #E6E6E6;
+
+  /* --- Fill --- */
+  --token-color-fill: #DFDFDF;
+  --token-color-fill-secondary: #EFEFEF;
+  --token-color-fill-tertiary: #F9F9F9;
+  --token-color-fill-quaternary: #FCFCFC;
+  --token-color-fill-disable: #DAD9D8;
+
+  /* --- Background --- */
+  --token-color-bg-container: #FFFFFF;
+  --token-color-bg-elevated: #F9F9F9;
+  --token-color-bg-layout: #FDFDFD;
+  --token-color-bg-spotlight: #FAFAFA;
+  --token-color-bg-mask: rgba(0, 0, 0, 0.5);
+  /* PlanPart 点阵高亮遮罩渐变（随主题） */
+  --token-color-mask-shimmer-weak: rgba(0, 0, 0, 0.3);
+  --token-color-mask-shimmer-strong: rgba(0, 0, 0, 0.8);
+  --token-color-mask-shimmer-full: rgba(0, 0, 0, 1);
+  --token-color-bg-base: #FFFFFF;
+  --token-color-bg-highlight: #080807;
+  --token-color-bg-highlight-hover: #1a1a1a;
+
+  /* --- Shadow (输入框等浮层，1～4 级与 primary/secondary/tertiary/quaternary 一致，与 data-theme 无关) --- */
+  --token-color-shadow-primary: rgba(0, 0, 0, 0.02);
+  --token-color-shadow-secondary: rgba(0, 0, 0, 0.035);
+  --token-color-shadow-tertiary: rgba(0, 0, 0, 0.055);
+  --token-color-shadow-quaternary: rgba(0, 0, 0, 0.075);
+
+  /* --- Semantic Colors --- */
+  --token-color-link: #5CB870;
+  --token-color-error: #FF4D4F;
+  --token-color-error-hover: #FF7875;
+  --token-color-error-bg: #FFF2F0;
+  --token-color-error-bg-hover: #FFE4E0;
+  --token-color-error-border: #FFCCC7;
+  --token-color-info: #0B83F1;
+  --token-color-info-hover: #5EBCFF;
+  --token-color-info-bg: #E6F7FF;
+  --token-color-info-bg-hover: #D0EFFF;
+  --token-color-info-border: #B0E3FF;
+  --token-color-success: #73CD94;
+  --token-color-success-hover: #8EE5A1;
+  --token-color-success-bg: #F1FAF3;
+  --token-color-success-bg-hover: #E6F7EC;
+  --token-color-success-border: #CDEFD9;
+  --token-color-warning: #FAAD14;
+  --token-color-warning-hover: #FFD666;
+  --token-color-warning-bg: #FFFBE6;
+  --token-color-warning-bg-hover: #FFF3CF;
+  --token-color-warning-border: #FFE5BF;
+
+  /* --- Accent Colors --- */
+  --token-color-pink: #EC4899;
+  --token-color-pink-bg: #F9E3F3;
+  --token-color-pink-bg-hover: #F5D4EB;
+  --token-color-purple: #615CED;
+  --token-color-purple-bg: #EBE9FF;
+  --token-color-purple-bg-hover: #DDDAFF;
+  --token-color-yellow: #FAC414;
+  --token-color-yellow-bg: #FFF3CF;
+  --token-color-yellow-bg-hover: #FFE9A8;
+  --token-color-orange: #FA8125;
+  --token-color-orange-bg: #FFEFDE;
+  --token-color-orange-bg-hover: #FFE3C7;
+  --token-color-teal: #14B8A6;
+  --token-color-teal-bg: #DEF7F1;
+  --token-color-teal-bg-hover: #CAF0E8;
+  --token-color-blue: #0090FF;
+  --token-color-blue-bg: #DEEDFF;
+  --token-color-blue-bg-hover: #C8E3FF;
+  --token-color-mauve: #8E8C99;
+  --token-color-mauve-bg: #F1F2F3;
+  --token-color-mauve-bg-hover: #E4E5E7;
+  --token-color-slate: #404040;
+  --token-color-slate-bg: #FAFAFA;
+  --token-color-slate-bg-hover: #EFEFEF;
+  --token-color-lavender: #B99DFF;
+  --token-color-lavender-bg: #ECE4FF;
+  --token-color-lavender-bg-hover: #E0D4FF;
+  --token-color-sage: #6BB394;
+  --token-color-sage-bg: #EFF3F2;
+  --token-color-sage-bg-hover: #E2EAE8;
+
+  /* --- Select 等组件 (input/ring/popover 等) --- */
+  --token-color-input: var(--token-color-border-tertiary);
+  --token-color-ring: var(--token-color-primary-border);
+  --token-color-popover: var(--token-color-bg-container);
+  --token-color-popover-foreground: var(--token-color-text);
+  --token-color-accent: var(--token-color-fill-secondary);
+  --token-color-accent-foreground: var(--token-color-text);
+  --token-color-muted: var(--token-color-fill-tertiary);
+  --token-color-muted-foreground: var(--token-color-text-secondary);
+  --token-color-background: var(--token-color-bg-base);
+
+  /* --- Diff --- */
+  --token-color-diff-insert: #A6DCBA;
+  --token-color-diff-insert-bg: #D9EBE0;
+  --token-color-diff-remove: #FC6B83;
+  --token-color-diff-remove-bg: #E3D1D5;
+}

package/dist/timeline-definition-IT6M3QCI-BmGkYQiz.cjs

@@ -0,0 +1,61 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./mermaid.core-DBwAx_jp.cjs"),tt=require("./arc-mWQt0Yph.cjs");var J=(function(){var r=n.__name(function(m,s,a,c){for(a=a||{},c=m.length;c--;a[m[c]]=s);return a},"o"),t=[6,8,10,11,12,14,16,17,20,21],e=[1,9],l=[1,10],i=[1,11],d=[1,12],h=[1,13],_=[1,16],f=[1,17],p={trace:n.__name(function(){},"trace"),yy:{},symbols_:{error:2,start:3,timeline:4,document:5,EOF:6,line:7,SPACE:8,statement:9,NEWLINE:10,title:11,acc_title:12,acc_title_value:13,acc_descr:14,acc_descr_value:15,acc_descr_multiline_value:16,section:17,period_statement:18,event_statement:19,period:20,event:21,$accept:0,$end:1},terminals_:{2:"error",4:"timeline",6:"EOF",8:"SPACE",10:"NEWLINE",11:"title",12:"acc_title",13:"acc_title_value",14:"acc_descr",15:"acc_descr_value",16:"acc_descr_multiline_value",17:"section",20:"period",21:"event"},productions_:[0,[3,3],[5,0],[5,2],[7,2],[7,1],[7,1],[7,1],[9,1],[9,2],[9,2],[9,1],[9,1],[9,1],[9,1],[18,1],[19,1]],performAction:n.__name(function(s,a,c,u,g,o,w){var k=o.length-1;switch(g){case 1:return o[k-1];case 2:this.$=[];break;case 3:o[k-1].push(o[k]),this.$=o[k-1];break;case 4:case 5:this.$=o[k];break;case 6:case 7:this.$=[];break;case 8:u.getCommonDb().setDiagramTitle(o[k].substr(6)),this.$=o[k].substr(6);break;case 9:this.$=o[k].trim(),u.getCommonDb().setAccTitle(this.$);break;case 10:case 11:this.$=o[k].trim(),u.getCommonDb().setAccDescription(this.$);break;case 12:u.addSection(o[k].substr(8)),this.$=o[k].substr(8);break;case 15:u.addTask(o[k],0,""),this.$=o[k];break;case 16:u.addEvent(o[k].substr(2)),this.$=o[k];break}},"anonymous"),table:[{3:1,4:[1,2]},{1:[3]},r(t,[2,2],{5:3}),{6:[1,4],7:5,8:[1,6],9:7,10:[1,8],11:e,12:l,14:i,16:d,17:h,18:14,19:15,20:_,21:f},r(t,[2,7],{1:[2,1]}),r(t,[2,3]),{9:18,11:e,12:l,14:i,16:d,17:h,18:14,19:15,20:_,21:f},r(t,[2,5]),r(t,[2,6]),r(t,[2,8]),{13:[1,19]},{15:[1,20]},r(t,[2,11]),r(t,[2,12]),r(t,[2,13]),r(t,[2,14]),r(t,[2,15]),r(t,[2,16]),r(t,[2,4]),r(t,[2,9]),r(t,[2,10])],defaultActions:{},parseError:n.__name(function(s,a){if(a.recoverable)this.trace(s);else{var c=new Error(s);throw c.hash=a,c}},"parseError"),parse:n.__name(function(s){var a=this,c=[0],u=[],g=[null],o=[],w=this.table,k="",I=0,H=0,z=2,G=1,M=o.slice.call(arguments,1),y=Object.create(this.lexer),b={yy:{}};for(var N in this.yy)Object.prototype.hasOwnProperty.call(this.yy,N)&&(b.yy[N]=this.yy[N]);y.setInput(s,b.yy),b.yy.lexer=y,b.yy.parser=this,typeof y.yylloc>"u"&&(y.yylloc={});var $=y.yylloc;o.push($);var V=y.options&&y.options.ranges;typeof b.yy.parseError=="function"?this.parseError=b.yy.parseError:this.parseError=Object.getPrototypeOf(this).parseError;function q(E){c.length=c.length-2*E,g.length=g.length-E,o.length=o.length-E}n.__name(q,"popStack");function Y(){var E;return E=u.pop()||y.lex()||G,typeof E!="number"&&(E instanceof Array&&(u=E,E=u.pop()),E=a.symbols_[E]||E),E}n.__name(Y,"lex");for(var S,P,T,U,C={},W,L,D,B;;){if(P=c[c.length-1],this.defaultActions[P]?T=this.defaultActions[P]:((S===null||typeof S>"u")&&(S=Y()),T=w[P]&&w[P][S]),typeof T>"u"||!T.length||!T[0]){var Z="";B=[];for(W in w[P])this.terminals_[W]&&W>z&&B.push("'"+this.terminals_[W]+"'");y.showPosition?Z="Parse error on line "+(I+1)+`:
+`+y.showPosition()+`
+Expecting `+B.join(", ")+", got '"+(this.terminals_[S]||S)+"'":Z="Parse error on line "+(I+1)+": Unexpected "+(S==G?"end of input":"'"+(this.terminals_[S]||S)+"'"),this.parseError(Z,{text:y.match,token:this.terminals_[S]||S,line:y.yylineno,loc:$,expected:B})}if(T[0]instanceof Array&&T.length>1)throw new Error("Parse Error: multiple actions possible at state: "+P+", token: "+S);switch(T[0]){case 1:c.push(S),g.push(y.yytext),o.push(y.yylloc),c.push(T[1]),S=null,H=y.yyleng,k=y.yytext,I=y.yylineno,$=y.yylloc;break;case 2:if(L=this.productions_[T[1]][1],C.$=g[g.length-L],C._$={first_line:o[o.length-(L||1)].first_line,last_line:o[o.length-1].last_line,first_column:o[o.length-(L||1)].first_column,last_column:o[o.length-1].last_column},V&&(C._$.range=[o[o.length-(L||1)].range[0],o[o.length-1].range[1]]),U=this.performAction.apply(C,[k,H,I,b.yy,T[1],g,o].concat(M)),typeof U<"u")return U;L&&(c=c.slice(0,-1*L*2),g=g.slice(0,-1*L),o=o.slice(0,-1*L)),c.push(this.productions_[T[1]][0]),g.push(C.$),o.push(C._$),D=w[c[c.length-2]][c[c.length-1]],c.push(D);break;case 3:return!0}}return!0},"parse")},x=(function(){var m={EOF:1,parseError:n.__name(function(a,c){if(this.yy.parser)this.yy.parser.parseError(a,c);else throw new Error(a)},"parseError"),setInput:n.__name(function(s,a){return this.yy=a||this.yy||{},this._input=s,this._more=this._backtrack=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this},"setInput"),input:n.__name(function(){var s=this._input[0];this.yytext+=s,this.yyleng++,this.offset++,this.match+=s,this.matched+=s;var a=s.match(/(?:\r\n?|\n).*/g);return a?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),s},"input"),unput:n.__name(function(s){var a=s.length,c=s.split(/(?:\r\n?|\n)/g);this._input=s+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-a),this.offset-=a;var u=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),c.length-1&&(this.yylineno-=c.length-1);var g=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:c?(c.length===u.length?this.yylloc.first_column:0)+u[u.length-c.length].length-c[0].length:this.yylloc.first_column-a},this.options.ranges&&(this.yylloc.range=[g[0],g[0]+this.yyleng-a]),this.yyleng=this.yytext.length,this},"unput"),more:n.__name(function(){return this._more=!0,this},"more"),reject:n.__name(function(){if(this.options.backtrack_lexer)this._backtrack=!0;else return this.parseError("Lexical error on line "+(this.yylineno+1)+`. You can only invoke reject() in the lexer when the lexer is of the backtracking persuasion (options.backtrack_lexer = true).
+`+this.showPosition(),{text:"",token:null,line:this.yylineno});return this},"reject"),less:n.__name(function(s){this.unput(this.match.slice(s))},"less"),pastInput:n.__name(function(){var s=this.matched.substr(0,this.matched.length-this.match.length);return(s.length>20?"...":"")+s.substr(-20).replace(/\n/g,"")},"pastInput"),upcomingInput:n.__name(function(){var s=this.match;return s.length<20&&(s+=this._input.substr(0,20-s.length)),(s.substr(0,20)+(s.length>20?"...":"")).replace(/\n/g,"")},"upcomingInput"),showPosition:n.__name(function(){var s=this.pastInput(),a=new Array(s.length+1).join("-");return s+this.upcomingInput()+`
+`+a+"^"},"showPosition"),test_match:n.__name(function(s,a){var c,u,g;if(this.options.backtrack_lexer&&(g={yylineno:this.yylineno,yylloc:{first_line:this.yylloc.first_line,last_line:this.last_line,first_column:this.yylloc.first_column,last_column:this.yylloc.last_column},yytext:this.yytext,match:this.match,matches:this.matches,matched:this.matched,yyleng:this.yyleng,offset:this.offset,_more:this._more,_input:this._input,yy:this.yy,conditionStack:this.conditionStack.slice(0),done:this.done},this.options.ranges&&(g.yylloc.range=this.yylloc.range.slice(0))),u=s[0].match(/(?:\r\n?|\n).*/g),u&&(this.yylineno+=u.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:u?u[u.length-1].length-u[u.length-1].match(/\r?\n?/)[0].length:this.yylloc.last_column+s[0].length},this.yytext+=s[0],this.match+=s[0],this.matches=s,this.yyleng=this.yytext.length,this.options.ranges&&(this.yylloc.range=[this.offset,this.offset+=this.yyleng]),this._more=!1,this._backtrack=!1,this._input=this._input.slice(s[0].length),this.matched+=s[0],c=this.performAction.call(this,this.yy,this,a,this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),c)return c;if(this._backtrack){for(var o in g)this[o]=g[o];return!1}return!1},"test_match"),next:n.__name(function(){if(this.done)return this.EOF;this._input||(this.done=!0);var s,a,c,u;this._more||(this.yytext="",this.match="");for(var g=this._currentRules(),o=0;o<g.length;o++)if(c=this._input.match(this.rules[g[o]]),c&&(!a||c[0].length>a[0].length)){if(a=c,u=o,this.options.backtrack_lexer){if(s=this.test_match(c,g[o]),s!==!1)return s;if(this._backtrack){a=!1;continue}else return!1}else if(!this.options.flex)break}return a?(s=this.test_match(a,g[u]),s!==!1?s:!1):this._input===""?this.EOF:this.parseError("Lexical error on line "+(this.yylineno+1)+`. Unrecognized text.
+`+this.showPosition(),{text:"",token:null,line:this.yylineno})},"next"),lex:n.__name(function(){var a=this.next();return a||this.lex()},"lex"),begin:n.__name(function(a){this.conditionStack.push(a)},"begin"),popState:n.__name(function(){var a=this.conditionStack.length-1;return a>0?this.conditionStack.pop():this.conditionStack[0]},"popState"),_currentRules:n.__name(function(){return this.conditionStack.length&&this.conditionStack[this.conditionStack.length-1]?this.conditions[this.conditionStack[this.conditionStack.length-1]].rules:this.conditions.INITIAL.rules},"_currentRules"),topState:n.__name(function(a){return a=this.conditionStack.length-1-Math.abs(a||0),a>=0?this.conditionStack[a]:"INITIAL"},"topState"),pushState:n.__name(function(a){this.begin(a)},"pushState"),stateStackSize:n.__name(function(){return this.conditionStack.length},"stateStackSize"),options:{"case-insensitive":!0},performAction:n.__name(function(a,c,u,g){switch(u){case 0:break;case 1:break;case 2:return 10;case 3:break;case 4:break;case 5:return 4;case 6:return 11;case 7:return this.begin("acc_title"),12;case 8:return this.popState(),"acc_title_value";case 9:return this.begin("acc_descr"),14;case 10:return this.popState(),"acc_descr_value";case 11:this.begin("acc_descr_multiline");break;case 12:this.popState();break;case 13:return"acc_descr_multiline_value";case 14:return 17;case 15:return 21;case 16:return 20;case 17:return 6;case 18:return"INVALID"}},"anonymous"),rules:[/^(?:%(?!\{)[^\n]*)/i,/^(?:[^\}]%%[^\n]*)/i,/^(?:[\n]+)/i,/^(?:\s+)/i,/^(?:#[^\n]*)/i,/^(?:timeline\b)/i,/^(?:title\s[^\n]+)/i,/^(?:accTitle\s*:\s*)/i,/^(?:(?!\n||)*[^\n]*)/i,/^(?:accDescr\s*:\s*)/i,/^(?:(?!\n||)*[^\n]*)/i,/^(?:accDescr\s*\{\s*)/i,/^(?:[\}])/i,/^(?:[^\}]*)/i,/^(?:section\s[^:\n]+)/i,/^(?::\s(?:[^:\n]|:(?!\s))+)/i,/^(?:[^#:\n]+)/i,/^(?:$)/i,/^(?:.)/i],conditions:{acc_descr_multiline:{rules:[12,13],inclusive:!1},acc_descr:{rules:[10],inclusive:!1},acc_title:{rules:[8],inclusive:!1},INITIAL:{rules:[0,1,2,3,4,5,6,7,9,11,14,15,16,17,18],inclusive:!0}}};return m})();p.lexer=x;function v(){this.yy={}}return n.__name(v,"Parser"),v.prototype=p,p.Parser=v,new v})();J.parser=J;var _t=J,it={};n.__export(it,{addEvent:()=>ut,addSection:()=>ot,addTask:()=>dt,addTaskOrg:()=>pt,clear:()=>lt,default:()=>ft,getCommonDb:()=>at,getSections:()=>ct,getTasks:()=>ht});var R="",st=0,K=[],O=[],F=[],at=n.__name(()=>n.commonDb_exports,"getCommonDb"),lt=n.__name(function(){K.length=0,O.length=0,R="",F.length=0,n.clear()},"clear"),ot=n.__name(function(r){R=r,K.push(r)},"addSection"),ct=n.__name(function(){return K},"getSections"),ht=n.__name(function(){let r=et();const t=100;let e=0;for(;!r&&e<t;)r=et(),e++;return O.push(...F),O},"getTasks"),dt=n.__name(function(r,t,e){const l={id:st++,section:R,type:R,task:r,score:t||0,events:e?[e]:[]};F.push(l)},"addTask"),ut=n.__name(function(r){F.find(e=>e.id===st-1).events.push(r)},"addEvent"),pt=n.__name(function(r){const t={section:R,type:R,description:r,task:r,classes:[]};O.push(t)},"addTaskOrg"),et=n.__name(function(){const r=n.__name(function(e){return F[e].processed},"compileTask");let t=!0;for(const[e,l]of F.entries())r(e),t=t&&l.processed;return t},"compileTasks"),ft={clear:lt,getCommonDb:at,addSection:ot,getSections:ct,getTasks:ht,addTask:dt,addTaskOrg:pt,addEvent:ut},mt=12,j=n.__name(function(r,t){const e=r.append("rect");return e.attr("x",t.x),e.attr("y",t.y),e.attr("fill",t.fill),e.attr("stroke",t.stroke),e.attr("width",t.width),e.attr("height",t.height),e.attr("rx",t.rx),e.attr("ry",t.ry),t.class!==void 0&&e.attr("class",t.class),e},"drawRect"),xt=n.__name(function(r,t){const l=r.append("circle").attr("cx",t.cx).attr("cy",t.cy).attr("class","face").attr("r",15).attr("stroke-width",2).attr("overflow","visible"),i=r.append("g");i.append("circle").attr("cx",t.cx-15/3).attr("cy",t.cy-15/3).attr("r",1.5).attr("stroke-width",2).attr("fill","#666").attr("stroke","#666"),i.append("circle").attr("cx",t.cx+15/3).attr("cy",t.cy-15/3).attr("r",1.5).attr("stroke-width",2).attr("fill","#666").attr("stroke","#666");function d(f){const p=tt.d3arc().startAngle(Math.PI/2).endAngle(3*(Math.PI/2)).innerRadius(7.5).outerRadius(6.8181818181818175);f.append("path").attr("class","mouth").attr("d",p).attr("transform","translate("+t.cx+","+(t.cy+2)+")")}n.__name(d,"smile");function h(f){const p=tt.d3arc().startAngle(3*Math.PI/2).endAngle(5*(Math.PI/2)).innerRadius(7.5).outerRadius(6.8181818181818175);f.append("path").attr("class","mouth").attr("d",p).attr("transform","translate("+t.cx+","+(t.cy+7)+")")}n.__name(h,"sad");function _(f){f.append("line").attr("class","mouth").attr("stroke",2).attr("x1",t.cx-5).attr("y1",t.cy+7).attr("x2",t.cx+5).attr("y2",t.cy+7).attr("class","mouth").attr("stroke-width","1px").attr("stroke","#666")}return n.__name(_,"ambivalent"),t.score>3?d(i):t.score<3?h(i):_(i),l},"drawFace"),kt=n.__name(function(r,t){const e=r.append("circle");return e.attr("cx",t.cx),e.attr("cy",t.cy),e.attr("class","actor-"+t.pos),e.attr("fill",t.fill),e.attr("stroke",t.stroke),e.attr("r",t.r),e.class!==void 0&&e.attr("class",e.class),t.title!==void 0&&e.append("title").text(t.title),e},"drawCircle"),gt=n.__name(function(r,t){const e=t.text.replace(/<br\s*\/?>/gi," "),l=r.append("text");l.attr("x",t.x),l.attr("y",t.y),l.attr("class","legend"),l.style("text-anchor",t.anchor),t.class!==void 0&&l.attr("class",t.class);const i=l.append("tspan");return i.attr("x",t.x+t.textMargin*2),i.text(e),l},"drawText"),vt=n.__name(function(r,t){function e(i,d,h,_,f){return i+","+d+" "+(i+h)+","+d+" "+(i+h)+","+(d+_-f)+" "+(i+h-f*1.2)+","+(d+_)+" "+i+","+(d+_)}n.__name(e,"genPoints");const l=r.append("polygon");l.attr("points",e(t.x,t.y,50,20,7)),l.attr("class","labelBox"),t.y=t.y+t.labelMargin,t.x=t.x+.5*t.labelMargin,gt(r,t)},"drawLabel"),bt=n.__name(function(r,t,e){const l=r.append("g"),i=Q();i.x=t.x,i.y=t.y,i.fill=t.fill,i.width=e.width,i.height=e.height,i.class="journey-section section-type-"+t.num,i.rx=3,i.ry=3,j(l,i),yt(e)(t.text,l,i.x,i.y,i.width,i.height,{class:"journey-section section-type-"+t.num},e,t.colour)},"drawSection"),nt=-1,wt=n.__name(function(r,t,e){const l=t.x+e.width/2,i=r.append("g");nt++,i.append("line").attr("id","task"+nt).attr("x1",l).attr("y1",t.y).attr("x2",l).attr("y2",450).attr("class","task-line").attr("stroke-width","1px").attr("stroke-dasharray","4 2").attr("stroke","#666"),xt(i,{cx:l,cy:300+(5-t.score)*30,score:t.score});const h=Q();h.x=t.x,h.y=t.y,h.fill=t.fill,h.width=e.width,h.height=e.height,h.class="task task-type-"+t.num,h.rx=3,h.ry=3,j(i,h),yt(e)(t.task,i,h.x,h.y,h.width,h.height,{class:"task"},e,t.colour)},"drawTask"),St=n.__name(function(r,t){j(r,{x:t.startx,y:t.starty,width:t.stopx-t.startx,height:t.stopy-t.starty,fill:t.fill,class:"rect"}).lower()},"drawBackgroundRect"),Et=n.__name(function(){return{x:0,y:0,fill:void 0,"text-anchor":"start",width:100,height:100,textMargin:0,rx:0,ry:0}},"getTextObj"),Q=n.__name(function(){return{x:0,y:0,width:100,anchor:"start",height:100,rx:0,ry:0}},"getNoteRect"),yt=(function(){function r(i,d,h,_,f,p,x,v){const m=d.append("text").attr("x",h+f/2).attr("y",_+p/2+5).style("font-color",v).style("text-anchor","middle").text(i);l(m,x)}n.__name(r,"byText");function t(i,d,h,_,f,p,x,v,m){const{taskFontSize:s,taskFontFamily:a}=v,c=i.split(/<br\s*\/?>/gi);for(let u=0;u<c.length;u++){const g=u*s-s*(c.length-1)/2,o=d.append("text").attr("x",h+f/2).attr("y",_).attr("fill",m).style("text-anchor","middle").style("font-size",s).style("font-family",a);o.append("tspan").attr("x",h+f/2).attr("dy",g).text(c[u]),o.attr("y",_+p/2).attr("dominant-baseline","central").attr("alignment-baseline","central"),l(o,x)}}n.__name(t,"byTspan");function e(i,d,h,_,f,p,x,v){const m=d.append("switch"),a=m.append("foreignObject").attr("x",h).attr("y",_).attr("width",f).attr("height",p).attr("position","fixed").append("xhtml:div").style("display","table").style("height","100%").style("width","100%");a.append("div").attr("class","label").style("display","table-cell").style("text-align","center").style("vertical-align","middle").text(i),t(i,m,h,_,f,p,x,v),l(a,x)}n.__name(e,"byFo");function l(i,d){for(const h in d)h in d&&i.attr(h,d[h])}return n.__name(l,"_setTextAttrs"),function(i){return i.textPlacement==="fo"?e:i.textPlacement==="old"?r:t}})(),Tt=n.__name(function(r){r.append("defs").append("marker").attr("id","arrowhead").attr("refX",5).attr("refY",2).attr("markerWidth",6).attr("markerHeight",4).attr("orient","auto").append("path").attr("d","M 0,0 V 4 L6,2 Z")},"initGraphics");function X(r,t){r.each(function(){var e=n.select(this),l=e.text().split(/(\s+|<br>)/).reverse(),i,d=[],h=1.1,_=e.attr("y"),f=parseFloat(e.attr("dy")),p=e.text(null).append("tspan").attr("x",0).attr("y",_).attr("dy",f+"em");for(let x=0;x<l.length;x++)i=l[l.length-1-x],d.push(i),p.text(d.join(" ").trim()),(p.node().getComputedTextLength()>t||i==="<br>")&&(d.pop(),p.text(d.join(" ").trim()),i==="<br>"?d=[""]:d=[i],p=e.append("tspan").attr("x",0).attr("y",_).attr("dy",h+"em").text(i))})}n.__name(X,"wrap");var It=n.__name(function(r,t,e,l){const i=e%mt-1,d=r.append("g");t.section=i,d.attr("class",(t.class?t.class+" ":"")+"timeline-node "+("section-"+i));const h=d.append("g"),_=d.append("g"),p=_.append("text").text(t.descr).attr("dy","1em").attr("alignment-baseline","middle").attr("dominant-baseline","middle").attr("text-anchor","middle").call(X,t.width).node().getBBox(),x=l.fontSize?.replace?l.fontSize.replace("px",""):l.fontSize;return t.height=p.height+x*1.1*.5+t.padding,t.height=Math.max(t.height,t.maxHeight),t.width=t.width+2*t.padding,_.attr("transform","translate("+t.width/2+", "+t.padding/2+")"),$t(h,t,i,l),t},"drawNode"),Nt=n.__name(function(r,t,e){const l=r.append("g"),d=l.append("text").text(t.descr).attr("dy","1em").attr("alignment-baseline","middle").attr("dominant-baseline","middle").attr("text-anchor","middle").call(X,t.width).node().getBBox(),h=e.fontSize?.replace?e.fontSize.replace("px",""):e.fontSize;return l.remove(),d.height+h*1.1*.5+t.padding},"getVirtualNodeHeight"),$t=n.__name(function(r,t,e){r.append("path").attr("id","node-"+t.id).attr("class","node-bkg node-"+t.type).attr("d",`M0 ${t.height-5} v${-t.height+10} q0,-5 5,-5 h${t.width-10} q5,0 5,5 v${t.height-5} H0 Z`),r.append("line").attr("class","node-line-"+e).attr("x1",0).attr("y1",t.height).attr("x2",t.width).attr("y2",t.height)},"defaultBkg"),A={drawRect:j,drawCircle:kt,drawSection:bt,drawText:gt,drawLabel:vt,drawTask:wt,drawBackgroundRect:St,getTextObj:Et,getNoteRect:Q,initGraphics:Tt,drawNode:It,getVirtualNodeHeight:Nt},Lt=n.__name(function(r,t,e,l){const i=n.getConfig2(),d=i.timeline?.leftMargin??50;n.log.debug("timeline",l.db);const h=i.securityLevel;let _;h==="sandbox"&&(_=n.select("#i"+t));const p=(h==="sandbox"?n.select(_.nodes()[0].contentDocument.body):n.select("body")).select("#"+t);p.append("g");const x=l.db.getTasks(),v=l.db.getCommonDb().getDiagramTitle();n.log.debug("task",x),A.initGraphics(p);const m=l.db.getSections();n.log.debug("sections",m);let s=0,a=0,c=0,u=0,g=50+d,o=50;u=50;let w=0,k=!0;m.forEach(function(M){const y={number:w,descr:M,section:w,width:150,padding:20,maxHeight:s},b=A.getVirtualNodeHeight(p,y,i);n.log.debug("sectionHeight before draw",b),s=Math.max(s,b+20)});let I=0,H=0;n.log.debug("tasks.length",x.length);for(const[M,y]of x.entries()){const b={number:M,descr:y,section:y.section,width:150,padding:20,maxHeight:a},N=A.getVirtualNodeHeight(p,b,i);n.log.debug("taskHeight before draw",N),a=Math.max(a,N+20),I=Math.max(I,y.events.length);let $=0;for(const V of y.events){const q={descr:V,section:y.section,number:y.section,width:150,padding:20,maxHeight:50};$+=A.getVirtualNodeHeight(p,q,i)}y.events.length>0&&($+=(y.events.length-1)*10),H=Math.max(H,$)}n.log.debug("maxSectionHeight before draw",s),n.log.debug("maxTaskHeight before draw",a),m&&m.length>0?m.forEach(M=>{const y=x.filter(V=>V.section===M),b={number:w,descr:M,section:w,width:200*Math.max(y.length,1)-50,padding:20,maxHeight:s};n.log.debug("sectionNode",b);const N=p.append("g"),$=A.drawNode(N,b,w,i);n.log.debug("sectionNode output",$),N.attr("transform",`translate(${g}, ${u})`),o+=s+50,y.length>0&&rt(p,y,w,g,o,a,i,I,H,s,!1),g+=200*Math.max(y.length,1),o=u,w++}):(k=!1,rt(p,x,w,g,o,a,i,I,H,s,!0));const z=p.node().getBBox();n.log.debug("bounds",z),v&&p.append("text").text(v).attr("x",z.width/2-d).attr("font-size","4ex").attr("font-weight","bold").attr("y",20),c=k?s+a+150:a+100,p.append("g").attr("class","lineWrapper").append("line").attr("x1",d).attr("y1",c).attr("x2",z.width+3*d).attr("y2",c).attr("stroke-width",4).attr("stroke","black").attr("marker-end","url(#arrowhead)"),n.setupGraphViewbox(void 0,p,i.timeline?.padding??50,i.timeline?.useMaxWidth??!1)},"draw"),rt=n.__name(function(r,t,e,l,i,d,h,_,f,p,x){for(const v of t){const m={descr:v.task,section:e,number:e,width:150,padding:20,maxHeight:d};n.log.debug("taskNode",m);const s=r.append("g").attr("class","taskWrapper"),c=A.drawNode(s,m,e,h).height;if(n.log.debug("taskHeight after draw",c),s.attr("transform",`translate(${l}, ${i})`),d=Math.max(d,c),v.events){const u=r.append("g").attr("class","lineWrapper");let g=d;i+=100,g=g+Mt(r,v.events,e,l,i,h),i-=100,u.append("line").attr("x1",l+190/2).attr("y1",i+d).attr("x2",l+190/2).attr("y2",i+d+100+f+100).attr("stroke-width",2).attr("stroke","black").attr("marker-end","url(#arrowhead)").attr("stroke-dasharray","5,5")}l=l+200,x&&!h.timeline?.disableMulticolor&&e++}i=i-10},"drawTasks"),Mt=n.__name(function(r,t,e,l,i,d){let h=0;const _=i;i=i+100;for(const f of t){const p={descr:f,section:e,number:e,width:150,padding:20,maxHeight:50};n.log.debug("eventNode",p);const x=r.append("g").attr("class","eventWrapper"),m=A.drawNode(x,p,e,d).height;h=h+m,x.attr("transform",`translate(${l}, ${i})`),i=i+10+m}return i=_,h},"drawEvents"),Ht={setConf:n.__name(()=>{},"setConf"),draw:Lt},Pt=n.__name(r=>{let t="";for(let e=0;e<r.THEME_COLOR_LIMIT;e++)r["lineColor"+e]=r["lineColor"+e]||r["cScaleInv"+e],n.isDark(r["lineColor"+e])?r["lineColor"+e]=n.lighten(r["lineColor"+e],20):r["lineColor"+e]=n.darken(r["lineColor"+e],20);for(let e=0;e<r.THEME_COLOR_LIMIT;e++){const l=""+(17-3*e);t+=`
+    .section-${e-1} rect, .section-${e-1} path, .section-${e-1} circle, .section-${e-1} path  {
+      fill: ${r["cScale"+e]};
+    }
+    .section-${e-1} text {
+     fill: ${r["cScaleLabel"+e]};
+    }
+    .node-icon-${e-1} {
+      font-size: 40px;
+      color: ${r["cScaleLabel"+e]};
+    }
+    .section-edge-${e-1}{
+      stroke: ${r["cScale"+e]};
+    }
+    .edge-depth-${e-1}{
+      stroke-width: ${l};
+    }
+    .section-${e-1} line {
+      stroke: ${r["cScaleInv"+e]} ;
+      stroke-width: 3;
+    }
+
+    .lineWrapper line{
+      stroke: ${r["cScaleLabel"+e]} ;
+    }
+
+    .disabled, .disabled circle, .disabled text {
+      fill: lightgray;
+    }
+    .disabled text {
+      fill: #efefef;
+    }
+    `}return t},"genSections"),At=n.__name(r=>`
+  .edge {
+    stroke-width: 3;
+  }
+  ${Pt(r)}
+  .section-root rect, .section-root path, .section-root circle  {
+    fill: ${r.git0};
+  }
+  .section-root text {
+    fill: ${r.gitBranchLabel0};
+  }
+  .icon-container {
+    height:100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .edge {
+    fill: none;
+  }
+  .eventWrapper  {
+   filter: brightness(120%);
+  }
+`,"getStyles"),Ct=At,Rt={db:it,renderer:Ht,parser:_t,styles:Ct};exports.diagram=Rt;