@dotcms/angular 26.7.31-1 → 26.8.3-1-next.2478
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/dotcms-angular.mjs +195 -157
- package/fesm2022/dotcms-angular.mjs.map +1 -1
- package/package.json +7 -6
- package/types/dotcms-angular.d.ts +484 -0
- package/types/dotcms-angular.d.ts.map +1 -0
- package/dotcms-angular.d.ts.map +0 -1
- package/index.d.ts +0 -6
- package/lib/components/dotcms-block-editor-renderer/blocks/audio.component.d.ts +0 -12
- package/lib/components/dotcms-block-editor-renderer/blocks/audio.component.d.ts.map +0 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/code.component.d.ts +0 -10
- package/lib/components/dotcms-block-editor-renderer/blocks/code.component.d.ts.map +0 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/dot-contentlet.component.d.ts +0 -34
- package/lib/components/dotcms-block-editor-renderer/blocks/dot-contentlet.component.d.ts.map +0 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/grid-block.component.d.ts +0 -13
- package/lib/components/dotcms-block-editor-renderer/blocks/grid-block.component.d.ts.map +0 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/image.component.d.ts +0 -25
- package/lib/components/dotcms-block-editor-renderer/blocks/image.component.d.ts.map +0 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/list.component.d.ts +0 -14
- package/lib/components/dotcms-block-editor-renderer/blocks/list.component.d.ts.map +0 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/table.component.d.ts +0 -15
- package/lib/components/dotcms-block-editor-renderer/blocks/table.component.d.ts.map +0 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/text.component.d.ts +0 -28
- package/lib/components/dotcms-block-editor-renderer/blocks/text.component.d.ts.map +0 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/unknown.component.d.ts +0 -18
- package/lib/components/dotcms-block-editor-renderer/blocks/unknown.component.d.ts.map +0 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/video.component.d.ts +0 -10
- package/lib/components/dotcms-block-editor-renderer/blocks/video.component.d.ts.map +0 -1
- package/lib/components/dotcms-block-editor-renderer/dotcms-block-editor-renderer.component.d.ts +0 -48
- package/lib/components/dotcms-block-editor-renderer/dotcms-block-editor-renderer.component.d.ts.map +0 -1
- package/lib/components/dotcms-block-editor-renderer/item/dotcms-block-editor-item.component.d.ts +0 -12
- package/lib/components/dotcms-block-editor-renderer/item/dotcms-block-editor-item.component.d.ts.map +0 -1
- package/lib/components/dotcms-block-editor-renderer-semantic/blocks/semantic-blocks.component.d.ts +0 -40
- package/lib/components/dotcms-block-editor-renderer-semantic/blocks/semantic-blocks.component.d.ts.map +0 -1
- package/lib/components/dotcms-block-editor-renderer-semantic/dotcms-block-editor-renderer-native.component.d.ts +0 -73
- package/lib/components/dotcms-block-editor-renderer-semantic/dotcms-block-editor-renderer-native.component.d.ts.map +0 -1
- package/lib/components/dotcms-editable-text/dotcms-editable-text.component.d.ts +0 -143
- package/lib/components/dotcms-editable-text/dotcms-editable-text.component.d.ts.map +0 -1
- package/lib/components/dotcms-editable-text/utils.d.ts +0 -7
- package/lib/components/dotcms-editable-text/utils.d.ts.map +0 -1
- package/lib/components/dotcms-layout-body/components/column/column.component.d.ts +0 -21
- package/lib/components/dotcms-layout-body/components/column/column.component.d.ts.map +0 -1
- package/lib/components/dotcms-layout-body/components/container/components/container-not-found/container-not-found.component.d.ts +0 -27
- package/lib/components/dotcms-layout-body/components/container/components/container-not-found/container-not-found.component.d.ts.map +0 -1
- package/lib/components/dotcms-layout-body/components/container/components/empty-container/empty-container.component.d.ts +0 -23
- package/lib/components/dotcms-layout-body/components/container/components/empty-container/empty-container.component.d.ts.map +0 -1
- package/lib/components/dotcms-layout-body/components/container/container.component.d.ts +0 -28
- package/lib/components/dotcms-layout-body/components/container/container.component.d.ts.map +0 -1
- package/lib/components/dotcms-layout-body/components/contentlet/contentlet.component.d.ts +0 -43
- package/lib/components/dotcms-layout-body/components/contentlet/contentlet.component.d.ts.map +0 -1
- package/lib/components/dotcms-layout-body/components/fallback-component/fallback-component.component.d.ts +0 -16
- package/lib/components/dotcms-layout-body/components/fallback-component/fallback-component.component.d.ts.map +0 -1
- package/lib/components/dotcms-layout-body/components/page-error-message/page-error-message.component.d.ts +0 -13
- package/lib/components/dotcms-layout-body/components/page-error-message/page-error-message.component.d.ts.map +0 -1
- package/lib/components/dotcms-layout-body/components/row/row.component.d.ts +0 -24
- package/lib/components/dotcms-layout-body/components/row/row.component.d.ts.map +0 -1
- package/lib/components/dotcms-layout-body/dotcms-layout-body.component.d.ts +0 -30
- package/lib/components/dotcms-layout-body/dotcms-layout-body.component.d.ts.map +0 -1
- package/lib/directives/dotcms-show-when/dotcms-show-when.directive.d.ts +0 -21
- package/lib/directives/dotcms-show-when/dotcms-show-when.directive.d.ts.map +0 -1
- package/lib/models/index.d.ts +0 -39
- package/lib/models/index.d.ts.map +0 -1
- package/lib/providers/dotcms-client/dotcms-client.provider.d.ts +0 -109
- package/lib/providers/dotcms-client/dotcms-client.provider.d.ts.map +0 -1
- package/lib/providers/dotcms-image-loader/dotcms-image_loader.d.ts +0 -21
- package/lib/providers/dotcms-image-loader/dotcms-image_loader.d.ts.map +0 -1
- package/lib/services/dotcms-editable-page.service.d.ts +0 -40
- package/lib/services/dotcms-editable-page.service.d.ts.map +0 -1
- package/lib/store/dotcms.store.d.ts +0 -51
- package/lib/store/dotcms.store.d.ts.map +0 -1
- package/public_api.d.ts +0 -10
- package/public_api.d.ts.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, ViewContainerRef, TemplateRef, Input, Directive, makeEnvironmentProviders, Renderer2, ElementRef, SecurityContext, HostListener, ViewChild,
|
|
2
|
+
import { inject, ViewContainerRef, TemplateRef, Input, Directive, makeEnvironmentProviders, Renderer2, ElementRef, SecurityContext, HostListener, ViewChild, ChangeDetectionStrategy, Component, computed, input, signal, Injectable, HostBinding } from '@angular/core';
|
|
3
3
|
import { UVE_MODE, DotCMSUVEAction, UVEEventType } from '@dotcms/types';
|
|
4
4
|
import { getUVEState, sendMessageToUVE, initUVE, updateNavigation, createUVESubscription } from '@dotcms/uve';
|
|
5
5
|
import { IMAGE_LOADER, NgComponentOutlet, AsyncPipe, NgTemplateOutlet, NgStyle } from '@angular/common';
|
|
@@ -45,10 +45,10 @@ class DotCMSShowWhenDirective {
|
|
|
45
45
|
this.#hasView = false;
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
49
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
48
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSShowWhenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
49
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: DotCMSShowWhenDirective, isStandalone: true, selector: "[dotCMSShowWhen]", inputs: { dotCMSShowWhen: "dotCMSShowWhen" }, ngImport: i0 }); }
|
|
50
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSShowWhenDirective, decorators: [{
|
|
52
52
|
type: Directive,
|
|
53
53
|
args: [{
|
|
54
54
|
selector: '[dotCMSShowWhen]'
|
|
@@ -409,8 +409,8 @@ class DotCMSEditableTextComponent {
|
|
|
409
409
|
didContentChange(editedContent) {
|
|
410
410
|
return this.content !== editedContent;
|
|
411
411
|
}
|
|
412
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
413
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
412
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSEditableTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
413
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: DotCMSEditableTextComponent, isStandalone: true, selector: "dotcms-editable-text", inputs: { mode: "mode", format: "format", contentlet: "contentlet", fieldName: "fieldName" }, host: { listeners: { "window:message": "onMessage($event)" } }, providers: [
|
|
414
414
|
{
|
|
415
415
|
provide: TINYMCE_SCRIPT_SRC,
|
|
416
416
|
useFactory: () => {
|
|
@@ -418,11 +418,11 @@ class DotCMSEditableTextComponent {
|
|
|
418
418
|
return `${dotCMSHost || ''}${__TINYMCE_PATH_ON_DOTCMS__}`;
|
|
419
419
|
}
|
|
420
420
|
}
|
|
421
|
-
], viewQueries: [{ propertyName: "editorComponent", first: true, predicate: EditorComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (isEditMode) {\n <editor\n #tinyEditor\n [init]=\"init\"\n [initialValue]=\"content\"\n (onMouseDown)=\"onMouseDown($event)\"\n (onFocusOut)=\"onFocusOut()\" />\n}\n", styles: [":host ::ng-deep .mce-content-body:not(.mce-edit-focus){outline:2px solid #006ce7;border-radius:4px}\n"], dependencies: [{ kind: "component", type: EditorComponent, selector: "editor", inputs: ["cloudChannel", "apiKey", "init", "id", "initialValue", "outputFormat", "inline", "tagName", "plugins", "toolbar", "modelEvents", "allowedEvents", "ignoreEvents", "disabled"] }] }); }
|
|
421
|
+
], viewQueries: [{ propertyName: "editorComponent", first: true, predicate: EditorComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (isEditMode) {\n <editor\n #tinyEditor\n [init]=\"init\"\n [initialValue]=\"content\"\n (onMouseDown)=\"onMouseDown($event)\"\n (onFocusOut)=\"onFocusOut()\" />\n}\n", styles: [":host ::ng-deep .mce-content-body:not(.mce-edit-focus){outline:2px solid #006ce7;border-radius:4px}\n"], dependencies: [{ kind: "component", type: EditorComponent, selector: "editor", inputs: ["cloudChannel", "apiKey", "init", "id", "initialValue", "outputFormat", "inline", "tagName", "plugins", "toolbar", "modelEvents", "allowedEvents", "ignoreEvents", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
422
422
|
}
|
|
423
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
423
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSEditableTextComponent, decorators: [{
|
|
424
424
|
type: Component,
|
|
425
|
-
args: [{ selector: 'dotcms-editable-text', imports: [EditorComponent], providers: [
|
|
425
|
+
args: [{ selector: 'dotcms-editable-text', imports: [EditorComponent], changeDetection: ChangeDetectionStrategy.Eager, providers: [
|
|
426
426
|
{
|
|
427
427
|
provide: TINYMCE_SCRIPT_SRC,
|
|
428
428
|
useFactory: () => {
|
|
@@ -452,8 +452,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
452
452
|
* but without poster/width/height, which are not meaningful for audio.
|
|
453
453
|
*/
|
|
454
454
|
class DotAudioBlock {
|
|
455
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
456
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
455
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotAudioBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
456
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotAudioBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-audio", inputs: { attrs: "attrs" }, ngImport: i0, template: `
|
|
457
457
|
<audio [controls]="true" preload="metadata">
|
|
458
458
|
<source [src]="attrs?.['src']" [type]="attrs?.['mimeType']" />
|
|
459
459
|
Your browser does not support the
|
|
@@ -462,7 +462,7 @@ class DotAudioBlock {
|
|
|
462
462
|
</audio>
|
|
463
463
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
464
464
|
}
|
|
465
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotAudioBlock, decorators: [{
|
|
466
466
|
type: Component,
|
|
467
467
|
args: [{
|
|
468
468
|
selector: 'dotcms-block-editor-renderer-audio',
|
|
@@ -481,8 +481,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
481
481
|
}] } });
|
|
482
482
|
|
|
483
483
|
class DotCodeBlock {
|
|
484
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
485
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
484
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCodeBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
485
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotCodeBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-code-block", ngImport: i0, template: `
|
|
486
486
|
<pre>
|
|
487
487
|
<code>
|
|
488
488
|
<ng-content />
|
|
@@ -490,7 +490,7 @@ class DotCodeBlock {
|
|
|
490
490
|
</pre>
|
|
491
491
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
492
492
|
}
|
|
493
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
493
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCodeBlock, decorators: [{
|
|
494
494
|
type: Component,
|
|
495
495
|
args: [{
|
|
496
496
|
selector: 'dotcms-block-editor-renderer-code-block',
|
|
@@ -505,14 +505,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
505
505
|
}]
|
|
506
506
|
}] });
|
|
507
507
|
class DotBlockQuote {
|
|
508
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
509
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
508
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotBlockQuote, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
509
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotBlockQuote, isStandalone: true, selector: "dotcms-block-editor-renderer-block-quote", ngImport: i0, template: `
|
|
510
510
|
<blockquote>
|
|
511
511
|
<ng-content />
|
|
512
512
|
</blockquote>
|
|
513
513
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
514
514
|
}
|
|
515
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
515
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotBlockQuote, decorators: [{
|
|
516
516
|
type: Component,
|
|
517
517
|
args: [{
|
|
518
518
|
selector: 'dotcms-block-editor-renderer-block-quote',
|
|
@@ -537,8 +537,8 @@ class NoComponentProvided {
|
|
|
537
537
|
border: '1px solid #ed8936'
|
|
538
538
|
};
|
|
539
539
|
}
|
|
540
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
541
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
540
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: NoComponentProvided, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
541
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: NoComponentProvided, isStandalone: true, selector: "dotcms-no-component-provided", inputs: { contentType: "contentType" }, ngImport: i0, template: `
|
|
542
542
|
<div data-testid="no-component-provided" [style]="style">
|
|
543
543
|
<strong style="color: #c05621">Dev Warning</strong>
|
|
544
544
|
: No component or custom renderer provided for content type
|
|
@@ -555,12 +555,13 @@ class NoComponentProvided {
|
|
|
555
555
|
</a>
|
|
556
556
|
for guidance.
|
|
557
557
|
</div>
|
|
558
|
-
`, isInline: true }); }
|
|
558
|
+
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
559
559
|
}
|
|
560
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
560
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: NoComponentProvided, decorators: [{
|
|
561
561
|
type: Component,
|
|
562
562
|
args: [{
|
|
563
563
|
selector: 'dotcms-no-component-provided',
|
|
564
|
+
changeDetection: ChangeDetectionStrategy.Eager,
|
|
564
565
|
template: `
|
|
565
566
|
<div data-testid="no-component-provided" [style]="style">
|
|
566
567
|
<strong style="color: #c05621">Dev Warning</strong>
|
|
@@ -588,7 +589,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
588
589
|
*/
|
|
589
590
|
class DotContentletBlock {
|
|
590
591
|
constructor() {
|
|
591
|
-
this.$data = computed(() => this.node?.attrs?.['data'],
|
|
592
|
+
this.$data = computed(() => this.node?.attrs?.['data'], /* @ts-ignore */
|
|
593
|
+
...(ngDevMode ? [{ debugName: "$data" }] : /* istanbul ignore next */ []));
|
|
592
594
|
this.DOT_CONTENT_NO_DATA_MESSAGE = '[DotCMSBlockEditorRenderer]: No data provided for Contentlet Block. Try to add a contentlet to the block editor. If the error persists, please contact the DotCMS support team.';
|
|
593
595
|
this.DOT_CONTENT_NO_MATCHING_COMPONENT_MESSAGE = (contentType) => `[DotCMSBlockEditorRenderer]: No matching component found for content type: ${contentType}. Provide a custom renderer for this content type to fix this error.`;
|
|
594
596
|
}
|
|
@@ -606,8 +608,8 @@ class DotContentletBlock {
|
|
|
606
608
|
console.warn(this.DOT_CONTENT_NO_MATCHING_COMPONENT_MESSAGE(contentType));
|
|
607
609
|
}
|
|
608
610
|
}
|
|
609
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
610
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
611
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotContentletBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
612
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: DotContentletBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-contentlet", inputs: { customRenderers: "customRenderers", node: "node" }, ngImport: i0, template: `
|
|
611
613
|
@if (contentComponent) {
|
|
612
614
|
<ng-container *ngComponentOutlet="contentComponent | async; inputs: { node: node }" />
|
|
613
615
|
} @else if (isDevMode) {
|
|
@@ -615,7 +617,7 @@ class DotContentletBlock {
|
|
|
615
617
|
}
|
|
616
618
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: NoComponentProvided, selector: "dotcms-no-component-provided", inputs: ["contentType"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
617
619
|
}
|
|
618
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
620
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotContentletBlock, decorators: [{
|
|
619
621
|
type: Component,
|
|
620
622
|
args: [{
|
|
621
623
|
selector: 'dotcms-block-editor-renderer-contentlet',
|
|
@@ -648,8 +650,8 @@ class DotGridBlock {
|
|
|
648
650
|
? rawCols
|
|
649
651
|
: [6, 6];
|
|
650
652
|
}
|
|
651
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
652
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
653
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotGridBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
654
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: DotGridBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-grid-block", inputs: { node: "node", customRenderers: "customRenderers" }, ngImport: i0, template: `
|
|
653
655
|
<div
|
|
654
656
|
data-type="gridBlock"
|
|
655
657
|
class="grid-block"
|
|
@@ -669,13 +671,14 @@ class DotGridBlock {
|
|
|
669
671
|
</div>
|
|
670
672
|
}
|
|
671
673
|
</div>
|
|
672
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }] }); }
|
|
674
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
673
675
|
}
|
|
674
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
676
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotGridBlock, decorators: [{
|
|
675
677
|
type: Component,
|
|
676
678
|
args: [{
|
|
677
679
|
selector: 'dotcms-block-editor-renderer-grid-block',
|
|
678
680
|
imports: [NgComponentOutlet],
|
|
681
|
+
changeDetection: ChangeDetectionStrategy.Eager,
|
|
679
682
|
template: `
|
|
680
683
|
<div
|
|
681
684
|
data-type="gridBlock"
|
|
@@ -706,7 +709,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
706
709
|
|
|
707
710
|
class DotImageBlock {
|
|
708
711
|
constructor() {
|
|
709
|
-
this.$srcURL = computed(() => this.attrs?.['src'],
|
|
712
|
+
this.$srcURL = computed(() => this.attrs?.['src'], /* @ts-ignore */
|
|
713
|
+
...(ngDevMode ? [{ debugName: "$srcURL" }] : /* istanbul ignore next */ []));
|
|
710
714
|
this.$wrapperStyle = computed(() => {
|
|
711
715
|
const textWrap = this.attrs?.['textWrap'];
|
|
712
716
|
const textAlign = this.attrs?.['textAlign'];
|
|
@@ -720,16 +724,17 @@ class DotImageBlock {
|
|
|
720
724
|
return { 'text-align': textAlign };
|
|
721
725
|
}
|
|
722
726
|
return {};
|
|
723
|
-
},
|
|
727
|
+
}, /* @ts-ignore */
|
|
728
|
+
...(ngDevMode ? [{ debugName: "$wrapperStyle" }] : /* istanbul ignore next */ []));
|
|
724
729
|
}
|
|
725
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
726
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
730
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotImageBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
731
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotImageBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-image", inputs: { attrs: "attrs" }, ngImport: i0, template: `
|
|
727
732
|
<figure [style]="$wrapperStyle()">
|
|
728
733
|
<img [alt]="attrs?.['alt']" [src]="$srcURL()" />
|
|
729
734
|
</figure>
|
|
730
735
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
731
736
|
}
|
|
732
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
737
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotImageBlock, decorators: [{
|
|
733
738
|
type: Component,
|
|
734
739
|
args: [{
|
|
735
740
|
selector: 'dotcms-block-editor-renderer-image',
|
|
@@ -746,14 +751,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
746
751
|
}] } });
|
|
747
752
|
|
|
748
753
|
class DotBulletList {
|
|
749
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
750
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
754
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotBulletList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
755
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotBulletList, isStandalone: true, selector: "dotcms-block-editor-renderer-bullet-list", ngImport: i0, template: `
|
|
751
756
|
<ul>
|
|
752
757
|
<ng-content />
|
|
753
758
|
</ul>
|
|
754
759
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
755
760
|
}
|
|
756
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
761
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotBulletList, decorators: [{
|
|
757
762
|
type: Component,
|
|
758
763
|
args: [{
|
|
759
764
|
selector: 'dotcms-block-editor-renderer-bullet-list',
|
|
@@ -766,14 +771,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
766
771
|
}]
|
|
767
772
|
}] });
|
|
768
773
|
class DotOrdererList {
|
|
769
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
770
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
774
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotOrdererList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
775
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotOrdererList, isStandalone: true, selector: "dotcms-block-editor-renderer-ordered-list", ngImport: i0, template: `
|
|
771
776
|
<ol>
|
|
772
777
|
<ng-content />
|
|
773
778
|
</ol>
|
|
774
779
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
775
780
|
}
|
|
776
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
781
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotOrdererList, decorators: [{
|
|
777
782
|
type: Component,
|
|
778
783
|
args: [{
|
|
779
784
|
selector: 'dotcms-block-editor-renderer-ordered-list',
|
|
@@ -786,14 +791,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
786
791
|
}]
|
|
787
792
|
}] });
|
|
788
793
|
class DotListItem {
|
|
789
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
790
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
794
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotListItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
795
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotListItem, isStandalone: true, selector: "dotcms-block-editor-renderer-list-item", ngImport: i0, template: `
|
|
791
796
|
<li>
|
|
792
797
|
<ng-content />
|
|
793
798
|
</li>
|
|
794
799
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
795
800
|
}
|
|
796
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
801
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotListItem, decorators: [{
|
|
797
802
|
type: Component,
|
|
798
803
|
args: [{
|
|
799
804
|
selector: 'dotcms-block-editor-renderer-list-item',
|
|
@@ -810,8 +815,8 @@ class DotTableBlock {
|
|
|
810
815
|
constructor() {
|
|
811
816
|
this.blockEditorItem = DotCMSBlockEditorItemComponent;
|
|
812
817
|
}
|
|
813
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
814
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
818
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotTableBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
819
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: DotTableBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-table", inputs: { content: "content", attrs: "attrs" }, ngImport: i0, template: `
|
|
815
820
|
<table
|
|
816
821
|
[attr.aria-label]="attrs?.['ariaLabel'] || null"
|
|
817
822
|
[attr.aria-labelledby]="attrs?.['ariaLabelledby'] || null">
|
|
@@ -854,13 +859,14 @@ class DotTableBlock {
|
|
|
854
859
|
}
|
|
855
860
|
</tbody>
|
|
856
861
|
</table>
|
|
857
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }] }); }
|
|
862
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
858
863
|
}
|
|
859
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
864
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotTableBlock, decorators: [{
|
|
860
865
|
type: Component,
|
|
861
866
|
args: [{
|
|
862
867
|
selector: 'dotcms-block-editor-renderer-table',
|
|
863
868
|
imports: [NgComponentOutlet],
|
|
869
|
+
changeDetection: ChangeDetectionStrategy.Eager,
|
|
864
870
|
template: `
|
|
865
871
|
<table
|
|
866
872
|
[attr.aria-label]="attrs?.['ariaLabel'] || null"
|
|
@@ -913,14 +919,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
913
919
|
}] } });
|
|
914
920
|
|
|
915
921
|
class DotParagraphBlock {
|
|
916
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
917
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
922
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotParagraphBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
923
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotParagraphBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-paragraph", ngImport: i0, template: `
|
|
918
924
|
<p>
|
|
919
925
|
<ng-content />
|
|
920
926
|
</p>
|
|
921
927
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
922
928
|
}
|
|
923
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
929
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotParagraphBlock, decorators: [{
|
|
924
930
|
type: Component,
|
|
925
931
|
args: [{
|
|
926
932
|
selector: 'dotcms-block-editor-renderer-paragraph',
|
|
@@ -934,15 +940,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
934
940
|
}] });
|
|
935
941
|
class DotHeadingBlock {
|
|
936
942
|
constructor() {
|
|
937
|
-
this.level = input.required(
|
|
943
|
+
this.level = input.required(/* @ts-ignore */
|
|
944
|
+
...(ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []));
|
|
938
945
|
this.$normalizedLevel = computed(() => {
|
|
939
946
|
return this.level() != null && typeof this.level() === 'number'
|
|
940
947
|
? String(this.level())
|
|
941
948
|
: (this.level() ?? '1');
|
|
942
|
-
},
|
|
949
|
+
}, /* @ts-ignore */
|
|
950
|
+
...(ngDevMode ? [{ debugName: "$normalizedLevel" }] : /* istanbul ignore next */ []));
|
|
943
951
|
}
|
|
944
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
945
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
952
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotHeadingBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
953
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: DotHeadingBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-heading", inputs: { level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
946
954
|
@switch ($normalizedLevel()) {
|
|
947
955
|
@case ('1') {
|
|
948
956
|
<h1>
|
|
@@ -986,7 +994,7 @@ class DotHeadingBlock {
|
|
|
986
994
|
</ng-template>
|
|
987
995
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
988
996
|
}
|
|
989
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
997
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotHeadingBlock, decorators: [{
|
|
990
998
|
type: Component,
|
|
991
999
|
args: [{
|
|
992
1000
|
selector: 'dotcms-block-editor-renderer-heading',
|
|
@@ -1041,7 +1049,8 @@ class DotTextBlock {
|
|
|
1041
1049
|
constructor() {
|
|
1042
1050
|
this.marks = [];
|
|
1043
1051
|
this.text = '';
|
|
1044
|
-
this.$remainingMarks = computed(() => this.marks?.slice(1),
|
|
1052
|
+
this.$remainingMarks = computed(() => this.marks?.slice(1), /* @ts-ignore */
|
|
1053
|
+
...(ngDevMode ? [{ debugName: "$remainingMarks" }] : /* istanbul ignore next */ []));
|
|
1045
1054
|
this.$currentAttrs = computed(() => {
|
|
1046
1055
|
const attrs = { ...(this.marks?.[0]?.attrs || {}) };
|
|
1047
1056
|
if (attrs['class']) {
|
|
@@ -1049,10 +1058,11 @@ class DotTextBlock {
|
|
|
1049
1058
|
delete attrs['class'];
|
|
1050
1059
|
}
|
|
1051
1060
|
return attrs;
|
|
1052
|
-
},
|
|
1061
|
+
}, /* @ts-ignore */
|
|
1062
|
+
...(ngDevMode ? [{ debugName: "$currentAttrs" }] : /* istanbul ignore next */ []));
|
|
1053
1063
|
}
|
|
1054
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1055
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1064
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotTextBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1065
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: DotTextBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-text", inputs: { marks: "marks", text: "text" }, ngImport: i0, template: `
|
|
1056
1066
|
@switch (marks?.[0]?.type) {
|
|
1057
1067
|
@case ('link') {
|
|
1058
1068
|
<a
|
|
@@ -1100,7 +1110,7 @@ class DotTextBlock {
|
|
|
1100
1110
|
}
|
|
1101
1111
|
`, isInline: true, dependencies: [{ kind: "component", type: DotTextBlock, selector: "dotcms-block-editor-renderer-text", inputs: ["marks", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1102
1112
|
}
|
|
1103
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotTextBlock, decorators: [{
|
|
1104
1114
|
type: Component,
|
|
1105
1115
|
args: [{
|
|
1106
1116
|
selector: 'dotcms-block-editor-renderer-text',
|
|
@@ -1174,8 +1184,8 @@ class DotUnknownBlockComponent {
|
|
|
1174
1184
|
get isEditMode() {
|
|
1175
1185
|
return getUVEState()?.mode === UVE_MODE.EDIT;
|
|
1176
1186
|
}
|
|
1177
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1178
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1187
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotUnknownBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1188
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: DotUnknownBlockComponent, isStandalone: true, selector: "dotcms-block-editor-renderer-unknown", inputs: { node: "node" }, ngImport: i0, template: `
|
|
1179
1189
|
@if (isEditMode) {
|
|
1180
1190
|
<div [style]="style" data-testid="unknown-block-type">
|
|
1181
1191
|
<strong style="color: #c53030">Warning:</strong>
|
|
@@ -1191,12 +1201,13 @@ class DotUnknownBlockComponent {
|
|
|
1191
1201
|
or contact support for assistance.
|
|
1192
1202
|
</div>
|
|
1193
1203
|
}
|
|
1194
|
-
`, isInline: true }); }
|
|
1204
|
+
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
1195
1205
|
}
|
|
1196
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotUnknownBlockComponent, decorators: [{
|
|
1197
1207
|
type: Component,
|
|
1198
1208
|
args: [{
|
|
1199
1209
|
selector: 'dotcms-block-editor-renderer-unknown',
|
|
1210
|
+
changeDetection: ChangeDetectionStrategy.Eager,
|
|
1200
1211
|
template: `
|
|
1201
1212
|
@if (isEditMode) {
|
|
1202
1213
|
<div [style]="style" data-testid="unknown-block-type">
|
|
@@ -1221,11 +1232,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1221
1232
|
|
|
1222
1233
|
class DotVideoBlock {
|
|
1223
1234
|
constructor() {
|
|
1224
|
-
this.$srcURL = computed(() => this.attrs?.['src'],
|
|
1225
|
-
|
|
1235
|
+
this.$srcURL = computed(() => this.attrs?.['src'], /* @ts-ignore */
|
|
1236
|
+
...(ngDevMode ? [{ debugName: "$srcURL" }] : /* istanbul ignore next */ []));
|
|
1237
|
+
this.$posterURL = computed(() => this.attrs?.['data']?.['thumbnail'], /* @ts-ignore */
|
|
1238
|
+
...(ngDevMode ? [{ debugName: "$posterURL" }] : /* istanbul ignore next */ []));
|
|
1226
1239
|
}
|
|
1227
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1228
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1240
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotVideoBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1241
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotVideoBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-video", inputs: { attrs: "attrs" }, ngImport: i0, template: `
|
|
1229
1242
|
<video
|
|
1230
1243
|
[controls]="true"
|
|
1231
1244
|
preload="metadata"
|
|
@@ -1240,7 +1253,7 @@ class DotVideoBlock {
|
|
|
1240
1253
|
</video>
|
|
1241
1254
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1242
1255
|
}
|
|
1243
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1256
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotVideoBlock, decorators: [{
|
|
1244
1257
|
type: Component,
|
|
1245
1258
|
args: [{
|
|
1246
1259
|
selector: 'dotcms-block-editor-renderer-video',
|
|
@@ -1268,12 +1281,12 @@ class DotCMSBlockEditorItemComponent {
|
|
|
1268
1281
|
constructor() {
|
|
1269
1282
|
this.BLOCKS = BlockEditorDefaultBlocks;
|
|
1270
1283
|
}
|
|
1271
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1272
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1284
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSBlockEditorItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1285
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: DotCMSBlockEditorItemComponent, isStandalone: true, selector: "dotcms-block-editor-renderer-block", inputs: { content: "content", customRenderers: "customRenderers" }, ngImport: i0, template: "@for (node of content; track node) {\n @if (customRenderers?.[node.type]) {\n <ng-container\n *ngTemplateOutlet=\"\n customRender;\n context: { customRender: customRenderers?.[node.type], node: node }\n \" />\n } @else {\n @switch (node.type) {\n @case (BLOCKS.PARAGRAPH) {\n <dotcms-block-editor-renderer-paragraph [style]=\"node.attrs\">\n <dotcms-block-editor-renderer-block\n [content]=\"node.content\"\n [customRenderers]=\"customRenderers\" />\n </dotcms-block-editor-renderer-paragraph>\n }\n\n @case (BLOCKS.TEXT) {\n <dotcms-block-editor-renderer-text [marks]=\"node.marks\" [text]=\"node.text || ''\" />\n }\n\n @case (BLOCKS.HEADING) {\n <dotcms-block-editor-renderer-heading\n [style]=\"node.attrs || {}\"\n [level]=\"node.attrs?.['level'] || '1'\">\n <dotcms-block-editor-renderer-block\n [content]=\"node.content\"\n [customRenderers]=\"customRenderers\" />\n </dotcms-block-editor-renderer-heading>\n }\n\n @case (BLOCKS.BULLET_LIST) {\n <dotcms-block-editor-renderer-bullet-list>\n <dotcms-block-editor-renderer-block\n [content]=\"node.content\"\n [customRenderers]=\"customRenderers\" />\n </dotcms-block-editor-renderer-bullet-list>\n }\n\n @case (BLOCKS.ORDERED_LIST) {\n <dotcms-block-editor-renderer-ordered-list>\n <dotcms-block-editor-renderer-block\n [content]=\"node.content\"\n [customRenderers]=\"customRenderers\" />\n </dotcms-block-editor-renderer-ordered-list>\n }\n\n @case (BLOCKS.LIST_ITEM) {\n <dotcms-block-editor-renderer-list-item>\n <dotcms-block-editor-renderer-block\n [content]=\"node.content\"\n [customRenderers]=\"customRenderers\" />\n </dotcms-block-editor-renderer-list-item>\n }\n\n @case (BLOCKS.BLOCK_QUOTE) {\n <dotcms-block-editor-renderer-block-quote>\n <dotcms-block-editor-renderer-block\n [content]=\"node.content\"\n [customRenderers]=\"customRenderers\" />\n </dotcms-block-editor-renderer-block-quote>\n }\n\n @case (BLOCKS.CODE_BLOCK) {\n <dotcms-block-editor-renderer-code-block>\n <dotcms-block-editor-renderer-block\n [content]=\"node.content\"\n [customRenderers]=\"customRenderers\" />\n </dotcms-block-editor-renderer-code-block>\n }\n\n @case (BLOCKS.HARDBREAK) {\n <br />\n }\n\n @case (BLOCKS.HORIZONTAL_RULE) {\n <hr />\n }\n\n @case (BLOCKS.DOT_IMAGE) {\n <dotcms-block-editor-renderer-image [attrs]=\"node.attrs || {}\" />\n }\n\n @case (BLOCKS.DOT_VIDEO) {\n <dotcms-block-editor-renderer-video [attrs]=\"node.attrs || {}\" />\n }\n\n @case (BLOCKS.DOT_AUDIO) {\n <dotcms-block-editor-renderer-audio [attrs]=\"node.attrs || {}\" />\n }\n\n @case (BLOCKS.TABLE) {\n <dotcms-block-editor-renderer-table [content]=\"node.content\" [attrs]=\"node.attrs\" />\n }\n\n @case (BLOCKS.GRID_BLOCK) {\n <dotcms-block-editor-renderer-grid-block\n [node]=\"node\"\n [customRenderers]=\"customRenderers\" />\n }\n\n @case (BLOCKS.DOT_CONTENT) {\n <dotcms-block-editor-renderer-contentlet\n [node]=\"node\"\n [customRenderers]=\"customRenderers\" />\n }\n\n @default {\n <dotcms-block-editor-renderer-unknown [node]=\"node\" />\n }\n }\n }\n}\n\n<ng-template #customRender let-customRender=\"customRender\" let-node=\"node\">\n <ng-container *ngComponentOutlet=\"customRender | async; inputs: { node: node }\" />\n</ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: DotCMSBlockEditorItemComponent, selector: "dotcms-block-editor-renderer-block", inputs: ["content", "customRenderers"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: DotParagraphBlock, selector: "dotcms-block-editor-renderer-paragraph" }, { kind: "component", type: DotTextBlock, selector: "dotcms-block-editor-renderer-text", inputs: ["marks", "text"] }, { kind: "component", type: DotHeadingBlock, selector: "dotcms-block-editor-renderer-heading", inputs: ["level"] }, { kind: "component", type: DotBulletList, selector: "dotcms-block-editor-renderer-bullet-list" }, { kind: "component", type: DotOrdererList, selector: "dotcms-block-editor-renderer-ordered-list" }, { kind: "component", type: DotListItem, selector: "dotcms-block-editor-renderer-list-item" }, { kind: "component", type: DotCodeBlock, selector: "dotcms-block-editor-renderer-code-block" }, { kind: "component", type: DotBlockQuote, selector: "dotcms-block-editor-renderer-block-quote" }, { kind: "component", type: DotImageBlock, selector: "dotcms-block-editor-renderer-image", inputs: ["attrs"] }, { kind: "component", type: DotVideoBlock, selector: "dotcms-block-editor-renderer-video", inputs: ["attrs"] }, { kind: "component", type: DotAudioBlock, selector: "dotcms-block-editor-renderer-audio", inputs: ["attrs"] }, { kind: "component", type: DotTableBlock, selector: "dotcms-block-editor-renderer-table", inputs: ["content", "attrs"] }, { kind: "component", type: DotGridBlock, selector: "dotcms-block-editor-renderer-grid-block", inputs: ["node", "customRenderers"] }, { kind: "component", type: DotContentletBlock, selector: "dotcms-block-editor-renderer-contentlet", inputs: ["customRenderers", "node"] }, { kind: "component", type: DotUnknownBlockComponent, selector: "dotcms-block-editor-renderer-unknown", inputs: ["node"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
1273
1286
|
}
|
|
1274
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1287
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSBlockEditorItemComponent, decorators: [{
|
|
1275
1288
|
type: Component,
|
|
1276
|
-
args: [{ selector: 'dotcms-block-editor-renderer-block', imports: [
|
|
1289
|
+
args: [{ selector: 'dotcms-block-editor-renderer-block', changeDetection: ChangeDetectionStrategy.Eager, imports: [
|
|
1277
1290
|
NgTemplateOutlet,
|
|
1278
1291
|
NgComponentOutlet,
|
|
1279
1292
|
AsyncPipe,
|
|
@@ -1326,8 +1339,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1326
1339
|
*/
|
|
1327
1340
|
class DotCMSBlockEditorRendererComponent {
|
|
1328
1341
|
constructor() {
|
|
1329
|
-
this.$blockEditorState = signal({ error: null },
|
|
1330
|
-
|
|
1342
|
+
this.$blockEditorState = signal({ error: null }, /* @ts-ignore */
|
|
1343
|
+
...(ngDevMode ? [{ debugName: "$blockEditorState" }] : /* istanbul ignore next */ []));
|
|
1344
|
+
this.$isInEditMode = signal(getUVEState()?.mode === UVE_MODE.EDIT, /* @ts-ignore */
|
|
1345
|
+
...(ngDevMode ? [{ debugName: "$isInEditMode" }] : /* istanbul ignore next */ []));
|
|
1331
1346
|
}
|
|
1332
1347
|
ngOnInit() {
|
|
1333
1348
|
const state = isValidBlocks(this.blocks);
|
|
@@ -1336,12 +1351,12 @@ class DotCMSBlockEditorRendererComponent {
|
|
|
1336
1351
|
}
|
|
1337
1352
|
this.$blockEditorState.set(isValidBlocks(this.blocks));
|
|
1338
1353
|
}
|
|
1339
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1340
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1354
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSBlockEditorRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1355
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: DotCMSBlockEditorRendererComponent, isStandalone: true, selector: "dotcms-block-editor-renderer", inputs: { blocks: "blocks", customRenderers: "customRenderers", class: "class", style: "style" }, ngImport: i0, template: "@if ($blockEditorState().error && $isInEditMode()) {\n <div data-testid=\"invalid-blocks-message\">\n {{ $blockEditorState().error }}\n </div>\n} @else if (!$blockEditorState().error) {\n <div [class]=\"class\" [style]=\"style\">\n <dotcms-block-editor-renderer-block\n [content]=\"blocks.content\"\n [customRenderers]=\"customRenderers\" />\n </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: DotCMSBlockEditorItemComponent, selector: "dotcms-block-editor-renderer-block", inputs: ["content", "customRenderers"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
1341
1356
|
}
|
|
1342
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1357
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSBlockEditorRendererComponent, decorators: [{
|
|
1343
1358
|
type: Component,
|
|
1344
|
-
args: [{ selector: 'dotcms-block-editor-renderer', imports: [DotCMSBlockEditorItemComponent], template: "@if ($blockEditorState().error && $isInEditMode()) {\n <div data-testid=\"invalid-blocks-message\">\n {{ $blockEditorState().error }}\n </div>\n} @else if (!$blockEditorState().error) {\n <div [class]=\"class\" [style]=\"style\">\n <dotcms-block-editor-renderer-block\n [content]=\"blocks.content\"\n [customRenderers]=\"customRenderers\" />\n </div>\n}\n" }]
|
|
1359
|
+
args: [{ selector: 'dotcms-block-editor-renderer', changeDetection: ChangeDetectionStrategy.Eager, imports: [DotCMSBlockEditorItemComponent], template: "@if ($blockEditorState().error && $isInEditMode()) {\n <div data-testid=\"invalid-blocks-message\">\n {{ $blockEditorState().error }}\n </div>\n} @else if (!$blockEditorState().error) {\n <div [class]=\"class\" [style]=\"style\">\n <dotcms-block-editor-renderer-block\n [content]=\"blocks.content\"\n [customRenderers]=\"customRenderers\" />\n </div>\n}\n" }]
|
|
1345
1360
|
}], propDecorators: { blocks: [{
|
|
1346
1361
|
type: Input
|
|
1347
1362
|
}], customRenderers: [{
|
|
@@ -1367,12 +1382,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1367
1382
|
* @internal
|
|
1368
1383
|
*/
|
|
1369
1384
|
class DotSemanticBulletList {
|
|
1370
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1371
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1385
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotSemanticBulletList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1386
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotSemanticBulletList, isStandalone: true, selector: "ul[dotBulletList]", ngImport: i0, template: `
|
|
1372
1387
|
<ng-content />
|
|
1373
1388
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1374
1389
|
}
|
|
1375
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1390
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotSemanticBulletList, decorators: [{
|
|
1376
1391
|
type: Component,
|
|
1377
1392
|
args: [{
|
|
1378
1393
|
selector: 'ul[dotBulletList]',
|
|
@@ -1383,12 +1398,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1383
1398
|
}]
|
|
1384
1399
|
}] });
|
|
1385
1400
|
class DotSemanticOrderedList {
|
|
1386
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1387
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1401
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotSemanticOrderedList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1402
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotSemanticOrderedList, isStandalone: true, selector: "ol[dotOrderedList]", ngImport: i0, template: `
|
|
1388
1403
|
<ng-content />
|
|
1389
1404
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1390
1405
|
}
|
|
1391
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1406
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotSemanticOrderedList, decorators: [{
|
|
1392
1407
|
type: Component,
|
|
1393
1408
|
args: [{
|
|
1394
1409
|
selector: 'ol[dotOrderedList]',
|
|
@@ -1399,12 +1414,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1399
1414
|
}]
|
|
1400
1415
|
}] });
|
|
1401
1416
|
class DotSemanticListItem {
|
|
1402
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1403
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1417
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotSemanticListItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1418
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotSemanticListItem, isStandalone: true, selector: "li[dotListItem]", ngImport: i0, template: `
|
|
1404
1419
|
<ng-content />
|
|
1405
1420
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1406
1421
|
}
|
|
1407
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotSemanticListItem, decorators: [{
|
|
1408
1423
|
type: Component,
|
|
1409
1424
|
args: [{
|
|
1410
1425
|
selector: 'li[dotListItem]',
|
|
@@ -1415,12 +1430,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1415
1430
|
}]
|
|
1416
1431
|
}] });
|
|
1417
1432
|
class DotSemanticParagraph {
|
|
1418
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1419
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1433
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotSemanticParagraph, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1434
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotSemanticParagraph, isStandalone: true, selector: "p[dotParagraph]", ngImport: i0, template: `
|
|
1420
1435
|
<ng-content />
|
|
1421
1436
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1422
1437
|
}
|
|
1423
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1438
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotSemanticParagraph, decorators: [{
|
|
1424
1439
|
type: Component,
|
|
1425
1440
|
args: [{
|
|
1426
1441
|
selector: 'p[dotParagraph]',
|
|
@@ -1431,12 +1446,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1431
1446
|
}]
|
|
1432
1447
|
}] });
|
|
1433
1448
|
class DotSemanticBlockQuote {
|
|
1434
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1435
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1449
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotSemanticBlockQuote, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1450
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotSemanticBlockQuote, isStandalone: true, selector: "blockquote[dotBlockQuote]", ngImport: i0, template: `
|
|
1436
1451
|
<ng-content />
|
|
1437
1452
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1438
1453
|
}
|
|
1439
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1454
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotSemanticBlockQuote, decorators: [{
|
|
1440
1455
|
type: Component,
|
|
1441
1456
|
args: [{
|
|
1442
1457
|
selector: 'blockquote[dotBlockQuote]',
|
|
@@ -1447,12 +1462,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1447
1462
|
}]
|
|
1448
1463
|
}] });
|
|
1449
1464
|
class DotSemanticCodeBlock {
|
|
1450
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1451
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1465
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotSemanticCodeBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1466
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DotSemanticCodeBlock, isStandalone: true, selector: "pre[dotCodeBlock]", ngImport: i0, template: `
|
|
1452
1467
|
<code><ng-content /></code>
|
|
1453
1468
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1454
1469
|
}
|
|
1455
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1470
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotSemanticCodeBlock, decorators: [{
|
|
1456
1471
|
type: Component,
|
|
1457
1472
|
args: [{
|
|
1458
1473
|
selector: 'pre[dotCodeBlock]',
|
|
@@ -1490,18 +1505,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1490
1505
|
class DotCMSBlockEditorRendererNativeComponent {
|
|
1491
1506
|
constructor() {
|
|
1492
1507
|
/** The Block Editor `doc` node to render. */
|
|
1493
|
-
this.blocks = input(
|
|
1508
|
+
this.blocks = input(/* @ts-ignore */
|
|
1509
|
+
...(ngDevMode ? [undefined, { debugName: "blocks" }] : /* istanbul ignore next */ []));
|
|
1494
1510
|
/** Map of `node.type` → component to override the built-in render path. */
|
|
1495
|
-
this.customRenderers = input(undefined,
|
|
1511
|
+
this.customRenderers = input(undefined, /* @ts-ignore */
|
|
1512
|
+
...(ngDevMode ? [{ debugName: "customRenderers" }] : /* istanbul ignore next */ []));
|
|
1496
1513
|
/**
|
|
1497
1514
|
* CSS class on the wrapper element. Aliased as `class` so consumers can
|
|
1498
1515
|
* pass `[class]="…"` like a normal Angular class binding.
|
|
1499
1516
|
*/
|
|
1500
1517
|
this.cssClass = input(undefined, { ...(ngDevMode ? { debugName: "cssClass" } : /* istanbul ignore next */ {}), alias: 'class' });
|
|
1501
1518
|
/** Inline style on the wrapper element. */
|
|
1502
|
-
this.style = input(undefined,
|
|
1503
|
-
|
|
1504
|
-
this.$
|
|
1519
|
+
this.style = input(undefined, /* @ts-ignore */
|
|
1520
|
+
...(ngDevMode ? [{ debugName: "style" }] : /* istanbul ignore next */ []));
|
|
1521
|
+
this.$blockEditorState = signal({ error: null }, /* @ts-ignore */
|
|
1522
|
+
...(ngDevMode ? [{ debugName: "$blockEditorState" }] : /* istanbul ignore next */ []));
|
|
1523
|
+
this.$isInEditMode = signal(getUVEState()?.mode === UVE_MODE.EDIT, /* @ts-ignore */
|
|
1524
|
+
...(ngDevMode ? [{ debugName: "$isInEditMode" }] : /* istanbul ignore next */ []));
|
|
1505
1525
|
this.BLOCKS = BlockEditorDefaultBlocks;
|
|
1506
1526
|
}
|
|
1507
1527
|
ngOnInit() {
|
|
@@ -1566,10 +1586,10 @@ class DotCMSBlockEditorRendererNativeComponent {
|
|
|
1566
1586
|
const span = valid ? rawCols[index] : 6;
|
|
1567
1587
|
return typeof span === 'number' ? span : 6;
|
|
1568
1588
|
}
|
|
1569
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1570
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: DotCMSBlockEditorRendererNativeComponent, isStandalone: true, selector: "dotcms-block-editor-renderer-native", inputs: { blocks: { classPropertyName: "blocks", publicName: "blocks", isSignal: true, isRequired: false, transformFunction: null }, customRenderers: { classPropertyName: "customRenderers", publicName: "customRenderers", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if ($blockEditorState().error && $isInEditMode()) {\n <div data-testid=\"invalid-blocks-message\">\n {{ $blockEditorState().error }}\n </div>\n} @else if (!$blockEditorState().error) {\n <div [class]=\"cssClass()\" [style]=\"style()\">\n <ng-container *ngTemplateOutlet=\"nodeList; context: { $implicit: blocks()?.content }\" />\n </div>\n}\n\n<!-- Renders a list of nodes by dispatching each one. -->\n<ng-template #nodeList let-content>\n @for (node of content; track node) {\n <ng-container *ngTemplateOutlet=\"dispatch; context: { $implicit: node }\" />\n }\n</ng-template>\n\n<!--\n Dispatches a single node to its semantic tag. The host ng-container of each\n ngTemplateOutlet renders as an HTML comment node, so a list item stays a true\n DOM child of its list element \u2014 the property that makes this AT-proof.\n-->\n<ng-template #dispatch let-node>\n @if (customRenderers()?.[node.type]) {\n <ng-container\n *ngTemplateOutlet=\"\n customRender;\n context: { customRender: customRenderers()?.[node.type], node: node }\n \" />\n } @else {\n @switch (node.type) {\n @case (BLOCKS.PARAGRAPH) {\n <p dotParagraph [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"nodeList; context: { $implicit: node.content }\" />\n </p>\n }\n\n @case (BLOCKS.TEXT) {\n <ng-container\n *ngTemplateOutlet=\"\n textRun;\n context: { marks: node.marks, text: node.text || '' }\n \" />\n }\n\n @case (BLOCKS.HEADING) {\n @switch (asLevel(node.attrs?.['level'])) {\n @case ('1') {\n <h1 [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: node.content }\n \" />\n </h1>\n }\n @case ('2') {\n <h2 [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: node.content }\n \" />\n </h2>\n }\n @case ('3') {\n <h3 [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: node.content }\n \" />\n </h3>\n }\n @case ('4') {\n <h4 [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: node.content }\n \" />\n </h4>\n }\n @case ('5') {\n <h5 [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: node.content }\n \" />\n </h5>\n }\n @case ('6') {\n <h6 [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: node.content }\n \" />\n </h6>\n }\n @default {\n <!--\n Unknown level: fall back to <h2>, not <h1>. An\n unexpected <h1> in an article tanks the heading\n outline that assistive technology relies on, and\n articles typically already have a page <h1>.\n -->\n <h2 [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: node.content }\n \" />\n </h2>\n }\n }\n }\n\n @case (BLOCKS.BULLET_LIST) {\n <ul dotBulletList>\n <ng-container\n *ngTemplateOutlet=\"nodeList; context: { $implicit: node.content }\" />\n </ul>\n }\n\n @case (BLOCKS.ORDERED_LIST) {\n <ol dotOrderedList>\n <ng-container\n *ngTemplateOutlet=\"nodeList; context: { $implicit: node.content }\" />\n </ol>\n }\n\n @case (BLOCKS.LIST_ITEM) {\n <li dotListItem>\n <ng-container\n *ngTemplateOutlet=\"nodeList; context: { $implicit: node.content }\" />\n </li>\n }\n\n @case (BLOCKS.BLOCK_QUOTE) {\n <blockquote dotBlockQuote>\n <ng-container\n *ngTemplateOutlet=\"nodeList; context: { $implicit: node.content }\" />\n </blockquote>\n }\n\n @case (BLOCKS.CODE_BLOCK) {\n <pre dotCodeBlock>\n <ng-container\n *ngTemplateOutlet=\"nodeList; context: { $implicit: node.content }\" /></pre>\n }\n\n @case (BLOCKS.HARDBREAK) {\n <br />\n }\n\n @case (BLOCKS.HORIZONTAL_RULE) {\n <hr />\n }\n\n @case (BLOCKS.DOT_IMAGE) {\n <figure [style]=\"imageStyle(node.attrs)\">\n <img\n [alt]=\"node.attrs?.['alt']\"\n [src]=\"node.attrs?.['src']\"\n style=\"max-width: 100%; height: auto\" />\n </figure>\n }\n\n @case (BLOCKS.DOT_VIDEO) {\n <video\n [controls]=\"true\"\n preload=\"metadata\"\n [poster]=\"videoPoster(node.attrs)\"\n [width]=\"node.attrs?.['width']\"\n [height]=\"node.attrs?.['height']\">\n <track default kind=\"captions\" srclang=\"en\" />\n <source [src]=\"node.attrs?.['src']\" [type]=\"node.attrs?.['mimeType']\" />\n Your browser does not support the\n <code>video</code>\n element.\n </video>\n }\n\n @case (BLOCKS.DOT_AUDIO) {\n <audio [controls]=\"true\" preload=\"metadata\">\n <source [src]=\"node.attrs?.['src']\" [type]=\"node.attrs?.['mimeType']\" />\n Your browser does not support the\n <code>audio</code>\n element.\n </audio>\n }\n\n @case (BLOCKS.TABLE) {\n <table>\n <thead>\n @for (rowNode of node.content?.slice(0, 1); track $index) {\n <tr>\n @for (cellNode of rowNode.content; track $index) {\n <th\n [attr.colspan]=\"cellNode.attrs?.['colspan'] || 1\"\n [attr.rowspan]=\"cellNode.attrs?.['rowspan'] || 1\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: cellNode.content }\n \" />\n </th>\n }\n </tr>\n }\n </thead>\n <tbody>\n @for (rowNode of node.content?.slice(1); track $index) {\n <tr>\n @for (cellNode of rowNode.content; track $index) {\n <td\n [attr.colspan]=\"cellNode.attrs?.['colspan'] || 1\"\n [attr.rowspan]=\"cellNode.attrs?.['rowspan'] || 1\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: cellNode.content }\n \" />\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n }\n\n @case (BLOCKS.GRID_BLOCK) {\n <div\n data-type=\"gridBlock\"\n class=\"grid-block\"\n style=\"display: grid; grid-template-columns: repeat(12, 1fr); gap: 1rem\">\n @for (column of node.content; track $index) {\n <div\n data-type=\"gridColumn\"\n class=\"grid-block__column\"\n [style.grid-column]=\"'span ' + columnSpan(node.attrs, $index)\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: column.content }\n \" />\n </div>\n }\n </div>\n }\n\n @case (BLOCKS.DOT_CONTENT) {\n <dotcms-block-editor-renderer-contentlet\n [node]=\"node\"\n [customRenderers]=\"customRenderers()\" />\n }\n\n @default {\n <dotcms-block-editor-renderer-unknown [node]=\"node\" />\n }\n }\n }\n</ng-template>\n\n<ng-template #customRender let-customRender=\"customRender\" let-node=\"node\">\n <ng-container *ngComponentOutlet=\"customRender | async; inputs: { node: node }\" />\n</ng-template>\n\n<!--\n Renders a text node and its marks as native inline elements (<strong>, <u>,\n <em>, <a>, ...) with no wrapper element. Recurses through itself (rendered as a\n comment node) one mark at a time, so stacked marks nest directly:\n <u><strong>text</strong></u>.\n-->\n<ng-template #textRun let-marks=\"marks\" let-text=\"text\">\n @switch (marks?.[0]?.type) {\n @case ('link') {\n @if (markAttrs(marks)['href']) {\n <a\n [attr.href]=\"markAttrs(marks)['href']\"\n [attr.target]=\"markAttrs(marks)['target'] || null\"\n [attr.title]=\"markAttrs(marks)['title'] || null\"\n [attr.aria-label]=\"markAttrs(marks)['aria-label'] || null\"\n [attr.rel]=\"\n markAttrs(marks)['rel'] ||\n (markAttrs(marks)['target'] === '_blank' ? 'noopener noreferrer' : null)\n \"\n [class]=\"markAttrs(marks)['class'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n textRun;\n context: { marks: restMarks(marks), text: text }\n \" />\n </a>\n } @else {\n <!--\n Malformed link mark with no href: a hrefless <a> isn't a\n link to assistive tech (no role, not focusable). Skip the\n element and recurse \u2014 any remaining marks (bold, etc.)\n still render around the text.\n -->\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n }\n }\n @case ('bold') {\n <strong>\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n </strong>\n }\n @case ('underline') {\n <u>\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n </u>\n }\n @case ('italic') {\n <em>\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n </em>\n }\n @case ('strike') {\n <s>\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n </s>\n }\n @case ('superscript') {\n <sup>\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n </sup>\n }\n @case ('subscript') {\n <sub>\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n </sub>\n }\n @default {\n @if (marks?.length) {\n <!-- Unknown mark type: skip it but keep rendering any marks beneath. -->\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n } @else {\n {{ text }}\n }\n }\n }\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: DotSemanticParagraph, selector: "p[dotParagraph]" }, { kind: "component", type: DotSemanticBulletList, selector: "ul[dotBulletList]" }, { kind: "component", type: DotSemanticOrderedList, selector: "ol[dotOrderedList]" }, { kind: "component", type: DotSemanticListItem, selector: "li[dotListItem]" }, { kind: "component", type: DotSemanticBlockQuote, selector: "blockquote[dotBlockQuote]" }, { kind: "component", type: DotSemanticCodeBlock, selector: "pre[dotCodeBlock]" }, { kind: "component", type: DotContentletBlock, selector: "dotcms-block-editor-renderer-contentlet", inputs: ["customRenderers", "node"] }, { kind: "component", type: DotUnknownBlockComponent, selector: "dotcms-block-editor-renderer-unknown", inputs: ["node"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1589
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSBlockEditorRendererNativeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1590
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: DotCMSBlockEditorRendererNativeComponent, isStandalone: true, selector: "dotcms-block-editor-renderer-native", inputs: { blocks: { classPropertyName: "blocks", publicName: "blocks", isSignal: true, isRequired: false, transformFunction: null }, customRenderers: { classPropertyName: "customRenderers", publicName: "customRenderers", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if ($blockEditorState().error && $isInEditMode()) {\n <div data-testid=\"invalid-blocks-message\">\n {{ $blockEditorState().error }}\n </div>\n} @else if (!$blockEditorState().error) {\n <div [class]=\"cssClass()\" [style]=\"style()\">\n <ng-container *ngTemplateOutlet=\"nodeList; context: { $implicit: blocks()?.content }\" />\n </div>\n}\n\n<!-- Renders a list of nodes by dispatching each one. -->\n<ng-template #nodeList let-content>\n @for (node of content; track node) {\n <ng-container *ngTemplateOutlet=\"dispatch; context: { $implicit: node }\" />\n }\n</ng-template>\n\n<!--\n Dispatches a single node to its semantic tag. The host ng-container of each\n ngTemplateOutlet renders as an HTML comment node, so a list item stays a true\n DOM child of its list element \u2014 the property that makes this AT-proof.\n-->\n<ng-template #dispatch let-node>\n @if (customRenderers()?.[node.type]) {\n <ng-container\n *ngTemplateOutlet=\"\n customRender;\n context: { customRender: customRenderers()?.[node.type], node: node }\n \" />\n } @else {\n @switch (node.type) {\n @case (BLOCKS.PARAGRAPH) {\n <p dotParagraph [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"nodeList; context: { $implicit: node.content }\" />\n </p>\n }\n\n @case (BLOCKS.TEXT) {\n <ng-container\n *ngTemplateOutlet=\"\n textRun;\n context: { marks: node.marks, text: node.text || '' }\n \" />\n }\n\n @case (BLOCKS.HEADING) {\n @switch (asLevel(node.attrs?.['level'])) {\n @case ('1') {\n <h1 [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: node.content }\n \" />\n </h1>\n }\n @case ('2') {\n <h2 [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: node.content }\n \" />\n </h2>\n }\n @case ('3') {\n <h3 [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: node.content }\n \" />\n </h3>\n }\n @case ('4') {\n <h4 [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: node.content }\n \" />\n </h4>\n }\n @case ('5') {\n <h5 [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: node.content }\n \" />\n </h5>\n }\n @case ('6') {\n <h6 [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: node.content }\n \" />\n </h6>\n }\n @default {\n <!--\n Unknown level: fall back to <h2>, not <h1>. An\n unexpected <h1> in an article tanks the heading\n outline that assistive technology relies on, and\n articles typically already have a page <h1>.\n -->\n <h2 [style.text-align]=\"node.attrs?.['textAlign'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: node.content }\n \" />\n </h2>\n }\n }\n }\n\n @case (BLOCKS.BULLET_LIST) {\n <ul dotBulletList>\n <ng-container\n *ngTemplateOutlet=\"nodeList; context: { $implicit: node.content }\" />\n </ul>\n }\n\n @case (BLOCKS.ORDERED_LIST) {\n <ol dotOrderedList>\n <ng-container\n *ngTemplateOutlet=\"nodeList; context: { $implicit: node.content }\" />\n </ol>\n }\n\n @case (BLOCKS.LIST_ITEM) {\n <li dotListItem>\n <ng-container\n *ngTemplateOutlet=\"nodeList; context: { $implicit: node.content }\" />\n </li>\n }\n\n @case (BLOCKS.BLOCK_QUOTE) {\n <blockquote dotBlockQuote>\n <ng-container\n *ngTemplateOutlet=\"nodeList; context: { $implicit: node.content }\" />\n </blockquote>\n }\n\n @case (BLOCKS.CODE_BLOCK) {\n <pre dotCodeBlock>\n <ng-container\n *ngTemplateOutlet=\"nodeList; context: { $implicit: node.content }\" /></pre>\n }\n\n @case (BLOCKS.HARDBREAK) {\n <br />\n }\n\n @case (BLOCKS.HORIZONTAL_RULE) {\n <hr />\n }\n\n @case (BLOCKS.DOT_IMAGE) {\n <figure [style]=\"imageStyle(node.attrs)\">\n <img\n [alt]=\"node.attrs?.['alt']\"\n [src]=\"node.attrs?.['src']\"\n style=\"max-width: 100%; height: auto\" />\n </figure>\n }\n\n @case (BLOCKS.DOT_VIDEO) {\n <video\n [controls]=\"true\"\n preload=\"metadata\"\n [poster]=\"videoPoster(node.attrs)\"\n [width]=\"node.attrs?.['width']\"\n [height]=\"node.attrs?.['height']\">\n <track default kind=\"captions\" srclang=\"en\" />\n <source [src]=\"node.attrs?.['src']\" [type]=\"node.attrs?.['mimeType']\" />\n Your browser does not support the\n <code>video</code>\n element.\n </video>\n }\n\n @case (BLOCKS.DOT_AUDIO) {\n <audio [controls]=\"true\" preload=\"metadata\">\n <source [src]=\"node.attrs?.['src']\" [type]=\"node.attrs?.['mimeType']\" />\n Your browser does not support the\n <code>audio</code>\n element.\n </audio>\n }\n\n @case (BLOCKS.TABLE) {\n <table>\n <thead>\n @for (rowNode of node.content?.slice(0, 1); track $index) {\n <tr>\n @for (cellNode of rowNode.content; track $index) {\n <th\n [attr.colspan]=\"cellNode.attrs?.['colspan'] || 1\"\n [attr.rowspan]=\"cellNode.attrs?.['rowspan'] || 1\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: cellNode.content }\n \" />\n </th>\n }\n </tr>\n }\n </thead>\n <tbody>\n @for (rowNode of node.content?.slice(1); track $index) {\n <tr>\n @for (cellNode of rowNode.content; track $index) {\n <td\n [attr.colspan]=\"cellNode.attrs?.['colspan'] || 1\"\n [attr.rowspan]=\"cellNode.attrs?.['rowspan'] || 1\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: cellNode.content }\n \" />\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n }\n\n @case (BLOCKS.GRID_BLOCK) {\n <div\n data-type=\"gridBlock\"\n class=\"grid-block\"\n style=\"display: grid; grid-template-columns: repeat(12, 1fr); gap: 1rem\">\n @for (column of node.content; track $index) {\n <div\n data-type=\"gridColumn\"\n class=\"grid-block__column\"\n [style.grid-column]=\"'span ' + columnSpan(node.attrs, $index)\">\n <ng-container\n *ngTemplateOutlet=\"\n nodeList;\n context: { $implicit: column.content }\n \" />\n </div>\n }\n </div>\n }\n\n @case (BLOCKS.DOT_CONTENT) {\n <dotcms-block-editor-renderer-contentlet\n [node]=\"node\"\n [customRenderers]=\"customRenderers()\" />\n }\n\n @default {\n <dotcms-block-editor-renderer-unknown [node]=\"node\" />\n }\n }\n }\n</ng-template>\n\n<ng-template #customRender let-customRender=\"customRender\" let-node=\"node\">\n <ng-container *ngComponentOutlet=\"customRender | async; inputs: { node: node }\" />\n</ng-template>\n\n<!--\n Renders a text node and its marks as native inline elements (<strong>, <u>,\n <em>, <a>, ...) with no wrapper element. Recurses through itself (rendered as a\n comment node) one mark at a time, so stacked marks nest directly:\n <u><strong>text</strong></u>.\n-->\n<ng-template #textRun let-marks=\"marks\" let-text=\"text\">\n @switch (marks?.[0]?.type) {\n @case ('link') {\n @if (markAttrs(marks)['href']) {\n <a\n [attr.href]=\"markAttrs(marks)['href']\"\n [attr.target]=\"markAttrs(marks)['target'] || null\"\n [attr.title]=\"markAttrs(marks)['title'] || null\"\n [attr.aria-label]=\"markAttrs(marks)['aria-label'] || null\"\n [attr.rel]=\"\n markAttrs(marks)['rel'] ||\n (markAttrs(marks)['target'] === '_blank' ? 'noopener noreferrer' : null)\n \"\n [class]=\"markAttrs(marks)['class'] || null\">\n <ng-container\n *ngTemplateOutlet=\"\n textRun;\n context: { marks: restMarks(marks), text: text }\n \" />\n </a>\n } @else {\n <!--\n Malformed link mark with no href: a hrefless <a> isn't a\n link to assistive tech (no role, not focusable). Skip the\n element and recurse \u2014 any remaining marks (bold, etc.)\n still render around the text.\n -->\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n }\n }\n @case ('bold') {\n <strong>\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n </strong>\n }\n @case ('underline') {\n <u>\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n </u>\n }\n @case ('italic') {\n <em>\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n </em>\n }\n @case ('strike') {\n <s>\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n </s>\n }\n @case ('superscript') {\n <sup>\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n </sup>\n }\n @case ('subscript') {\n <sub>\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n </sub>\n }\n @default {\n @if (marks?.length) {\n <!-- Unknown mark type: skip it but keep rendering any marks beneath. -->\n <ng-container\n *ngTemplateOutlet=\"textRun; context: { marks: restMarks(marks), text: text }\" />\n } @else {\n {{ text }}\n }\n }\n }\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: DotSemanticParagraph, selector: "p[dotParagraph]" }, { kind: "component", type: DotSemanticBulletList, selector: "ul[dotBulletList]" }, { kind: "component", type: DotSemanticOrderedList, selector: "ol[dotOrderedList]" }, { kind: "component", type: DotSemanticListItem, selector: "li[dotListItem]" }, { kind: "component", type: DotSemanticBlockQuote, selector: "blockquote[dotBlockQuote]" }, { kind: "component", type: DotSemanticCodeBlock, selector: "pre[dotCodeBlock]" }, { kind: "component", type: DotContentletBlock, selector: "dotcms-block-editor-renderer-contentlet", inputs: ["customRenderers", "node"] }, { kind: "component", type: DotUnknownBlockComponent, selector: "dotcms-block-editor-renderer-unknown", inputs: ["node"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1571
1591
|
}
|
|
1572
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1592
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSBlockEditorRendererNativeComponent, decorators: [{
|
|
1573
1593
|
type: Component,
|
|
1574
1594
|
args: [{ selector: 'dotcms-block-editor-renderer-native', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
1575
1595
|
NgTemplateOutlet,
|
|
@@ -1595,8 +1615,8 @@ class PageErrorMessageComponent {
|
|
|
1595
1615
|
ngOnInit() {
|
|
1596
1616
|
console.warn('Missing required layout.body property in page');
|
|
1597
1617
|
}
|
|
1598
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1599
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1618
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: PageErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1619
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: PageErrorMessageComponent, isStandalone: true, selector: "dotcms-page-error-message", ngImport: i0, template: `
|
|
1600
1620
|
<div
|
|
1601
1621
|
data-testid="error-message"
|
|
1602
1622
|
style="padding: 1rem; border: 1px solid #e0e0e0; border-radius: 4px;">
|
|
@@ -1613,7 +1633,7 @@ class PageErrorMessageComponent {
|
|
|
1613
1633
|
</div>
|
|
1614
1634
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1615
1635
|
}
|
|
1616
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: PageErrorMessageComponent, decorators: [{
|
|
1617
1637
|
type: Component,
|
|
1618
1638
|
args: [{
|
|
1619
1639
|
selector: 'dotcms-page-error-message',
|
|
@@ -1652,7 +1672,8 @@ const EMPTY_DOTCMS_PAGE_STORE = {
|
|
|
1652
1672
|
*/
|
|
1653
1673
|
class DotCMSStore {
|
|
1654
1674
|
constructor() {
|
|
1655
|
-
this.$store = signal(EMPTY_DOTCMS_PAGE_STORE,
|
|
1675
|
+
this.$store = signal(EMPTY_DOTCMS_PAGE_STORE, /* @ts-ignore */
|
|
1676
|
+
...(ngDevMode ? [{ debugName: "$store" }] : /* istanbul ignore next */ []));
|
|
1656
1677
|
/**
|
|
1657
1678
|
* @description Get whether DotCMS Analytics is active on the page. Used in
|
|
1658
1679
|
* live mode to decide if the minimal contentlet attributes Analytics needs
|
|
@@ -1681,7 +1702,8 @@ class DotCMSStore {
|
|
|
1681
1702
|
return uveState?.mode === UVE_MODE.EDIT;
|
|
1682
1703
|
}
|
|
1683
1704
|
return this.$store()?.mode === DEVELOPMENT_MODE;
|
|
1684
|
-
},
|
|
1705
|
+
}, /* @ts-ignore */
|
|
1706
|
+
...(ngDevMode ? [{ debugName: "$isDevMode" }] : /* istanbul ignore next */ []));
|
|
1685
1707
|
}
|
|
1686
1708
|
/**
|
|
1687
1709
|
* @description Get the store
|
|
@@ -1700,10 +1722,10 @@ class DotCMSStore {
|
|
|
1700
1722
|
setStore(store) {
|
|
1701
1723
|
this.$store.set(store);
|
|
1702
1724
|
}
|
|
1703
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1704
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1725
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1726
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSStore, providedIn: 'root' }); }
|
|
1705
1727
|
}
|
|
1706
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1728
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSStore, decorators: [{
|
|
1707
1729
|
type: Injectable,
|
|
1708
1730
|
args: [{
|
|
1709
1731
|
providedIn: 'root'
|
|
@@ -1730,20 +1752,21 @@ class ContainerNotFoundComponent {
|
|
|
1730
1752
|
console.error(`Container with identifier ${this.identifier} not found`);
|
|
1731
1753
|
}
|
|
1732
1754
|
}
|
|
1733
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1734
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1755
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ContainerNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1756
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: ContainerNotFoundComponent, isStandalone: true, selector: "dotcms-container-not-found", inputs: { identifier: "identifier" }, ngImport: i0, template: `
|
|
1735
1757
|
@if ($isDevMode()) {
|
|
1736
1758
|
<div [attr.data-testid]="'container-not-found'" [ngStyle]="emptyContainerStyle">
|
|
1737
1759
|
This container with identifier {{ identifier }} was not found.
|
|
1738
1760
|
</div>
|
|
1739
1761
|
}
|
|
1740
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
1762
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
1741
1763
|
}
|
|
1742
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1764
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ContainerNotFoundComponent, decorators: [{
|
|
1743
1765
|
type: Component,
|
|
1744
1766
|
args: [{
|
|
1745
1767
|
selector: 'dotcms-container-not-found',
|
|
1746
1768
|
imports: [NgStyle],
|
|
1769
|
+
changeDetection: ChangeDetectionStrategy.Eager,
|
|
1747
1770
|
template: `
|
|
1748
1771
|
@if ($isDevMode()) {
|
|
1749
1772
|
<div [attr.data-testid]="'container-not-found'" [ngStyle]="emptyContainerStyle">
|
|
@@ -1769,8 +1792,8 @@ class EmptyContainerComponent {
|
|
|
1769
1792
|
this.$isDevMode = this.#dotCMSStore.$isDevMode;
|
|
1770
1793
|
}
|
|
1771
1794
|
#dotCMSStore;
|
|
1772
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1773
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1795
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EmptyContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1796
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EmptyContainerComponent, isStandalone: true, selector: "dotcms-empty-container", ngImport: i0, template: `
|
|
1774
1797
|
@if ($isDevMode()) {
|
|
1775
1798
|
<div [ngStyle]="emptyContainerStyle" data-testid="empty-container">
|
|
1776
1799
|
<span data-testid="empty-container-message" data-dot-object="empty-content">
|
|
@@ -1778,13 +1801,14 @@ class EmptyContainerComponent {
|
|
|
1778
1801
|
</span>
|
|
1779
1802
|
</div>
|
|
1780
1803
|
}
|
|
1781
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
1804
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
1782
1805
|
}
|
|
1783
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1806
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EmptyContainerComponent, decorators: [{
|
|
1784
1807
|
type: Component,
|
|
1785
1808
|
args: [{
|
|
1786
1809
|
selector: 'dotcms-empty-container',
|
|
1787
1810
|
imports: [NgStyle],
|
|
1811
|
+
changeDetection: ChangeDetectionStrategy.Eager,
|
|
1788
1812
|
template: `
|
|
1789
1813
|
@if ($isDevMode()) {
|
|
1790
1814
|
<div [ngStyle]="emptyContainerStyle" data-testid="empty-container">
|
|
@@ -1807,8 +1831,8 @@ class FallbackComponent {
|
|
|
1807
1831
|
constructor() {
|
|
1808
1832
|
this.UserNoComponent = null;
|
|
1809
1833
|
}
|
|
1810
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1811
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1834
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: FallbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1835
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: FallbackComponent, isStandalone: true, selector: "dotcms-fallback-component", inputs: { UserNoComponent: "UserNoComponent", contentlet: "contentlet" }, ngImport: i0, template: `
|
|
1812
1836
|
@if (UserNoComponent) {
|
|
1813
1837
|
<ng-container *ngComponentOutlet="UserNoComponent | async; inputs: { contentlet }" />
|
|
1814
1838
|
} @else {
|
|
@@ -1818,7 +1842,7 @@ class FallbackComponent {
|
|
|
1818
1842
|
}
|
|
1819
1843
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1820
1844
|
}
|
|
1821
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1845
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: FallbackComponent, decorators: [{
|
|
1822
1846
|
type: Component,
|
|
1823
1847
|
args: [{
|
|
1824
1848
|
selector: 'dotcms-fallback-component',
|
|
@@ -1851,13 +1875,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1851
1875
|
class ContentletComponent {
|
|
1852
1876
|
constructor() {
|
|
1853
1877
|
this.#dotCMSStore = inject(DotCMSStore);
|
|
1854
|
-
this.$contentlet = signal(null,
|
|
1855
|
-
|
|
1856
|
-
this.$
|
|
1878
|
+
this.$contentlet = signal(null, /* @ts-ignore */
|
|
1879
|
+
...(ngDevMode ? [{ debugName: "$contentlet" }] : /* istanbul ignore next */ []));
|
|
1880
|
+
this.$UserComponent = signal(null, /* @ts-ignore */
|
|
1881
|
+
...(ngDevMode ? [{ debugName: "$UserComponent" }] : /* istanbul ignore next */ []));
|
|
1882
|
+
this.$UserNoComponent = signal(null, /* @ts-ignore */
|
|
1883
|
+
...(ngDevMode ? [{ debugName: "$UserNoComponent" }] : /* istanbul ignore next */ []));
|
|
1857
1884
|
this.$isDevMode = this.#dotCMSStore.$isDevMode;
|
|
1858
1885
|
this.$isAnalyticsActive = this.#dotCMSStore.$isAnalyticsActive;
|
|
1859
|
-
this.$haveContent = signal(false,
|
|
1860
|
-
|
|
1886
|
+
this.$haveContent = signal(false, /* @ts-ignore */
|
|
1887
|
+
...(ngDevMode ? [{ debugName: "$haveContent" }] : /* istanbul ignore next */ []));
|
|
1888
|
+
this.$style = computed(() => this.$isDevMode() && !this.$haveContent() ? { minHeight: '4rem' } : {}, /* @ts-ignore */
|
|
1889
|
+
...(ngDevMode ? [{ debugName: "$style" }] : /* istanbul ignore next */ []));
|
|
1861
1890
|
this.$dotAttributes = computed(() => {
|
|
1862
1891
|
const contentlet = this.$contentlet();
|
|
1863
1892
|
if (!contentlet)
|
|
@@ -1869,7 +1898,8 @@ class ContentletComponent {
|
|
|
1869
1898
|
return getAnalyticsContentletAttributes(contentlet);
|
|
1870
1899
|
}
|
|
1871
1900
|
return {};
|
|
1872
|
-
},
|
|
1901
|
+
}, /* @ts-ignore */
|
|
1902
|
+
...(ngDevMode ? [{ debugName: "$dotAttributes" }] : /* istanbul ignore next */ []));
|
|
1873
1903
|
}
|
|
1874
1904
|
#dotCMSStore;
|
|
1875
1905
|
ngOnChanges() {
|
|
@@ -1902,8 +1932,8 @@ class ContentletComponent {
|
|
|
1902
1932
|
this.$haveContent.set(hasContent);
|
|
1903
1933
|
}
|
|
1904
1934
|
}
|
|
1905
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1906
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1935
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ContentletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1936
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: ContentletComponent, isStandalone: true, selector: "dotcms-contentlet", inputs: { contentlet: "contentlet", containerData: "containerData" }, host: { properties: { "attr.data-dot-object": "$isDevMode() ? 'contentlet' : null", "attr.data-dot-identifier": "$dotAttributes()['data-dot-identifier'] ?? null", "attr.data-dot-basetype": "$dotAttributes()['data-dot-basetype'] ?? null", "attr.data-dot-title": "$dotAttributes()['data-dot-title'] ?? null", "attr.data-dot-inode": "$dotAttributes()['data-dot-inode'] ?? null", "attr.data-dot-type": "$dotAttributes()['data-dot-type'] ?? null", "attr.data-dot-container": "$isDevMode() ? getContainerAttribute() : null", "attr.data-dot-on-number-of-pages": "$dotAttributes()['data-dot-on-number-of-pages'] ?? null", "attr.data-dot-style-properties": "$dotAttributes()['data-dot-style-properties'] ?? null", "style": "$style()" } }, viewQueries: [{ propertyName: "contentletRef", first: true, predicate: ["contentletRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
1907
1937
|
@if ($UserComponent()) {
|
|
1908
1938
|
<ng-container
|
|
1909
1939
|
*ngComponentOutlet="
|
|
@@ -1917,7 +1947,7 @@ class ContentletComponent {
|
|
|
1917
1947
|
}
|
|
1918
1948
|
`, isInline: true, dependencies: [{ kind: "component", type: FallbackComponent, selector: "dotcms-fallback-component", inputs: ["UserNoComponent", "contentlet"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1919
1949
|
}
|
|
1920
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1950
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ContentletComponent, decorators: [{
|
|
1921
1951
|
type: Component,
|
|
1922
1952
|
args: [{
|
|
1923
1953
|
selector: 'dotcms-contentlet',
|
|
@@ -1974,9 +2004,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1974
2004
|
class ContainerComponent {
|
|
1975
2005
|
constructor() {
|
|
1976
2006
|
this.#dotCMSStore = inject(DotCMSStore);
|
|
1977
|
-
this.$containerData = signal(null,
|
|
1978
|
-
|
|
1979
|
-
this.$
|
|
2007
|
+
this.$containerData = signal(null, /* @ts-ignore */
|
|
2008
|
+
...(ngDevMode ? [{ debugName: "$containerData" }] : /* istanbul ignore next */ []));
|
|
2009
|
+
this.$contentlets = signal([], /* @ts-ignore */
|
|
2010
|
+
...(ngDevMode ? [{ debugName: "$contentlets" }] : /* istanbul ignore next */ []));
|
|
2011
|
+
this.$isEmpty = computed(() => this.$contentlets().length === 0, /* @ts-ignore */
|
|
2012
|
+
...(ngDevMode ? [{ debugName: "$isEmpty" }] : /* istanbul ignore next */ []));
|
|
1980
2013
|
this.$isDevMode = this.#dotCMSStore.$isDevMode;
|
|
1981
2014
|
this.$dotAttributes = computed(() => {
|
|
1982
2015
|
const containerData = this.$containerData();
|
|
@@ -1984,7 +2017,8 @@ class ContainerComponent {
|
|
|
1984
2017
|
return {};
|
|
1985
2018
|
}
|
|
1986
2019
|
return getDotContainerAttributes(containerData);
|
|
1987
|
-
},
|
|
2020
|
+
}, /* @ts-ignore */
|
|
2021
|
+
...(ngDevMode ? [{ debugName: "$dotAttributes" }] : /* istanbul ignore next */ []));
|
|
1988
2022
|
}
|
|
1989
2023
|
#dotCMSStore;
|
|
1990
2024
|
ngOnChanges() {
|
|
@@ -1995,8 +2029,8 @@ class ContainerComponent {
|
|
|
1995
2029
|
this.$containerData.set(getContainersData(page, this.container));
|
|
1996
2030
|
this.$contentlets.set(getContentletsInContainer(page, this.container));
|
|
1997
2031
|
}
|
|
1998
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1999
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2032
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2033
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: ContainerComponent, isStandalone: true, selector: "dotcms-container", inputs: { container: "container" }, host: { properties: { "attr.data-dot-object": "$isDevMode() ? 'container' : null", "attr.data-dot-accept-types": "$dotAttributes()['data-dot-accept-types'] ?? null", "attr.data-dot-identifier": "$dotAttributes()['data-dot-identifier'] ?? null", "attr.data-max-contentlets": "$dotAttributes()['data-max-contentlets'] ?? null", "attr.data-dot-uuid": "$dotAttributes()['data-dot-uuid'] ?? null" } }, usesOnChanges: true, ngImport: i0, template: `
|
|
2000
2034
|
@if (!$containerData()) {
|
|
2001
2035
|
<dotcms-container-not-found [identifier]="container.identifier" />
|
|
2002
2036
|
} @else if ($isEmpty()) {
|
|
@@ -2008,7 +2042,7 @@ class ContainerComponent {
|
|
|
2008
2042
|
}
|
|
2009
2043
|
`, isInline: true, dependencies: [{ kind: "component", type: ContainerNotFoundComponent, selector: "dotcms-container-not-found", inputs: ["identifier"] }, { kind: "component", type: EmptyContainerComponent, selector: "dotcms-empty-container" }, { kind: "component", type: ContentletComponent, selector: "dotcms-contentlet", inputs: ["contentlet", "containerData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2010
2044
|
}
|
|
2011
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2045
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ContainerComponent, decorators: [{
|
|
2012
2046
|
type: Component,
|
|
2013
2047
|
args: [{
|
|
2014
2048
|
selector: 'dotcms-container',
|
|
@@ -2055,8 +2089,8 @@ class ColumnComponent {
|
|
|
2055
2089
|
const positionClasses = getColumnPositionClasses(this.column);
|
|
2056
2090
|
this.customClasses = combineClasses([positionClasses.startClass, positionClasses.endClass]);
|
|
2057
2091
|
}
|
|
2058
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2059
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2092
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2093
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: ColumnComponent, isStandalone: true, selector: "dotcms-column", inputs: { column: "column" }, host: { properties: { "class": "this.customClasses" } }, usesOnChanges: true, ngImport: i0, template: `
|
|
2060
2094
|
<div [class]="column.styleClass" data-testid="dotcms-column">
|
|
2061
2095
|
@for (container of column.containers; track $index) {
|
|
2062
2096
|
<dotcms-container [container]="container" />
|
|
@@ -2064,7 +2098,7 @@ class ColumnComponent {
|
|
|
2064
2098
|
</div>
|
|
2065
2099
|
`, isInline: true, styles: [":host.col-start-1{grid-column-start:1}:host.col-start-2{grid-column-start:2}:host.col-start-3{grid-column-start:3}:host.col-start-4{grid-column-start:4}:host.col-start-5{grid-column-start:5}:host.col-start-6{grid-column-start:6}:host.col-start-7{grid-column-start:7}:host.col-start-8{grid-column-start:8}:host.col-start-9{grid-column-start:9}:host.col-start-10{grid-column-start:10}:host.col-start-11{grid-column-start:11}:host.col-start-12{grid-column-start:12}:host.col-end-1{grid-column-end:1}:host.col-end-2{grid-column-end:2}:host.col-end-3{grid-column-end:3}:host.col-end-4{grid-column-end:4}:host.col-end-5{grid-column-end:5}:host.col-end-6{grid-column-end:6}:host.col-end-7{grid-column-end:7}:host.col-end-8{grid-column-end:8}:host.col-end-9{grid-column-end:9}:host.col-end-10{grid-column-end:10}:host.col-end-11{grid-column-end:11}:host.col-end-12{grid-column-end:12}:host.col-end-13{grid-column-end:13}\n"], dependencies: [{ kind: "component", type: ContainerComponent, selector: "dotcms-container", inputs: ["container"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2066
2100
|
}
|
|
2067
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2101
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ColumnComponent, decorators: [{
|
|
2068
2102
|
type: Component,
|
|
2069
2103
|
args: [{ selector: 'dotcms-column', imports: [ContainerComponent], template: `
|
|
2070
2104
|
<div [class]="column.styleClass" data-testid="dotcms-column">
|
|
@@ -2091,15 +2125,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
2091
2125
|
*/
|
|
2092
2126
|
class RowComponent {
|
|
2093
2127
|
constructor() {
|
|
2094
|
-
this.customClasses = signal('',
|
|
2095
|
-
|
|
2128
|
+
this.customClasses = signal('', /* @ts-ignore */
|
|
2129
|
+
...(ngDevMode ? [{ debugName: "customClasses" }] : /* istanbul ignore next */ []));
|
|
2130
|
+
this.sectionId = signal('', /* @ts-ignore */
|
|
2131
|
+
...(ngDevMode ? [{ debugName: "sectionId" }] : /* istanbul ignore next */ []));
|
|
2096
2132
|
}
|
|
2097
2133
|
ngOnChanges() {
|
|
2098
2134
|
this.customClasses.set(combineClasses(['dot-row-container', this.row.styleClass ?? '']));
|
|
2099
2135
|
this.sectionId.set(`${DOT_SECTION_ID_PREFIX}${this.sectionIndex}`);
|
|
2100
2136
|
}
|
|
2101
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2102
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2137
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2138
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: RowComponent, isStandalone: true, selector: "dotcms-row", inputs: { row: "row", sectionIndex: "sectionIndex" }, usesOnChanges: true, ngImport: i0, template: `
|
|
2103
2139
|
<div [id]="sectionId()" [class]="customClasses()">
|
|
2104
2140
|
<div class="dot-row" data-dot-object="row" data-testid="dotcms-row">
|
|
2105
2141
|
@for (column of row.columns; track $index) {
|
|
@@ -2109,7 +2145,7 @@ class RowComponent {
|
|
|
2109
2145
|
</div>
|
|
2110
2146
|
`, isInline: true, styles: [".dot-row{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}\n"], dependencies: [{ kind: "component", type: ColumnComponent, selector: "dotcms-column", inputs: ["column"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2111
2147
|
}
|
|
2112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: RowComponent, decorators: [{
|
|
2113
2149
|
type: Component,
|
|
2114
2150
|
args: [{ selector: 'dotcms-row', imports: [ColumnComponent], template: `
|
|
2115
2151
|
<div [id]="sectionId()" [class]="customClasses()">
|
|
@@ -2147,8 +2183,10 @@ class DotCMSLayoutBodyComponent {
|
|
|
2147
2183
|
this.mode = 'production';
|
|
2148
2184
|
this.#dotCMSStore = inject(DotCMSStore);
|
|
2149
2185
|
this.$isDevMode = this.#dotCMSStore.$isDevMode;
|
|
2150
|
-
this.$rows = signal([],
|
|
2151
|
-
|
|
2186
|
+
this.$rows = signal([], /* @ts-ignore */
|
|
2187
|
+
...(ngDevMode ? [{ debugName: "$rows" }] : /* istanbul ignore next */ []));
|
|
2188
|
+
this.$isEmpty = signal(false, /* @ts-ignore */
|
|
2189
|
+
...(ngDevMode ? [{ debugName: "$isEmpty" }] : /* istanbul ignore next */ []));
|
|
2152
2190
|
}
|
|
2153
2191
|
#dotCMSStore;
|
|
2154
2192
|
ngOnChanges() {
|
|
@@ -2160,8 +2198,8 @@ class DotCMSLayoutBodyComponent {
|
|
|
2160
2198
|
this.$isEmpty.set(!this.page?.layout?.body);
|
|
2161
2199
|
this.$rows.set(this.page?.layout?.body?.rows ?? []);
|
|
2162
2200
|
}
|
|
2163
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2164
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2201
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSLayoutBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2202
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: DotCMSLayoutBodyComponent, isStandalone: true, selector: "dotcms-layout-body", inputs: { page: "page", components: "components", mode: "mode" }, providers: [DotCMSStore], usesOnChanges: true, ngImport: i0, template: `
|
|
2165
2203
|
@if ($isEmpty() && $isDevMode()) {
|
|
2166
2204
|
<dotcms-page-error-message />
|
|
2167
2205
|
} @else {
|
|
@@ -2171,7 +2209,7 @@ class DotCMSLayoutBodyComponent {
|
|
|
2171
2209
|
}
|
|
2172
2210
|
`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: PageErrorMessageComponent, selector: "dotcms-page-error-message" }, { kind: "component", type: RowComponent, selector: "dotcms-row", inputs: ["row", "sectionIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2173
2211
|
}
|
|
2174
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2212
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSLayoutBodyComponent, decorators: [{
|
|
2175
2213
|
type: Component,
|
|
2176
2214
|
args: [{ selector: 'dotcms-layout-body', imports: [PageErrorMessageComponent, RowComponent], providers: [DotCMSStore], template: `
|
|
2177
2215
|
@if ($isEmpty() && $isDevMode()) {
|
|
@@ -2272,10 +2310,10 @@ class DotCMSEditablePageService {
|
|
|
2272
2310
|
});
|
|
2273
2311
|
return unsubscribe;
|
|
2274
2312
|
}
|
|
2275
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2276
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2313
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSEditablePageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2314
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSEditablePageService, providedIn: 'root' }); }
|
|
2277
2315
|
}
|
|
2278
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2316
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DotCMSEditablePageService, decorators: [{
|
|
2279
2317
|
type: Injectable,
|
|
2280
2318
|
args: [{
|
|
2281
2319
|
providedIn: 'root'
|