>): void {
+ this.editor?.editorService
+ ?.getOriginTiptapEditor()
+ ?.chain()
+ .focus('end')
+ .createParagraphNear()
+ .insertContent(file.name)
+ .run();
+
+ this.editor?.editorService?.setIframe({
+ allowfullscreen: false,
+ frameborder: null,
+ // For example, src: `https://mozilla.github.io/pdf.js/web/viewer.html?url${file.link}`,
+ src: `data:application/pdf;base64${file.link}`,
+ width: '100%',
+ height: 300,
+ });
+ }
+}
diff --git a/projects/demo/src/app/pages/embed/pdf/index.html b/projects/demo/src/app/pages/embed/pdf/index.html
new file mode 100644
index 000000000..20c1339e2
--- /dev/null
+++ b/projects/demo/src/app/pages/embed/pdf/index.html
@@ -0,0 +1,11 @@
+
+
+
diff --git a/projects/demo/src/app/pages/embed/pdf/index.ts b/projects/demo/src/app/pages/embed/pdf/index.ts
new file mode 100644
index 000000000..c89124402
--- /dev/null
+++ b/projects/demo/src/app/pages/embed/pdf/index.ts
@@ -0,0 +1,25 @@
+import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {RouterLink} from '@angular/router';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
+import {TuiLink} from '@taiga-ui/core';
+import {TUI_EDITOR_DEFAULT_EXTENSIONS, TUI_EDITOR_EXTENSIONS} from '@taiga-ui/editor';
+
+@Component({
+ standalone: true,
+ imports: [TuiAddonDoc, TuiLink, RouterLink],
+ templateUrl: './index.html',
+ changeDetection: ChangeDetectionStrategy.OnPush,
+ providers: [
+ {
+ provide: TUI_EDITOR_EXTENSIONS,
+ useValue: TUI_EDITOR_DEFAULT_EXTENSIONS,
+ },
+ ],
+})
+export default class Example {
+ protected readonly component1 = import('./examples/1');
+ protected readonly example1 = {
+ HTML: import('./examples/1/index.html?raw'),
+ TypeScript: import('./examples/1/index.ts?raw'),
+ };
+}
diff --git a/projects/demo/src/app/pages/focus/examples/1/index.less b/projects/demo/src/app/pages/focus/examples/1/index.less
index 003b21015..0d1cb7267 100644
--- a/projects/demo/src/app/pages/focus/examples/1/index.less
+++ b/projects/demo/src/app/pages/focus/examples/1/index.less
@@ -1,7 +1,7 @@
::ng-deep {
.has-focus:not(tui-image-editor),
tui-image-editor.has-focus img {
- border-radius: 3px;
+ border-radius: 0.1875rem;
box-shadow: 0 0 0 3px #68cef8;
}
}
diff --git a/projects/demo/src/app/pages/starter/index.html b/projects/demo/src/app/pages/starter/index.html
index 4e3057688..a3e89017e 100644
--- a/projects/demo/src/app/pages/starter/index.html
+++ b/projects/demo/src/app/pages/starter/index.html
@@ -159,7 +159,7 @@ Text:
id="options"
heading="TUI_EDITOR_OPTIONS"
>
-
+
Description of the available configurations:
@@ -259,7 +259,7 @@
Text:
id="attach-files"
heading="TUI_ATTACH_FILES_LOADER / TUI_ATTACH_FILES_OPTIONS"
>
-
+
diff --git a/projects/demo/src/app/pages/starter/index.ts b/projects/demo/src/app/pages/starter/index.ts
index a2d23ab77..d88254fd6 100644
--- a/projects/demo/src/app/pages/starter/index.ts
+++ b/projects/demo/src/app/pages/starter/index.ts
@@ -2,6 +2,7 @@ import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
import {FormControl, ReactiveFormsModule} from '@angular/forms';
import {TuiAddonDoc} from '@taiga-ui/addon-doc';
import {TUI_IS_E2E, TuiAutoFocus} from '@taiga-ui/cdk';
+import {TuiLink} from '@taiga-ui/core';
import {
TUI_EDITOR_DEFAULT_EXTENSIONS,
TUI_EDITOR_DEFAULT_TOOLS,
@@ -10,7 +11,6 @@ import {
TuiEditorSocket,
TuiEditorTool,
} from '@taiga-ui/editor';
-import {TuiLink} from "@taiga-ui/core";
@Component({
standalone: true,
diff --git a/projects/demo/src/app/pages/toolbar/bottom/examples/1/index.less b/projects/demo/src/app/pages/toolbar/bottom/examples/1/index.less
index a5ac6f3ba..08be5086c 100644
--- a/projects/demo/src/app/pages/toolbar/bottom/examples/1/index.less
+++ b/projects/demo/src/app/pages/toolbar/bottom/examples/1/index.less
@@ -1,6 +1,6 @@
.editor {
- min-height: 200px;
- max-height: 200px;
+ min-height: 12.5rem;
+ max-height: 12.5rem;
::ng-deep [data-appearance] {
tui-toolbar {
diff --git a/projects/demo/src/app/shared/logo/index.less b/projects/demo/src/app/shared/logo/index.less
index 4d6d75bef..48a59808b 100644
--- a/projects/demo/src/app/shared/logo/index.less
+++ b/projects/demo/src/app/shared/logo/index.less
@@ -17,8 +17,8 @@
}
.logo-icon {
- min-width: 180px;
- min-height: 30px;
+ min-width: 11.25rem;
+ min-height: 1.875rem;
color: #eb5a3d;
&:host-context([tuiTheme='dark']) & {
diff --git a/projects/demo/src/app/shared/routes.ts b/projects/demo/src/app/shared/routes.ts
index e24511334..0886fae37 100644
--- a/projects/demo/src/app/shared/routes.ts
+++ b/projects/demo/src/app/shared/routes.ts
@@ -6,6 +6,7 @@ export const TuiDemoPath = {
Checkbox: 'checkbox',
ColorPickerTool: 'custom-tool/color-picker',
EmbedHtml5: 'embed/html5',
+ EmbedPDF: 'embed/pdf',
EmbedIframe: 'embed/iframe',
EmbedYoutube: 'embed/youtube',
Focus: 'focus',
diff --git a/projects/demo/src/styles.less b/projects/demo/src/styles.less
index c22f9a72f..760602eab 100644
--- a/projects/demo/src/styles.less
+++ b/projects/demo/src/styles.less
@@ -1,5 +1,5 @@
@import '@taiga-ui/styles/taiga-ui-global.less';
-@import '@taiga-ui/legacy/styles/taiga-ui-theme.less'; // TODO: check affected styles
+@import '@taiga-ui/core/styles/taiga-ui-theme.less';
@import '~highlight.js/styles/github.css';
body {
diff --git a/projects/editor/src/components/color-selector/color-selector.style.less b/projects/editor/src/components/color-selector/color-selector.style.less
index 990412905..2347e6aed 100644
--- a/projects/editor/src/components/color-selector/color-selector.style.less
+++ b/projects/editor/src/components/color-selector/color-selector.style.less
@@ -52,8 +52,8 @@
}
.t-hr {
- height: 1px;
- margin: 0 0 0 -1px;
+ height: 0.0625rem;
+ margin: 0 0 0 -0.0625rem;
border: none;
background: var(--tui-background-neutral-1-hover);
}
diff --git a/projects/editor/src/components/editor-socket/styles/details.less b/projects/editor/src/components/editor-socket/styles/details.less
index 6c98eb4e0..0320ec22c 100644
--- a/projects/editor/src/components/editor-socket/styles/details.less
+++ b/projects/editor/src/components/editor-socket/styles/details.less
@@ -18,7 +18,7 @@ summary {
}
p {
- min-width: 1px;
+ min-width: 0.0625rem;
margin: 0;
}
diff --git a/projects/editor/src/components/editor-socket/styles/table.less b/projects/editor/src/components/editor-socket/styles/table.less
index 2b023fff9..56bb3de33 100644
--- a/projects/editor/src/components/editor-socket/styles/table.less
+++ b/projects/editor/src/components/editor-socket/styles/table.less
@@ -23,8 +23,8 @@ table td {
position: relative;
min-width: 1em;
height: 2rem;
- border: 2px solid var(--tui-background-neutral-1-hover);
- padding: 3px 5px;
+ border: 0.125rem solid var(--tui-background-neutral-1-hover);
+ padding: 0.1875rem 0.3125rem;
vertical-align: top;
box-sizing: border-box;
word-break: break-word;
@@ -35,7 +35,7 @@ table th {
min-width: 1em;
height: 2rem;
border: 2px solid var(--tui-background-neutral-1-hover);
- padding: 3px 5px;
+ padding: 0.1875rem 0.3125;
vertical-align: top;
box-sizing: border-box;
word-break: break-word;
@@ -48,10 +48,10 @@ table th {
/* stylelint-disable-next-line */
table .column-resize-handle {
position: absolute;
- right: -2px;
+ right: -0.125rem;
top: 0;
- bottom: -2px;
- width: 4px;
+ bottom: -0.125rem;
+ width: 0.25rem;
background-color: #adf;
pointer-events: none;
}
diff --git a/projects/editor/src/components/editor-socket/styles/text.less b/projects/editor/src/components/editor-socket/styles/text.less
index a38fd837d..a9920d7ae 100644
--- a/projects/editor/src/components/editor-socket/styles/text.less
+++ b/projects/editor/src/components/editor-socket/styles/text.less
@@ -30,7 +30,7 @@ p:empty:after {
p:first-child {
margin-top: 0;
- min-width: 1px;
+ min-width: 0.0625rem;
}
p {
diff --git a/projects/editor/src/components/toolbar/toolbar.component.ts b/projects/editor/src/components/toolbar/toolbar.component.ts
index 6923bdc6b..ba34d0526 100644
--- a/projects/editor/src/components/toolbar/toolbar.component.ts
+++ b/projects/editor/src/components/toolbar/toolbar.component.ts
@@ -254,7 +254,10 @@ export class TuiToolbar {
}
ngDevMode &&
- console.info(!!this.filesLoader, 'Please provide TUI_ATTACH_FILES_LOADER');
+ console.assert(
+ !!this.filesLoader,
+ 'Please provide TUI_ATTACH_FILES_LOADER, more: https://taiga-family.github.io/editor/starter-kit/Options',
+ );
this.filesLoader?.(files)
.pipe(take(1), takeUntilDestroyed(this.destroyRef))
diff --git a/projects/editor/src/components/toolbar/toolbar.style.less b/projects/editor/src/components/toolbar/toolbar.style.less
index f378639ab..dd196d72f 100644
--- a/projects/editor/src/components/toolbar/toolbar.style.less
+++ b/projects/editor/src/components/toolbar/toolbar.style.less
@@ -23,7 +23,7 @@
content: '';
display: block;
margin: 0 0.25rem;
- width: 1px;
+ width: 0.0625rem;
background: var(--tui-background-neutral-1-pressed);
}
}
diff --git a/projects/editor/src/extensions/iframe-editor/iframe-editor.component.ts b/projects/editor/src/extensions/iframe-editor/iframe-editor.component.ts
index 5f128c9f6..c05e19058 100644
--- a/projects/editor/src/extensions/iframe-editor/iframe-editor.component.ts
+++ b/projects/editor/src/extensions/iframe-editor/iframe-editor.component.ts
@@ -1,6 +1,7 @@
import {ChangeDetectionStrategy, Component, ElementRef, inject} from '@angular/core';
import type {SafeResourceUrl} from '@angular/platform-browser';
import {DomSanitizer} from '@angular/platform-browser';
+import {tuiPure} from '@taiga-ui/cdk';
import {AbstractTuiEditorResizable} from '../../components/editor-resizable/editor-resizable.abstract';
import {TuiEditorResizable} from '../../components/editor-resizable/editor-resizable.component';
@@ -40,6 +41,7 @@ export class TuiIframeEditor extends AbstractTuiEditorResizable
+export const tuiCreateIframeEditorExtension = ({injector}: {injector: Injector}): Node =>
Node.create({
name: 'iframe',
group: 'block',
@@ -28,7 +28,7 @@ export const createIframeEditorExtension = (injector: Injector): Node =>
draggable: false,
parseHTML(): NodeSpec['parseDOM'] {
- return [{tag: 'iframe[data-type="iframe-editor"]'}];
+ return [{tag: 'iframe'}];
},
addAttributes(): Record {
diff --git a/projects/editor/src/extensions/image-editor/image-editor.component.ts b/projects/editor/src/extensions/image-editor/image-editor.component.ts
index 04c3d5620..08f9fb53f 100644
--- a/projects/editor/src/extensions/image-editor/image-editor.component.ts
+++ b/projects/editor/src/extensions/image-editor/image-editor.component.ts
@@ -9,6 +9,7 @@ import {
import type {SafeResourceUrl} from '@angular/platform-browser';
import {DomSanitizer} from '@angular/platform-browser';
import {WINDOW} from '@ng-web-apis/common';
+import {tuiPure} from '@taiga-ui/cdk';
import {AbstractTuiEditorResizable} from '../../components/editor-resizable/editor-resizable.abstract';
import {TuiEditorResizable} from '../../components/editor-resizable/editor-resizable.component';
@@ -62,6 +63,11 @@ export class TuiImageEditor extends AbstractTuiEditorResizable
return this.attrs.draggable ?? null;
}
+ @tuiPure
+ protected get src(): SafeResourceUrl {
+ return this.sanitizer.bypassSecurityTrustResourceUrl(this.attrs.src);
+ }
+
protected get alt(): string {
return this.attrs.alt || '';
}
@@ -70,10 +76,6 @@ export class TuiImageEditor extends AbstractTuiEditorResizable
return this.attrs.title || '';
}
- protected get src(): SafeResourceUrl {
- return this.sanitizer.bypassSecurityTrustResourceUrl(this.attrs.src);
- }
-
@HostListener('document:click.silent', ['$event.target'])
protected currentTargetIsFocused(node: Node): void {
this.focused = this.el.nativeElement.contains(node);
diff --git a/taiga-ui b/taiga-ui
index 365013f09..7cc04b057 160000
--- a/taiga-ui
+++ b/taiga-ui
@@ -1 +1 @@
-Subproject commit 365013f09a3183bbff98457739ccdc6ab1657497
+Subproject commit 7cc04b0576c56f641bf4381ffd67af7ac71ecac1