@leanix/components 0.4.745 → 0.4.747

package/lib/forms-ui/components/rich-text-editor/ngx-tiptap/NodeViewRenderer.d.ts

@@ -5,9 +5,9 @@ import type { Decoration } from '@tiptap/pm/view';
 import { AngularNodeViewComponent } from './node-view.component';
 interface RendererUpdateProps {
     oldNode: ProseMirrorNode;
-    oldDecorations: Decoration[];
+    oldDecorations: readonly Decoration[];
     newNode: ProseMirrorNode;
-    newDecorations: Decoration[];
+    newDecorations: readonly Decoration[];
     updateProps: () => void;
 }
 interface AngularNodeViewRendererOptions extends NodeViewRendererOptions {

package/lib/forms-ui/components/rich-text-editor/ngx-tiptap/node-view.component.d.ts

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 export declare class AngularNodeViewComponent {
     editor: import("@angular/core").InputSignal<import("@tiptap/core").Editor>;
     node: import("@angular/core").InputSignal<import("prosemirror-model").Node>;
-    decorations: import("@angular/core").InputSignal<import("@tiptap/core").DecorationWithType[]>;
+    decorations: import("@angular/core").InputSignal<readonly import("@tiptap/core").DecorationWithType[]>;
     selected: import("@angular/core").InputSignal<boolean>;
     extension: import("@angular/core").InputSignal<import("@tiptap/core").Node<any, any>>;
     getPos: import("@angular/core").InputSignal<() => number>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanix/components",
-  "version": "0.4.745",
+  "version": "0.4.747",
   "license": "Apache-2.0",
   "author": "LeanIX GmbH",
   "repository": {
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@ncstate/sat-popover": "14.1.0",
-    "@tiptap/core": "2.6.6",
+    "@tiptap/core": "2.7.0",
     "@tiptap/extension-bold": "2.6.6",
     "@tiptap/extension-bubble-menu": "2.6.6",
     "@tiptap/extension-bullet-list": "2.6.6",
@@ -25,7 +25,7 @@
     "@tiptap/extension-history": "2.6.6",
     "@tiptap/extension-horizontal-rule": "2.6.6",
     "@tiptap/extension-italic": "2.6.6",
-    "@tiptap/extension-link": "2.6.6",
+    "@tiptap/extension-link": "2.10.4",
     "@tiptap/extension-list-item": "2.6.6",
     "@tiptap/extension-ordered-list": "2.6.6",
     "@tiptap/extension-paragraph": "2.6.6",
@@ -37,7 +37,7 @@
     "@tiptap/extension-text": "2.6.6",
     "@tiptap/extension-text-align": "2.6.6",
     "@tiptap/extension-underline": "2.6.6",
-    "@tiptap/pm": "2.6.6",
+    "@tiptap/pm": "2.7.0",
     "@ui5/webcomponents": "2.12.0",
     "@ui5/webcomponents-base": "2.12.0",
     "@ui5/webcomponents-icons": "2.12.0",

package/ui5/index.d.ts

@@ -7,3 +7,4 @@ export { IconComponent } from '@ui5/webcomponents-ngx/main/icon';
 export type { BreadcrumbsItemClickEventDetail } from '@ui5/webcomponents/dist/Breadcrumbs';
 export { BreadcrumbsItemComponent } from './components/breadcrumbs-item.component';
 export { BreadcrumbsComponent } from './components/breadcrumbs.component';
+export { getOuterHtmlWithShadowDom } from './utils/get-outer-html-with-shadow-dom';

package/ui5/utils/get-outer-html-with-shadow-dom.d.ts

@@ -0,0 +1,15 @@
+/**
+ *
+ * A replacement for `HTMLElement.outerHTML`, but works with web components shadow DOM.
+ * Returns a string of outer HTML of a DOM node, inlining shadow DOM for web components.
+ * (@see TRAVERSED_ELEMENTS_SELECTOR for the list of supported web components.)
+ *
+ *
+ * @description
+ * Solves the problem of getting the full HTML structure of web components,
+ * as `element.outerHTML` does not include shadow DOM.
+ * This function inlines shadow DOM into a <template> tag inside the component root.
+ * It helps to keep the shadow DOM structure and preserve style encapsulation.
+ * Also includes whitelisted styles from computed styles into the component root as inline styles (@see WEB_COMPONENT_STYLE_PROPERTIES_WHITELIST).
+ */
+export declare function getOuterHtmlWithShadowDom(rootNode: HTMLElement): string;