Dictionary item
@@ -132,6 +134,7 @@ export default class UmbChooseInsertTypeModalElement extends UmbModalBaseElement
:host {
display: block;
color: var(--uui-color-text);
+ --umb-header-layout-height: 70px;
}
#main {
@@ -153,6 +156,10 @@ export default class UmbChooseInsertTypeModalElement extends UmbModalBaseElement
];
}
+
+
+
+
declare global {
interface HTMLElementTagNameMap {
'umb-templating-choose-insert-type-modal': UmbChooseInsertTypeModalElement;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/modals/insert-section-modal/insert-section-input.element.ts b/src/Umbraco.Web.UI.Client/src/packages/templating/modals/insert-section-modal/insert-section-input.element.ts
index 77910962ae..11bfedf8be 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/templating/modals/insert-section-modal/insert-section-input.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/templating/modals/insert-section-modal/insert-section-input.element.ts
@@ -1,8 +1,5 @@
-import { UUITextStyles } from '@umbraco-ui/uui-css';
-import { css, html } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
-import { UUIBooleanInputElement, UUIInputElement } from '@umbraco-ui/uui';
-import { getAddSectionSnippet, getRenderBodySnippet, getRenderSectionSnippet } from '../../utils';
+import { UUITextStyles , UUIBooleanInputElement, UUIInputElement } from '@umbraco-cms/backoffice/external/uui';
+import { css, html , customElement, property, query } from '@umbraco-cms/backoffice/external/lit';
@customElement('umb-insert-section-checkbox')
export class UmbInsertSectionCheckboxElement extends UUIBooleanInputElement {
@@ -25,6 +22,15 @@ export class UmbInsertSectionCheckboxElement extends UUIBooleanInputElement {
@query('uui-checkbox')
checkbox?: HTMLFormElement;
+ get snippet() {
+ if (!this.snippetMethod) return '';
+ const snippet = this.snippetMethod(this.inputValue as string, this.isMandatory) ?? '';
+ return snippet;
+ }
+
+ @property({ attribute: false })
+ snippetMethod?: (value: string, isMandatory: boolean) => string;
+
validate() {
if (!this.form) return true;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/modals/insert-section-modal/insert-section-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/templating/modals/insert-section-modal/insert-section-modal.element.ts
index eafcaacab7..efe61c1e8e 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/templating/modals/insert-section-modal/insert-section-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/templating/modals/insert-section-modal/insert-section-modal.element.ts
@@ -1,14 +1,15 @@
-import { UUITextStyles } from '@umbraco-ui/uui-css';
-import { css, html } from 'lit';
-import { customElement, queryAll, state } from 'lit/decorators.js';
-import { UMB_MODAL_TEMPLATING_INSERT_SECTION_SIDEBAR_ALIAS } from '../manifests';
-import { getAddSectionSnippet, getRenderBodySnippet, getRenderSectionSnippet } from '../../utils';
-import UmbInsertSectionCheckboxElement from './insert-section-input.element';
-import { UmbModalBaseElement } from '@umbraco-cms/internal/modal';
+import { UMB_MODAL_TEMPLATING_INSERT_SECTION_SIDEBAR_ALIAS } from '../manifests.js';
+import { getAddSectionSnippet, getRenderBodySnippet, getRenderSectionSnippet } from '../../utils.js';
+import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
+import { css, html, customElement, queryAll, state } from '@umbraco-cms/backoffice/external/lit';
import { UmbModalToken } from '@umbraco-cms/backoffice/modal';
+import { UmbModalBaseElement } from '@umbraco-cms/internal/modal';
+import './insert-section-input.element.js';
+// eslint-disable-next-line local-rules/ensure-relative-import-use-js-extension
+import type { UmbInsertSectionCheckboxElement } from './insert-section-input.element';
-export const UMB_MODAL_TEMPLATING_INSERT_SECTION_MODAL = new UmbModalToken(
+export const UMB_MODAL_TEMPLATING_INSERT_SECTION_MODAL = new UmbModalToken