@dotcms/angular 1.2.0 → 1.2.1-next.10
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 +123 -144
- package/fesm2022/dotcms-angular.mjs.map +1 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/code.component.d.ts.map +1 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/dot-contentlet.component.d.ts.map +1 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/image.component.d.ts.map +1 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/list.component.d.ts.map +1 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/text.component.d.ts.map +1 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/unknown.component.d.ts.map +1 -1
- package/lib/components/dotcms-block-editor-renderer/blocks/video.component.d.ts.map +1 -1
- package/lib/components/dotcms-editable-text/dotcms-editable-text.component.d.ts +4 -3
- package/lib/components/dotcms-editable-text/dotcms-editable-text.component.d.ts.map +1 -1
- package/lib/directives/dotcms-show-when/dotcms-show-when.directive.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -44,14 +44,13 @@ 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.15", ngImport: i0, type: DotCMSShowWhenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
48
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", 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.15", ngImport: i0, type: DotCMSShowWhenDirective, decorators: [{
|
|
51
51
|
type: Directive,
|
|
52
52
|
args: [{
|
|
53
|
-
selector: '[dotCMSShowWhen]'
|
|
54
|
-
standalone: true
|
|
53
|
+
selector: '[dotCMSShowWhen]'
|
|
55
54
|
}]
|
|
56
55
|
}], propDecorators: { dotCMSShowWhen: [{
|
|
57
56
|
type: Input
|
|
@@ -319,7 +318,7 @@ class DotCMSEditableTextComponent {
|
|
|
319
318
|
/**
|
|
320
319
|
* Handle mouse down event
|
|
321
320
|
*
|
|
322
|
-
* @param {
|
|
321
|
+
* @param {{ event: MouseEvent }} { event }
|
|
323
322
|
* @return {*}
|
|
324
323
|
* @memberof DotCMSEditableTextComponent
|
|
325
324
|
*/
|
|
@@ -400,8 +399,8 @@ class DotCMSEditableTextComponent {
|
|
|
400
399
|
didContentChange(editedContent) {
|
|
401
400
|
return this.content !== editedContent;
|
|
402
401
|
}
|
|
403
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
404
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
402
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSEditableTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
403
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: DotCMSEditableTextComponent, isStandalone: true, selector: "dotcms-editable-text", inputs: { mode: "mode", format: "format", contentlet: "contentlet", fieldName: "fieldName" }, host: { listeners: { "window:message": "onMessage($event)" } }, providers: [
|
|
405
404
|
{
|
|
406
405
|
provide: TINYMCE_SCRIPT_SRC,
|
|
407
406
|
useFactory: () => {
|
|
@@ -411,7 +410,7 @@ class DotCMSEditableTextComponent {
|
|
|
411
410
|
}
|
|
412
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"] }] }); }
|
|
413
412
|
}
|
|
414
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
413
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSEditableTextComponent, decorators: [{
|
|
415
414
|
type: Component,
|
|
416
415
|
args: [{ selector: 'dotcms-editable-text', imports: [EditorComponent], providers: [
|
|
417
416
|
{
|
|
@@ -439,8 +438,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
439
438
|
}] } });
|
|
440
439
|
|
|
441
440
|
class DotCodeBlock {
|
|
442
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
443
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
441
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCodeBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
442
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: DotCodeBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-code-block", ngImport: i0, template: `
|
|
444
443
|
<pre>
|
|
445
444
|
<code>
|
|
446
445
|
<ng-content />
|
|
@@ -448,11 +447,10 @@ class DotCodeBlock {
|
|
|
448
447
|
</pre>
|
|
449
448
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
450
449
|
}
|
|
451
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCodeBlock, decorators: [{
|
|
452
451
|
type: Component,
|
|
453
452
|
args: [{
|
|
454
453
|
selector: 'dotcms-block-editor-renderer-code-block',
|
|
455
|
-
standalone: true,
|
|
456
454
|
template: `
|
|
457
455
|
<pre>
|
|
458
456
|
<code>
|
|
@@ -464,18 +462,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
464
462
|
}]
|
|
465
463
|
}] });
|
|
466
464
|
class DotBlockQuote {
|
|
467
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
468
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
465
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotBlockQuote, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
466
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: DotBlockQuote, isStandalone: true, selector: "dotcms-block-editor-renderer-block-quote", ngImport: i0, template: `
|
|
469
467
|
<blockquote>
|
|
470
468
|
<ng-content />
|
|
471
469
|
</blockquote>
|
|
472
470
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
473
471
|
}
|
|
474
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
472
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotBlockQuote, decorators: [{
|
|
475
473
|
type: Component,
|
|
476
474
|
args: [{
|
|
477
475
|
selector: 'dotcms-block-editor-renderer-block-quote',
|
|
478
|
-
standalone: true,
|
|
479
476
|
template: `
|
|
480
477
|
<blockquote>
|
|
481
478
|
<ng-content />
|
|
@@ -497,8 +494,8 @@ class NoComponentProvided {
|
|
|
497
494
|
border: '1px solid #ed8936'
|
|
498
495
|
};
|
|
499
496
|
}
|
|
500
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
501
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
497
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NoComponentProvided, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
498
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: NoComponentProvided, isStandalone: true, selector: "dotcms-no-component-provided", inputs: { contentType: "contentType" }, ngImport: i0, template: `
|
|
502
499
|
<div data-testid="no-component-provided" [style]="style">
|
|
503
500
|
<strong style="color: #c05621">Dev Warning</strong>
|
|
504
501
|
: No component or custom renderer provided for content type
|
|
@@ -517,11 +514,10 @@ class NoComponentProvided {
|
|
|
517
514
|
</div>
|
|
518
515
|
`, isInline: true }); }
|
|
519
516
|
}
|
|
520
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
517
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NoComponentProvided, decorators: [{
|
|
521
518
|
type: Component,
|
|
522
519
|
args: [{
|
|
523
520
|
selector: 'dotcms-no-component-provided',
|
|
524
|
-
standalone: true,
|
|
525
521
|
template: `
|
|
526
522
|
<div data-testid="no-component-provided" [style]="style">
|
|
527
523
|
<strong style="color: #c05621">Dev Warning</strong>
|
|
@@ -549,7 +545,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
549
545
|
*/
|
|
550
546
|
class DotContentletBlock {
|
|
551
547
|
constructor() {
|
|
552
|
-
this.$data = computed(() => this.node?.attrs?.['data']);
|
|
548
|
+
this.$data = computed(() => this.node?.attrs?.['data'], ...(ngDevMode ? [{ debugName: "$data" }] : []));
|
|
553
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.';
|
|
554
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.`;
|
|
555
551
|
}
|
|
@@ -567,20 +563,16 @@ class DotContentletBlock {
|
|
|
567
563
|
console.warn(this.DOT_CONTENT_NO_MATCHING_COMPONENT_MESSAGE(contentType));
|
|
568
564
|
}
|
|
569
565
|
}
|
|
570
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
571
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
566
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotContentletBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
567
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: DotContentletBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-contentlet", inputs: { customRenderers: "customRenderers", node: "node" }, ngImport: i0, template: `
|
|
572
568
|
@if (contentComponent) {
|
|
573
|
-
<ng-container
|
|
574
|
-
*ngComponentOutlet="
|
|
575
|
-
contentComponent | async;
|
|
576
|
-
inputs: { node: node }
|
|
577
|
-
"></ng-container>
|
|
569
|
+
<ng-container *ngComponentOutlet="contentComponent | async; inputs: { node: node }" />
|
|
578
570
|
} @else if (isDevMode) {
|
|
579
571
|
<dotcms-no-component-provided [contentType]="$data()?.contentType" />
|
|
580
572
|
}
|
|
581
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "
|
|
573
|
+
`, 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 }); }
|
|
582
574
|
}
|
|
583
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
575
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotContentletBlock, decorators: [{
|
|
584
576
|
type: Component,
|
|
585
577
|
args: [{
|
|
586
578
|
selector: 'dotcms-block-editor-renderer-contentlet',
|
|
@@ -588,11 +580,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
588
580
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
589
581
|
template: `
|
|
590
582
|
@if (contentComponent) {
|
|
591
|
-
<ng-container
|
|
592
|
-
*ngComponentOutlet="
|
|
593
|
-
contentComponent | async;
|
|
594
|
-
inputs: { node: node }
|
|
595
|
-
"></ng-container>
|
|
583
|
+
<ng-container *ngComponentOutlet="contentComponent | async; inputs: { node: node }" />
|
|
596
584
|
} @else if (isDevMode) {
|
|
597
585
|
<dotcms-no-component-provided [contentType]="$data()?.contentType" />
|
|
598
586
|
}
|
|
@@ -606,18 +594,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
606
594
|
|
|
607
595
|
class DotImageBlock {
|
|
608
596
|
constructor() {
|
|
609
|
-
this.$srcURL = computed(() => this.attrs?.['src']);
|
|
597
|
+
this.$srcURL = computed(() => this.attrs?.['src'], ...(ngDevMode ? [{ debugName: "$srcURL" }] : []));
|
|
610
598
|
}
|
|
611
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
612
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
599
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotImageBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
600
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: DotImageBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-image", inputs: { attrs: "attrs" }, ngImport: i0, template: `
|
|
613
601
|
<img [alt]="attrs?.['alt']" [src]="$srcURL()" />
|
|
614
602
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
615
603
|
}
|
|
616
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
604
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotImageBlock, decorators: [{
|
|
617
605
|
type: Component,
|
|
618
606
|
args: [{
|
|
619
607
|
selector: 'dotcms-block-editor-renderer-image',
|
|
620
|
-
standalone: true,
|
|
621
608
|
template: `
|
|
622
609
|
<img [alt]="attrs?.['alt']" [src]="$srcURL()" />
|
|
623
610
|
`,
|
|
@@ -628,18 +615,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
628
615
|
}] } });
|
|
629
616
|
|
|
630
617
|
class DotBulletList {
|
|
631
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
632
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
618
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotBulletList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
619
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: DotBulletList, isStandalone: true, selector: "dotcms-block-editor-renderer-bullet-list", ngImport: i0, template: `
|
|
633
620
|
<ul>
|
|
634
621
|
<ng-content />
|
|
635
622
|
</ul>
|
|
636
623
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
637
624
|
}
|
|
638
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
625
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotBulletList, decorators: [{
|
|
639
626
|
type: Component,
|
|
640
627
|
args: [{
|
|
641
628
|
selector: 'dotcms-block-editor-renderer-bullet-list',
|
|
642
|
-
standalone: true,
|
|
643
629
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
644
630
|
template: `
|
|
645
631
|
<ul>
|
|
@@ -649,18 +635,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
649
635
|
}]
|
|
650
636
|
}] });
|
|
651
637
|
class DotOrdererList {
|
|
652
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
653
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
638
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotOrdererList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
639
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: DotOrdererList, isStandalone: true, selector: "dotcms-block-editor-renderer-ordered-list", ngImport: i0, template: `
|
|
654
640
|
<ol>
|
|
655
641
|
<ng-content />
|
|
656
642
|
</ol>
|
|
657
643
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
658
644
|
}
|
|
659
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
645
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotOrdererList, decorators: [{
|
|
660
646
|
type: Component,
|
|
661
647
|
args: [{
|
|
662
648
|
selector: 'dotcms-block-editor-renderer-ordered-list',
|
|
663
|
-
standalone: true,
|
|
664
649
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
665
650
|
template: `
|
|
666
651
|
<ol>
|
|
@@ -670,18 +655,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
670
655
|
}]
|
|
671
656
|
}] });
|
|
672
657
|
class DotListItem {
|
|
673
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
674
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
658
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotListItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
659
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: DotListItem, isStandalone: true, selector: "dotcms-block-editor-renderer-list-item", ngImport: i0, template: `
|
|
675
660
|
<li>
|
|
676
661
|
<ng-content />
|
|
677
662
|
</li>
|
|
678
663
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
679
664
|
}
|
|
680
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
665
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotListItem, decorators: [{
|
|
681
666
|
type: Component,
|
|
682
667
|
args: [{
|
|
683
668
|
selector: 'dotcms-block-editor-renderer-list-item',
|
|
684
|
-
standalone: true,
|
|
685
669
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
686
670
|
template: `
|
|
687
671
|
<li>
|
|
@@ -695,8 +679,8 @@ class DotTableBlock {
|
|
|
695
679
|
constructor() {
|
|
696
680
|
this.blockEditorItem = DotCMSBlockEditorItemComponent;
|
|
697
681
|
}
|
|
698
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
699
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
682
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotTableBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
683
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: DotTableBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-table", inputs: { content: "content" }, ngImport: i0, template: `
|
|
700
684
|
<table>
|
|
701
685
|
<thead>
|
|
702
686
|
@for (rowNode of content?.slice(0, 1); track rowNode.type) {
|
|
@@ -709,7 +693,7 @@ class DotTableBlock {
|
|
|
709
693
|
*ngComponentOutlet="
|
|
710
694
|
blockEditorItem;
|
|
711
695
|
inputs: { content: cellNode.content }
|
|
712
|
-
"
|
|
696
|
+
" />
|
|
713
697
|
</th>
|
|
714
698
|
}
|
|
715
699
|
</tr>
|
|
@@ -726,16 +710,16 @@ class DotTableBlock {
|
|
|
726
710
|
*ngComponentOutlet="
|
|
727
711
|
blockEditorItem;
|
|
728
712
|
inputs: { content: cellNode.content }
|
|
729
|
-
"
|
|
713
|
+
" />
|
|
730
714
|
</td>
|
|
731
715
|
}
|
|
732
716
|
</tr>
|
|
733
717
|
}
|
|
734
718
|
</tbody>
|
|
735
719
|
</table>
|
|
736
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }] }); }
|
|
720
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }] }); }
|
|
737
721
|
}
|
|
738
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
722
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotTableBlock, decorators: [{
|
|
739
723
|
type: Component,
|
|
740
724
|
args: [{
|
|
741
725
|
selector: 'dotcms-block-editor-renderer-table',
|
|
@@ -753,7 +737,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
753
737
|
*ngComponentOutlet="
|
|
754
738
|
blockEditorItem;
|
|
755
739
|
inputs: { content: cellNode.content }
|
|
756
|
-
"
|
|
740
|
+
" />
|
|
757
741
|
</th>
|
|
758
742
|
}
|
|
759
743
|
</tr>
|
|
@@ -770,7 +754,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
770
754
|
*ngComponentOutlet="
|
|
771
755
|
blockEditorItem;
|
|
772
756
|
inputs: { content: cellNode.content }
|
|
773
|
-
"
|
|
757
|
+
" />
|
|
774
758
|
</td>
|
|
775
759
|
}
|
|
776
760
|
</tr>
|
|
@@ -784,18 +768,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
784
768
|
}] } });
|
|
785
769
|
|
|
786
770
|
class DotParagraphBlock {
|
|
787
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
788
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
771
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotParagraphBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
772
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: DotParagraphBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-paragraph", ngImport: i0, template: `
|
|
789
773
|
<p>
|
|
790
774
|
<ng-content />
|
|
791
775
|
</p>
|
|
792
776
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
793
777
|
}
|
|
794
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotParagraphBlock, decorators: [{
|
|
795
779
|
type: Component,
|
|
796
780
|
args: [{
|
|
797
781
|
selector: 'dotcms-block-editor-renderer-paragraph',
|
|
798
|
-
standalone: true,
|
|
799
782
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
800
783
|
template: `
|
|
801
784
|
<p>
|
|
@@ -805,8 +788,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
805
788
|
}]
|
|
806
789
|
}] });
|
|
807
790
|
class DotHeadingBlock {
|
|
808
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
809
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
791
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotHeadingBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
792
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: DotHeadingBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-heading", inputs: { level: "level" }, ngImport: i0, template: `
|
|
810
793
|
@switch (level) {
|
|
811
794
|
@case ('1') {
|
|
812
795
|
<h1>
|
|
@@ -846,11 +829,10 @@ class DotHeadingBlock {
|
|
|
846
829
|
}
|
|
847
830
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
848
831
|
}
|
|
849
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
832
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotHeadingBlock, decorators: [{
|
|
850
833
|
type: Component,
|
|
851
834
|
args: [{
|
|
852
835
|
selector: 'dotcms-block-editor-renderer-heading',
|
|
853
|
-
standalone: true,
|
|
854
836
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
855
837
|
template: `
|
|
856
838
|
@switch (level) {
|
|
@@ -899,7 +881,7 @@ class DotTextBlock {
|
|
|
899
881
|
constructor() {
|
|
900
882
|
this.marks = [];
|
|
901
883
|
this.text = '';
|
|
902
|
-
this.$remainingMarks = computed(() => this.marks?.slice(1));
|
|
884
|
+
this.$remainingMarks = computed(() => this.marks?.slice(1), ...(ngDevMode ? [{ debugName: "$remainingMarks" }] : []));
|
|
903
885
|
this.$currentAttrs = computed(() => {
|
|
904
886
|
const attrs = { ...(this.marks?.[0]?.attrs || {}) };
|
|
905
887
|
if (attrs['class']) {
|
|
@@ -907,10 +889,10 @@ class DotTextBlock {
|
|
|
907
889
|
delete attrs['class'];
|
|
908
890
|
}
|
|
909
891
|
return attrs;
|
|
910
|
-
});
|
|
892
|
+
}, ...(ngDevMode ? [{ debugName: "$currentAttrs" }] : []));
|
|
911
893
|
}
|
|
912
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
913
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
894
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotTextBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
895
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: DotTextBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-text", inputs: { marks: "marks", text: "text" }, ngImport: i0, template: `
|
|
914
896
|
@switch (marks?.[0]?.type) {
|
|
915
897
|
@case ('link') {
|
|
916
898
|
<a
|
|
@@ -955,11 +937,10 @@ class DotTextBlock {
|
|
|
955
937
|
}
|
|
956
938
|
`, isInline: true, dependencies: [{ kind: "component", type: DotTextBlock, selector: "dotcms-block-editor-renderer-text", inputs: ["marks", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
957
939
|
}
|
|
958
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
940
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotTextBlock, decorators: [{
|
|
959
941
|
type: Component,
|
|
960
942
|
args: [{
|
|
961
943
|
selector: 'dotcms-block-editor-renderer-text',
|
|
962
|
-
standalone: true,
|
|
963
944
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
964
945
|
template: `
|
|
965
946
|
@switch (marks?.[0]?.type) {
|
|
@@ -1027,8 +1008,8 @@ class DotUnknownBlockComponent {
|
|
|
1027
1008
|
get isEditMode() {
|
|
1028
1009
|
return getUVEState()?.mode === UVE_MODE.EDIT;
|
|
1029
1010
|
}
|
|
1030
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1031
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1011
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotUnknownBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1012
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: DotUnknownBlockComponent, isStandalone: true, selector: "dotcms-block-editor-renderer-unknown", inputs: { node: "node" }, ngImport: i0, template: `
|
|
1032
1013
|
@if (isEditMode) {
|
|
1033
1014
|
<div [style]="style" data-testid="unknown-block-type">
|
|
1034
1015
|
<strong style="color: #c53030">Warning:</strong>
|
|
@@ -1046,11 +1027,10 @@ class DotUnknownBlockComponent {
|
|
|
1046
1027
|
}
|
|
1047
1028
|
`, isInline: true }); }
|
|
1048
1029
|
}
|
|
1049
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1030
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotUnknownBlockComponent, decorators: [{
|
|
1050
1031
|
type: Component,
|
|
1051
1032
|
args: [{
|
|
1052
1033
|
selector: 'dotcms-block-editor-renderer-unknown',
|
|
1053
|
-
standalone: true,
|
|
1054
1034
|
template: `
|
|
1055
1035
|
@if (isEditMode) {
|
|
1056
1036
|
<div [style]="style" data-testid="unknown-block-type">
|
|
@@ -1075,11 +1055,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
1075
1055
|
|
|
1076
1056
|
class DotVideoBlock {
|
|
1077
1057
|
constructor() {
|
|
1078
|
-
this.$srcURL = computed(() => this.attrs?.['src']);
|
|
1079
|
-
this.$posterURL = computed(() => this.attrs?.['data']?.['thumbnail']);
|
|
1058
|
+
this.$srcURL = computed(() => this.attrs?.['src'], ...(ngDevMode ? [{ debugName: "$srcURL" }] : []));
|
|
1059
|
+
this.$posterURL = computed(() => this.attrs?.['data']?.['thumbnail'], ...(ngDevMode ? [{ debugName: "$posterURL" }] : []));
|
|
1080
1060
|
}
|
|
1081
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1082
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1061
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotVideoBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1062
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: DotVideoBlock, isStandalone: true, selector: "dotcms-block-editor-renderer-video", inputs: { attrs: "attrs" }, ngImport: i0, template: `
|
|
1083
1063
|
<video
|
|
1084
1064
|
[controls]="true"
|
|
1085
1065
|
preload="metadata"
|
|
@@ -1094,11 +1074,10 @@ class DotVideoBlock {
|
|
|
1094
1074
|
</video>
|
|
1095
1075
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1096
1076
|
}
|
|
1097
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1077
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotVideoBlock, decorators: [{
|
|
1098
1078
|
type: Component,
|
|
1099
1079
|
args: [{
|
|
1100
1080
|
selector: 'dotcms-block-editor-renderer-video',
|
|
1101
|
-
standalone: true,
|
|
1102
1081
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1103
1082
|
template: `
|
|
1104
1083
|
<video
|
|
@@ -1123,10 +1102,10 @@ class DotCMSBlockEditorItemComponent {
|
|
|
1123
1102
|
constructor() {
|
|
1124
1103
|
this.BLOCKS = BlockEditorDefaultBlocks;
|
|
1125
1104
|
}
|
|
1126
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1127
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSBlockEditorItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1106
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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.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 }\" />\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" }] }); }
|
|
1128
1107
|
}
|
|
1129
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSBlockEditorItemComponent, decorators: [{
|
|
1130
1109
|
type: Component,
|
|
1131
1110
|
args: [{ selector: 'dotcms-block-editor-renderer-block', imports: [
|
|
1132
1111
|
NgTemplateOutlet,
|
|
@@ -1145,7 +1124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
1145
1124
|
DotTableBlock,
|
|
1146
1125
|
DotContentletBlock,
|
|
1147
1126
|
DotUnknownBlockComponent
|
|
1148
|
-
], 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 \"
|
|
1127
|
+
], 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.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 }\" />\n</ng-template>\n" }]
|
|
1149
1128
|
}], propDecorators: { content: [{
|
|
1150
1129
|
type: Input
|
|
1151
1130
|
}], customRenderers: [{
|
|
@@ -1170,8 +1149,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
1170
1149
|
*/
|
|
1171
1150
|
class DotCMSBlockEditorRendererComponent {
|
|
1172
1151
|
constructor() {
|
|
1173
|
-
this.$blockEditorState = signal({ error: null });
|
|
1174
|
-
this.$isInEditMode = signal(getUVEState()?.mode === UVE_MODE.EDIT);
|
|
1152
|
+
this.$blockEditorState = signal({ error: null }, ...(ngDevMode ? [{ debugName: "$blockEditorState" }] : []));
|
|
1153
|
+
this.$isInEditMode = signal(getUVEState()?.mode === UVE_MODE.EDIT, ...(ngDevMode ? [{ debugName: "$isInEditMode" }] : []));
|
|
1175
1154
|
}
|
|
1176
1155
|
ngOnInit() {
|
|
1177
1156
|
const state = isValidBlocks(this.blocks);
|
|
@@ -1180,10 +1159,10 @@ class DotCMSBlockEditorRendererComponent {
|
|
|
1180
1159
|
}
|
|
1181
1160
|
this.$blockEditorState.set(isValidBlocks(this.blocks));
|
|
1182
1161
|
}
|
|
1183
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1184
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1162
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSBlockEditorRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1163
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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"] }] }); }
|
|
1185
1164
|
}
|
|
1186
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1165
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSBlockEditorRendererComponent, decorators: [{
|
|
1187
1166
|
type: Component,
|
|
1188
1167
|
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" }]
|
|
1189
1168
|
}], propDecorators: { blocks: [{
|
|
@@ -1205,8 +1184,8 @@ class PageErrorMessageComponent {
|
|
|
1205
1184
|
ngOnInit() {
|
|
1206
1185
|
console.warn('Missing required layout.body property in page');
|
|
1207
1186
|
}
|
|
1208
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1209
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1187
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1188
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: PageErrorMessageComponent, isStandalone: true, selector: "dotcms-page-error-message", ngImport: i0, template: `
|
|
1210
1189
|
<div
|
|
1211
1190
|
data-testid="error-message"
|
|
1212
1191
|
style="padding: 1rem; border: 1px solid #e0e0e0; border-radius: 4px;">
|
|
@@ -1223,7 +1202,7 @@ class PageErrorMessageComponent {
|
|
|
1223
1202
|
</div>
|
|
1224
1203
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1225
1204
|
}
|
|
1226
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageErrorMessageComponent, decorators: [{
|
|
1227
1206
|
type: Component,
|
|
1228
1207
|
args: [{
|
|
1229
1208
|
selector: 'dotcms-page-error-message',
|
|
@@ -1262,7 +1241,7 @@ const EMPTY_DOTCMS_PAGE_STORE = {
|
|
|
1262
1241
|
*/
|
|
1263
1242
|
class DotCMSStore {
|
|
1264
1243
|
constructor() {
|
|
1265
|
-
this.$store = signal(EMPTY_DOTCMS_PAGE_STORE);
|
|
1244
|
+
this.$store = signal(EMPTY_DOTCMS_PAGE_STORE, ...(ngDevMode ? [{ debugName: "$store" }] : []));
|
|
1266
1245
|
/**
|
|
1267
1246
|
* @description Get if the current context is in development mode
|
|
1268
1247
|
* @readonly
|
|
@@ -1275,7 +1254,7 @@ class DotCMSStore {
|
|
|
1275
1254
|
return uveState?.mode === UVE_MODE.EDIT;
|
|
1276
1255
|
}
|
|
1277
1256
|
return this.$store()?.mode === DEVELOPMENT_MODE;
|
|
1278
|
-
});
|
|
1257
|
+
}, ...(ngDevMode ? [{ debugName: "$isDevMode" }] : []));
|
|
1279
1258
|
}
|
|
1280
1259
|
/**
|
|
1281
1260
|
* @description Get the store
|
|
@@ -1294,10 +1273,10 @@ class DotCMSStore {
|
|
|
1294
1273
|
setStore(store) {
|
|
1295
1274
|
this.$store.set(store);
|
|
1296
1275
|
}
|
|
1297
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1298
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1276
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1277
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSStore, providedIn: 'root' }); }
|
|
1299
1278
|
}
|
|
1300
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSStore, decorators: [{
|
|
1301
1280
|
type: Injectable,
|
|
1302
1281
|
args: [{
|
|
1303
1282
|
providedIn: 'root'
|
|
@@ -1324,8 +1303,8 @@ class ContainerNotFoundComponent {
|
|
|
1324
1303
|
console.error(`Container with identifier ${this.identifier} not found`);
|
|
1325
1304
|
}
|
|
1326
1305
|
}
|
|
1327
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1328
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1306
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContainerNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1307
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ContainerNotFoundComponent, isStandalone: true, selector: "dotcms-container-not-found", inputs: { identifier: "identifier" }, ngImport: i0, template: `
|
|
1329
1308
|
@if ($isDevMode()) {
|
|
1330
1309
|
<div [attr.data-testid]="'container-not-found'" [ngStyle]="emptyContainerStyle">
|
|
1331
1310
|
This container with identifier {{ identifier }} was not found.
|
|
@@ -1333,7 +1312,7 @@ class ContainerNotFoundComponent {
|
|
|
1333
1312
|
}
|
|
1334
1313
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
1335
1314
|
}
|
|
1336
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContainerNotFoundComponent, decorators: [{
|
|
1337
1316
|
type: Component,
|
|
1338
1317
|
args: [{
|
|
1339
1318
|
selector: 'dotcms-container-not-found',
|
|
@@ -1363,8 +1342,8 @@ class EmptyContainerComponent {
|
|
|
1363
1342
|
this.$isDevMode = this.#dotCMSStore.$isDevMode;
|
|
1364
1343
|
}
|
|
1365
1344
|
#dotCMSStore;
|
|
1366
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1367
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1345
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EmptyContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1346
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: EmptyContainerComponent, isStandalone: true, selector: "dotcms-empty-container", ngImport: i0, template: `
|
|
1368
1347
|
@if ($isDevMode()) {
|
|
1369
1348
|
<div [ngStyle]="emptyContainerStyle" data-testid="empty-container">
|
|
1370
1349
|
<span data-testid="empty-container-message" data-dot-object="empty-content">
|
|
@@ -1374,7 +1353,7 @@ class EmptyContainerComponent {
|
|
|
1374
1353
|
}
|
|
1375
1354
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
1376
1355
|
}
|
|
1377
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1356
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EmptyContainerComponent, decorators: [{
|
|
1378
1357
|
type: Component,
|
|
1379
1358
|
args: [{
|
|
1380
1359
|
selector: 'dotcms-empty-container',
|
|
@@ -1401,8 +1380,8 @@ class FallbackComponent {
|
|
|
1401
1380
|
constructor() {
|
|
1402
1381
|
this.UserNoComponent = null;
|
|
1403
1382
|
}
|
|
1404
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1405
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1383
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FallbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1384
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FallbackComponent, isStandalone: true, selector: "dotcms-fallback-component", inputs: { UserNoComponent: "UserNoComponent", contentlet: "contentlet" }, ngImport: i0, template: `
|
|
1406
1385
|
@if (UserNoComponent) {
|
|
1407
1386
|
<ng-container *ngComponentOutlet="UserNoComponent | async; inputs: { contentlet }" />
|
|
1408
1387
|
} @else {
|
|
@@ -1410,9 +1389,9 @@ class FallbackComponent {
|
|
|
1410
1389
|
<p>No component found for content type: {{ contentlet.contentType }}</p>
|
|
1411
1390
|
</div>
|
|
1412
1391
|
}
|
|
1413
|
-
`, isInline: true, dependencies: [{ kind: "
|
|
1392
|
+
`, 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 }); }
|
|
1414
1393
|
}
|
|
1415
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1394
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FallbackComponent, decorators: [{
|
|
1416
1395
|
type: Component,
|
|
1417
1396
|
args: [{
|
|
1418
1397
|
selector: 'dotcms-fallback-component',
|
|
@@ -1446,18 +1425,18 @@ class ContentletComponent {
|
|
|
1446
1425
|
constructor() {
|
|
1447
1426
|
this.dotObject = 'contentlet';
|
|
1448
1427
|
this.#dotCMSStore = inject(DotCMSStore);
|
|
1449
|
-
this.$contentlet = signal(null);
|
|
1450
|
-
this.$UserComponent = signal(null);
|
|
1451
|
-
this.$UserNoComponent = signal(null);
|
|
1428
|
+
this.$contentlet = signal(null, ...(ngDevMode ? [{ debugName: "$contentlet" }] : []));
|
|
1429
|
+
this.$UserComponent = signal(null, ...(ngDevMode ? [{ debugName: "$UserComponent" }] : []));
|
|
1430
|
+
this.$UserNoComponent = signal(null, ...(ngDevMode ? [{ debugName: "$UserNoComponent" }] : []));
|
|
1452
1431
|
this.$isDevMode = this.#dotCMSStore.$isDevMode;
|
|
1453
|
-
this.$haveContent = signal(false);
|
|
1454
|
-
this.$style = computed(() => this.$isDevMode() && !this.$haveContent() ? { minHeight: '4rem' } : {});
|
|
1432
|
+
this.$haveContent = signal(false, ...(ngDevMode ? [{ debugName: "$haveContent" }] : []));
|
|
1433
|
+
this.$style = computed(() => this.$isDevMode() && !this.$haveContent() ? { minHeight: '4rem' } : {}, ...(ngDevMode ? [{ debugName: "$style" }] : []));
|
|
1455
1434
|
this.$dotAttributes = computed(() => {
|
|
1456
1435
|
const contentlet = this.$contentlet();
|
|
1457
1436
|
if (!contentlet || !this.$isDevMode())
|
|
1458
1437
|
return {};
|
|
1459
1438
|
return getDotContentletAttributes(contentlet, this.containerData.identifier);
|
|
1460
|
-
});
|
|
1439
|
+
}, ...(ngDevMode ? [{ debugName: "$dotAttributes" }] : []));
|
|
1461
1440
|
this.identifier = null;
|
|
1462
1441
|
this.basetype = null;
|
|
1463
1442
|
this.title = null;
|
|
@@ -1499,8 +1478,8 @@ class ContentletComponent {
|
|
|
1499
1478
|
this.$haveContent.set(hasContent);
|
|
1500
1479
|
}
|
|
1501
1480
|
}
|
|
1502
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1503
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1481
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContentletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1482
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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: `
|
|
1504
1483
|
@if ($UserComponent()) {
|
|
1505
1484
|
<ng-container
|
|
1506
1485
|
*ngComponentOutlet="
|
|
@@ -1512,9 +1491,9 @@ class ContentletComponent {
|
|
|
1512
1491
|
[UserNoComponent]="$UserNoComponent()"
|
|
1513
1492
|
[contentlet]="$contentlet() ?? contentlet" />
|
|
1514
1493
|
}
|
|
1515
|
-
`, isInline: true, dependencies: [{ kind: "component", type: FallbackComponent, selector: "dotcms-fallback-component", inputs: ["UserNoComponent", "contentlet"] }, { kind: "
|
|
1494
|
+
`, 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 }); }
|
|
1516
1495
|
}
|
|
1517
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContentletComponent, decorators: [{
|
|
1518
1497
|
type: Component,
|
|
1519
1498
|
args: [{
|
|
1520
1499
|
selector: 'dotcms-contentlet',
|
|
@@ -1583,16 +1562,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
1583
1562
|
class ContainerComponent {
|
|
1584
1563
|
constructor() {
|
|
1585
1564
|
this.#dotCMSStore = inject(DotCMSStore);
|
|
1586
|
-
this.$containerData = signal(null);
|
|
1587
|
-
this.$contentlets = signal([]);
|
|
1588
|
-
this.$isEmpty = computed(() => this.$contentlets().length === 0);
|
|
1565
|
+
this.$containerData = signal(null, ...(ngDevMode ? [{ debugName: "$containerData" }] : []));
|
|
1566
|
+
this.$contentlets = signal([], ...(ngDevMode ? [{ debugName: "$contentlets" }] : []));
|
|
1567
|
+
this.$isEmpty = computed(() => this.$contentlets().length === 0, ...(ngDevMode ? [{ debugName: "$isEmpty" }] : []));
|
|
1589
1568
|
this.$dotAttributes = computed(() => {
|
|
1590
1569
|
const containerData = this.$containerData();
|
|
1591
1570
|
if (!containerData || !this.#dotCMSStore.$isDevMode()) {
|
|
1592
1571
|
return {};
|
|
1593
1572
|
}
|
|
1594
1573
|
return getDotContainerAttributes(containerData);
|
|
1595
|
-
});
|
|
1574
|
+
}, ...(ngDevMode ? [{ debugName: "$dotAttributes" }] : []));
|
|
1596
1575
|
this.dotObject = 'container';
|
|
1597
1576
|
this.acceptTypes = null;
|
|
1598
1577
|
this.identifier = null;
|
|
@@ -1612,8 +1591,8 @@ class ContainerComponent {
|
|
|
1612
1591
|
this.maxContentlets = this.$dotAttributes()['data-max-contentlets'];
|
|
1613
1592
|
this.uuid = this.$dotAttributes()['data-dot-uuid'];
|
|
1614
1593
|
}
|
|
1615
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1616
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1594
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1595
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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: `
|
|
1617
1596
|
@if (!$containerData()) {
|
|
1618
1597
|
<dotcms-container-not-found [identifier]="container.identifier" />
|
|
1619
1598
|
} @else if ($isEmpty()) {
|
|
@@ -1625,7 +1604,7 @@ class ContainerComponent {
|
|
|
1625
1604
|
}
|
|
1626
1605
|
`, 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 }); }
|
|
1627
1606
|
}
|
|
1628
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1607
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContainerComponent, decorators: [{
|
|
1629
1608
|
type: Component,
|
|
1630
1609
|
args: [{
|
|
1631
1610
|
selector: 'dotcms-container',
|
|
@@ -1678,8 +1657,8 @@ class ColumnComponent {
|
|
|
1678
1657
|
const positionClasses = getColumnPositionClasses(this.column);
|
|
1679
1658
|
this.customClasses = combineClasses([positionClasses.startClass, positionClasses.endClass]);
|
|
1680
1659
|
}
|
|
1681
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1682
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1660
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1661
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ColumnComponent, isStandalone: true, selector: "dotcms-column", inputs: { column: "column" }, host: { properties: { "class": "this.customClasses" } }, usesOnChanges: true, ngImport: i0, template: `
|
|
1683
1662
|
<div [class]="column.styleClass" data-testid="dotcms-column">
|
|
1684
1663
|
@for (container of column.containers; track $index) {
|
|
1685
1664
|
<dotcms-container [container]="container" />
|
|
@@ -1687,7 +1666,7 @@ class ColumnComponent {
|
|
|
1687
1666
|
</div>
|
|
1688
1667
|
`, 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 }); }
|
|
1689
1668
|
}
|
|
1690
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1669
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ColumnComponent, decorators: [{
|
|
1691
1670
|
type: Component,
|
|
1692
1671
|
args: [{ selector: 'dotcms-column', imports: [ContainerComponent], template: `
|
|
1693
1672
|
<div [class]="column.styleClass" data-testid="dotcms-column">
|
|
@@ -1714,13 +1693,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
1714
1693
|
*/
|
|
1715
1694
|
class RowComponent {
|
|
1716
1695
|
constructor() {
|
|
1717
|
-
this.customClasses = signal('');
|
|
1696
|
+
this.customClasses = signal('', ...(ngDevMode ? [{ debugName: "customClasses" }] : []));
|
|
1718
1697
|
}
|
|
1719
1698
|
ngOnChanges() {
|
|
1720
1699
|
this.customClasses.set(combineClasses([this.row.styleClass ?? '', 'dot-row']));
|
|
1721
1700
|
}
|
|
1722
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1723
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1701
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1702
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: RowComponent, isStandalone: true, selector: "dotcms-row", inputs: { row: "row" }, usesOnChanges: true, ngImport: i0, template: `
|
|
1724
1703
|
<div class="dot-row-container">
|
|
1725
1704
|
<div [class]="customClasses()" data-dot-object="row" data-testid="dotcms-row">
|
|
1726
1705
|
@for (column of row.columns; track $index) {
|
|
@@ -1730,7 +1709,7 @@ class RowComponent {
|
|
|
1730
1709
|
</div>
|
|
1731
1710
|
`, 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 }); }
|
|
1732
1711
|
}
|
|
1733
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1712
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RowComponent, decorators: [{
|
|
1734
1713
|
type: Component,
|
|
1735
1714
|
args: [{ selector: 'dotcms-row', imports: [ColumnComponent], template: `
|
|
1736
1715
|
<div class="dot-row-container">
|
|
@@ -1765,8 +1744,8 @@ class DotCMSLayoutBodyComponent {
|
|
|
1765
1744
|
this.mode = 'production';
|
|
1766
1745
|
this.#dotCMSStore = inject(DotCMSStore);
|
|
1767
1746
|
this.$isDevMode = this.#dotCMSStore.$isDevMode;
|
|
1768
|
-
this.$rows = signal([]);
|
|
1769
|
-
this.$isEmpty = signal(false);
|
|
1747
|
+
this.$rows = signal([], ...(ngDevMode ? [{ debugName: "$rows" }] : []));
|
|
1748
|
+
this.$isEmpty = signal(false, ...(ngDevMode ? [{ debugName: "$isEmpty" }] : []));
|
|
1770
1749
|
}
|
|
1771
1750
|
#dotCMSStore;
|
|
1772
1751
|
ngOnChanges() {
|
|
@@ -1778,8 +1757,8 @@ class DotCMSLayoutBodyComponent {
|
|
|
1778
1757
|
this.$isEmpty.set(!this.page?.layout?.body);
|
|
1779
1758
|
this.$rows.set(this.page?.layout?.body?.rows ?? []);
|
|
1780
1759
|
}
|
|
1781
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1782
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1760
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSLayoutBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1761
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: DotCMSLayoutBodyComponent, isStandalone: true, selector: "dotcms-layout-body", inputs: { page: "page", components: "components", mode: "mode" }, providers: [DotCMSStore], usesOnChanges: true, ngImport: i0, template: `
|
|
1783
1762
|
@if ($isEmpty() && $isDevMode()) {
|
|
1784
1763
|
<dotcms-page-error-message />
|
|
1785
1764
|
} @else {
|
|
@@ -1789,7 +1768,7 @@ class DotCMSLayoutBodyComponent {
|
|
|
1789
1768
|
}
|
|
1790
1769
|
`, 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 }); }
|
|
1791
1770
|
}
|
|
1792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1771
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSLayoutBodyComponent, decorators: [{
|
|
1793
1772
|
type: Component,
|
|
1794
1773
|
args: [{ selector: 'dotcms-layout-body', imports: [PageErrorMessageComponent, RowComponent], providers: [DotCMSStore], template: `
|
|
1795
1774
|
@if ($isEmpty() && $isDevMode()) {
|
|
@@ -1887,10 +1866,10 @@ class DotCMSEditablePageService {
|
|
|
1887
1866
|
});
|
|
1888
1867
|
return unsubscribe;
|
|
1889
1868
|
}
|
|
1890
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1891
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1869
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSEditablePageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1870
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSEditablePageService, providedIn: 'root' }); }
|
|
1892
1871
|
}
|
|
1893
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1872
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSEditablePageService, decorators: [{
|
|
1894
1873
|
type: Injectable,
|
|
1895
1874
|
args: [{
|
|
1896
1875
|
providedIn: 'root'
|