@dotcms/angular 1.2.0 → 1.2.1-next.2
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 +116 -129
- 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,8 +563,8 @@ 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
569
|
<ng-container
|
|
574
570
|
*ngComponentOutlet="
|
|
@@ -578,9 +574,9 @@ class DotContentletBlock {
|
|
|
578
574
|
} @else if (isDevMode) {
|
|
579
575
|
<dotcms-no-component-provided [contentType]="$data()?.contentType" />
|
|
580
576
|
}
|
|
581
|
-
`, 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 }); }
|
|
582
578
|
}
|
|
583
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotContentletBlock, decorators: [{
|
|
584
580
|
type: Component,
|
|
585
581
|
args: [{
|
|
586
582
|
selector: 'dotcms-block-editor-renderer-contentlet',
|
|
@@ -606,18 +602,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
606
602
|
|
|
607
603
|
class DotImageBlock {
|
|
608
604
|
constructor() {
|
|
609
|
-
this.$srcURL = computed(() => this.attrs?.['src']);
|
|
605
|
+
this.$srcURL = computed(() => this.attrs?.['src'], ...(ngDevMode ? [{ debugName: "$srcURL" }] : []));
|
|
610
606
|
}
|
|
611
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
612
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
607
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotImageBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
608
|
+
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
609
|
<img [alt]="attrs?.['alt']" [src]="$srcURL()" />
|
|
614
610
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
615
611
|
}
|
|
616
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
612
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotImageBlock, decorators: [{
|
|
617
613
|
type: Component,
|
|
618
614
|
args: [{
|
|
619
615
|
selector: 'dotcms-block-editor-renderer-image',
|
|
620
|
-
standalone: true,
|
|
621
616
|
template: `
|
|
622
617
|
<img [alt]="attrs?.['alt']" [src]="$srcURL()" />
|
|
623
618
|
`,
|
|
@@ -628,18 +623,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
628
623
|
}] } });
|
|
629
624
|
|
|
630
625
|
class DotBulletList {
|
|
631
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
632
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
626
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotBulletList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
627
|
+
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
628
|
<ul>
|
|
634
629
|
<ng-content />
|
|
635
630
|
</ul>
|
|
636
631
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
637
632
|
}
|
|
638
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
633
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotBulletList, decorators: [{
|
|
639
634
|
type: Component,
|
|
640
635
|
args: [{
|
|
641
636
|
selector: 'dotcms-block-editor-renderer-bullet-list',
|
|
642
|
-
standalone: true,
|
|
643
637
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
644
638
|
template: `
|
|
645
639
|
<ul>
|
|
@@ -649,18 +643,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
649
643
|
}]
|
|
650
644
|
}] });
|
|
651
645
|
class DotOrdererList {
|
|
652
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
653
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
646
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotOrdererList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
647
|
+
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
648
|
<ol>
|
|
655
649
|
<ng-content />
|
|
656
650
|
</ol>
|
|
657
651
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
658
652
|
}
|
|
659
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
653
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotOrdererList, decorators: [{
|
|
660
654
|
type: Component,
|
|
661
655
|
args: [{
|
|
662
656
|
selector: 'dotcms-block-editor-renderer-ordered-list',
|
|
663
|
-
standalone: true,
|
|
664
657
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
665
658
|
template: `
|
|
666
659
|
<ol>
|
|
@@ -670,18 +663,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
670
663
|
}]
|
|
671
664
|
}] });
|
|
672
665
|
class DotListItem {
|
|
673
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
674
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
666
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotListItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
667
|
+
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
668
|
<li>
|
|
676
669
|
<ng-content />
|
|
677
670
|
</li>
|
|
678
671
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
679
672
|
}
|
|
680
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
673
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotListItem, decorators: [{
|
|
681
674
|
type: Component,
|
|
682
675
|
args: [{
|
|
683
676
|
selector: 'dotcms-block-editor-renderer-list-item',
|
|
684
|
-
standalone: true,
|
|
685
677
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
686
678
|
template: `
|
|
687
679
|
<li>
|
|
@@ -695,8 +687,8 @@ class DotTableBlock {
|
|
|
695
687
|
constructor() {
|
|
696
688
|
this.blockEditorItem = DotCMSBlockEditorItemComponent;
|
|
697
689
|
}
|
|
698
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
699
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
690
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotTableBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
691
|
+
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
692
|
<table>
|
|
701
693
|
<thead>
|
|
702
694
|
@for (rowNode of content?.slice(0, 1); track rowNode.type) {
|
|
@@ -733,9 +725,9 @@ class DotTableBlock {
|
|
|
733
725
|
}
|
|
734
726
|
</tbody>
|
|
735
727
|
</table>
|
|
736
|
-
`, 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"] }] }); }
|
|
737
729
|
}
|
|
738
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
730
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotTableBlock, decorators: [{
|
|
739
731
|
type: Component,
|
|
740
732
|
args: [{
|
|
741
733
|
selector: 'dotcms-block-editor-renderer-table',
|
|
@@ -784,18 +776,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
784
776
|
}] } });
|
|
785
777
|
|
|
786
778
|
class DotParagraphBlock {
|
|
787
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
788
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
779
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotParagraphBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
780
|
+
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
781
|
<p>
|
|
790
782
|
<ng-content />
|
|
791
783
|
</p>
|
|
792
784
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
793
785
|
}
|
|
794
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
786
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotParagraphBlock, decorators: [{
|
|
795
787
|
type: Component,
|
|
796
788
|
args: [{
|
|
797
789
|
selector: 'dotcms-block-editor-renderer-paragraph',
|
|
798
|
-
standalone: true,
|
|
799
790
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
800
791
|
template: `
|
|
801
792
|
<p>
|
|
@@ -805,8 +796,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
805
796
|
}]
|
|
806
797
|
}] });
|
|
807
798
|
class DotHeadingBlock {
|
|
808
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
809
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
799
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotHeadingBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
800
|
+
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
801
|
@switch (level) {
|
|
811
802
|
@case ('1') {
|
|
812
803
|
<h1>
|
|
@@ -846,11 +837,10 @@ class DotHeadingBlock {
|
|
|
846
837
|
}
|
|
847
838
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
848
839
|
}
|
|
849
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
840
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotHeadingBlock, decorators: [{
|
|
850
841
|
type: Component,
|
|
851
842
|
args: [{
|
|
852
843
|
selector: 'dotcms-block-editor-renderer-heading',
|
|
853
|
-
standalone: true,
|
|
854
844
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
855
845
|
template: `
|
|
856
846
|
@switch (level) {
|
|
@@ -899,7 +889,7 @@ class DotTextBlock {
|
|
|
899
889
|
constructor() {
|
|
900
890
|
this.marks = [];
|
|
901
891
|
this.text = '';
|
|
902
|
-
this.$remainingMarks = computed(() => this.marks?.slice(1));
|
|
892
|
+
this.$remainingMarks = computed(() => this.marks?.slice(1), ...(ngDevMode ? [{ debugName: "$remainingMarks" }] : []));
|
|
903
893
|
this.$currentAttrs = computed(() => {
|
|
904
894
|
const attrs = { ...(this.marks?.[0]?.attrs || {}) };
|
|
905
895
|
if (attrs['class']) {
|
|
@@ -907,10 +897,10 @@ class DotTextBlock {
|
|
|
907
897
|
delete attrs['class'];
|
|
908
898
|
}
|
|
909
899
|
return attrs;
|
|
910
|
-
});
|
|
900
|
+
}, ...(ngDevMode ? [{ debugName: "$currentAttrs" }] : []));
|
|
911
901
|
}
|
|
912
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
913
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
902
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotTextBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
903
|
+
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
904
|
@switch (marks?.[0]?.type) {
|
|
915
905
|
@case ('link') {
|
|
916
906
|
<a
|
|
@@ -955,11 +945,10 @@ class DotTextBlock {
|
|
|
955
945
|
}
|
|
956
946
|
`, isInline: true, dependencies: [{ kind: "component", type: DotTextBlock, selector: "dotcms-block-editor-renderer-text", inputs: ["marks", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
957
947
|
}
|
|
958
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
948
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotTextBlock, decorators: [{
|
|
959
949
|
type: Component,
|
|
960
950
|
args: [{
|
|
961
951
|
selector: 'dotcms-block-editor-renderer-text',
|
|
962
|
-
standalone: true,
|
|
963
952
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
964
953
|
template: `
|
|
965
954
|
@switch (marks?.[0]?.type) {
|
|
@@ -1027,8 +1016,8 @@ class DotUnknownBlockComponent {
|
|
|
1027
1016
|
get isEditMode() {
|
|
1028
1017
|
return getUVEState()?.mode === UVE_MODE.EDIT;
|
|
1029
1018
|
}
|
|
1030
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1031
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1019
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotUnknownBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1020
|
+
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
1021
|
@if (isEditMode) {
|
|
1033
1022
|
<div [style]="style" data-testid="unknown-block-type">
|
|
1034
1023
|
<strong style="color: #c53030">Warning:</strong>
|
|
@@ -1046,11 +1035,10 @@ class DotUnknownBlockComponent {
|
|
|
1046
1035
|
}
|
|
1047
1036
|
`, isInline: true }); }
|
|
1048
1037
|
}
|
|
1049
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1038
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotUnknownBlockComponent, decorators: [{
|
|
1050
1039
|
type: Component,
|
|
1051
1040
|
args: [{
|
|
1052
1041
|
selector: 'dotcms-block-editor-renderer-unknown',
|
|
1053
|
-
standalone: true,
|
|
1054
1042
|
template: `
|
|
1055
1043
|
@if (isEditMode) {
|
|
1056
1044
|
<div [style]="style" data-testid="unknown-block-type">
|
|
@@ -1075,11 +1063,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
1075
1063
|
|
|
1076
1064
|
class DotVideoBlock {
|
|
1077
1065
|
constructor() {
|
|
1078
|
-
this.$srcURL = computed(() => this.attrs?.['src']);
|
|
1079
|
-
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" }] : []));
|
|
1080
1068
|
}
|
|
1081
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1082
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1069
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotVideoBlock, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1070
|
+
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
1071
|
<video
|
|
1084
1072
|
[controls]="true"
|
|
1085
1073
|
preload="metadata"
|
|
@@ -1094,11 +1082,10 @@ class DotVideoBlock {
|
|
|
1094
1082
|
</video>
|
|
1095
1083
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1096
1084
|
}
|
|
1097
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1085
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotVideoBlock, decorators: [{
|
|
1098
1086
|
type: Component,
|
|
1099
1087
|
args: [{
|
|
1100
1088
|
selector: 'dotcms-block-editor-renderer-video',
|
|
1101
|
-
standalone: true,
|
|
1102
1089
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1103
1090
|
template: `
|
|
1104
1091
|
<video
|
|
@@ -1123,10 +1110,10 @@ class DotCMSBlockEditorItemComponent {
|
|
|
1123
1110
|
constructor() {
|
|
1124
1111
|
this.BLOCKS = BlockEditorDefaultBlocks;
|
|
1125
1112
|
}
|
|
1126
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1127
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1113
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSBlockEditorItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1114
|
+
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 \"></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" }] }); }
|
|
1128
1115
|
}
|
|
1129
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSBlockEditorItemComponent, decorators: [{
|
|
1130
1117
|
type: Component,
|
|
1131
1118
|
args: [{ selector: 'dotcms-block-editor-renderer-block', imports: [
|
|
1132
1119
|
NgTemplateOutlet,
|
|
@@ -1170,8 +1157,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
1170
1157
|
*/
|
|
1171
1158
|
class DotCMSBlockEditorRendererComponent {
|
|
1172
1159
|
constructor() {
|
|
1173
|
-
this.$blockEditorState = signal({ error: null });
|
|
1174
|
-
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" }] : []));
|
|
1175
1162
|
}
|
|
1176
1163
|
ngOnInit() {
|
|
1177
1164
|
const state = isValidBlocks(this.blocks);
|
|
@@ -1180,10 +1167,10 @@ class DotCMSBlockEditorRendererComponent {
|
|
|
1180
1167
|
}
|
|
1181
1168
|
this.$blockEditorState.set(isValidBlocks(this.blocks));
|
|
1182
1169
|
}
|
|
1183
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1184
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1170
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSBlockEditorRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1171
|
+
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
1172
|
}
|
|
1186
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSBlockEditorRendererComponent, decorators: [{
|
|
1187
1174
|
type: Component,
|
|
1188
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" }]
|
|
1189
1176
|
}], propDecorators: { blocks: [{
|
|
@@ -1205,8 +1192,8 @@ class PageErrorMessageComponent {
|
|
|
1205
1192
|
ngOnInit() {
|
|
1206
1193
|
console.warn('Missing required layout.body property in page');
|
|
1207
1194
|
}
|
|
1208
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1209
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1195
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1196
|
+
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
1197
|
<div
|
|
1211
1198
|
data-testid="error-message"
|
|
1212
1199
|
style="padding: 1rem; border: 1px solid #e0e0e0; border-radius: 4px;">
|
|
@@ -1223,7 +1210,7 @@ class PageErrorMessageComponent {
|
|
|
1223
1210
|
</div>
|
|
1224
1211
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1225
1212
|
}
|
|
1226
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageErrorMessageComponent, decorators: [{
|
|
1227
1214
|
type: Component,
|
|
1228
1215
|
args: [{
|
|
1229
1216
|
selector: 'dotcms-page-error-message',
|
|
@@ -1262,7 +1249,7 @@ const EMPTY_DOTCMS_PAGE_STORE = {
|
|
|
1262
1249
|
*/
|
|
1263
1250
|
class DotCMSStore {
|
|
1264
1251
|
constructor() {
|
|
1265
|
-
this.$store = signal(EMPTY_DOTCMS_PAGE_STORE);
|
|
1252
|
+
this.$store = signal(EMPTY_DOTCMS_PAGE_STORE, ...(ngDevMode ? [{ debugName: "$store" }] : []));
|
|
1266
1253
|
/**
|
|
1267
1254
|
* @description Get if the current context is in development mode
|
|
1268
1255
|
* @readonly
|
|
@@ -1275,7 +1262,7 @@ class DotCMSStore {
|
|
|
1275
1262
|
return uveState?.mode === UVE_MODE.EDIT;
|
|
1276
1263
|
}
|
|
1277
1264
|
return this.$store()?.mode === DEVELOPMENT_MODE;
|
|
1278
|
-
});
|
|
1265
|
+
}, ...(ngDevMode ? [{ debugName: "$isDevMode" }] : []));
|
|
1279
1266
|
}
|
|
1280
1267
|
/**
|
|
1281
1268
|
* @description Get the store
|
|
@@ -1294,10 +1281,10 @@ class DotCMSStore {
|
|
|
1294
1281
|
setStore(store) {
|
|
1295
1282
|
this.$store.set(store);
|
|
1296
1283
|
}
|
|
1297
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1298
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1284
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1285
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSStore, providedIn: 'root' }); }
|
|
1299
1286
|
}
|
|
1300
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1287
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSStore, decorators: [{
|
|
1301
1288
|
type: Injectable,
|
|
1302
1289
|
args: [{
|
|
1303
1290
|
providedIn: 'root'
|
|
@@ -1324,8 +1311,8 @@ class ContainerNotFoundComponent {
|
|
|
1324
1311
|
console.error(`Container with identifier ${this.identifier} not found`);
|
|
1325
1312
|
}
|
|
1326
1313
|
}
|
|
1327
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1328
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1314
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContainerNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1315
|
+
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
1316
|
@if ($isDevMode()) {
|
|
1330
1317
|
<div [attr.data-testid]="'container-not-found'" [ngStyle]="emptyContainerStyle">
|
|
1331
1318
|
This container with identifier {{ identifier }} was not found.
|
|
@@ -1333,7 +1320,7 @@ class ContainerNotFoundComponent {
|
|
|
1333
1320
|
}
|
|
1334
1321
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
1335
1322
|
}
|
|
1336
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1323
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContainerNotFoundComponent, decorators: [{
|
|
1337
1324
|
type: Component,
|
|
1338
1325
|
args: [{
|
|
1339
1326
|
selector: 'dotcms-container-not-found',
|
|
@@ -1363,8 +1350,8 @@ class EmptyContainerComponent {
|
|
|
1363
1350
|
this.$isDevMode = this.#dotCMSStore.$isDevMode;
|
|
1364
1351
|
}
|
|
1365
1352
|
#dotCMSStore;
|
|
1366
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1367
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1353
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EmptyContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1354
|
+
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
1355
|
@if ($isDevMode()) {
|
|
1369
1356
|
<div [ngStyle]="emptyContainerStyle" data-testid="empty-container">
|
|
1370
1357
|
<span data-testid="empty-container-message" data-dot-object="empty-content">
|
|
@@ -1374,7 +1361,7 @@ class EmptyContainerComponent {
|
|
|
1374
1361
|
}
|
|
1375
1362
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
1376
1363
|
}
|
|
1377
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EmptyContainerComponent, decorators: [{
|
|
1378
1365
|
type: Component,
|
|
1379
1366
|
args: [{
|
|
1380
1367
|
selector: 'dotcms-empty-container',
|
|
@@ -1401,8 +1388,8 @@ class FallbackComponent {
|
|
|
1401
1388
|
constructor() {
|
|
1402
1389
|
this.UserNoComponent = null;
|
|
1403
1390
|
}
|
|
1404
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1405
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1391
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FallbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1392
|
+
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
1393
|
@if (UserNoComponent) {
|
|
1407
1394
|
<ng-container *ngComponentOutlet="UserNoComponent | async; inputs: { contentlet }" />
|
|
1408
1395
|
} @else {
|
|
@@ -1410,9 +1397,9 @@ class FallbackComponent {
|
|
|
1410
1397
|
<p>No component found for content type: {{ contentlet.contentType }}</p>
|
|
1411
1398
|
</div>
|
|
1412
1399
|
}
|
|
1413
|
-
`, 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 }); }
|
|
1414
1401
|
}
|
|
1415
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1402
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FallbackComponent, decorators: [{
|
|
1416
1403
|
type: Component,
|
|
1417
1404
|
args: [{
|
|
1418
1405
|
selector: 'dotcms-fallback-component',
|
|
@@ -1446,18 +1433,18 @@ class ContentletComponent {
|
|
|
1446
1433
|
constructor() {
|
|
1447
1434
|
this.dotObject = 'contentlet';
|
|
1448
1435
|
this.#dotCMSStore = inject(DotCMSStore);
|
|
1449
|
-
this.$contentlet = signal(null);
|
|
1450
|
-
this.$UserComponent = signal(null);
|
|
1451
|
-
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" }] : []));
|
|
1452
1439
|
this.$isDevMode = this.#dotCMSStore.$isDevMode;
|
|
1453
|
-
this.$haveContent = signal(false);
|
|
1454
|
-
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" }] : []));
|
|
1455
1442
|
this.$dotAttributes = computed(() => {
|
|
1456
1443
|
const contentlet = this.$contentlet();
|
|
1457
1444
|
if (!contentlet || !this.$isDevMode())
|
|
1458
1445
|
return {};
|
|
1459
1446
|
return getDotContentletAttributes(contentlet, this.containerData.identifier);
|
|
1460
|
-
});
|
|
1447
|
+
}, ...(ngDevMode ? [{ debugName: "$dotAttributes" }] : []));
|
|
1461
1448
|
this.identifier = null;
|
|
1462
1449
|
this.basetype = null;
|
|
1463
1450
|
this.title = null;
|
|
@@ -1499,8 +1486,8 @@ class ContentletComponent {
|
|
|
1499
1486
|
this.$haveContent.set(hasContent);
|
|
1500
1487
|
}
|
|
1501
1488
|
}
|
|
1502
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1503
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1489
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContentletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1490
|
+
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
1491
|
@if ($UserComponent()) {
|
|
1505
1492
|
<ng-container
|
|
1506
1493
|
*ngComponentOutlet="
|
|
@@ -1512,9 +1499,9 @@ class ContentletComponent {
|
|
|
1512
1499
|
[UserNoComponent]="$UserNoComponent()"
|
|
1513
1500
|
[contentlet]="$contentlet() ?? contentlet" />
|
|
1514
1501
|
}
|
|
1515
|
-
`, 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 }); }
|
|
1516
1503
|
}
|
|
1517
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1504
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContentletComponent, decorators: [{
|
|
1518
1505
|
type: Component,
|
|
1519
1506
|
args: [{
|
|
1520
1507
|
selector: 'dotcms-contentlet',
|
|
@@ -1583,16 +1570,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
1583
1570
|
class ContainerComponent {
|
|
1584
1571
|
constructor() {
|
|
1585
1572
|
this.#dotCMSStore = inject(DotCMSStore);
|
|
1586
|
-
this.$containerData = signal(null);
|
|
1587
|
-
this.$contentlets = signal([]);
|
|
1588
|
-
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" }] : []));
|
|
1589
1576
|
this.$dotAttributes = computed(() => {
|
|
1590
1577
|
const containerData = this.$containerData();
|
|
1591
1578
|
if (!containerData || !this.#dotCMSStore.$isDevMode()) {
|
|
1592
1579
|
return {};
|
|
1593
1580
|
}
|
|
1594
1581
|
return getDotContainerAttributes(containerData);
|
|
1595
|
-
});
|
|
1582
|
+
}, ...(ngDevMode ? [{ debugName: "$dotAttributes" }] : []));
|
|
1596
1583
|
this.dotObject = 'container';
|
|
1597
1584
|
this.acceptTypes = null;
|
|
1598
1585
|
this.identifier = null;
|
|
@@ -1612,8 +1599,8 @@ class ContainerComponent {
|
|
|
1612
1599
|
this.maxContentlets = this.$dotAttributes()['data-max-contentlets'];
|
|
1613
1600
|
this.uuid = this.$dotAttributes()['data-dot-uuid'];
|
|
1614
1601
|
}
|
|
1615
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1616
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1602
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1603
|
+
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
1604
|
@if (!$containerData()) {
|
|
1618
1605
|
<dotcms-container-not-found [identifier]="container.identifier" />
|
|
1619
1606
|
} @else if ($isEmpty()) {
|
|
@@ -1625,7 +1612,7 @@ class ContainerComponent {
|
|
|
1625
1612
|
}
|
|
1626
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 }); }
|
|
1627
1614
|
}
|
|
1628
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1615
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContainerComponent, decorators: [{
|
|
1629
1616
|
type: Component,
|
|
1630
1617
|
args: [{
|
|
1631
1618
|
selector: 'dotcms-container',
|
|
@@ -1678,8 +1665,8 @@ class ColumnComponent {
|
|
|
1678
1665
|
const positionClasses = getColumnPositionClasses(this.column);
|
|
1679
1666
|
this.customClasses = combineClasses([positionClasses.startClass, positionClasses.endClass]);
|
|
1680
1667
|
}
|
|
1681
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1682
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1668
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1669
|
+
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
1670
|
<div [class]="column.styleClass" data-testid="dotcms-column">
|
|
1684
1671
|
@for (container of column.containers; track $index) {
|
|
1685
1672
|
<dotcms-container [container]="container" />
|
|
@@ -1687,7 +1674,7 @@ class ColumnComponent {
|
|
|
1687
1674
|
</div>
|
|
1688
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 }); }
|
|
1689
1676
|
}
|
|
1690
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1677
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ColumnComponent, decorators: [{
|
|
1691
1678
|
type: Component,
|
|
1692
1679
|
args: [{ selector: 'dotcms-column', imports: [ContainerComponent], template: `
|
|
1693
1680
|
<div [class]="column.styleClass" data-testid="dotcms-column">
|
|
@@ -1714,13 +1701,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
1714
1701
|
*/
|
|
1715
1702
|
class RowComponent {
|
|
1716
1703
|
constructor() {
|
|
1717
|
-
this.customClasses = signal('');
|
|
1704
|
+
this.customClasses = signal('', ...(ngDevMode ? [{ debugName: "customClasses" }] : []));
|
|
1718
1705
|
}
|
|
1719
1706
|
ngOnChanges() {
|
|
1720
1707
|
this.customClasses.set(combineClasses([this.row.styleClass ?? '', 'dot-row']));
|
|
1721
1708
|
}
|
|
1722
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1723
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1709
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1710
|
+
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
1711
|
<div class="dot-row-container">
|
|
1725
1712
|
<div [class]="customClasses()" data-dot-object="row" data-testid="dotcms-row">
|
|
1726
1713
|
@for (column of row.columns; track $index) {
|
|
@@ -1730,7 +1717,7 @@ class RowComponent {
|
|
|
1730
1717
|
</div>
|
|
1731
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 }); }
|
|
1732
1719
|
}
|
|
1733
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1720
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RowComponent, decorators: [{
|
|
1734
1721
|
type: Component,
|
|
1735
1722
|
args: [{ selector: 'dotcms-row', imports: [ColumnComponent], template: `
|
|
1736
1723
|
<div class="dot-row-container">
|
|
@@ -1765,8 +1752,8 @@ class DotCMSLayoutBodyComponent {
|
|
|
1765
1752
|
this.mode = 'production';
|
|
1766
1753
|
this.#dotCMSStore = inject(DotCMSStore);
|
|
1767
1754
|
this.$isDevMode = this.#dotCMSStore.$isDevMode;
|
|
1768
|
-
this.$rows = signal([]);
|
|
1769
|
-
this.$isEmpty = signal(false);
|
|
1755
|
+
this.$rows = signal([], ...(ngDevMode ? [{ debugName: "$rows" }] : []));
|
|
1756
|
+
this.$isEmpty = signal(false, ...(ngDevMode ? [{ debugName: "$isEmpty" }] : []));
|
|
1770
1757
|
}
|
|
1771
1758
|
#dotCMSStore;
|
|
1772
1759
|
ngOnChanges() {
|
|
@@ -1778,8 +1765,8 @@ class DotCMSLayoutBodyComponent {
|
|
|
1778
1765
|
this.$isEmpty.set(!this.page?.layout?.body);
|
|
1779
1766
|
this.$rows.set(this.page?.layout?.body?.rows ?? []);
|
|
1780
1767
|
}
|
|
1781
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1782
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1768
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSLayoutBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1769
|
+
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
1770
|
@if ($isEmpty() && $isDevMode()) {
|
|
1784
1771
|
<dotcms-page-error-message />
|
|
1785
1772
|
} @else {
|
|
@@ -1789,7 +1776,7 @@ class DotCMSLayoutBodyComponent {
|
|
|
1789
1776
|
}
|
|
1790
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 }); }
|
|
1791
1778
|
}
|
|
1792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1779
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSLayoutBodyComponent, decorators: [{
|
|
1793
1780
|
type: Component,
|
|
1794
1781
|
args: [{ selector: 'dotcms-layout-body', imports: [PageErrorMessageComponent, RowComponent], providers: [DotCMSStore], template: `
|
|
1795
1782
|
@if ($isEmpty() && $isDevMode()) {
|
|
@@ -1887,10 +1874,10 @@ class DotCMSEditablePageService {
|
|
|
1887
1874
|
});
|
|
1888
1875
|
return unsubscribe;
|
|
1889
1876
|
}
|
|
1890
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1891
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1877
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSEditablePageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1878
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSEditablePageService, providedIn: 'root' }); }
|
|
1892
1879
|
}
|
|
1893
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1880
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DotCMSEditablePageService, decorators: [{
|
|
1894
1881
|
type: Injectable,
|
|
1895
1882
|
args: [{
|
|
1896
1883
|
providedIn: 'root'
|