@phuong-tran-redoc/document-engine-angular 0.1.3 → 0.1.4

package/fesm2022/phuong-tran-redoc-document-engine-angular.mjs

@@ -5318,12 +5318,31 @@ const TEXT_CASE_OPTIONS = [
     { value: 'lowercase', label: 'lowercase' },
     { value: 'capitalize', label: 'Capitalize' },
 ];
-const HEADING_OPTIONS = [
-    { value: null, label: 'Normal text', class: '' },
-    { value: 1, label: 'Heading 1', class: 'h1' },
-    { value: 2, label: 'Heading 2', class: 'h2' },
-    { value: 3, label: 'Heading 3', class: 'h3' },
-];
+/**
+ * Heading levels offered when `heading` is enabled without an explicit `levels`
+ * array — mirrors the Tiptap Heading extension default (1–6).
+ */
+const DEFAULT_HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
+/**
+ * Build the block-type dropdown options from the editor's configured heading
+ * levels, so the toolbar offers exactly the levels the editor can produce: no
+ * dead entry for a level the config omits, and no configured level left
+ * unreachable. The leading "Normal text" (paragraph) entry is always present.
+ * Levels are de-duplicated and sorted ascending; an empty or omitted list falls
+ * back to {@link DEFAULT_HEADING_LEVELS}.
+ */
+function buildHeadingOptions(levels) {
+    const source = levels && levels.length > 0 ? levels : DEFAULT_HEADING_LEVELS;
+    const sorted = [...new Set(source)].sort((a, b) => a - b);
+    return [
+        { value: null, label: 'Normal text', class: '' },
+        ...sorted.map((level) => ({
+            value: level,
+            label: `Heading ${level}`,
+            class: `h${level}`,
+        })),
+    ];
+}
 const TEXT_ALIGN_OPTIONS = [
     { value: 'left', label: 'Align Left', icon: 'format_align_left' },
     { value: 'center', label: 'Align Center', icon: 'format_align_center' },
@@ -6057,7 +6076,10 @@ class ToolbarComponent {
     fontSizeOptions = FONT_SIZE_OPTIONS;
     lineHeightOptions = LINE_HEIGHT_OPTIONS;
     textCaseOptions = TEXT_CASE_OPTIONS;
-    headingOptions = HEADING_OPTIONS;
+    // Derived from the editor's configured heading levels in ngOnInit so the
+    // block-type dropdown lists exactly the levels the config allows (no dead
+    // entry, no unreachable level). Seeded with the default set for first paint.
+    headingOptions = buildHeadingOptions();
     textAlignOptions = TEXT_ALIGN_OPTIONS;
     listStyleOptions = LIST_STYLE_OPTIONS;
     colorBubbleMenu;
@@ -6108,6 +6130,10 @@ class ToolbarComponent {
         });
     };
     ngOnInit() {
+        // Build the block-type dropdown from the configured heading levels (semantic
+        // mode = 2/3/4, etc.) rather than a fixed 1/2/3 set. Done before the first
+        // updateToolbarState() so its heading-active scan iterates the real options.
+        this.headingOptions = buildHeadingOptions(this.resolveHeadingLevels());
         // Subscribe to selectionUpdate to keep toolbar state in sync when cursor/selection changes
         this.editor.on('update', this.updateToolbarState);
         this.editor.on('transaction', this.throttleUpdateToolbarState);
@@ -6123,6 +6149,19 @@ class ToolbarComponent {
         this.toolbarService.ngOnDestroy();
         this.editor.destroy();
     }
+    /**
+     * Read the configured heading levels off `config.heading`. It may be a boolean
+     * (`true` = default levels, handled by buildHeadingOptions' fallback) or a
+     * `Partial<HeadingOptions>` carrying a `levels` array. Returns undefined when no
+     * explicit levels are set so the caller falls back to the default set.
+     */
+    resolveHeadingLevels() {
+        const heading = this.config?.heading;
+        if (heading && typeof heading === 'object' && Array.isArray(heading.levels)) {
+            return heading.levels;
+        }
+        return undefined;
+    }
     runAndEmit(actionName, chain) {
         chain();
         this.toolbarService.emit(actionName);