@dotcms/angular 1.2.0-next.6 → 1.2.0-next.7
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 +114 -114
- package/fesm2022/dotcms-angular.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -44,10 +44,10 @@ class DotCMSShowWhenDirective {
|
|
|
44
44
|
this.#hasView = false;
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
48
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSShowWhenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
48
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: DotCMSShowWhenDirective, isStandalone: true, selector: "[dotCMSShowWhen]", inputs: { dotCMSShowWhen: "dotCMSShowWhen" }, ngImport: i0 }); }
|
|
49
49
|
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSShowWhenDirective, decorators: [{
|
|
51
51
|
type: Directive,
|
|
52
52
|
args: [{
|
|
53
53
|
selector: '[dotCMSShowWhen]'
|
|
@@ -399,8 +399,8 @@ class DotCMSEditableTextComponent {
|
|
|
399
399
|
didContentChange(editedContent) {
|
|
400
400
|
return this.content !== editedContent;
|
|
401
401
|
}
|
|
402
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
403
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
402
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSEditableTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
403
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: DotCMSEditableTextComponent, isStandalone: true, selector: "dotcms-editable-text", inputs: { mode: "mode", format: "format", contentlet: "contentlet", fieldName: "fieldName" }, host: { listeners: { "window:message": "onMessage($event)" } }, providers: [
|
|
404
404
|
{
|
|
405
405
|
provide: TINYMCE_SCRIPT_SRC,
|
|
406
406
|
useFactory: () => {
|
|
@@ -410,7 +410,7 @@ class DotCMSEditableTextComponent {
|
|
|
410
410
|
}
|
|
411
411
|
], 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"] }] }); }
|
|
412
412
|
}
|
|
413
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
413
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSEditableTextComponent, decorators: [{
|
|
414
414
|
type: Component,
|
|
415
415
|
args: [{ selector: 'dotcms-editable-text', imports: [EditorComponent], providers: [
|
|
416
416
|
{
|
|
@@ -438,8 +438,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
438
438
|
}] } });
|
|
439
439
|
|
|
440
440
|
class DotCodeBlock {
|
|
441
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
442
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
441
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCodeBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
442
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: DotCodeBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-code-block", ngImport: i0, template: `
|
|
443
443
|
<pre>
|
|
444
444
|
<code>
|
|
445
445
|
<ng-content />
|
|
@@ -447,7 +447,7 @@ class DotCodeBlock {
|
|
|
447
447
|
</pre>
|
|
448
448
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
449
449
|
}
|
|
450
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCodeBlock, decorators: [{
|
|
451
451
|
type: Component,
|
|
452
452
|
args: [{
|
|
453
453
|
selector: 'dotcms-block-editor-renderer-code-block',
|
|
@@ -462,14 +462,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
462
462
|
}]
|
|
463
463
|
}] });
|
|
464
464
|
class DotBlockQuote {
|
|
465
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
466
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
465
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotBlockQuote, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
466
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: DotBlockQuote, isStandalone: true, selector: "dotcms-block-editor-renderer-block-quote", ngImport: i0, template: `
|
|
467
467
|
<blockquote>
|
|
468
468
|
<ng-content />
|
|
469
469
|
</blockquote>
|
|
470
470
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
471
471
|
}
|
|
472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
472
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotBlockQuote, decorators: [{
|
|
473
473
|
type: Component,
|
|
474
474
|
args: [{
|
|
475
475
|
selector: 'dotcms-block-editor-renderer-block-quote',
|
|
@@ -494,8 +494,8 @@ class NoComponentProvided {
|
|
|
494
494
|
border: '1px solid #ed8936'
|
|
495
495
|
};
|
|
496
496
|
}
|
|
497
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
498
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
497
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NoComponentProvided, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
498
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: NoComponentProvided, isStandalone: true, selector: "dotcms-no-component-provided", inputs: { contentType: "contentType" }, ngImport: i0, template: `
|
|
499
499
|
<div data-testid="no-component-provided" [style]="style">
|
|
500
500
|
<strong style="color: #c05621">Dev Warning</strong>
|
|
501
501
|
: No component or custom renderer provided for content type
|
|
@@ -514,7 +514,7 @@ class NoComponentProvided {
|
|
|
514
514
|
</div>
|
|
515
515
|
`, isInline: true }); }
|
|
516
516
|
}
|
|
517
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
517
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NoComponentProvided, decorators: [{
|
|
518
518
|
type: Component,
|
|
519
519
|
args: [{
|
|
520
520
|
selector: 'dotcms-no-component-provided',
|
|
@@ -545,7 +545,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
545
545
|
*/
|
|
546
546
|
class DotContentletBlock {
|
|
547
547
|
constructor() {
|
|
548
|
-
this.$data = computed(() => this.node?.attrs?.['data']);
|
|
548
|
+
this.$data = computed(() => this.node?.attrs?.['data'], ...(ngDevMode ? [{ debugName: "$data" }] : []));
|
|
549
549
|
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.';
|
|
550
550
|
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.`;
|
|
551
551
|
}
|
|
@@ -563,8 +563,8 @@ class DotContentletBlock {
|
|
|
563
563
|
console.warn(this.DOT_CONTENT_NO_MATCHING_COMPONENT_MESSAGE(contentType));
|
|
564
564
|
}
|
|
565
565
|
}
|
|
566
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
567
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
566
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotContentletBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
567
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: DotContentletBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-contentlet", inputs: { customRenderers: "customRenderers", node: "node" }, ngImport: i0, template: `
|
|
568
568
|
@if (contentComponent) {
|
|
569
569
|
<ng-container
|
|
570
570
|
*ngComponentOutlet="
|
|
@@ -574,9 +574,9 @@ class DotContentletBlock {
|
|
|
574
574
|
} @else if (isDevMode) {
|
|
575
575
|
<dotcms-no-component-provided [contentType]="$data()?.contentType" />
|
|
576
576
|
}
|
|
577
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "
|
|
577
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: NoComponentProvided, selector: "dotcms-no-component-provided", inputs: ["contentType"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
578
578
|
}
|
|
579
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotContentletBlock, decorators: [{
|
|
580
580
|
type: Component,
|
|
581
581
|
args: [{
|
|
582
582
|
selector: 'dotcms-block-editor-renderer-contentlet',
|
|
@@ -602,14 +602,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
602
602
|
|
|
603
603
|
class DotImageBlock {
|
|
604
604
|
constructor() {
|
|
605
|
-
this.$srcURL = computed(() => this.attrs?.['src']);
|
|
605
|
+
this.$srcURL = computed(() => this.attrs?.['src'], ...(ngDevMode ? [{ debugName: "$srcURL" }] : []));
|
|
606
606
|
}
|
|
607
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
608
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
607
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotImageBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
608
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: DotImageBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-image", inputs: { attrs: "attrs" }, ngImport: i0, template: `
|
|
609
609
|
<img [alt]="attrs?.['alt']" [src]="$srcURL()" />
|
|
610
610
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
611
611
|
}
|
|
612
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
612
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotImageBlock, decorators: [{
|
|
613
613
|
type: Component,
|
|
614
614
|
args: [{
|
|
615
615
|
selector: 'dotcms-block-editor-renderer-image',
|
|
@@ -623,14 +623,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
623
623
|
}] } });
|
|
624
624
|
|
|
625
625
|
class DotBulletList {
|
|
626
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
627
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
626
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotBulletList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
627
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: DotBulletList, isStandalone: true, selector: "dotcms-block-editor-renderer-bullet-list", ngImport: i0, template: `
|
|
628
628
|
<ul>
|
|
629
629
|
<ng-content />
|
|
630
630
|
</ul>
|
|
631
631
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
632
632
|
}
|
|
633
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
633
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotBulletList, decorators: [{
|
|
634
634
|
type: Component,
|
|
635
635
|
args: [{
|
|
636
636
|
selector: 'dotcms-block-editor-renderer-bullet-list',
|
|
@@ -643,14 +643,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
643
643
|
}]
|
|
644
644
|
}] });
|
|
645
645
|
class DotOrdererList {
|
|
646
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
647
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
646
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotOrdererList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
647
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: DotOrdererList, isStandalone: true, selector: "dotcms-block-editor-renderer-ordered-list", ngImport: i0, template: `
|
|
648
648
|
<ol>
|
|
649
649
|
<ng-content />
|
|
650
650
|
</ol>
|
|
651
651
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
652
652
|
}
|
|
653
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
653
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotOrdererList, decorators: [{
|
|
654
654
|
type: Component,
|
|
655
655
|
args: [{
|
|
656
656
|
selector: 'dotcms-block-editor-renderer-ordered-list',
|
|
@@ -663,14 +663,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
663
663
|
}]
|
|
664
664
|
}] });
|
|
665
665
|
class DotListItem {
|
|
666
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
667
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
666
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotListItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
667
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: DotListItem, isStandalone: true, selector: "dotcms-block-editor-renderer-list-item", ngImport: i0, template: `
|
|
668
668
|
<li>
|
|
669
669
|
<ng-content />
|
|
670
670
|
</li>
|
|
671
671
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
672
672
|
}
|
|
673
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
673
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotListItem, decorators: [{
|
|
674
674
|
type: Component,
|
|
675
675
|
args: [{
|
|
676
676
|
selector: 'dotcms-block-editor-renderer-list-item',
|
|
@@ -687,8 +687,8 @@ class DotTableBlock {
|
|
|
687
687
|
constructor() {
|
|
688
688
|
this.blockEditorItem = DotCMSBlockEditorItemComponent;
|
|
689
689
|
}
|
|
690
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
691
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
690
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotTableBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
691
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: DotTableBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-table", inputs: { content: "content" }, ngImport: i0, template: `
|
|
692
692
|
<table>
|
|
693
693
|
<thead>
|
|
694
694
|
@for (rowNode of content?.slice(0, 1); track rowNode.type) {
|
|
@@ -725,9 +725,9 @@ class DotTableBlock {
|
|
|
725
725
|
}
|
|
726
726
|
</tbody>
|
|
727
727
|
</table>
|
|
728
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }] }); }
|
|
728
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }] }); }
|
|
729
729
|
}
|
|
730
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
730
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotTableBlock, decorators: [{
|
|
731
731
|
type: Component,
|
|
732
732
|
args: [{
|
|
733
733
|
selector: 'dotcms-block-editor-renderer-table',
|
|
@@ -776,14 +776,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
776
776
|
}] } });
|
|
777
777
|
|
|
778
778
|
class DotParagraphBlock {
|
|
779
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
780
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
779
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotParagraphBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
780
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: DotParagraphBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-paragraph", ngImport: i0, template: `
|
|
781
781
|
<p>
|
|
782
782
|
<ng-content />
|
|
783
783
|
</p>
|
|
784
784
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
785
785
|
}
|
|
786
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
786
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotParagraphBlock, decorators: [{
|
|
787
787
|
type: Component,
|
|
788
788
|
args: [{
|
|
789
789
|
selector: 'dotcms-block-editor-renderer-paragraph',
|
|
@@ -796,8 +796,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
796
796
|
}]
|
|
797
797
|
}] });
|
|
798
798
|
class DotHeadingBlock {
|
|
799
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
800
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
799
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotHeadingBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
800
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: DotHeadingBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-heading", inputs: { level: "level" }, ngImport: i0, template: `
|
|
801
801
|
@switch (level) {
|
|
802
802
|
@case ('1') {
|
|
803
803
|
<h1>
|
|
@@ -837,7 +837,7 @@ class DotHeadingBlock {
|
|
|
837
837
|
}
|
|
838
838
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
839
839
|
}
|
|
840
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
840
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotHeadingBlock, decorators: [{
|
|
841
841
|
type: Component,
|
|
842
842
|
args: [{
|
|
843
843
|
selector: 'dotcms-block-editor-renderer-heading',
|
|
@@ -889,7 +889,7 @@ class DotTextBlock {
|
|
|
889
889
|
constructor() {
|
|
890
890
|
this.marks = [];
|
|
891
891
|
this.text = '';
|
|
892
|
-
this.$remainingMarks = computed(() => this.marks?.slice(1));
|
|
892
|
+
this.$remainingMarks = computed(() => this.marks?.slice(1), ...(ngDevMode ? [{ debugName: "$remainingMarks" }] : []));
|
|
893
893
|
this.$currentAttrs = computed(() => {
|
|
894
894
|
const attrs = { ...(this.marks?.[0]?.attrs || {}) };
|
|
895
895
|
if (attrs['class']) {
|
|
@@ -897,10 +897,10 @@ class DotTextBlock {
|
|
|
897
897
|
delete attrs['class'];
|
|
898
898
|
}
|
|
899
899
|
return attrs;
|
|
900
|
-
});
|
|
900
|
+
}, ...(ngDevMode ? [{ debugName: "$currentAttrs" }] : []));
|
|
901
901
|
}
|
|
902
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
903
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
902
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotTextBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
903
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: DotTextBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-text", inputs: { marks: "marks", text: "text" }, ngImport: i0, template: `
|
|
904
904
|
@switch (marks?.[0]?.type) {
|
|
905
905
|
@case ('link') {
|
|
906
906
|
<a
|
|
@@ -945,7 +945,7 @@ class DotTextBlock {
|
|
|
945
945
|
}
|
|
946
946
|
`, isInline: true, dependencies: [{ kind: "component", type: DotTextBlock, selector: "dotcms-block-editor-renderer-text", inputs: ["marks", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
947
947
|
}
|
|
948
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
948
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotTextBlock, decorators: [{
|
|
949
949
|
type: Component,
|
|
950
950
|
args: [{
|
|
951
951
|
selector: 'dotcms-block-editor-renderer-text',
|
|
@@ -1016,8 +1016,8 @@ class DotUnknownBlockComponent {
|
|
|
1016
1016
|
get isEditMode() {
|
|
1017
1017
|
return getUVEState()?.mode === UVE_MODE.EDIT;
|
|
1018
1018
|
}
|
|
1019
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1020
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1019
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotUnknownBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1020
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: DotUnknownBlockComponent, isStandalone: true, selector: "dotcms-block-editor-renderer-unknown", inputs: { node: "node" }, ngImport: i0, template: `
|
|
1021
1021
|
@if (isEditMode) {
|
|
1022
1022
|
<div [style]="style" data-testid="unknown-block-type">
|
|
1023
1023
|
<strong style="color: #c53030">Warning:</strong>
|
|
@@ -1035,7 +1035,7 @@ class DotUnknownBlockComponent {
|
|
|
1035
1035
|
}
|
|
1036
1036
|
`, isInline: true }); }
|
|
1037
1037
|
}
|
|
1038
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1038
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotUnknownBlockComponent, decorators: [{
|
|
1039
1039
|
type: Component,
|
|
1040
1040
|
args: [{
|
|
1041
1041
|
selector: 'dotcms-block-editor-renderer-unknown',
|
|
@@ -1063,11 +1063,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
1063
1063
|
|
|
1064
1064
|
class DotVideoBlock {
|
|
1065
1065
|
constructor() {
|
|
1066
|
-
this.$srcURL = computed(() => this.attrs?.['src']);
|
|
1067
|
-
this.$posterURL = computed(() => this.attrs?.['data']?.['thumbnail']);
|
|
1066
|
+
this.$srcURL = computed(() => this.attrs?.['src'], ...(ngDevMode ? [{ debugName: "$srcURL" }] : []));
|
|
1067
|
+
this.$posterURL = computed(() => this.attrs?.['data']?.['thumbnail'], ...(ngDevMode ? [{ debugName: "$posterURL" }] : []));
|
|
1068
1068
|
}
|
|
1069
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1070
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1069
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotVideoBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1070
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: DotVideoBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-video", inputs: { attrs: "attrs" }, ngImport: i0, template: `
|
|
1071
1071
|
<video
|
|
1072
1072
|
[controls]="true"
|
|
1073
1073
|
preload="metadata"
|
|
@@ -1082,7 +1082,7 @@ class DotVideoBlock {
|
|
|
1082
1082
|
</video>
|
|
1083
1083
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1084
1084
|
}
|
|
1085
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1085
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotVideoBlock, decorators: [{
|
|
1086
1086
|
type: Component,
|
|
1087
1087
|
args: [{
|
|
1088
1088
|
selector: 'dotcms-block-editor-renderer-video',
|
|
@@ -1110,10 +1110,10 @@ class DotCMSBlockEditorItemComponent {
|
|
|
1110
1110
|
constructor() {
|
|
1111
1111
|
this.BLOCKS = BlockEditorDefaultBlocks;
|
|
1112
1112
|
}
|
|
1113
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1114
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1113
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSBlockEditorItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1114
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", 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 \"></ng-container>\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.TABLE) {\n <dotcms-block-editor-renderer-table [content]=\"node.content\" />\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 }\"></ng-container>\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", "ngComponentOutletNgModuleFactory"], 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: DotTableBlock, selector: "dotcms-block-editor-renderer-table", inputs: ["content"] }, { 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" }] }); }
|
|
1115
1115
|
}
|
|
1116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSBlockEditorItemComponent, decorators: [{
|
|
1117
1117
|
type: Component,
|
|
1118
1118
|
args: [{ selector: 'dotcms-block-editor-renderer-block', imports: [
|
|
1119
1119
|
NgTemplateOutlet,
|
|
@@ -1157,8 +1157,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
1157
1157
|
*/
|
|
1158
1158
|
class DotCMSBlockEditorRendererComponent {
|
|
1159
1159
|
constructor() {
|
|
1160
|
-
this.$blockEditorState = signal({ error: null });
|
|
1161
|
-
this.$isInEditMode = signal(getUVEState()?.mode === UVE_MODE.EDIT);
|
|
1160
|
+
this.$blockEditorState = signal({ error: null }, ...(ngDevMode ? [{ debugName: "$blockEditorState" }] : []));
|
|
1161
|
+
this.$isInEditMode = signal(getUVEState()?.mode === UVE_MODE.EDIT, ...(ngDevMode ? [{ debugName: "$isInEditMode" }] : []));
|
|
1162
1162
|
}
|
|
1163
1163
|
ngOnInit() {
|
|
1164
1164
|
const state = isValidBlocks(this.blocks);
|
|
@@ -1167,10 +1167,10 @@ class DotCMSBlockEditorRendererComponent {
|
|
|
1167
1167
|
}
|
|
1168
1168
|
this.$blockEditorState.set(isValidBlocks(this.blocks));
|
|
1169
1169
|
}
|
|
1170
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1171
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1170
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSBlockEditorRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1171
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", 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"] }] }); }
|
|
1172
1172
|
}
|
|
1173
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSBlockEditorRendererComponent, decorators: [{
|
|
1174
1174
|
type: Component,
|
|
1175
1175
|
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" }]
|
|
1176
1176
|
}], propDecorators: { blocks: [{
|
|
@@ -1192,8 +1192,8 @@ class PageErrorMessageComponent {
|
|
|
1192
1192
|
ngOnInit() {
|
|
1193
1193
|
console.warn('Missing required layout.body property in page');
|
|
1194
1194
|
}
|
|
1195
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1196
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1195
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: PageErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1196
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: PageErrorMessageComponent, isStandalone: true, selector: "dotcms-page-error-message", ngImport: i0, template: `
|
|
1197
1197
|
<div
|
|
1198
1198
|
data-testid="error-message"
|
|
1199
1199
|
style="padding: 1rem; border: 1px solid #e0e0e0; border-radius: 4px;">
|
|
@@ -1210,7 +1210,7 @@ class PageErrorMessageComponent {
|
|
|
1210
1210
|
</div>
|
|
1211
1211
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1212
1212
|
}
|
|
1213
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: PageErrorMessageComponent, decorators: [{
|
|
1214
1214
|
type: Component,
|
|
1215
1215
|
args: [{
|
|
1216
1216
|
selector: 'dotcms-page-error-message',
|
|
@@ -1249,7 +1249,7 @@ const EMPTY_DOTCMS_PAGE_STORE = {
|
|
|
1249
1249
|
*/
|
|
1250
1250
|
class DotCMSStore {
|
|
1251
1251
|
constructor() {
|
|
1252
|
-
this.$store = signal(EMPTY_DOTCMS_PAGE_STORE);
|
|
1252
|
+
this.$store = signal(EMPTY_DOTCMS_PAGE_STORE, ...(ngDevMode ? [{ debugName: "$store" }] : []));
|
|
1253
1253
|
/**
|
|
1254
1254
|
* @description Get if the current context is in development mode
|
|
1255
1255
|
* @readonly
|
|
@@ -1262,7 +1262,7 @@ class DotCMSStore {
|
|
|
1262
1262
|
return uveState?.mode === UVE_MODE.EDIT;
|
|
1263
1263
|
}
|
|
1264
1264
|
return this.$store()?.mode === DEVELOPMENT_MODE;
|
|
1265
|
-
});
|
|
1265
|
+
}, ...(ngDevMode ? [{ debugName: "$isDevMode" }] : []));
|
|
1266
1266
|
}
|
|
1267
1267
|
/**
|
|
1268
1268
|
* @description Get the store
|
|
@@ -1281,10 +1281,10 @@ class DotCMSStore {
|
|
|
1281
1281
|
setStore(store) {
|
|
1282
1282
|
this.$store.set(store);
|
|
1283
1283
|
}
|
|
1284
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1285
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1284
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1285
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSStore, providedIn: 'root' }); }
|
|
1286
1286
|
}
|
|
1287
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1287
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSStore, decorators: [{
|
|
1288
1288
|
type: Injectable,
|
|
1289
1289
|
args: [{
|
|
1290
1290
|
providedIn: 'root'
|
|
@@ -1311,8 +1311,8 @@ class ContainerNotFoundComponent {
|
|
|
1311
1311
|
console.error(`Container with identifier ${this.identifier} not found`);
|
|
1312
1312
|
}
|
|
1313
1313
|
}
|
|
1314
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1315
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1314
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ContainerNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1315
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: ContainerNotFoundComponent, isStandalone: true, selector: "dotcms-container-not-found", inputs: { identifier: "identifier" }, ngImport: i0, template: `
|
|
1316
1316
|
@if ($isDevMode()) {
|
|
1317
1317
|
<div [attr.data-testid]="'container-not-found'" [ngStyle]="emptyContainerStyle">
|
|
1318
1318
|
This container with identifier {{ identifier }} was not found.
|
|
@@ -1320,7 +1320,7 @@ class ContainerNotFoundComponent {
|
|
|
1320
1320
|
}
|
|
1321
1321
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
1322
1322
|
}
|
|
1323
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1323
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ContainerNotFoundComponent, decorators: [{
|
|
1324
1324
|
type: Component,
|
|
1325
1325
|
args: [{
|
|
1326
1326
|
selector: 'dotcms-container-not-found',
|
|
@@ -1350,8 +1350,8 @@ class EmptyContainerComponent {
|
|
|
1350
1350
|
this.$isDevMode = this.#dotCMSStore.$isDevMode;
|
|
1351
1351
|
}
|
|
1352
1352
|
#dotCMSStore;
|
|
1353
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1354
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1353
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: EmptyContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1354
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: EmptyContainerComponent, isStandalone: true, selector: "dotcms-empty-container", ngImport: i0, template: `
|
|
1355
1355
|
@if ($isDevMode()) {
|
|
1356
1356
|
<div [ngStyle]="emptyContainerStyle" data-testid="empty-container">
|
|
1357
1357
|
<span data-testid="empty-container-message" data-dot-object="empty-content">
|
|
@@ -1361,7 +1361,7 @@ class EmptyContainerComponent {
|
|
|
1361
1361
|
}
|
|
1362
1362
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
1363
1363
|
}
|
|
1364
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: EmptyContainerComponent, decorators: [{
|
|
1365
1365
|
type: Component,
|
|
1366
1366
|
args: [{
|
|
1367
1367
|
selector: 'dotcms-empty-container',
|
|
@@ -1388,8 +1388,8 @@ class FallbackComponent {
|
|
|
1388
1388
|
constructor() {
|
|
1389
1389
|
this.UserNoComponent = null;
|
|
1390
1390
|
}
|
|
1391
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1392
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1391
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: FallbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1392
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: FallbackComponent, isStandalone: true, selector: "dotcms-fallback-component", inputs: { UserNoComponent: "UserNoComponent", contentlet: "contentlet" }, ngImport: i0, template: `
|
|
1393
1393
|
@if (UserNoComponent) {
|
|
1394
1394
|
<ng-container *ngComponentOutlet="UserNoComponent | async; inputs: { contentlet }" />
|
|
1395
1395
|
} @else {
|
|
@@ -1397,9 +1397,9 @@ class FallbackComponent {
|
|
|
1397
1397
|
<p>No component found for content type: {{ contentlet.contentType }}</p>
|
|
1398
1398
|
</div>
|
|
1399
1399
|
}
|
|
1400
|
-
`, isInline: true, dependencies: [{ kind: "
|
|
1400
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1401
1401
|
}
|
|
1402
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1402
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: FallbackComponent, decorators: [{
|
|
1403
1403
|
type: Component,
|
|
1404
1404
|
args: [{
|
|
1405
1405
|
selector: 'dotcms-fallback-component',
|
|
@@ -1433,18 +1433,18 @@ class ContentletComponent {
|
|
|
1433
1433
|
constructor() {
|
|
1434
1434
|
this.dotObject = 'contentlet';
|
|
1435
1435
|
this.#dotCMSStore = inject(DotCMSStore);
|
|
1436
|
-
this.$contentlet = signal(null);
|
|
1437
|
-
this.$UserComponent = signal(null);
|
|
1438
|
-
this.$UserNoComponent = signal(null);
|
|
1436
|
+
this.$contentlet = signal(null, ...(ngDevMode ? [{ debugName: "$contentlet" }] : []));
|
|
1437
|
+
this.$UserComponent = signal(null, ...(ngDevMode ? [{ debugName: "$UserComponent" }] : []));
|
|
1438
|
+
this.$UserNoComponent = signal(null, ...(ngDevMode ? [{ debugName: "$UserNoComponent" }] : []));
|
|
1439
1439
|
this.$isDevMode = this.#dotCMSStore.$isDevMode;
|
|
1440
|
-
this.$haveContent = signal(false);
|
|
1441
|
-
this.$style = computed(() => this.$isDevMode() && !this.$haveContent() ? { minHeight: '4rem' } : {});
|
|
1440
|
+
this.$haveContent = signal(false, ...(ngDevMode ? [{ debugName: "$haveContent" }] : []));
|
|
1441
|
+
this.$style = computed(() => this.$isDevMode() && !this.$haveContent() ? { minHeight: '4rem' } : {}, ...(ngDevMode ? [{ debugName: "$style" }] : []));
|
|
1442
1442
|
this.$dotAttributes = computed(() => {
|
|
1443
1443
|
const contentlet = this.$contentlet();
|
|
1444
1444
|
if (!contentlet || !this.$isDevMode())
|
|
1445
1445
|
return {};
|
|
1446
1446
|
return getDotContentletAttributes(contentlet, this.containerData.identifier);
|
|
1447
|
-
});
|
|
1447
|
+
}, ...(ngDevMode ? [{ debugName: "$dotAttributes" }] : []));
|
|
1448
1448
|
this.identifier = null;
|
|
1449
1449
|
this.basetype = null;
|
|
1450
1450
|
this.title = null;
|
|
@@ -1486,8 +1486,8 @@ class ContentletComponent {
|
|
|
1486
1486
|
this.$haveContent.set(hasContent);
|
|
1487
1487
|
}
|
|
1488
1488
|
}
|
|
1489
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1490
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1489
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ContentletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1490
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: ContentletComponent, isStandalone: true, selector: "dotcms-contentlet", inputs: { contentlet: "contentlet", containerData: "containerData" }, host: { properties: { "attr.data-dot-object": "this.dotObject", "attr.data-dot-identifier": "this.identifier", "attr.data-dot-basetype": "this.basetype", "attr.data-dot-title": "this.title", "attr.data-dot-inode": "this.inode", "attr.data-dot-type": "this.type", "attr.data-dot-container": "this.containerAttribute", "attr.data-dot-on-number-of-pages": "this.onNumberOfPages", "style": "this.styleAttribute" } }, viewQueries: [{ propertyName: "contentletRef", first: true, predicate: ["contentletRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
1491
1491
|
@if ($UserComponent()) {
|
|
1492
1492
|
<ng-container
|
|
1493
1493
|
*ngComponentOutlet="
|
|
@@ -1499,9 +1499,9 @@ class ContentletComponent {
|
|
|
1499
1499
|
[UserNoComponent]="$UserNoComponent()"
|
|
1500
1500
|
[contentlet]="$contentlet() ?? contentlet" />
|
|
1501
1501
|
}
|
|
1502
|
-
`, isInline: true, dependencies: [{ kind: "component", type: FallbackComponent, selector: "dotcms-fallback-component", inputs: ["UserNoComponent", "contentlet"] }, { kind: "
|
|
1502
|
+
`, 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", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1503
1503
|
}
|
|
1504
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1504
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ContentletComponent, decorators: [{
|
|
1505
1505
|
type: Component,
|
|
1506
1506
|
args: [{
|
|
1507
1507
|
selector: 'dotcms-contentlet',
|
|
@@ -1570,16 +1570,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
1570
1570
|
class ContainerComponent {
|
|
1571
1571
|
constructor() {
|
|
1572
1572
|
this.#dotCMSStore = inject(DotCMSStore);
|
|
1573
|
-
this.$containerData = signal(null);
|
|
1574
|
-
this.$contentlets = signal([]);
|
|
1575
|
-
this.$isEmpty = computed(() => this.$contentlets().length === 0);
|
|
1573
|
+
this.$containerData = signal(null, ...(ngDevMode ? [{ debugName: "$containerData" }] : []));
|
|
1574
|
+
this.$contentlets = signal([], ...(ngDevMode ? [{ debugName: "$contentlets" }] : []));
|
|
1575
|
+
this.$isEmpty = computed(() => this.$contentlets().length === 0, ...(ngDevMode ? [{ debugName: "$isEmpty" }] : []));
|
|
1576
1576
|
this.$dotAttributes = computed(() => {
|
|
1577
1577
|
const containerData = this.$containerData();
|
|
1578
1578
|
if (!containerData || !this.#dotCMSStore.$isDevMode()) {
|
|
1579
1579
|
return {};
|
|
1580
1580
|
}
|
|
1581
1581
|
return getDotContainerAttributes(containerData);
|
|
1582
|
-
});
|
|
1582
|
+
}, ...(ngDevMode ? [{ debugName: "$dotAttributes" }] : []));
|
|
1583
1583
|
this.dotObject = 'container';
|
|
1584
1584
|
this.acceptTypes = null;
|
|
1585
1585
|
this.identifier = null;
|
|
@@ -1599,8 +1599,8 @@ class ContainerComponent {
|
|
|
1599
1599
|
this.maxContentlets = this.$dotAttributes()['data-max-contentlets'];
|
|
1600
1600
|
this.uuid = this.$dotAttributes()['data-dot-uuid'];
|
|
1601
1601
|
}
|
|
1602
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1603
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1602
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1603
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: ContainerComponent, isStandalone: true, selector: "dotcms-container", inputs: { container: "container" }, host: { properties: { "attr.data-dot-object": "this.dotObject", "attr.data-dot-accept-types": "this.acceptTypes", "attr.data-dot-identifier": "this.identifier", "attr.data-max-contentlets": "this.maxContentlets", "attr.data-dot-uuid": "this.uuid" } }, usesOnChanges: true, ngImport: i0, template: `
|
|
1604
1604
|
@if (!$containerData()) {
|
|
1605
1605
|
<dotcms-container-not-found [identifier]="container.identifier" />
|
|
1606
1606
|
} @else if ($isEmpty()) {
|
|
@@ -1612,7 +1612,7 @@ class ContainerComponent {
|
|
|
1612
1612
|
}
|
|
1613
1613
|
`, 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 }); }
|
|
1614
1614
|
}
|
|
1615
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1615
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ContainerComponent, decorators: [{
|
|
1616
1616
|
type: Component,
|
|
1617
1617
|
args: [{
|
|
1618
1618
|
selector: 'dotcms-container',
|
|
@@ -1665,8 +1665,8 @@ class ColumnComponent {
|
|
|
1665
1665
|
const positionClasses = getColumnPositionClasses(this.column);
|
|
1666
1666
|
this.customClasses = combineClasses([positionClasses.startClass, positionClasses.endClass]);
|
|
1667
1667
|
}
|
|
1668
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1669
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1668
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1669
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: ColumnComponent, isStandalone: true, selector: "dotcms-column", inputs: { column: "column" }, host: { properties: { "class": "this.customClasses" } }, usesOnChanges: true, ngImport: i0, template: `
|
|
1670
1670
|
<div [class]="column.styleClass" data-testid="dotcms-column">
|
|
1671
1671
|
@for (container of column.containers; track $index) {
|
|
1672
1672
|
<dotcms-container [container]="container" />
|
|
@@ -1674,7 +1674,7 @@ class ColumnComponent {
|
|
|
1674
1674
|
</div>
|
|
1675
1675
|
`, 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 }); }
|
|
1676
1676
|
}
|
|
1677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1677
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ColumnComponent, decorators: [{
|
|
1678
1678
|
type: Component,
|
|
1679
1679
|
args: [{ selector: 'dotcms-column', imports: [ContainerComponent], template: `
|
|
1680
1680
|
<div [class]="column.styleClass" data-testid="dotcms-column">
|
|
@@ -1701,13 +1701,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
1701
1701
|
*/
|
|
1702
1702
|
class RowComponent {
|
|
1703
1703
|
constructor() {
|
|
1704
|
-
this.customClasses = signal('');
|
|
1704
|
+
this.customClasses = signal('', ...(ngDevMode ? [{ debugName: "customClasses" }] : []));
|
|
1705
1705
|
}
|
|
1706
1706
|
ngOnChanges() {
|
|
1707
1707
|
this.customClasses.set(combineClasses([this.row.styleClass ?? '', 'dot-row']));
|
|
1708
1708
|
}
|
|
1709
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1710
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1709
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1710
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: RowComponent, isStandalone: true, selector: "dotcms-row", inputs: { row: "row" }, usesOnChanges: true, ngImport: i0, template: `
|
|
1711
1711
|
<div class="dot-row-container">
|
|
1712
1712
|
<div [class]="customClasses()" data-dot-object="row" data-testid="dotcms-row">
|
|
1713
1713
|
@for (column of row.columns; track $index) {
|
|
@@ -1717,7 +1717,7 @@ class RowComponent {
|
|
|
1717
1717
|
</div>
|
|
1718
1718
|
`, 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 }); }
|
|
1719
1719
|
}
|
|
1720
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1720
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: RowComponent, decorators: [{
|
|
1721
1721
|
type: Component,
|
|
1722
1722
|
args: [{ selector: 'dotcms-row', imports: [ColumnComponent], template: `
|
|
1723
1723
|
<div class="dot-row-container">
|
|
@@ -1752,8 +1752,8 @@ class DotCMSLayoutBodyComponent {
|
|
|
1752
1752
|
this.mode = 'production';
|
|
1753
1753
|
this.#dotCMSStore = inject(DotCMSStore);
|
|
1754
1754
|
this.$isDevMode = this.#dotCMSStore.$isDevMode;
|
|
1755
|
-
this.$rows = signal([]);
|
|
1756
|
-
this.$isEmpty = signal(false);
|
|
1755
|
+
this.$rows = signal([], ...(ngDevMode ? [{ debugName: "$rows" }] : []));
|
|
1756
|
+
this.$isEmpty = signal(false, ...(ngDevMode ? [{ debugName: "$isEmpty" }] : []));
|
|
1757
1757
|
}
|
|
1758
1758
|
#dotCMSStore;
|
|
1759
1759
|
ngOnChanges() {
|
|
@@ -1765,8 +1765,8 @@ class DotCMSLayoutBodyComponent {
|
|
|
1765
1765
|
this.$isEmpty.set(!this.page?.layout?.body);
|
|
1766
1766
|
this.$rows.set(this.page?.layout?.body?.rows ?? []);
|
|
1767
1767
|
}
|
|
1768
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1769
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1768
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSLayoutBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1769
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: DotCMSLayoutBodyComponent, isStandalone: true, selector: "dotcms-layout-body", inputs: { page: "page", components: "components", mode: "mode" }, providers: [DotCMSStore], usesOnChanges: true, ngImport: i0, template: `
|
|
1770
1770
|
@if ($isEmpty() && $isDevMode()) {
|
|
1771
1771
|
<dotcms-page-error-message />
|
|
1772
1772
|
} @else {
|
|
@@ -1776,7 +1776,7 @@ class DotCMSLayoutBodyComponent {
|
|
|
1776
1776
|
}
|
|
1777
1777
|
`, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1778
1778
|
}
|
|
1779
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1779
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSLayoutBodyComponent, decorators: [{
|
|
1780
1780
|
type: Component,
|
|
1781
1781
|
args: [{ selector: 'dotcms-layout-body', imports: [PageErrorMessageComponent, RowComponent], providers: [DotCMSStore], template: `
|
|
1782
1782
|
@if ($isEmpty() && $isDevMode()) {
|
|
@@ -1874,10 +1874,10 @@ class DotCMSEditablePageService {
|
|
|
1874
1874
|
});
|
|
1875
1875
|
return unsubscribe;
|
|
1876
1876
|
}
|
|
1877
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1878
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1877
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSEditablePageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1878
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSEditablePageService, providedIn: 'root' }); }
|
|
1879
1879
|
}
|
|
1880
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1880
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: DotCMSEditablePageService, decorators: [{
|
|
1881
1881
|
type: Injectable,
|
|
1882
1882
|
args: [{
|
|
1883
1883
|
providedIn: 'root'
|