@sitecore-jss/sitecore-jss-angular 23.0.0-canary.8 → 23.0.0

package/dist/fesm2022/sitecore-jss-sitecore-jss-angular.mjs

@@ -1,23 +1,22 @@
 import * as i0 from '@angular/core';
-import { inject, ViewContainerRef, TemplateRef, Input, Directive, HostBinding, Component, Renderer2, ElementRef, InjectionToken, Injector, createNgModule, Injectable, TransferState, EventEmitter, KeyValueDiffers, ChangeDetectorRef, PLATFORM_ID, ViewChild, ContentChild, Output, ɵisPromise as _isPromise, NgModule } from '@angular/core';
+import { inject, ViewContainerRef, TemplateRef, Input, Directive, Renderer2, ElementRef, InjectionToken, Component, Injector, createNgModule, Injectable, EventEmitter, KeyValueDiffers, ChangeDetectorRef, PLATFORM_ID, ViewChild, ContentChild, Output, HostBinding, TransferState, ɵisPromise as _isPromise, NgModule } from '@angular/core';
 import { mediaApi } from '@sitecore-jss/sitecore-jss/media';
 export { mediaApi } from '@sitecore-jss/sitecore-jss/media';
-import { isFieldValueEmpty, EditMode, isDynamicPlaceholder, getDynamicPlaceholderPattern, LayoutServicePageState } from '@sitecore-jss/sitecore-jss/layout';
-export { EditMode, GraphQLLayoutService, LayoutServicePageState, RestLayoutService, getChildPlaceholder, getContentStylesheetLink, getFieldValue } from '@sitecore-jss/sitecore-jss/layout';
-import { MetadataKind, DEFAULT_PLACEHOLDER_UID, mapButtonToCommand, getJssPagesClientData } from '@sitecore-jss/sitecore-jss/editing';
-export { DefaultEditFrameButton, DefaultEditFrameButtons, handleEditorAnchors, isEditorActive, resetEditorChromes } from '@sitecore-jss/sitecore-jss/editing';
+import { isFieldValueEmpty, isDynamicPlaceholder, getDynamicPlaceholderPattern } from '@sitecore-jss/sitecore-jss/layout';
+export { GraphQLLayoutService, LayoutServicePageState, RestLayoutService, getChildPlaceholder, getFieldValue } from '@sitecore-jss/sitecore-jss/layout';
 import { Router, RedirectCommand, UrlTree, ActivatedRoute, ROUTES } from '@angular/router';
-import { isAbsoluteUrl, isServer } from '@sitecore-jss/sitecore-jss/utils';
+import { isAbsoluteUrl } from '@sitecore-jss/sitecore-jss/utils';
 export { isServer } from '@sitecore-jss/sitecore-jss/utils';
 import * as i1 from '@angular/common';
-import { isPlatformServer, CommonModule, DatePipe, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import { BehaviorSubject, Observable, isObservable, from, of, lastValueFrom } from 'rxjs';
+import { isPlatformServer, CommonModule, DatePipe } from '@angular/common';
+import { Observable, BehaviorSubject, isObservable, from, of, lastValueFrom } from 'rxjs';
 import { takeWhile, take, mergeMap } from 'rxjs/operators';
-import { constants, form, debug } from '@sitecore-jss/sitecore-jss';
+import { constants } from '@sitecore-jss/sitecore-jss';
 export { ClientError, MemoryCacheClient, NativeDataFetcher, constants, debug, enableDebug } from '@sitecore-jss/sitecore-jss';
+import { mapButtonToCommand } from '@sitecore-jss/sitecore-jss/editing';
+export { DefaultEditFrameButton, DefaultEditFrameButtons, handleEditorAnchors, isEditorActive, resetEditorChromes } from '@sitecore-jss/sitecore-jss/editing';
 export { GraphQLDictionaryService, RestDictionaryService } from '@sitecore-jss/sitecore-jss/i18n';
-export { DefaultRetryStrategy, GraphQLRequestClient, getEdgeProxyContentUrl } from '@sitecore-jss/sitecore-jss/graphql';
-export { CdpHelper, DEFAULT_VARIANT, GraphQLPersonalizeService, getGroomedVariantIds, personalizeLayout } from '@sitecore-jss/sitecore-jss/personalize';
+export { DefaultRetryStrategy, GraphQLRequestClient } from '@sitecore-jss/sitecore-jss/graphql';
 export { trackingApi } from '@sitecore-jss/sitecore-jss/tracking';
 
 /**
@@ -63,38 +62,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 args: ['scFile']
             }] } });
 
-/**
- * Component that renders a field' metadata chrome element.
- */
-class FieldMetadataMarkerComponent {
-    metadata;
-    kind = MetadataKind.Open;
-    get metadataString() {
-        return this.metadata ? JSON.stringify(this.metadata) : '';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FieldMetadataMarkerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: FieldMetadataMarkerComponent, isStandalone: true, selector: "code[scFieldMetadataMarker]", inputs: { metadata: "metadata", kind: "kind" }, host: { properties: { "attr.type": "\"text/sitecore\"", "attr.chrometype": "\"field\"", "class": "\"scpm\"", "attr.kind": "this.kind" } }, ngImport: i0, template: '{{ metadataString }}', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FieldMetadataMarkerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'code[scFieldMetadataMarker]',
-                    template: '{{ metadataString }}',
-                    host: {
-                        '[attr.type]': '"text/sitecore"',
-                        '[attr.chrometype]': '"field"',
-                        '[class]': '"scpm"',
-                    },
-                }]
-        }], propDecorators: { metadata: [{
-                type: Input
-            }], kind: [{
-                type: HostBinding,
-                args: ['attr.kind']
-            }, {
-                type: Input
-            }] } });
-
 /**
  * Base class that contains common functionality for the field directives.
  */
@@ -108,34 +75,6 @@ class BaseFieldDirective {
     shouldRender() {
         return !!this.field?.editable || !isFieldValueEmpty(this.field);
     }
-    /**
-     * Renders the empty field markup which is required by Pages in editMode 'metadata' in case field is empty.
-     */
-    renderEmpty() {
-        if (this.field?.metadata && this.editable) {
-            this.renderMetadata(MetadataKind.Open);
-            if (this.emptyFieldEditingTemplate) {
-                this.viewContainer.createEmbeddedView(this.emptyFieldEditingTemplate);
-            }
-            else {
-                this.viewContainer.createComponent(this.defaultFieldEditingComponent);
-            }
-            this.renderMetadata(MetadataKind.Close);
-        }
-    }
-    /**
-     * Renders a metadata chrome marker for the field. Required by Pages in editMode 'metadata'.
-     * @param {string} kind - 'open' or 'close' to indicate the start or end of the metadata chrome
-     */
-    renderMetadata(kind) {
-        if (this.field?.metadata && this.editable) {
-            const metadataChrome = this.viewContainer.createComponent(FieldMetadataMarkerComponent);
-            metadataChrome.setInput('kind', kind);
-            if (kind === MetadataKind.Open) {
-                metadataChrome.setInput('metadata', this.field.metadata);
-            }
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: BaseFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: BaseFieldDirective, isStandalone: true, ngImport: i0 });
 }
@@ -143,30 +82,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             type: Directive
         }] });
 
-/**
- * Default component that will be rendered in pages when image field is empty.
- */
-class DefaultEmptyImageFieldEditingComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DefaultEmptyImageFieldEditingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: DefaultEmptyImageFieldEditingComponent, isStandalone: true, selector: "[sc-default-empty-image-field-editing-placeholder]", ngImport: i0, template: `
-    <img
-      alt=""
-      src='data:image/svg+xml,%3Csvg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 240 240" style="enable-background:new 0 0 240 240;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23969696;%7D .st2%7Bfill:%23FFFFFF;%7D .st3%7Bfill:%23FFFFFF;stroke:%23FFFFFF;stroke-width:0.75;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Crect class="st0" width="240" height="240"/%3E%3Cg%3E%3Cg%3E%3Crect x="20" y="20" class="st1" width="200" height="200"/%3E%3C/g%3E%3Cg%3E%3Ccircle class="st2" cx="174" cy="67" r="14"/%3E%3Cpath class="st2" d="M174,54c7.17,0,13,5.83,13,13s-5.83,13-13,13s-13-5.83-13-13S166.83,54,174,54 M174,52 c-8.28,0-15,6.72-15,15s6.72,15,15,15s15-6.72,15-15S182.28,52,174,52L174,52z"/%3E%3C/g%3E%3Cpolyline class="st3" points="29.5,179.25 81.32,122.25 95.41,137.75 137.23,91.75 209.5,179.75 "/%3E%3C/g%3E%3C/g%3E%3C/svg%3E'
-      class="scEmptyImage"
-    />
-  `, isInline: true, styles: [":host{min-width:48px;min-height:48px;max-width:400px;max-height:400px;cursor:pointer}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DefaultEmptyImageFieldEditingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: '[sc-default-empty-image-field-editing-placeholder]', template: `
-    <img
-      alt=""
-      src='data:image/svg+xml,%3Csvg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 240 240" style="enable-background:new 0 0 240 240;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23969696;%7D .st2%7Bfill:%23FFFFFF;%7D .st3%7Bfill:%23FFFFFF;stroke:%23FFFFFF;stroke-width:0.75;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Crect class="st0" width="240" height="240"/%3E%3Cg%3E%3Cg%3E%3Crect x="20" y="20" class="st1" width="200" height="200"/%3E%3C/g%3E%3Cg%3E%3Ccircle class="st2" cx="174" cy="67" r="14"/%3E%3Cpath class="st2" d="M174,54c7.17,0,13,5.83,13,13s-5.83,13-13,13s-13-5.83-13-13S166.83,54,174,54 M174,52 c-8.28,0-15,6.72-15,15s6.72,15,15,15s15-6.72,15-15S182.28,52,174,52L174,52z"/%3E%3C/g%3E%3Cpolyline class="st3" points="29.5,179.25 81.32,122.25 95.41,137.75 137.23,91.75 209.5,179.75 "/%3E%3C/g%3E%3C/g%3E%3C/svg%3E'
-      class="scEmptyImage"
-    />
-  `, styles: [":host{min-width:48px;min-height:48px;max-width:400px;max-height:400px;cursor:pointer}\n"] }]
-        }] });
-
 class ImageDirective extends BaseFieldDirective {
     field;
     editable = true;
@@ -180,14 +95,6 @@ class ImageDirective extends BaseFieldDirective {
     mediaUrlPrefix;
     urlParams = {};
     attrs = {};
-    /**
-     * Custom template to render in Pages in Metadata edit mode if field value is empty
-     */
-    emptyFieldEditingTemplate;
-    /**
-     * Default component to render in Pages in Metadata edit mode if field value is empty and emptyFieldEditingTemplate is not provided
-     */
-    defaultFieldEditingComponent = DefaultEmptyImageFieldEditingComponent;
     inlineRef = null;
     templateRef = inject(TemplateRef);
     renderer = inject(Renderer2);
@@ -204,7 +111,6 @@ class ImageDirective extends BaseFieldDirective {
     }
     updateView() {
         if (!this.shouldRender()) {
-            super.renderEmpty();
             return;
         }
         const overrideAttrs = {
@@ -235,9 +141,7 @@ class ImageDirective extends BaseFieldDirective {
         }
         attrs = this.getImageAttrs(img, overrideAttrs, this.urlParams);
         if (attrs) {
-            this.renderMetadata(MetadataKind.Open);
             this.renderTemplate(attrs);
-            this.renderMetadata(MetadataKind.Close);
         }
     }
     getImageAttrs(fieldAttrs, parsedAttrs, imageParams) {
@@ -302,7 +206,7 @@ class ImageDirective extends BaseFieldDirective {
         this.inlineRef = span;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: ImageDirective, isStandalone: true, selector: "[scImage]", inputs: { field: ["scImage", "field"], editable: ["scImageEditable", "editable"], mediaUrlPrefix: ["scImageMediaUrlPrefix", "mediaUrlPrefix"], urlParams: ["scImageUrlParams", "urlParams"], attrs: ["scImageAttrs", "attrs"], emptyFieldEditingTemplate: ["scImageEmptyFieldEditingTemplate", "emptyFieldEditingTemplate"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: ImageDirective, isStandalone: true, selector: "[scImage]", inputs: { field: ["scImage", "field"], editable: ["scImageEditable", "editable"], mediaUrlPrefix: ["scImageMediaUrlPrefix", "mediaUrlPrefix"], urlParams: ["scImageUrlParams", "urlParams"], attrs: ["scImageAttrs", "attrs"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ImageDirective, decorators: [{
             type: Directive,
@@ -322,38 +226,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             }], attrs: [{
                 type: Input,
                 args: ['scImageAttrs']
-            }], emptyFieldEditingTemplate: [{
-                type: Input,
-                args: ['scImageEmptyFieldEditingTemplate']
             }] } });
 
-/**
- * Default component that will be rendered in pages when field is empty; applies for text, richtext, date and link fields.
- */
-class DefaultEmptyFieldEditingComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DefaultEmptyFieldEditingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: DefaultEmptyFieldEditingComponent, isStandalone: true, selector: "<span>[sc-default-empty-text-field-editing-placeholder]</span>", ngImport: i0, template: '[No text in field]', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DefaultEmptyFieldEditingComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '<span>[sc-default-empty-text-field-editing-placeholder]</span>',
-                    template: '[No text in field]',
-                }]
-        }] });
-
 class LinkDirective extends BaseFieldDirective {
     editable = true;
     attrs = {};
     field;
-    /**
-     * Custom template to render in Pages in Metadata edit mode if field value is empty
-     */
-    emptyFieldEditingTemplate;
-    /**
-     * Default component to render in Pages in Metadata edit mode if field value is empty and emptyFieldEditingTemplate is not provided
-     */
-    defaultFieldEditingComponent = DefaultEmptyFieldEditingComponent;
     templateRef = inject(TemplateRef);
     renderer = inject(Renderer2);
     inlineRef = null;
@@ -403,12 +281,11 @@ class LinkDirective extends BaseFieldDirective {
     /**
      * Determines if directive should render the field as is
      * Returns true if we are in edit mode 'chromes' (field.editable is present) or field is not empty
-     * or link field text is present and we are not in edit mode 'metadata'
+     * or link field text is present.
      * The right side of the expression was added to preserve existing functionality
      */
     shouldRender() {
-        return (super.shouldRender() ||
-            !!((this.field?.text || this.field?.value?.text) && !this.field?.metadata));
+        return super.shouldRender() || !!(this.field?.text || this.field?.value?.text);
     }
     updateView() {
         const field = this.field;
@@ -417,7 +294,6 @@ class LinkDirective extends BaseFieldDirective {
         }
         else {
             if (!this.shouldRender()) {
-                super.renderEmpty();
                 return;
             }
             const props = field.href ? field : field.value;
@@ -426,9 +302,7 @@ class LinkDirective extends BaseFieldDirective {
             const href = `${props?.href}${anchor}`;
             const mergedAttrs = { ...props, ...this.attrs, href };
             delete mergedAttrs.anchor;
-            this.renderMetadata(MetadataKind.Open);
             this.renderTemplate(mergedAttrs, linkText);
-            this.renderMetadata(MetadataKind.Close);
         }
     }
     renderInlineWrapper(editableFirstPart, editableLastPart) {
@@ -464,7 +338,7 @@ class LinkDirective extends BaseFieldDirective {
         return attrs;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: LinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: LinkDirective, isStandalone: true, selector: "[scLink]", inputs: { editable: ["scLinkEditable", "editable"], attrs: ["scLinkAttrs", "attrs"], field: ["scLink", "field"], emptyFieldEditingTemplate: ["scLinkEmptyFieldEditingTemplate", "emptyFieldEditingTemplate"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: LinkDirective, isStandalone: true, selector: "[scLink]", inputs: { editable: ["scLinkEditable", "editable"], attrs: ["scLinkAttrs", "attrs"], field: ["scLink", "field"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: LinkDirective, decorators: [{
             type: Directive,
@@ -478,19 +352,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             }], field: [{
                 type: Input,
                 args: ['scLink']
-            }], emptyFieldEditingTemplate: [{
-                type: Input,
-                args: ['scLinkEmptyFieldEditingTemplate']
             }] } });
 
 class RouterLinkDirective extends LinkDirective {
     editable = true;
     attrs = {};
     field;
-    /**
-     * Custom template to render in Pages in Metadata edit mode if field value is empty
-     */
-    emptyFieldEditingTemplate;
     router = inject(Router);
     renderTemplate(props, linkText) {
         const viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
@@ -513,7 +380,7 @@ class RouterLinkDirective extends LinkDirective {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: RouterLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: RouterLinkDirective, isStandalone: true, selector: "[scRouterLink]", inputs: { editable: ["scRouterLinkEditable", "editable"], attrs: ["scRouterLinkAttrs", "attrs"], field: ["scRouterLink", "field"], emptyFieldEditingTemplate: ["scRouterLinkEmptyFieldEditingTemplate", "emptyFieldEditingTemplate"] }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: RouterLinkDirective, isStandalone: true, selector: "[scRouterLink]", inputs: { editable: ["scRouterLinkEditable", "editable"], attrs: ["scRouterLinkAttrs", "attrs"], field: ["scRouterLink", "field"] }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: RouterLinkDirective, decorators: [{
             type: Directive,
@@ -527,9 +394,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             }], field: [{
                 type: Input,
                 args: ['scRouterLink']
-            }], emptyFieldEditingTemplate: [{
-                type: Input,
-                args: ['scRouterLinkEmptyFieldEditingTemplate']
             }] } });
 
 class GenericLinkDirective extends LinkDirective {
@@ -537,10 +401,6 @@ class GenericLinkDirective extends LinkDirective {
     attrs = {};
     field;
     extras;
-    /**
-     * Custom template to render in Pages in Metadata edit mode if field value is empty
-     */
-    emptyFieldEditingTemplate;
     router = inject(Router);
     renderTemplate(props, linkText) {
         const viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
@@ -576,7 +436,7 @@ class GenericLinkDirective extends LinkDirective {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: GenericLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: GenericLinkDirective, isStandalone: true, selector: "[scGenericLink]", inputs: { editable: ["scGenericLinkEditable", "editable"], attrs: ["scGenericLinkAttrs", "attrs"], field: ["scGenericLink", "field"], extras: ["scGenericLinkExtras", "extras"], emptyFieldEditingTemplate: ["scGenericLinkEmptyFieldEditingTemplate", "emptyFieldEditingTemplate"] }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: GenericLinkDirective, isStandalone: true, selector: "[scGenericLink]", inputs: { editable: ["scGenericLinkEditable", "editable"], attrs: ["scGenericLinkAttrs", "attrs"], field: ["scGenericLink", "field"], extras: ["scGenericLinkExtras", "extras"] }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: GenericLinkDirective, decorators: [{
             type: Directive,
@@ -593,9 +453,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             }], extras: [{
                 type: Input,
                 args: ['scGenericLinkExtras']
-            }], emptyFieldEditingTemplate: [{
-                type: Input,
-                args: ['scGenericLinkEmptyFieldEditingTemplate']
             }] } });
 
 /**
@@ -805,46 +662,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 }]
         }] });
 
-class BaseJssState {
-    sitecore;
-    viewBag;
-}
-/**
- * The service that is used to store and retrieve the current state of the app.
- * Referenced by the SDK to get the current state of the app.
- */
-class JssStateService {
-    transferState = inject(TransferState);
-    _state;
-    constructor() {
-        this._state = new BehaviorSubject({});
-    }
-    /**
-     * Observable JSS state to subscribe to
-     */
-    get state() {
-        return this._state.asObservable();
-    }
-    /**
-     * The 'here and now' state value, usable without subscribing
-     */
-    get stateValue() {
-        return this._state.value;
-    }
-    /**
-     * Set new JSS state
-     * @param {JssState} newState new state
-     */
-    setState(newState) {
-        this._state.next(newState);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: JssStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: JssStateService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: JssStateService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
 class PlaceholderComponent {
     name;
     rendering;
@@ -857,9 +674,7 @@ class PlaceholderComponent {
     renderEmptyTemplate;
     placeholderLoading;
     view;
-    metadataNode;
     isLoading = true;
-    metadataMode;
     chromeType;
     _inputs;
     _differ;
@@ -867,7 +682,6 @@ class PlaceholderComponent {
     placeholderData;
     destroyed = false;
     parentStyleAttribute = '';
-    contextSubscription;
     differs = inject(KeyValueDiffers);
     componentFactory = inject(JssComponentFactoryService);
     changeDetectorRef = inject(ChangeDetectorRef);
@@ -879,12 +693,6 @@ class PlaceholderComponent {
     guardResolver = inject(GUARD_RESOLVER);
     dataResolver = inject(DATA_RESOLVER);
     platformId = inject(PLATFORM_ID);
-    jssState = inject(JssStateService);
-    constructor() {
-        this.contextSubscription = this.jssState.state.subscribe(({ sitecore }) => {
-            this.metadataMode = sitecore?.context.editMode === EditMode.Metadata;
-        });
-    }
     set inputs(value) {
         this._inputs = value;
         if (!this._differ && value) {
@@ -909,9 +717,6 @@ class PlaceholderComponent {
     ngOnDestroy() {
         this.destroyed = true;
         this._componentInstances = [];
-        if (this.contextSubscription) {
-            this.contextSubscription.unsubscribe();
-        }
     }
     ngOnChanges(changes) {
         this.chromeType = changes.name ? 'placeholder' : 'rendering';
@@ -934,56 +739,16 @@ class PlaceholderComponent {
         changes.forEachChangedItem((change) => (updates[change.key] = change.currentValue));
         this._componentInstances.forEach((componentInstance) => this._setComponentInputs(componentInstance, updates));
     }
-    /**
-     * Gets id for Metadata code blocks, in specific format
-     * Metadata code blocks will wrap be added around placeholder content and each rendering component
-     * to allow for editing integration in Pages.
-     * @param {string} kind code block type ("open" or "close"). "open" is added before an element, and "close" added after one.
-     * @param {string?} renderingId rendering uid to apply as id to code block
-     * @returns {string} formatted id value for code HTML node
-     */
-    getCodeBlockId = (kind, renderingId) => {
-        if (this.rendering && kind === MetadataKind.Open) {
-            const placeholderName = this.name;
-            const id = renderingId || this.rendering?.uid;
-            if (!renderingId && placeholderName) {
-                let phId = '';
-                for (const placeholder of Object.keys(this.rendering.placeholders || [])) {
-                    if (placeholderName === placeholder) {
-                        phId = id
-                            ? `${placeholderName}_${id}`
-                            : `${placeholderName}_${DEFAULT_PLACEHOLDER_UID}`;
-                        break;
-                    }
-                    // Check if the placeholder is a dynamic placeholder
-                    if (isDynamicPlaceholder(placeholder)) {
-                        const pattern = getDynamicPlaceholderPattern(placeholder);
-                        // Check if the placeholder matches the dynamic placeholder pattern
-                        if (pattern.test(placeholderName)) {
-                            phId = id ? `${placeholder}_${id}` : `${placeholder}_${DEFAULT_PLACEHOLDER_UID}`;
-                            break;
-                        }
-                    }
-                }
-                return phId;
-            }
-            else {
-                return id;
-            }
-        }
-        return undefined;
-    };
     /**
      * Get renderings/components to be rendered for current placeholder name
      * Can modify the inner placeholders collection to adjust to using SXA dynamic placeholders
      * @returns {ComponentRendering<ComponentFields> | HtmlElementRendering[] | null} List of renderings to be rendered
      */
     getPlaceholder() {
-        let phName = this.name?.slice() || '';
+        const phName = this.name?.slice() || '';
         /**
          * Process (SXA) dynamic placeholders
          * Find and replace the matching dynamic placeholder e.g 'nameOfContainer-{*}' with the requested e.g. 'nameOfContainer-1'.
-         * For Metadata EditMode, we need to keep the raw placeholder name in place.
          */
         this.rendering?.placeholders &&
             Object.keys(this.rendering.placeholders).forEach((placeholder) => {
@@ -991,13 +756,8 @@ class PlaceholderComponent {
                     ? getDynamicPlaceholderPattern(placeholder)
                     : null;
                 if (patternPlaceholder && patternPlaceholder.test(phName)) {
-                    if (this.metadataMode) {
-                        phName = placeholder;
-                    }
-                    else {
-                        this.rendering.placeholders[phName] = this.rendering.placeholders[placeholder];
-                        delete this.rendering.placeholders[placeholder];
-                    }
+                    this.rendering.placeholders[phName] = this.rendering.placeholders[placeholder];
+                    delete this.rendering.placeholders[placeholder];
                 }
             });
         if (this.rendering &&
@@ -1050,26 +810,13 @@ class PlaceholderComponent {
             try {
                 const nonGuarded = await this.guardResolver(factories);
                 const withData = await this.dataResolver(nonGuarded);
-                // not using index to ensure code blocks are rendered at correct positions
                 withData.forEach((rendering) => {
-                    this.metadataMode &&
-                        this.view.createEmbeddedView(this.metadataNode, {
-                            kind: MetadataKind.Open,
-                            chromeType: 'rendering',
-                            renderingId: rendering.factory.componentDefinition?.uid,
-                        });
                     if (this.renderEachTemplate && !isRawRendering(rendering.factory.componentDefinition)) {
                         this._renderTemplatedComponent(rendering.factory.componentDefinition);
                     }
                     else {
                         this._renderEmbeddedComponent(rendering.factory, rendering.data);
                     }
-                    this.metadataMode &&
-                        this.view.createEmbeddedView(this.metadataNode, {
-                            kind: MetadataKind.Close,
-                            chromeType: 'rendering',
-                            renderingId: rendering.factory.componentDefinition?.uid,
-                        });
                 });
                 this.isLoading = false;
                 this.changeDetectorRef.markForCheck();
@@ -1141,40 +888,11 @@ class PlaceholderComponent {
         this._componentInstances.push(componentInstance);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: PlaceholderComponent, isStandalone: true, selector: "sc-placeholder,[sc-placeholder]", inputs: { name: "name", rendering: "rendering", renderings: "renderings", outputs: "outputs", clientOnly: "clientOnly", inputs: "inputs" }, outputs: { loaded: "loaded", failed: "failed" }, queries: [{ propertyName: "renderEachTemplate", first: true, predicate: RenderEachDirective, descendants: true, static: true }, { propertyName: "renderEmptyTemplate", first: true, predicate: RenderEmptyDirective, descendants: true, static: true }, { propertyName: "placeholderLoading", first: true, predicate: PlaceholderLoadingDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "view", first: true, predicate: ["view"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "metadataNode", first: true, predicate: ["metadataCodeBlock"], descendants: true, read: TemplateRef }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: PlaceholderComponent, isStandalone: true, selector: "sc-placeholder,[sc-placeholder]", inputs: { name: "name", rendering: "rendering", renderings: "renderings", outputs: "outputs", clientOnly: "clientOnly", inputs: "inputs" }, outputs: { loaded: "loaded", failed: "failed" }, queries: [{ propertyName: "renderEachTemplate", first: true, predicate: RenderEachDirective, descendants: true, static: true }, { propertyName: "renderEmptyTemplate", first: true, predicate: RenderEmptyDirective, descendants: true, static: true }, { propertyName: "placeholderLoading", first: true, predicate: PlaceholderLoadingDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "view", first: true, predicate: ["view"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `
     @if (isLoading) {
     <ng-template [ngTemplateOutlet]="placeholderLoading?.templateRef"></ng-template>
     }
-    <ng-template
-      #metadataCodeBlock
-      let-kind="kind"
-      let-type="chromeType"
-      let-renderingId="renderingId"
-    >
-      <code
-        [attr.kind]="kind"
-        type="text/sitecore"
-        [attr.chrometype]="type"
-        class="scpm"
-        [attr.id]="getCodeBlockId(kind, renderingId)"
-      ></code
-    ></ng-template>
-
-    @if (metadataMode && metadataCodeBlock) {
-    <ng-container
-      *ngTemplateOutlet="metadataCodeBlock; context: { kind: 'open', chromeType: 'placeholder' }"
-    >
-    </ng-container>
-    }
-
     <ng-template #view></ng-template>
-
-    @if (metadataMode && metadataCodeBlock) {
-    <ng-container
-      *ngTemplateOutlet="metadataCodeBlock; context: { kind: 'close', chromeType: 'placeholder' }"
-    >
-    </ng-container>
-    }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PlaceholderComponent, decorators: [{
@@ -1185,40 +903,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
     @if (isLoading) {
     <ng-template [ngTemplateOutlet]="placeholderLoading?.templateRef"></ng-template>
     }
-    <ng-template
-      #metadataCodeBlock
-      let-kind="kind"
-      let-type="chromeType"
-      let-renderingId="renderingId"
-    >
-      <code
-        [attr.kind]="kind"
-        type="text/sitecore"
-        [attr.chrometype]="type"
-        class="scpm"
-        [attr.id]="getCodeBlockId(kind, renderingId)"
-      ></code
-    ></ng-template>
-
-    @if (metadataMode && metadataCodeBlock) {
-    <ng-container
-      *ngTemplateOutlet="metadataCodeBlock; context: { kind: 'open', chromeType: 'placeholder' }"
-    >
-    </ng-container>
-    }
-
     <ng-template #view></ng-template>
-
-    @if (metadataMode && metadataCodeBlock) {
-    <ng-container
-      *ngTemplateOutlet="metadataCodeBlock; context: { kind: 'close', chromeType: 'placeholder' }"
-    >
-    </ng-container>
-    }
   `,
                     imports: [CommonModule],
                 }]
-        }], ctorParameters: () => [], propDecorators: { name: [{
+        }], propDecorators: { name: [{
                 type: Input
             }], rendering: [{
                 type: Input
@@ -1244,9 +933,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             }], view: [{
                 type: ViewChild,
                 args: ['view', { read: ViewContainerRef, static: true }]
-            }], metadataNode: [{
-                type: ViewChild,
-                args: ['metadataCodeBlock', { read: TemplateRef }]
             }], inputs: [{
                 type: Input
             }] } });
@@ -1365,14 +1051,6 @@ class DateDirective extends BaseFieldDirective {
     locale;
     editable = true;
     field;
-    /**
-     * Custom template to render in Pages in Metadata edit mode if field value is empty
-     */
-    emptyFieldEditingTemplate;
-    /**
-     * Default component to render in Pages in Metadata edit mode if field value is empty and emptyFieldEditingTemplate is not provided
-     */
-    defaultFieldEditingComponent = DefaultEmptyFieldEditingComponent;
     templateRef = inject(TemplateRef);
     datePipe = inject(DatePipe);
     ngOnChanges(changes) {
@@ -1383,12 +1061,9 @@ class DateDirective extends BaseFieldDirective {
     }
     updateView() {
         if (!this.shouldRender()) {
-            super.renderEmpty();
             return;
         }
-        this.renderMetadata(MetadataKind.Open);
         this.viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
-        this.renderMetadata(MetadataKind.Close);
         const field = this.field;
         const html = field.editable && this.editable ? field.editable : field.value;
         const setDangerously = field.editable && this.editable;
@@ -1402,7 +1077,7 @@ class DateDirective extends BaseFieldDirective {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DateDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: DateDirective, isStandalone: true, selector: "[scDate]", inputs: { format: ["scDateFormat", "format"], timezone: ["scDateTimezone", "timezone"], locale: ["scDateLocale", "locale"], editable: ["scDateEditable", "editable"], field: ["scDate", "field"], emptyFieldEditingTemplate: ["scDateEmptyFieldEditingTemplate", "emptyFieldEditingTemplate"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: DateDirective, isStandalone: true, selector: "[scDate]", inputs: { format: ["scDateFormat", "format"], timezone: ["scDateTimezone", "timezone"], locale: ["scDateLocale", "locale"], editable: ["scDateEditable", "editable"], field: ["scDate", "field"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DateDirective, decorators: [{
             type: Directive,
@@ -1424,9 +1099,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             }], field: [{
                 type: Input,
                 args: ['scDate']
-            }], emptyFieldEditingTemplate: [{
-                type: Input,
-                args: ['scDateEmptyFieldEditingTemplate']
             }] } });
 
 class EditFrameComponent {
@@ -1521,139 +1193,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 type: Input
             }] } });
 
-/**
- * Component that renders editing scripts and client data for the current page in Sitecore Editor.
- * Only renders scripts when Metadata mode is used.
- */
-class EditingScriptsComponent {
-    renderer = inject(Renderer2);
-    stateService = inject(JssStateService);
-    document = inject(DOCUMENT);
-    ngOnInit() {
-        const state = this.stateService.stateValue;
-        const { pageState, editMode, clientData, clientScripts } = state.sitecore?.context || {};
-        // Don't render anything if not in editing mode or not server side
-        if (pageState === LayoutServicePageState.Normal ||
-            pageState === LayoutServicePageState.Preview ||
-            !isServer()) {
-            return;
-        }
-        if (editMode === EditMode.Metadata) {
-            const jssClientData = { ...clientData, ...getJssPagesClientData() };
-            clientScripts?.forEach((src) => {
-                const scriptElement = this.renderer.createElement('script');
-                scriptElement.src = src;
-                this.renderer.appendChild(this.document.body, scriptElement);
-            });
-            Object.keys(jssClientData).forEach((id) => {
-                const scriptElement = this.renderer.createElement('script');
-                scriptElement.id = id;
-                scriptElement.type = 'application/json';
-                scriptElement.innerHTML = JSON.stringify(jssClientData[id]);
-                this.renderer.appendChild(this.document.body, scriptElement);
-            });
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: EditingScriptsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: EditingScriptsComponent, isStandalone: true, selector: "sc-editing-scripts", ngImport: i0, template: '', isInline: true });
+class BaseJssState {
+    sitecore;
+    viewBag;
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: EditingScriptsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sc-editing-scripts',
-                    template: '',
-                }]
-        }] });
-
 /**
- * Injection token for the Sitecore Edge configuration.
- */
-const EDGE_CONFIG = new InjectionToken('Sc.edgeConfig');
-
-let { executeScriptElements, loadForm, subscribeToFormSubmitEvent } = form;
-/**
- * Mock function to replace the form module functions for `testing` purposes.
- * @param {any} formModule - The form module to mock
- */
-const mockFormModule = (formModule) => {
-    executeScriptElements = formModule.executeScriptElements;
-    loadForm = formModule.loadForm;
-    subscribeToFormSubmitEvent = formModule.subscribeToFormSubmitEvent;
-};
-/**
- * A component that renders a Sitecore Form.
- * It fetches the form markup from the Sitecore Edge service and renders it in the component's template.
+ * The service that is used to store and retrieve the current state of the app.
+ * Referenced by the SDK to get the current state of the app.
  */
-class FormComponent {
+class JssStateService {
+    transferState = inject(TransferState);
+    _state;
+    constructor() {
+        this._state = new BehaviorSubject({});
+    }
     /**
-     * The rendering data for the component
+     * Observable JSS state to subscribe to
      */
-    rendering;
-    hasError = false;
-    isEditing = false;
-    contextSubscription;
-    edgeConfig = inject(EDGE_CONFIG);
-    platformId = inject(PLATFORM_ID);
-    elRef = inject(ElementRef);
-    jssState = inject(JssStateService);
-    ngOnInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.loadForm();
-            this.contextSubscription = this.jssState.state.subscribe(({ sitecore }) => {
-                this.isEditing = sitecore?.context.pageState !== LayoutServicePageState.Normal;
-            });
-        }
+    get state() {
+        return this._state.asObservable();
     }
-    ngOnDestroy() {
-        if (this.contextSubscription) {
-            this.contextSubscription.unsubscribe();
-        }
+    /**
+     * The 'here and now' state value, usable without subscribing
+     */
+    get stateValue() {
+        return this._state.value;
     }
     /**
-     * Fetches the form markup from the Sitecore Edge service and renders it in the component's template.
+     * Set new JSS state
+     * @param {JssState} newState new state
      */
-    async loadForm() {
-        const { sitecoreEdgeContextId, sitecoreEdgeUrl } = this.edgeConfig;
-        try {
-            const content = await loadForm(sitecoreEdgeContextId, this.rendering.params.FormId, sitecoreEdgeUrl);
-            this.elRef.nativeElement.innerHTML = content;
-            this.elRef.nativeElement.className = this.rendering.params?.styles?.trimEnd() || '';
-            this.elRef.nativeElement.id = this.rendering.params?.RenderingIdentifier || '';
-            const form = this.elRef.nativeElement.querySelector('form');
-            if (!form) {
-                debug.form(`Form '${this.rendering.params.FormId}' was not able to render since form element was not found`);
-                return;
-            }
-            executeScriptElements(this.elRef.nativeElement);
-            if (!this.isEditing) {
-                subscribeToFormSubmitEvent(form, this.rendering.uid);
-            }
-        }
-        catch {
-            this.hasError = true;
-        }
+    setState(newState) {
+        this._state.next(newState);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: FormComponent, isStandalone: true, selector: "app-form", inputs: { rendering: "rendering" }, ngImport: i0, template: "@if (isEditing) {\n  @if (!rendering.params.FormId) {\n    <div\n      style=\"background: darkorange; outline: 5px solid orange; padding: 10px; color: white; max-width: 500px;\"\n    >\n      <h2>{{ rendering.componentName }}</h2>\n        <p>JSS component is missing FormId rendering parameter.</p>\n      </div>\n  }\n  @if (hasError) {\n    <div class=\"sc-jss-placeholder-error\">There was a problem loading this section</div>\n  }\n}\n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: JssStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: JssStateService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FormComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-form', template: "@if (isEditing) {\n  @if (!rendering.params.FormId) {\n    <div\n      style=\"background: darkorange; outline: 5px solid orange; padding: 10px; color: white; max-width: 500px;\"\n    >\n      <h2>{{ rendering.componentName }}</h2>\n        <p>JSS component is missing FormId rendering parameter.</p>\n      </div>\n  }\n  @if (hasError) {\n    <div class=\"sc-jss-placeholder-error\">There was a problem loading this section</div>\n  }\n}\n" }]
-        }], propDecorators: { rendering: [{
-                type: Input
-            }] } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: JssStateService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
 
 class RichTextDirective extends BaseFieldDirective {
     editable = true;
     field;
-    /**
-     * Custom template to render in Pages in Metadata edit mode if field value is empty
-     */
-    emptyFieldEditingTemplate;
-    /**
-     * Default component to render in Pages in Metadata edit mode if field value is empty and emptyFieldEditingTemplate is not provided
-     */
-    defaultFieldEditingComponent = DefaultEmptyFieldEditingComponent;
     templateRef = inject(TemplateRef);
     renderer = inject(Renderer2);
     router = inject(Router);
@@ -1665,12 +1247,9 @@ class RichTextDirective extends BaseFieldDirective {
     }
     updateView() {
         if (!this.shouldRender()) {
-            super.renderEmpty();
             return;
         }
-        this.renderMetadata(MetadataKind.Open);
         this.viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
-        this.renderMetadata(MetadataKind.Close);
         const field = this.field;
         const html = field.editable && this.editable ? field.editable : field.value;
         this.viewRef.rootNodes.forEach((node) => {
@@ -1694,7 +1273,7 @@ class RichTextDirective extends BaseFieldDirective {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: RichTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: RichTextDirective, isStandalone: true, selector: "[scRichText]", inputs: { editable: ["scRichTextEditable", "editable"], field: ["scRichText", "field"], emptyFieldEditingTemplate: ["scRichTextEmptyFieldEditingTemplate", "emptyFieldEditingTemplate"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: RichTextDirective, isStandalone: true, selector: "[scRichText]", inputs: { editable: ["scRichTextEditable", "editable"], field: ["scRichText", "field"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: RichTextDirective, decorators: [{
             type: Directive,
@@ -1707,23 +1286,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             }], field: [{
                 type: Input,
                 args: ['scRichText']
-            }], emptyFieldEditingTemplate: [{
-                type: Input,
-                args: ['scRichTextEmptyFieldEditingTemplate']
             }] } });
 
 class TextDirective extends BaseFieldDirective {
     editable = true;
     encode = true;
     field;
-    /**
-     * Custom template to render in Pages in Metadata edit mode if field value is empty
-     */
-    emptyFieldEditingTemplate;
-    /**
-     * Default component to render in Pages in Metadata edit mode if field value is empty and emptyFieldEditingTemplate is not provided
-     */
-    defaultFieldEditingComponent = DefaultEmptyFieldEditingComponent;
     templateRef = inject(TemplateRef);
     ngOnChanges(changes) {
         if (changes.field || changes.editable || changes.encode) {
@@ -1733,12 +1301,9 @@ class TextDirective extends BaseFieldDirective {
     }
     updateView() {
         if (!this.shouldRender()) {
-            super.renderEmpty();
             return;
         }
-        this.renderMetadata(MetadataKind.Open);
         this.viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
-        this.renderMetadata(MetadataKind.Close);
         const field = this.field;
         let editable = this.editable;
         // can't use editable value if we want to output unencoded
@@ -1757,7 +1322,7 @@ class TextDirective extends BaseFieldDirective {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: TextDirective, isStandalone: true, selector: "[scText]", inputs: { editable: ["scTextEditable", "editable"], encode: ["scTextEncode", "encode"], field: ["scText", "field"], emptyFieldEditingTemplate: ["scTextEmptyFieldEditingTemplate", "emptyFieldEditingTemplate"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: TextDirective, isStandalone: true, selector: "[scText]", inputs: { editable: ["scTextEditable", "editable"], encode: ["scTextEncode", "encode"], field: ["scText", "field"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TextDirective, decorators: [{
             type: Directive,
@@ -1773,9 +1338,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             }], field: [{
                 type: Input,
                 args: ['scText']
-            }], emptyFieldEditingTemplate: [{
-                type: Input,
-                args: ['scTextEmptyFieldEditingTemplate']
             }] } });
 
 /**
@@ -2049,9 +1611,7 @@ class JssModule {
             RichTextDirective,
             MissingComponentComponent,
             HiddenRenderingComponent,
-            EditFrameComponent,
-            EditingScriptsComponent,
-            FormComponent], exports: [FileDirective,
+            EditFrameComponent], exports: [FileDirective,
             ImageDirective,
             DateDirective,
             LinkDirective,
@@ -2065,9 +1625,7 @@ class JssModule {
             PlaceholderLoadingDirective,
             RichTextDirective,
             TextDirective,
-            EditFrameComponent,
-            EditingScriptsComponent,
-            FormComponent] });
+            EditFrameComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: JssModule, imports: [CommonModule,
             PlaceholderComponent,
             EditFrameComponent] });
@@ -2094,8 +1652,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         MissingComponentComponent,
                         HiddenRenderingComponent,
                         EditFrameComponent,
-                        EditingScriptsComponent,
-                        FormComponent,
                     ],
                     exports: [
                         FileDirective,
@@ -2113,8 +1669,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         RichTextDirective,
                         TextDirective,
                         EditFrameComponent,
-                        EditingScriptsComponent,
-                        FormComponent,
                     ],
                 }]
         }] });
@@ -2123,5 +1677,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BaseJssState, ComponentNameAndType, DYNAMIC_COMPONENT, DateDirective, EDGE_CONFIG, EditFrameComponent, EditingScriptsComponent, FileDirective, FormComponent, GenericLinkDirective, HiddenRenderingComponent, ImageDirective, JssModule, JssStateService, LinkDirective, PlaceholderComponent, PlaceholderLoadingDirective, RenderComponentComponent, RenderEachDirective, RenderEmptyDirective, RichTextDirective, RouterLinkDirective, TextDirective, isRawRendering };
+export { BaseJssState, ComponentNameAndType, DYNAMIC_COMPONENT, DateDirective, EditFrameComponent, FileDirective, GenericLinkDirective, HiddenRenderingComponent, ImageDirective, JssModule, JssStateService, LinkDirective, PlaceholderComponent, PlaceholderLoadingDirective, RenderComponentComponent, RenderEachDirective, RenderEmptyDirective, RichTextDirective, RouterLinkDirective, TextDirective, isRawRendering };
 //# sourceMappingURL=sitecore-jss-sitecore-jss-angular.mjs.map