@flogeez/angular-tiptap-editor 3.0.0 → 3.0.1

package/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to `@flogeez/angular-tiptap-editor` will be documented in th
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html), with the exception that the major version is specifically aligned with the major version of [Tiptap](https://tiptap.dev).
 
+## [3.0.1] - 2026-02-06
+
+### Fixed
+
+- **Link & Underline extensions**: Native `Link` and `Underline` extensions are now utilized directly from `StarterKit` instead of being loaded as separate extensions.
+
 ## [3.0.0] - 2026-02-05
 
 ### Changed

package/fesm2022/flogeez-angular-tiptap-editor.mjs

@@ -4,11 +4,9 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Node as Node$1, nodeInputRule, mergeAttributes, Extension, getAttributes, Editor } from '@tiptap/core';
 import StarterKit from '@tiptap/starter-kit';
 import { Placeholder, CharacterCount } from '@tiptap/extensions';
-import { Underline } from '@tiptap/extension-underline';
 import { Superscript } from '@tiptap/extension-superscript';
 import { Subscript } from '@tiptap/extension-subscript';
 import { TextAlign } from '@tiptap/extension-text-align';
-import { Link } from '@tiptap/extension-link';
 import { Highlight } from '@tiptap/extension-highlight';
 import { TextStyle } from '@tiptap/extension-text-style';
 import { Color } from '@tiptap/extension-color';
@@ -6347,18 +6345,19 @@ class AngularTiptapEditorComponent {
         // Appearance & Fundamentals
         this.finalSeamless = computed(() => {
             const inputVal = this.seamless();
-            if (inputVal !== undefined)
+            if (inputVal !== undefined) {
                 return inputVal;
+            }
             const fromConfig = this.effectiveConfig().mode;
             return fromConfig === "seamless";
         }, ...(ngDevMode ? [{ debugName: "finalSeamless" }] : []));
-        this.finalEditable = computed(() => this.editable() ?? this.effectiveConfig().editable, ...(ngDevMode ? [{ debugName: "finalEditable" }] : []));
+        this.finalEditable = computed(() => this.editable() ?? this.effectiveConfig().editable ?? true, ...(ngDevMode ? [{ debugName: "finalEditable" }] : []));
         this.finalPlaceholder = computed(() => this.placeholder() ??
             this.effectiveConfig().placeholder ??
             this.currentTranslations().editor.placeholder, ...(ngDevMode ? [{ debugName: "finalPlaceholder" }] : []));
         this.finalFillContainer = computed(() => this.fillContainer() ?? this.effectiveConfig().fillContainer, ...(ngDevMode ? [{ debugName: "finalFillContainer" }] : []));
-        this.finalShowFooter = computed(() => this.showFooter() ?? this.effectiveConfig().showFooter, ...(ngDevMode ? [{ debugName: "finalShowFooter" }] : []));
-        this.finalShowEditToggle = computed(() => this.showEditToggle() ?? this.effectiveConfig().showEditToggle, ...(ngDevMode ? [{ debugName: "finalShowEditToggle" }] : []));
+        this.finalShowFooter = computed(() => this.showFooter() ?? this.effectiveConfig().showFooter ?? true, ...(ngDevMode ? [{ debugName: "finalShowFooter" }] : []));
+        this.finalShowEditToggle = computed(() => this.showEditToggle() ?? this.effectiveConfig().showEditToggle ?? false, ...(ngDevMode ? [{ debugName: "finalShowEditToggle" }] : []));
         this.finalHeight = computed(() => {
             const h = this.height() ?? this.effectiveConfig().height;
             return typeof h === "number" ? `${h}px` : h;
@@ -6371,10 +6370,10 @@ class AngularTiptapEditorComponent {
             const mh = this.maxHeight() ?? this.effectiveConfig().maxHeight;
             return typeof mh === "number" ? `${mh}px` : mh;
         }, ...(ngDevMode ? [{ debugName: "finalMaxHeight" }] : []));
-        this.finalSpellcheck = computed(() => this.spellcheck() ?? this.effectiveConfig().spellcheck, ...(ngDevMode ? [{ debugName: "finalSpellcheck" }] : []));
-        this.finalEnableOfficePaste = computed(() => this.enableOfficePaste() ?? this.effectiveConfig().enableOfficePaste, ...(ngDevMode ? [{ debugName: "finalEnableOfficePaste" }] : []));
+        this.finalSpellcheck = computed(() => this.spellcheck() ?? this.effectiveConfig().spellcheck ?? true, ...(ngDevMode ? [{ debugName: "finalSpellcheck" }] : []));
+        this.finalEnableOfficePaste = computed(() => this.enableOfficePaste() ?? this.effectiveConfig().enableOfficePaste ?? true, ...(ngDevMode ? [{ debugName: "finalEnableOfficePaste" }] : []));
         // Features
-        this.finalShowToolbar = computed(() => this.showToolbar() ?? this.effectiveConfig().showToolbar, ...(ngDevMode ? [{ debugName: "finalShowToolbar" }] : []));
+        this.finalShowToolbar = computed(() => this.showToolbar() ?? this.effectiveConfig().showToolbar ?? true, ...(ngDevMode ? [{ debugName: "finalShowToolbar" }] : []));
         this.finalToolbarConfig = computed(() => {
             const fromInput = this.toolbar();
             const fromConfig = this.effectiveConfig().toolbar;
@@ -6387,8 +6386,8 @@ class AngularTiptapEditorComponent {
             }
             return base;
         }, ...(ngDevMode ? [{ debugName: "finalToolbarConfig" }] : []));
-        this.finalFloatingToolbar = computed(() => this.floatingToolbar() ?? this.effectiveConfig().floatingToolbar, ...(ngDevMode ? [{ debugName: "finalFloatingToolbar" }] : []));
-        this.finalShowBubbleMenu = computed(() => this.showBubbleMenu() ?? this.effectiveConfig().showBubbleMenu, ...(ngDevMode ? [{ debugName: "finalShowBubbleMenu" }] : []));
+        this.finalFloatingToolbar = computed(() => this.floatingToolbar() ?? this.effectiveConfig().floatingToolbar ?? false, ...(ngDevMode ? [{ debugName: "finalFloatingToolbar" }] : []));
+        this.finalShowBubbleMenu = computed(() => this.showBubbleMenu() ?? this.effectiveConfig().showBubbleMenu ?? true, ...(ngDevMode ? [{ debugName: "finalShowBubbleMenu" }] : []));
         this.finalBubbleMenuConfig = computed(() => {
             const fromInput = this.bubbleMenu();
             const fromConfig = this.effectiveConfig().bubbleMenu;
@@ -6401,7 +6400,7 @@ class AngularTiptapEditorComponent {
             }
             return base;
         }, ...(ngDevMode ? [{ debugName: "finalBubbleMenuConfig" }] : []));
-        this.finalShowImageBubbleMenu = computed(() => this.showImageBubbleMenu() ?? this.effectiveConfig().showImageBubbleMenu, ...(ngDevMode ? [{ debugName: "finalShowImageBubbleMenu" }] : []));
+        this.finalShowImageBubbleMenu = computed(() => this.showImageBubbleMenu() ?? this.effectiveConfig().showImageBubbleMenu ?? true, ...(ngDevMode ? [{ debugName: "finalShowImageBubbleMenu" }] : []));
         this.finalImageBubbleMenuConfig = computed(() => {
             const fromInput = this.imageBubbleMenu();
             const fromConfig = this.effectiveConfig().imageBubbleMenu;
@@ -6414,7 +6413,7 @@ class AngularTiptapEditorComponent {
             }
             return base;
         }, ...(ngDevMode ? [{ debugName: "finalImageBubbleMenuConfig" }] : []));
-        this.finalShowTableBubbleMenu = computed(() => this.showTableBubbleMenu() ?? this.effectiveConfig().showTableMenu, ...(ngDevMode ? [{ debugName: "finalShowTableBubbleMenu" }] : []));
+        this.finalShowTableBubbleMenu = computed(() => this.showTableBubbleMenu() ?? this.effectiveConfig().showTableMenu ?? true, ...(ngDevMode ? [{ debugName: "finalShowTableBubbleMenu" }] : []));
         this.finalTableBubbleMenuConfig = computed(() => {
             const fromInput = this.tableBubbleMenu();
             const fromConfig = this.effectiveConfig().tableBubbleMenu;
@@ -6427,7 +6426,7 @@ class AngularTiptapEditorComponent {
             }
             return base;
         }, ...(ngDevMode ? [{ debugName: "finalTableBubbleMenuConfig" }] : []));
-        this.finalShowCellBubbleMenu = computed(() => this.showCellBubbleMenu() ?? this.effectiveConfig().showCellMenu, ...(ngDevMode ? [{ debugName: "finalShowCellBubbleMenu" }] : []));
+        this.finalShowCellBubbleMenu = computed(() => this.showCellBubbleMenu() ?? this.effectiveConfig().showCellMenu ?? true, ...(ngDevMode ? [{ debugName: "finalShowCellBubbleMenu" }] : []));
         this.finalCellBubbleMenuConfig = computed(() => {
             const fromInput = this.cellBubbleMenu();
             const fromConfig = this.effectiveConfig().cellBubbleMenu;
@@ -6440,7 +6439,7 @@ class AngularTiptapEditorComponent {
             }
             return base;
         }, ...(ngDevMode ? [{ debugName: "finalCellBubbleMenuConfig" }] : []));
-        this.finalEnableSlashCommands = computed(() => this.enableSlashCommands() ?? this.effectiveConfig().enableSlashCommands, ...(ngDevMode ? [{ debugName: "finalEnableSlashCommands" }] : []));
+        this.finalEnableSlashCommands = computed(() => this.enableSlashCommands() ?? this.effectiveConfig().enableSlashCommands ?? true, ...(ngDevMode ? [{ debugName: "finalEnableSlashCommands" }] : []));
         this.finalSlashCommandsConfig = computed(() => {
             const fromInputComponent = this.customSlashCommands();
             const fromConfigComponent = this.effectiveConfig().customSlashCommands;
@@ -6460,8 +6459,8 @@ class AngularTiptapEditorComponent {
         // Behavior
         this.finalAutofocus = computed(() => this.autofocus() ?? this.effectiveConfig().autofocus, ...(ngDevMode ? [{ debugName: "finalAutofocus" }] : []));
         this.finalMaxCharacters = computed(() => this.maxCharacters() ?? this.effectiveConfig().maxCharacters, ...(ngDevMode ? [{ debugName: "finalMaxCharacters" }] : []));
-        this.finalShowCharacterCount = computed(() => this.showCharacterCount() ?? this.effectiveConfig().showCharacterCount, ...(ngDevMode ? [{ debugName: "finalShowCharacterCount" }] : []));
-        this.finalShowWordCount = computed(() => this.showWordCount() ?? this.effectiveConfig().showWordCount, ...(ngDevMode ? [{ debugName: "finalShowWordCount" }] : []));
+        this.finalShowCharacterCount = computed(() => this.showCharacterCount() ?? this.effectiveConfig().showCharacterCount ?? true, ...(ngDevMode ? [{ debugName: "finalShowCharacterCount" }] : []));
+        this.finalShowWordCount = computed(() => this.showWordCount() ?? this.effectiveConfig().showWordCount ?? true, ...(ngDevMode ? [{ debugName: "finalShowWordCount" }] : []));
         this.finalLocale = computed(() => this.locale() ?? this.effectiveConfig().locale, ...(ngDevMode ? [{ debugName: "finalLocale" }] : []));
         // Extensions & Options
         this.finalTiptapExtensions = computed(() => this.tiptapExtensions() ?? this.effectiveConfig().tiptapExtensions ?? [], ...(ngDevMode ? [{ debugName: "finalTiptapExtensions" }] : []));
@@ -6619,7 +6618,14 @@ class AngularTiptapEditorComponent {
     }
     initEditor() {
         const extensions = [
-            StarterKit,
+            StarterKit.configure({
+                link: {
+                    openOnClick: false,
+                    HTMLAttributes: {
+                        class: "ate-link",
+                    },
+                },
+            }),
             TextStyle,
             Color.configure({
                 types: ["textStyle"],
@@ -6627,18 +6633,11 @@ class AngularTiptapEditorComponent {
             Placeholder.configure({
                 placeholder: this.finalPlaceholder(),
             }),
-            Underline,
             Superscript,
             Subscript,
             TextAlign.configure({
                 types: ["heading", "paragraph"],
             }),
-            Link.configure({
-                openOnClick: false,
-                HTMLAttributes: {
-                    class: "ate-link",
-                },
-            }),
             AteLinkClickBehavior,
             Highlight.configure({
                 multicolor: true,