@umbraco-cms/backoffice 14.0.0--preview007-226f18ab → 14.0.0--preview007-bdd59f0a

package/dist-cms/assets/lang/en-us.js

@@ -1333,24 +1333,24 @@ export default {
         insert: 'Insert',
         insertDesc: 'Choose what to insert into your template',
         insertDictionaryItem: 'Dictionary item',
-        insertDictionaryItemDesc: 'A dictionary item is a placeholder for a translatable piece of text, which\n      makes it easy to create designs for multilingual websites.\n    ',
+        insertDictionaryItemDesc: 'A dictionary item is a placeholder for a translatable piece of text, which makes it easy to create designs for multilingual websites.',
         insertMacro: 'Macro',
-        insertMacroDesc: '\n      A Macro is a configurable component which is great for\n      reusable parts of your design, where you need the option to provide parameters,\n      such as galleries, forms and lists.\n    ',
+        insertMacroDesc: 'A Macro is a configurable component which is great for reusable parts of your design, where you need the option to provide parameters, such as galleries, forms and lists.',
         insertPageField: 'Value',
-        insertPageFieldDesc: 'Displays the value of a named field from the current page, with options to modify\n      the value or fallback to alternative values.\n    ',
+        insertPageFieldDesc: 'Displays the value of a named field from the current page, with options to modify the value or fallback to alternative values.',
         insertPartialView: 'Partial view',
-        insertPartialViewDesc: "\n      A partial view is a separate template file which can be rendered inside another\n      template, it's great for reusing markup or for separating complex templates into separate files.\n    ",
+        insertPartialViewDesc: "A partial view is a separate template file which can be rendered inside another template, it's great for reusing markup or for separating complex templates into separate files.",
         mastertemplate: 'Master template',
         noMaster: 'No master',
         renderBody: 'Render child template',
-        renderBodyDesc: '\n     Renders the contents of a child template, by inserting a\n     <code>@RenderBody()</code> placeholder.\n      ',
+        renderBodyDesc: 'Renders the contents of a child template, by inserting a <code>@RenderBody()</code> placeholder.',
         defineSection: 'Define a named section',
-        defineSectionDesc: '\n         Defines a part of your template as a named section by wrapping it in\n          <code>@section { ... }</code>. This can be rendered in a\n          specific area of the parent of this template, by using <code>@RenderSection</code>.\n      ',
+        defineSectionDesc: 'Defines a part of your template as a named section by wrapping it in <code>@section { ... }</code>. This can be rendered in a specific area of the parent of this template, by using <code>@RenderSection</code>.',
         renderSection: 'Render a named section',
-        renderSectionDesc: '\n      Renders a named area of a child template, by inserting a <code>@RenderSection(name)</code> placeholder.\n      This renders an area of a child template which is wrapped in a corresponding <code>@section [name]{ ... }</code> definition.\n      ',
+        renderSectionDesc: 'Renders a named area of a child template, by inserting a <code>@RenderSection(name)</code> placeholder. This renders an area of a child template which is wrapped in a corresponding <code>@section [name]{ ... }</code> definition.',
         sectionName: 'Section Name',
         sectionMandatory: 'Section is mandatory',
-        sectionMandatoryDesc: '\n            If mandatory, the child template must contain a <code>@section</code> definition, otherwise an error is shown.\n    ',
+        sectionMandatoryDesc: 'If mandatory, the child template must contain a <code>@section</code> definition, otherwise an error is shown.',
         queryBuilder: 'Query builder',
         itemsReturned: 'items returned, in',
         iWant: 'I want',

package/dist-cms/assets/lang/en-us.ts

@@ -1440,31 +1440,30 @@ export default {
 		insertDesc: 'Choose what to insert into your template',
 		insertDictionaryItem: 'Dictionary item',
 		insertDictionaryItemDesc:
-			'A dictionary item is a placeholder for a translatable piece of text, which\n      makes it easy to create designs for multilingual websites.\n    ',
+			'A dictionary item is a placeholder for a translatable piece of text, which makes it easy to create designs for multilingual websites.',
 		insertMacro: 'Macro',
 		insertMacroDesc:
-			'\n      A Macro is a configurable component which is great for\n      reusable parts of your design, where you need the option to provide parameters,\n      such as galleries, forms and lists.\n    ',
+			'A Macro is a configurable component which is great for reusable parts of your design, where you need the option to provide parameters, such as galleries, forms and lists.',
 		insertPageField: 'Value',
 		insertPageFieldDesc:
-			'Displays the value of a named field from the current page, with options to modify\n      the value or fallback to alternative values.\n    ',
+			'Displays the value of a named field from the current page, with options to modify the value or fallback to alternative values.',
 		insertPartialView: 'Partial view',
 		insertPartialViewDesc:
-			"\n      A partial view is a separate template file which can be rendered inside another\n      template, it's great for reusing markup or for separating complex templates into separate files.\n    ",
+			"A partial view is a separate template file which can be rendered inside another template, it's great for reusing markup or for separating complex templates into separate files.",
 		mastertemplate: 'Master template',
 		noMaster: 'No master',
 		renderBody: 'Render child template',
-		renderBodyDesc:
-			'\n     Renders the contents of a child template, by inserting a\n     <code>@RenderBody()</code> placeholder.\n      ',
+		renderBodyDesc: 'Renders the contents of a child template, by inserting a <code>@RenderBody()</code> placeholder.',
 		defineSection: 'Define a named section',
 		defineSectionDesc:
-			'\n         Defines a part of your template as a named section by wrapping it in\n          <code>@section { ... }</code>. This can be rendered in a\n          specific area of the parent of this template, by using <code>@RenderSection</code>.\n      ',
+			'Defines a part of your template as a named section by wrapping it in <code>@section { ... }</code>. This can be rendered in a specific area of the parent of this template, by using <code>@RenderSection</code>.',
 		renderSection: 'Render a named section',
 		renderSectionDesc:
-			'\n      Renders a named area of a child template, by inserting a <code>@RenderSection(name)</code> placeholder.\n      This renders an area of a child template which is wrapped in a corresponding <code>@section [name]{ ... }</code> definition.\n      ',
+			'Renders a named area of a child template, by inserting a <code>@RenderSection(name)</code> placeholder. This renders an area of a child template which is wrapped in a corresponding <code>@section [name]{ ... }</code> definition.',
 		sectionName: 'Section Name',
 		sectionMandatory: 'Section is mandatory',
 		sectionMandatoryDesc:
-			'\n            If mandatory, the child template must contain a <code>@section</code> definition, otherwise an error is shown.\n    ',
+			'If mandatory, the child template must contain a <code>@section</code> definition, otherwise an error is shown.',
 		queryBuilder: 'Query builder',
 		itemsReturned: 'items returned, in',
 		iWant: 'I want',

package/dist-cms/custom-elements.json

@@ -9233,7 +9233,7 @@
     },
     {
       "name": "umb-templating-insert-menu",
-      "path": "./../src/packages/templating/components/insert-menu/templating-insert-menu.element.ts",
+      "path": "./../src/packages/templating/components/templating-item-menu/templating-item-menu.element.ts",
       "attributes": [
         {
           "name": "value",
@@ -9272,8 +9272,8 @@
       ]
     },
     {
-      "name": "umb-templating-choose-insert-type-modal",
-      "path": "./../src/packages/templating/modals/insert-choose-type-sidebar.element.ts",
+      "name": "umb-templating-item-picker-modal",
+      "path": "./../src/packages/templating/modals/templating-item-picker/templating-item-picker-modal.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -9284,7 +9284,7 @@
     },
     {
       "name": "umb-insert-section-checkbox",
-      "path": "./../src/packages/templating/modals/insert-section-modal/insert-section-input.element.ts",
+      "path": "./../src/packages/templating/modals/templating-section-picker/templating-section-picker-input.element.ts",
       "attributes": [
         {
           "name": "show-mandatory",
@@ -9344,7 +9344,7 @@
     },
     {
       "name": "umb-insert-section-input",
-      "path": "./../src/packages/templating/modals/insert-section-modal/insert-section-input.element.ts",
+      "path": "./../src/packages/templating/modals/templating-section-picker/templating-section-picker-input.element.ts",
       "attributes": [
         {
           "name": "show-mandatory",
@@ -9403,8 +9403,8 @@
       ]
     },
     {
-      "name": "umb-templating-insert-section-modal",
-      "path": "./../src/packages/templating/modals/insert-section-modal/insert-section-modal.element.ts",
+      "name": "umb-templating-section-picker-modal",
+      "path": "./../src/packages/templating/modals/templating-section-picker/templating-section-picker-modal.element.ts",
       "properties": [
         {
           "name": "checkboxes",
@@ -9431,17 +9431,6 @@
         }
       ]
     },
-    {
-      "name": "umb-partial-view-picker-modal",
-      "path": "./../src/packages/templating/modals/partial-view-picker-modal.element.ts",
-      "properties": [
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ]
-    },
     {
       "name": "umb-partial-view-create-options-modal",
       "path": "./../src/packages/templating/partial-views/entity-actions/create/options-modal/partial-view-create-options-modal.element.ts",

package/dist-cms/packages/core/modal/token/index.d.ts

@@ -22,5 +22,4 @@ export * from './property-editor-ui-picker-modal.token.js';
 export * from './property-settings-modal.token.js';
 export * from './section-picker-modal.token.js';
 export * from './template-picker-modal.token.js';
-export * from './partial-view-picker-modal.token.js';
 export * from './workspace-modal.token.js';

package/dist-cms/packages/core/modal/token/index.js

@@ -22,5 +22,4 @@ export * from './property-editor-ui-picker-modal.token.js';
 export * from './property-settings-modal.token.js';
 export * from './section-picker-modal.token.js';
 export * from './template-picker-modal.token.js';
-export * from './partial-view-picker-modal.token.js';
 export * from './workspace-modal.token.js';

package/dist-cms/packages/templating/components/index.d.ts

@@ -1 +1 @@
-export * from './insert-menu/templating-insert-menu.element.js';
+export * from './templating-item-menu/index.js';

package/dist-cms/packages/templating/components/index.js

@@ -1 +1 @@
-export * from './insert-menu/templating-insert-menu.element.js';
+export * from './templating-item-menu/index.js';

package/dist-cms/packages/templating/components/templating-item-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './templating-item-menu.element.js';

package/dist-cms/packages/templating/components/templating-item-menu/index.js

@@ -0,0 +1 @@
+export * from './templating-item-menu.element.js';

package/dist-cms/packages/templating/components/{insert-menu/templating-insert-menu.element.d.ts → templating-item-menu/templating-item-menu.element.d.ts}

@@ -1,15 +1,11 @@
-import type { UmbChooseInsertTypeModalValue } from '../../modals/insert-choose-type-sidebar.element.js';
-import { UmbModalToken } from '../../../core/modal/index.js';
+import { type UmbTemplatingItemPickerModalValue } from '../../modals/templating-item-picker/templating-item-picker-modal.token.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
-export declare const UMB_MODAL_TEMPLATING_INSERT_CHOOSE_TYPE_SIDEBAR_MODAL: UmbModalToken<{
-    hidePartialView: boolean;
-}, unknown>;
 export declare class UmbTemplatingInsertMenuElement extends UmbLitElement {
     #private;
     value: string;
     private _modalContext?;
     constructor();
-    determineInsertValue(modalValue: UmbChooseInsertTypeModalValue): Promise<void>;
+    determineInsertValue(modalValue: UmbTemplatingItemPickerModalValue): Promise<void>;
     hidePartialView: boolean;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];

package/dist-cms/packages/templating/components/{insert-menu/templating-insert-menu.element.js → templating-item-menu/templating-item-menu.element.js}

@@ -15,21 +15,16 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _UmbTemplatingInsertMenuElement_instances, _UmbTemplatingInsertMenuElement_openModal, _UmbTemplatingInsertMenuElement_dictionaryDetailRepository, _UmbTemplatingInsertMenuElement_getDictionaryItemSnippet, _UmbTemplatingInsertMenuElement_getPartialViewSnippet, _UmbTemplatingInsertMenuElement_openChooseTypeModal, _UmbTemplatingInsertMenuElement_openInsertPartialViewSidebar, _UmbTemplatingInsertMenuElement_openInsertDictionaryItemModal, _UmbTemplatingInsertMenuElement_dispatchInsertEvent;
-import { UMB_MODAL_TEMPLATING_INSERT_CHOOSE_TYPE_SIDEBAR_ALIAS } from '../../modals/manifests.js';
+var _UmbTemplatingInsertMenuElement_instances, _UmbTemplatingInsertMenuElement_openModal, _UmbTemplatingInsertMenuElement_dictionaryDetailRepository, _UmbTemplatingInsertMenuElement_getDictionaryItemSnippet, _UmbTemplatingInsertMenuElement_getPartialViewSnippet, _UmbTemplatingInsertMenuElement_openChooseTypeModal, _UmbTemplatingInsertMenuElement_openInsertPageFieldSidebar, _UmbTemplatingInsertMenuElement_openInsertPartialViewSidebar, _UmbTemplatingInsertMenuElement_openInsertDictionaryItemModal, _UmbTemplatingInsertMenuElement_dispatchInsertEvent;
+import { UMB_PARTIAL_VIEW_PICKER_MODAL, } from '../../modals/partial-view-picker/partial-view-picker-modal.token.js';
+import { CodeSnippetType } from '../../types.js';
+import { UMB_TEMPLATING_ITEM_PICKER_MODAL, } from '../../modals/templating-item-picker/templating-item-picker-modal.token.js';
 import { getInsertDictionarySnippet, getInsertPartialSnippet } from '../../utils/index.js';
-import { CodeSnippetType } from '../../modals/insert-choose-type-sidebar.element.js';
 import { UmbDictionaryDetailRepository } from '../../../dictionary/index.js';
 import { customElement, property, css, html } from '../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../shared/style/index.js';
-import { UMB_DICTIONARY_ITEM_PICKER_MODAL, UMB_MODAL_MANAGER_CONTEXT, UMB_PARTIAL_VIEW_PICKER_MODAL, UmbModalToken, } from '../../../core/modal/index.js';
+import { UMB_DICTIONARY_ITEM_PICKER_MODAL, UMB_MODAL_MANAGER_CONTEXT } from '../../../core/modal/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
-export const UMB_MODAL_TEMPLATING_INSERT_CHOOSE_TYPE_SIDEBAR_MODAL = new UmbModalToken(UMB_MODAL_TEMPLATING_INSERT_CHOOSE_TYPE_SIDEBAR_ALIAS, {
-    modal: {
-        type: 'sidebar',
-        size: 'small',
-    },
-});
 let UmbTemplatingInsertMenuElement = class UmbTemplatingInsertMenuElement extends UmbLitElement {
     constructor() {
         super();
@@ -48,9 +43,9 @@ let UmbTemplatingInsertMenuElement = class UmbTemplatingInsertMenuElement extend
             this.value = getInsertPartialSnippet(modalValue.selection?.[0] ?? '');
         });
         _UmbTemplatingInsertMenuElement_openChooseTypeModal.set(this, () => {
-            __classPrivateFieldSet(this, _UmbTemplatingInsertMenuElement_openModal, this._modalContext?.open(UMB_MODAL_TEMPLATING_INSERT_CHOOSE_TYPE_SIDEBAR_MODAL, {
+            __classPrivateFieldSet(this, _UmbTemplatingInsertMenuElement_openModal, this._modalContext?.open(UMB_TEMPLATING_ITEM_PICKER_MODAL, {
                 data: {
-                    hidePartialView: this.hidePartialView,
+                    hidePartialViews: this.hidePartialView,
                 },
             }), "f");
             __classPrivateFieldGet(this, _UmbTemplatingInsertMenuElement_openModal, "f")?.onSubmit().then((closedModal) => {
@@ -79,13 +74,26 @@ let UmbTemplatingInsertMenuElement = class UmbTemplatingInsertMenuElement extend
     render() {
         return html `
 			<uui-button-group>
-				<uui-button
-					look="secondary"
-					@click=${__classPrivateFieldGet(this, _UmbTemplatingInsertMenuElement_openChooseTypeModal, "f")}
-					label=${this.localize.term('template_insertDesc')}>
-					<uui-icon name="icon-add"></uui-icon> ${this.localize.term('template_insert')}
+				<uui-button look="secondary" @click=${__classPrivateFieldGet(this, _UmbTemplatingInsertMenuElement_openChooseTypeModal, "f")} label=${this.localize.term('template_insert')}>
+					<uui-icon name="icon-add"></uui-icon>${this.localize.term('template_insert')}
 				</uui-button>
-				<umb-dropdown look="secondary" compact placement="bottom-end" id="insert-button" label="open insert menu">
+				<umb-dropdown
+					look="secondary"
+					compact
+					placement="bottom-end"
+					id="insert-button"
+					label=${this.localize.term('template_insert')}>
+					<uui-menu-item
+						class="insert-menu-item"
+						label=${this.localize.term('template_insertPageField')}
+						title=${this.localize.term('template_insertPageField')}
+						@click=${__classPrivateFieldGet(this, _UmbTemplatingInsertMenuElement_instances, "m", _UmbTemplatingInsertMenuElement_openInsertPageFieldSidebar)}></uui-menu-item>
+					<uui-menu-item
+						class="insert-menu-item"
+						label=${this.localize.term('template_insertPartialView')}
+						title=${this.localize.term('template_insertPartialView')}
+						@click=${__classPrivateFieldGet(this, _UmbTemplatingInsertMenuElement_instances, "m", _UmbTemplatingInsertMenuElement_openInsertPartialViewSidebar)}>
+					</uui-menu-item>
 					<uui-menu-item
 						class="insert-menu-item"
 						label=${this.localize.term('template_insertDictionaryItem')}
@@ -103,6 +111,9 @@ _UmbTemplatingInsertMenuElement_getDictionaryItemSnippet = new WeakMap();
 _UmbTemplatingInsertMenuElement_getPartialViewSnippet = new WeakMap();
 _UmbTemplatingInsertMenuElement_openChooseTypeModal = new WeakMap();
 _UmbTemplatingInsertMenuElement_instances = new WeakSet();
+_UmbTemplatingInsertMenuElement_openInsertPageFieldSidebar = function _UmbTemplatingInsertMenuElement_openInsertPageFieldSidebar() {
+    //this.#openModel = this._modalContext?.open();
+};
 _UmbTemplatingInsertMenuElement_openInsertPartialViewSidebar = function _UmbTemplatingInsertMenuElement_openInsertPartialViewSidebar() {
     __classPrivateFieldSet(this, _UmbTemplatingInsertMenuElement_openModal, this._modalContext?.open(UMB_PARTIAL_VIEW_PICKER_MODAL), "f");
     __classPrivateFieldGet(this, _UmbTemplatingInsertMenuElement_openModal, "f")?.onSubmit().then((value) => {
@@ -114,8 +125,8 @@ _UmbTemplatingInsertMenuElement_openInsertPartialViewSidebar = function _UmbTemp
 _UmbTemplatingInsertMenuElement_openInsertDictionaryItemModal = function _UmbTemplatingInsertMenuElement_openInsertDictionaryItemModal() {
     __classPrivateFieldSet(this, _UmbTemplatingInsertMenuElement_openModal, this._modalContext?.open(UMB_DICTIONARY_ITEM_PICKER_MODAL, {
         data: {
-            pickableFilter: (item) => item.id !== null,
             hideTreeRoot: true,
+            pickableFilter: (item) => item.id !== null,
         },
     }), "f");
     __classPrivateFieldGet(this, _UmbTemplatingInsertMenuElement_openModal, "f")?.onSubmit().then((value) => {
@@ -127,17 +138,6 @@ _UmbTemplatingInsertMenuElement_openInsertDictionaryItemModal = function _UmbTem
 _UmbTemplatingInsertMenuElement_dispatchInsertEvent = function _UmbTemplatingInsertMenuElement_dispatchInsertEvent() {
     this.dispatchEvent(new CustomEvent('insert', { bubbles: false, cancelable: true, composed: false }));
 };
-//TODO: put this back in when partial view is implemented
-// ${this.hidePartialView
-// 		? ''
-// 		: html` <li>
-// 				<uui-menu-item
-// 					class="insert-menu-item"
-// 					label="Partial view"
-// 					title="Partial view"
-// 					@click=${this.#openInsertPartialViewSidebar}>
-// 				</uui-menu-item>
-// 		  </li>`}
 UmbTemplatingInsertMenuElement.styles = [
     UmbTextStyles,
     css `

package/dist-cms/packages/templating/index.d.ts

@@ -1,2 +1,4 @@
 export * from './components/index.js';
 export * from './templates/index.js';
+export * from './modals/index.js';
+export * from './types.js';

package/dist-cms/packages/templating/index.js

@@ -1,2 +1,4 @@
 export * from './components/index.js';
 export * from './templates/index.js';
+export * from './modals/index.js';
+export * from './types.js';

package/dist-cms/packages/templating/modals/index.d.ts

@@ -0,0 +1,3 @@
+export * from './templating-section-picker/index.js';
+export * from './templating-item-picker/index.js';
+export * from './partial-view-picker/index.js';

package/dist-cms/packages/templating/modals/index.js

@@ -0,0 +1,3 @@
+export * from './templating-section-picker/index.js';
+export * from './templating-item-picker/index.js';
+export * from './partial-view-picker/index.js';

package/dist-cms/packages/templating/modals/manifests.d.ts

@@ -1,4 +1,2 @@
 import type { ManifestModal } from '../../core/extension-registry/index.js';
-export declare const UMB_MODAL_TEMPLATING_INSERT_CHOOSE_TYPE_SIDEBAR_ALIAS = "Umb.Modal.Templating.Insert.ChooseType.Sidebar";
-export declare const UMB_MODAL_TEMPLATING_INSERT_SECTION_SIDEBAR_ALIAS = "Umb.Modal.Templating.Insert.Section.Sidebar";
 export declare const manifests: ManifestModal[];

package/dist-cms/packages/templating/modals/manifests.js

@@ -1,24 +1,15 @@
-import { UMB_PARTIAL_VIEW_PICKER_MODAL_ALIAS } from '../../core/modal/index.js';
-export const UMB_MODAL_TEMPLATING_INSERT_CHOOSE_TYPE_SIDEBAR_ALIAS = 'Umb.Modal.Templating.Insert.ChooseType.Sidebar';
-export const UMB_MODAL_TEMPLATING_INSERT_SECTION_SIDEBAR_ALIAS = 'Umb.Modal.Templating.Insert.Section.Sidebar';
 const modals = [
     {
         type: 'modal',
-        alias: UMB_MODAL_TEMPLATING_INSERT_CHOOSE_TYPE_SIDEBAR_ALIAS,
-        name: 'Choose insert type sidebar',
-        js: () => import('./insert-choose-type-sidebar.element.js'),
+        alias: 'Umb.Modal.TemplatingItemPicker',
+        name: 'Templating Item Picker Modal',
+        js: () => import('./templating-item-picker/templating-item-picker-modal.element.js'),
     },
     {
         type: 'modal',
-        alias: UMB_PARTIAL_VIEW_PICKER_MODAL_ALIAS,
-        name: 'Partial View Picker Modal',
-        js: () => import('../../templating/modals/partial-view-picker-modal.element.js'),
-    },
-    {
-        type: 'modal',
-        alias: UMB_MODAL_TEMPLATING_INSERT_SECTION_SIDEBAR_ALIAS,
-        name: 'Partial Insert Section Picker Modal',
-        js: () => import('./insert-section-modal/insert-section-modal.element.js'),
+        alias: 'Umb.Modal.TemplatingSectionPicker',
+        name: 'Templating Section Picker Modal',
+        js: () => import('./templating-section-picker/templating-section-picker-modal.element.js'),
     },
 ];
 export const manifests = [...modals];

package/dist-cms/packages/templating/modals/partial-view-picker/index.d.ts

@@ -0,0 +1 @@
+export * from './partial-view-picker-modal.token.js';

package/dist-cms/packages/templating/modals/partial-view-picker/index.js

@@ -0,0 +1 @@
+export * from './partial-view-picker-modal.token.js';

package/dist-cms/packages/templating/modals/partial-view-picker/partial-view-picker-modal.token.d.ts

@@ -0,0 +1,5 @@
+import { UmbModalToken, type UmbPickerModalValue, type UmbTreePickerModalData } from '../../../core/modal/index.js';
+import type { UmbEntityTreeItemModel } from '../../../core/tree/index.js';
+export type UmbPartialViewPickerModalData = UmbTreePickerModalData<UmbEntityTreeItemModel>;
+export type UmbPartialViewPickerModalValue = UmbPickerModalValue;
+export declare const UMB_PARTIAL_VIEW_PICKER_MODAL: UmbModalToken<UmbPartialViewPickerModalData, UmbPickerModalValue>;

package/dist-cms/packages/templating/modals/partial-view-picker/partial-view-picker-modal.token.js

@@ -0,0 +1,9 @@
+import { UMB_PARTIAL_VIEW_TREE_ALIAS } from '../../partial-views/tree/manifests.js';
+import { UmbModalToken } from '../../../core/modal/index.js';
+export const UMB_PARTIAL_VIEW_PICKER_MODAL = new UmbModalToken('Umb.Modal.TreePicker', {
+    modal: {
+        type: 'sidebar',
+        size: 'small',
+    },
+    data: { treeAlias: UMB_PARTIAL_VIEW_TREE_ALIAS, hideTreeRoot: true },
+});

package/dist-cms/packages/templating/modals/templating-item-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './templating-item-picker-modal.element.js';
+export * from './templating-item-picker-modal.token.js';

package/dist-cms/packages/templating/modals/templating-item-picker/index.js

@@ -0,0 +1,2 @@
+export * from './templating-item-picker-modal.element.js';
+export * from './templating-item-picker-modal.token.js';

package/dist-cms/packages/templating/modals/templating-item-picker/templating-item-picker-modal.element.d.ts

@@ -0,0 +1,16 @@
+import type { UmbTemplatingItemPickerModalData, UmbTemplatingItemPickerModalValue } from './templating-item-picker-modal.token.js';
+import { UmbModalBaseElement } from '../../../core/modal/index.js';
+export declare class UmbTemplatingItemPickerModalElement extends UmbModalBaseElement<UmbTemplatingItemPickerModalData, UmbTemplatingItemPickerModalValue> {
+    #private;
+    private _close;
+    private _modalContext?;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbTemplatingItemPickerModalElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-templating-item-picker-modal': UmbTemplatingItemPickerModalElement;
+    }
+}

package/dist-cms/packages/templating/modals/templating-item-picker/templating-item-picker-modal.element.js

@@ -0,0 +1,135 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _UmbTemplatingItemPickerModalElement_instances, _UmbTemplatingItemPickerModalElement_openModal, _UmbTemplatingItemPickerModalElement_openInsertPartialViewSidebar, _UmbTemplatingItemPickerModalElement_openInsertDictionaryItemModal, _UmbTemplatingItemPickerModalElement_renderItems;
+import { CodeSnippetType } from '../../types.js';
+import { UMB_PARTIAL_VIEW_PICKER_MODAL } from '../partial-view-picker/partial-view-picker-modal.token.js';
+import { UmbTextStyles } from '../../../../shared/style/index.js';
+import { css, html, customElement } from '../../../../external/lit/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT, UMB_DICTIONARY_ITEM_PICKER_MODAL, UmbModalBaseElement, } from '../../../core/modal/index.js';
+let UmbTemplatingItemPickerModalElement = class UmbTemplatingItemPickerModalElement extends UmbModalBaseElement {
+    _close() {
+        this.modalContext?.reject();
+    }
+    constructor() {
+        super();
+        _UmbTemplatingItemPickerModalElement_instances.add(this);
+        _UmbTemplatingItemPickerModalElement_openModal.set(this, void 0);
+        this.consumeContext(UMB_MODAL_MANAGER_CONTEXT, (instance) => {
+            this._modalContext = instance;
+        });
+    }
+    render() {
+        return html `
+			<umb-body-layout headline=${this.localize.term('template_insert')}>
+				<uui-box> ${__classPrivateFieldGet(this, _UmbTemplatingItemPickerModalElement_instances, "m", _UmbTemplatingItemPickerModalElement_renderItems).call(this)} </uui-box>
+				<uui-button
+					slot="actions"
+					@click=${this._close}
+					look="secondary"
+					label=${this.localize.term('general_close')}></uui-button>
+			</umb-body-layout>
+		`;
+    }
+};
+_UmbTemplatingItemPickerModalElement_openModal = new WeakMap();
+_UmbTemplatingItemPickerModalElement_instances = new WeakSet();
+_UmbTemplatingItemPickerModalElement_openInsertPartialViewSidebar = function _UmbTemplatingItemPickerModalElement_openInsertPartialViewSidebar() {
+    __classPrivateFieldSet(this, _UmbTemplatingItemPickerModalElement_openModal, this._modalContext?.open(UMB_PARTIAL_VIEW_PICKER_MODAL), "f");
+    __classPrivateFieldGet(this, _UmbTemplatingItemPickerModalElement_openModal, "f")?.onSubmit().then((partialViewPickerModalValue) => {
+        if (partialViewPickerModalValue) {
+            this.value = {
+                type: CodeSnippetType.partialView,
+                value: partialViewPickerModalValue.selection[0],
+            };
+            this.modalContext?.submit();
+        }
+    });
+};
+_UmbTemplatingItemPickerModalElement_openInsertDictionaryItemModal = function _UmbTemplatingItemPickerModalElement_openInsertDictionaryItemModal() {
+    __classPrivateFieldSet(this, _UmbTemplatingItemPickerModalElement_openModal, this._modalContext?.open(UMB_DICTIONARY_ITEM_PICKER_MODAL, {
+        data: {
+            hideTreeRoot: true,
+            pickableFilter: (item) => item.id !== null,
+        },
+    }), "f");
+    __classPrivateFieldGet(this, _UmbTemplatingItemPickerModalElement_openModal, "f")?.onSubmit().then((dictionaryItemPickerModalValue) => {
+        if (dictionaryItemPickerModalValue) {
+            this.value = { value: dictionaryItemPickerModalValue, type: CodeSnippetType.dictionaryItem };
+            this.modalContext?.submit();
+        }
+    });
+};
+_UmbTemplatingItemPickerModalElement_renderItems = function _UmbTemplatingItemPickerModalElement_renderItems() {
+    return html `<div id="main">
+			<uui-button
+				@click=${() => console.log('to be continued')}
+				look="placeholder"
+				label=${this.localize.term('template_insert')}>
+				<h3><umb-localize key="template_insertPageField">Value</umb-localize> (Not implemented)</h3>
+				<p>
+					<umb-localize key="template_insertPageFieldDesc">
+						Displays the value of a named field from the current page, with options to modify the value or fallback to
+						alternative values.
+					</umb-localize>
+				</p>
+			</uui-button>
+			<uui-button
+				@click=${__classPrivateFieldGet(this, _UmbTemplatingItemPickerModalElement_instances, "m", _UmbTemplatingItemPickerModalElement_openInsertPartialViewSidebar)}
+				look="placeholder"
+				label=${this.localize.term('template_insert')}>
+				<h3><umb-localize key="template_insertPartialView">Partial view</umb-localize></h3>
+				<p>
+					<umb-localize key="template_insertPartialViewDesc">
+						A partial view is a separate template file which can be rendered inside another template, it's great for
+						reusing markup or for separating complex templates into separate files.
+					</umb-localize>
+				</p>
+			</uui-button>
+			<uui-button
+				@click=${__classPrivateFieldGet(this, _UmbTemplatingItemPickerModalElement_instances, "m", _UmbTemplatingItemPickerModalElement_openInsertDictionaryItemModal)}
+				look="placeholder"
+				label=${this.localize.term('template_insertDictionaryItem')}>
+				<h3><umb-localize key="template_insertDictionaryItem">Dictionary Item</umb-localize></h3>
+				<p>
+					<umb-localize key="template_insertDictionaryItemDesc">
+						A dictionary item is a placeholder for a translatable piece of text, which makes it easy to create designs
+						for multilingual websites.
+					</umb-localize>
+				</p>
+			</uui-button>
+		</div>`;
+};
+UmbTemplatingItemPickerModalElement.styles = [
+    UmbTextStyles,
+    css `
+			#main uui-button:not(:last-of-type) {
+				display: block;
+				margin-bottom: var(--uui-size-space-5);
+			}
+
+			h3,
+			p {
+				text-align: left;
+			}
+		`,
+];
+UmbTemplatingItemPickerModalElement = __decorate([
+    customElement('umb-templating-item-picker-modal')
+], UmbTemplatingItemPickerModalElement);
+export { UmbTemplatingItemPickerModalElement };
+export default UmbTemplatingItemPickerModalElement;

package/dist-cms/packages/templating/modals/templating-item-picker/templating-item-picker-modal.token.d.ts

@@ -0,0 +1,10 @@
+import type { CodeSnippetType } from '../../types.js';
+import { type UmbDictionaryItemPickerModalValue, UmbModalToken } from '../../../core/modal/index.js';
+export interface UmbTemplatingItemPickerModalData {
+    hidePartialViews?: boolean;
+}
+export type UmbTemplatingItemPickerModalValue = {
+    value: string | UmbDictionaryItemPickerModalValue;
+    type: CodeSnippetType;
+};
+export declare const UMB_TEMPLATING_ITEM_PICKER_MODAL: UmbModalToken<UmbTemplatingItemPickerModalData, UmbTemplatingItemPickerModalValue>;

package/dist-cms/packages/templating/modals/templating-item-picker/templating-item-picker-modal.token.js

@@ -0,0 +1,7 @@
+import { UmbModalToken } from '../../../core/modal/index.js';
+export const UMB_TEMPLATING_ITEM_PICKER_MODAL = new UmbModalToken('Umb.Modal.TemplatingItemPicker', {
+    modal: {
+        type: 'sidebar',
+        size: 'small',
+    },
+});

package/dist-cms/packages/templating/modals/templating-section-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './templating-section-picker-input.element.js';
+export * from './templating-section-picker-modal.element.js';

package/dist-cms/packages/templating/modals/templating-section-picker/index.js

@@ -0,0 +1,2 @@
+export * from './templating-section-picker-input.element.js';
+export * from './templating-section-picker-modal.element.js';

package/dist-cms/packages/templating/modals/templating-section-picker/templating-section-picker-modal.element.d.ts

@@ -0,0 +1,20 @@
+import type { UmbTemplatingSectionPickerModalData, UmbTemplatingSectionPickerModalValue } from './templating-section-picker-modal.token.js';
+import type { UmbInsertSectionCheckboxElement } from './templating-section-picker-input.element.js';
+import { UmbModalBaseElement } from '../../../core/modal/index.js';
+import './templating-section-picker-input.element.js';
+export declare class UmbTemplatingSectionPickerModalElement extends UmbModalBaseElement<UmbTemplatingSectionPickerModalData, UmbTemplatingSectionPickerModalValue> {
+    #private;
+    checkboxes: NodeListOf<UmbInsertSectionCheckboxElement>;
+    selectedCheckbox?: UmbInsertSectionCheckboxElement | null;
+    snippet: string;
+    firstUpdated(): void;
+    snippetMethods: ((sectionName: string, isMandatory: boolean) => string)[];
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbTemplatingSectionPickerModalElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-templating-section-picker-modal': UmbTemplatingSectionPickerModalElement;
+    }
+}