@umbraco-cms/backoffice 14.0.0--preview007-477ee42e → 14.0.0--preview007-4f7a0765

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/dist-cms/assets/lang/en-us.js +8 -8
  2. package/dist-cms/assets/lang/en-us.ts +8 -9
  3. package/dist-cms/custom-elements.json +7 -18
  4. package/dist-cms/packages/core/modal/token/index.d.ts +0 -1
  5. package/dist-cms/packages/core/modal/token/index.js +0 -1
  6. package/dist-cms/packages/dynamic-root/modals/dynamic-root-origin-picker-modal.element.js +2 -2
  7. package/dist-cms/packages/dynamic-root/modals/dynamic-root-query-step-picker-modal.element.js +2 -2
  8. package/dist-cms/packages/templating/components/index.d.ts +1 -1
  9. package/dist-cms/packages/templating/components/index.js +1 -1
  10. package/dist-cms/packages/templating/components/templating-item-menu/index.d.ts +1 -0
  11. package/dist-cms/packages/templating/components/templating-item-menu/index.js +1 -0
  12. package/dist-cms/packages/templating/components/{insert-menu/templating-insert-menu.element.d.ts → templating-item-menu/templating-item-menu.element.d.ts} +2 -6
  13. package/dist-cms/packages/templating/components/{insert-menu/templating-insert-menu.element.js → templating-item-menu/templating-item-menu.element.js} +30 -30
  14. package/dist-cms/packages/templating/index.d.ts +2 -0
  15. package/dist-cms/packages/templating/index.js +2 -0
  16. package/dist-cms/packages/templating/modals/index.d.ts +3 -0
  17. package/dist-cms/packages/templating/modals/index.js +3 -0
  18. package/dist-cms/packages/templating/modals/manifests.d.ts +0 -2
  19. package/dist-cms/packages/templating/modals/manifests.js +6 -15
  20. package/dist-cms/packages/templating/modals/partial-view-picker/index.d.ts +1 -0
  21. package/dist-cms/packages/templating/modals/partial-view-picker/index.js +1 -0
  22. package/dist-cms/packages/templating/modals/partial-view-picker/partial-view-picker-modal.token.d.ts +5 -0
  23. package/dist-cms/packages/templating/modals/partial-view-picker/partial-view-picker-modal.token.js +9 -0
  24. package/dist-cms/packages/templating/modals/templating-item-picker/index.d.ts +2 -0
  25. package/dist-cms/packages/templating/modals/templating-item-picker/index.js +2 -0
  26. package/dist-cms/packages/templating/modals/templating-item-picker/templating-item-picker-modal.element.d.ts +16 -0
  27. package/dist-cms/packages/templating/modals/templating-item-picker/templating-item-picker-modal.element.js +135 -0
  28. package/dist-cms/packages/templating/modals/templating-item-picker/templating-item-picker-modal.token.d.ts +10 -0
  29. package/dist-cms/packages/templating/modals/templating-item-picker/templating-item-picker-modal.token.js +7 -0
  30. package/dist-cms/packages/templating/modals/templating-section-picker/index.d.ts +2 -0
  31. package/dist-cms/packages/templating/modals/templating-section-picker/index.js +2 -0
  32. package/dist-cms/packages/templating/modals/templating-section-picker/templating-section-picker-modal.element.d.ts +20 -0
  33. package/dist-cms/packages/templating/modals/{insert-section-modal/insert-section-modal.element.js → templating-section-picker/templating-section-picker-modal.element.js} +45 -39
  34. package/dist-cms/packages/templating/modals/templating-section-picker/templating-section-picker-modal.token.d.ts +7 -0
  35. package/dist-cms/packages/templating/modals/templating-section-picker/templating-section-picker-modal.token.js +7 -0
  36. package/dist-cms/packages/templating/partial-views/workspace/partial-view-workspace.element.d.ts +1 -1
  37. package/dist-cms/packages/templating/partial-views/workspace/partial-view-workspace.element.js +1 -1
  38. package/dist-cms/packages/templating/templates/workspace/template-workspace-editor.element.js +27 -30
  39. package/dist-cms/packages/templating/templates/workspace/template-workspace.context.js +1 -1
  40. package/dist-cms/packages/templating/templates/workspace/template-workspace.element.d.ts +1 -1
  41. package/dist-cms/packages/templating/templates/workspace/template-workspace.element.js +1 -1
  42. package/dist-cms/packages/templating/types.d.ts +4 -0
  43. package/dist-cms/packages/templating/types.js +5 -0
  44. package/dist-cms/tsconfig.build.tsbuildinfo +1 -1
  45. package/dist-cms/vscode-html-custom-data.json +2 -7
  46. package/package.json +1 -1
  47. package/dist-cms/packages/core/modal/token/partial-view-picker-modal.token.d.ts +0 -10
  48. package/dist-cms/packages/core/modal/token/partial-view-picker-modal.token.js +0 -8
  49. package/dist-cms/packages/templating/modals/insert-choose-type-sidebar.element.d.ts +0 -26
  50. package/dist-cms/packages/templating/modals/insert-choose-type-sidebar.element.js +0 -123
  51. package/dist-cms/packages/templating/modals/insert-section-modal/insert-section-modal.element.d.ts +0 -22
  52. package/dist-cms/packages/templating/modals/modal-tokens.d.ts +0 -0
  53. package/dist-cms/packages/templating/modals/modal-tokens.js +0 -2
  54. package/dist-cms/packages/templating/modals/partial-view-picker-modal.element.d.ts +0 -17
  55. package/dist-cms/packages/templating/modals/partial-view-picker-modal.element.js +0 -85
  56. /package/dist-cms/packages/templating/modals/{insert-section-modal/insert-section-input.element.d.ts → templating-section-picker/templating-section-picker-input.element.d.ts} +0 -0
  57. /package/dist-cms/packages/templating/modals/{insert-section-modal/insert-section-input.element.js → templating-section-picker/templating-section-picker-input.element.js} +0 -0
@@ -0,0 +1,2 @@
1
+ export * from './templating-section-picker-input.element.js';
2
+ export * from './templating-section-picker-modal.element.js';
@@ -0,0 +1,20 @@
1
+ import type { UmbTemplatingSectionPickerModalData, UmbTemplatingSectionPickerModalValue } from './templating-section-picker-modal.token.js';
2
+ import type { UmbInsertSectionCheckboxElement } from './templating-section-picker-input.element.js';
3
+ import { UmbModalBaseElement } from '../../../core/modal/index.js';
4
+ import './templating-section-picker-input.element.js';
5
+ export declare class UmbTemplatingSectionPickerModalElement extends UmbModalBaseElement<UmbTemplatingSectionPickerModalData, UmbTemplatingSectionPickerModalValue> {
6
+ #private;
7
+ checkboxes: NodeListOf<UmbInsertSectionCheckboxElement>;
8
+ selectedCheckbox?: UmbInsertSectionCheckboxElement | null;
9
+ snippet: string;
10
+ firstUpdated(): void;
11
+ snippetMethods: ((sectionName: string, isMandatory: boolean) => string)[];
12
+ render(): import("lit-html").TemplateResult<1>;
13
+ static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
14
+ }
15
+ export default UmbTemplatingSectionPickerModalElement;
16
+ declare global {
17
+ interface HTMLElementTagNameMap {
18
+ 'umb-templating-section-picker-modal': UmbTemplatingSectionPickerModalElement;
19
+ }
20
+ }
@@ -9,23 +9,16 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
9
9
  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");
10
10
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11
11
  };
12
- var _UmbTemplatingInsertSectionModalElement_instances, _UmbTemplatingInsertSectionModalElement_chooseSection, _UmbTemplatingInsertSectionModalElement_close, _UmbTemplatingInsertSectionModalElement_submit;
13
- import { UMB_MODAL_TEMPLATING_INSERT_SECTION_SIDEBAR_ALIAS } from '../manifests.js';
12
+ var _UmbTemplatingSectionPickerModalElement_instances, _UmbTemplatingSectionPickerModalElement_chooseSection, _UmbTemplatingSectionPickerModalElement_close, _UmbTemplatingSectionPickerModalElement_submit;
14
13
  import { getAddSectionSnippet, getRenderBodySnippet, getRenderSectionSnippet } from '../../utils/index.js';
15
14
  import { UmbTextStyles } from '../../../../shared/style/index.js';
16
15
  import { css, html, customElement, queryAll, state } from '../../../../external/lit/index.js';
17
- import { UmbModalToken, UmbModalBaseElement } from '../../../core/modal/index.js';
18
- import './insert-section-input.element.js';
19
- export const UMB_MODAL_TEMPLATING_INSERT_SECTION_MODAL = new UmbModalToken(UMB_MODAL_TEMPLATING_INSERT_SECTION_SIDEBAR_ALIAS, {
20
- modal: {
21
- type: 'sidebar',
22
- size: 'small',
23
- },
24
- });
25
- let UmbTemplatingInsertSectionModalElement = class UmbTemplatingInsertSectionModalElement extends UmbModalBaseElement {
16
+ import { UmbModalBaseElement } from '../../../core/modal/index.js';
17
+ import './templating-section-picker-input.element.js';
18
+ let UmbTemplatingSectionPickerModalElement = class UmbTemplatingSectionPickerModalElement extends UmbModalBaseElement {
26
19
  constructor() {
27
20
  super(...arguments);
28
- _UmbTemplatingInsertSectionModalElement_instances.add(this);
21
+ _UmbTemplatingSectionPickerModalElement_instances.add(this);
29
22
  this.selectedCheckbox = null;
30
23
  this.snippet = '';
31
24
  this.snippetMethods = [getRenderBodySnippet, getRenderSectionSnippet, getAddSectionSnippet];
@@ -35,54 +28,61 @@ let UmbTemplatingInsertSectionModalElement = class UmbTemplatingInsertSectionMod
35
28
  }
36
29
  render() {
37
30
  return html `
38
- <umb-body-layout headline="Insert">
31
+ <umb-body-layout headline=${this.localize.term('template_insert')}>
39
32
  <div id="main">
40
33
  <uui-box>
41
34
  <umb-insert-section-checkbox
42
- @change=${__classPrivateFieldGet(this, _UmbTemplatingInsertSectionModalElement_instances, "m", _UmbTemplatingInsertSectionModalElement_chooseSection)}
43
- label="Render child template"
35
+ @change=${__classPrivateFieldGet(this, _UmbTemplatingSectionPickerModalElement_instances, "m", _UmbTemplatingSectionPickerModalElement_chooseSection)}
36
+ label=${this.localize.term('template_renderBody')}
44
37
  checked
45
38
  .snippetMethod=${getRenderBodySnippet}>
46
39
  <p slot="description">
47
- Renders the contents of a child template, by inserting a <code>@RenderBody()</code> placeholder.
40
+ <umb-localize key="template_renderBodyDesc">
41
+ Renders the contents of a child template, by inserting a <code>@RenderBody()</code> placeholder.
42
+ </umb-localize>
48
43
  </p>
49
44
  </umb-insert-section-checkbox>
50
45
 
51
46
  <umb-insert-section-checkbox
52
- @change=${__classPrivateFieldGet(this, _UmbTemplatingInsertSectionModalElement_instances, "m", _UmbTemplatingInsertSectionModalElement_chooseSection)}
53
- label="Render a named section"
47
+ @change=${__classPrivateFieldGet(this, _UmbTemplatingSectionPickerModalElement_instances, "m", _UmbTemplatingSectionPickerModalElement_chooseSection)}
48
+ label=${this.localize.term('template_renderSection')}
54
49
  show-mandatory
55
50
  show-input
56
51
  .snippetMethod=${getRenderSectionSnippet}>
57
52
  <p slot="description">
58
- Renders a named area of a child template, by inserting a <code>@RenderSection(name)</code> placeholder.
59
- This renders an area of a child template which is wrapped in a corresponding
60
- <code>@section [name]{ ... }</code> definition.
53
+ <umb-localize key="template_renderSectionDesc">
54
+ Renders a named area of a child template, by inserting a
55
+ <code>@RenderSection(name)</code> placeholder. This renders an area of a child template which is
56
+ wrapped in a corresponding <code>@section [name]{ ... }</code> definition.
57
+ </umb-localize>
61
58
  </p>
62
59
  </umb-insert-section-checkbox>
63
60
 
64
61
  <umb-insert-section-checkbox
65
- @change=${__classPrivateFieldGet(this, _UmbTemplatingInsertSectionModalElement_instances, "m", _UmbTemplatingInsertSectionModalElement_chooseSection)}
66
- label="Define a named section"
62
+ @change=${__classPrivateFieldGet(this, _UmbTemplatingSectionPickerModalElement_instances, "m", _UmbTemplatingSectionPickerModalElement_chooseSection)}
63
+ label=${this.localize.term('template_defineSection')}
67
64
  show-input
68
65
  .snippetMethod=${getAddSectionSnippet}>
69
66
  <p slot="description">
70
- Defines a part of your template as a named section by wrapping it in <code>@section { ... }</code>. This
71
- can be rendered in a specific area of the parent of this template, by using <code>@RenderSection</code>.
67
+ <umb-localize key="template_defineSectionDesc">
68
+ Renders a named area of a child template, by inserting a
69
+ <code>@RenderSection(name)</code> placeholder. This renders an area of a child template which is
70
+ wrapped in a corresponding <code>@section [name]{ ... }</code> definition.
71
+ </umb-localize>
72
72
  </p>
73
73
  </umb-insert-section-checkbox>
74
74
  </uui-box>
75
75
  </div>
76
76
  <div slot="actions">
77
- <uui-button @click=${__classPrivateFieldGet(this, _UmbTemplatingInsertSectionModalElement_instances, "m", _UmbTemplatingInsertSectionModalElement_close)} look="secondary" label="Close">Close</uui-button>
78
- <uui-button @click=${__classPrivateFieldGet(this, _UmbTemplatingInsertSectionModalElement_instances, "m", _UmbTemplatingInsertSectionModalElement_submit)} look="primary" color="positive" label="Submit">Submit</uui-button>
77
+ <uui-button @click=${__classPrivateFieldGet(this, _UmbTemplatingSectionPickerModalElement_instances, "m", _UmbTemplatingSectionPickerModalElement_close)} look="secondary" label="Close">Close</uui-button>
78
+ <uui-button @click=${__classPrivateFieldGet(this, _UmbTemplatingSectionPickerModalElement_instances, "m", _UmbTemplatingSectionPickerModalElement_submit)} look="primary" color="positive" label="Submit">Submit</uui-button>
79
79
  </div>
80
80
  </umb-body-layout>
81
81
  `;
82
82
  }
83
83
  };
84
- _UmbTemplatingInsertSectionModalElement_instances = new WeakSet();
85
- _UmbTemplatingInsertSectionModalElement_chooseSection = function _UmbTemplatingInsertSectionModalElement_chooseSection(event) {
84
+ _UmbTemplatingSectionPickerModalElement_instances = new WeakSet();
85
+ _UmbTemplatingSectionPickerModalElement_chooseSection = function _UmbTemplatingSectionPickerModalElement_chooseSection(event) {
86
86
  const target = event.target;
87
87
  const checkboxes = Array.from(this.checkboxes);
88
88
  if (checkboxes.every((checkbox) => checkbox.checked === false)) {
@@ -99,17 +99,17 @@ _UmbTemplatingInsertSectionModalElement_chooseSection = function _UmbTemplatingI
99
99
  });
100
100
  }
101
101
  };
102
- _UmbTemplatingInsertSectionModalElement_close = function _UmbTemplatingInsertSectionModalElement_close() {
102
+ _UmbTemplatingSectionPickerModalElement_close = function _UmbTemplatingSectionPickerModalElement_close() {
103
103
  this.modalContext?.reject();
104
104
  };
105
- _UmbTemplatingInsertSectionModalElement_submit = function _UmbTemplatingInsertSectionModalElement_submit() {
105
+ _UmbTemplatingSectionPickerModalElement_submit = function _UmbTemplatingSectionPickerModalElement_submit() {
106
106
  const value = this.selectedCheckbox?.snippet;
107
107
  if (this.selectedCheckbox?.validate()) {
108
108
  this.value = { value: value ?? '' };
109
109
  this.modalContext?.submit();
110
110
  }
111
111
  };
112
- UmbTemplatingInsertSectionModalElement.styles = [
112
+ UmbTemplatingSectionPickerModalElement.styles = [
113
113
  UmbTextStyles,
114
114
  css `
115
115
  :host {
@@ -128,18 +128,24 @@ UmbTemplatingInsertSectionModalElement.styles = [
128
128
  #main umb-insert-section-checkbox:not(:last-of-type) {
129
129
  margin-bottom: var(--uui-size-space-5);
130
130
  }
131
+ code {
132
+ background-color: var(--uui-color-surface-alt);
133
+ border: 1px solid var(--uui-color-border);
134
+ border-radius: var(--uui-border-radius);
135
+ }
131
136
  `,
132
137
  ];
133
138
  __decorate([
134
139
  queryAll('umb-insert-section-checkbox')
135
- ], UmbTemplatingInsertSectionModalElement.prototype, "checkboxes", void 0);
140
+ ], UmbTemplatingSectionPickerModalElement.prototype, "checkboxes", void 0);
136
141
  __decorate([
137
142
  state()
138
- ], UmbTemplatingInsertSectionModalElement.prototype, "selectedCheckbox", void 0);
143
+ ], UmbTemplatingSectionPickerModalElement.prototype, "selectedCheckbox", void 0);
139
144
  __decorate([
140
145
  state()
141
- ], UmbTemplatingInsertSectionModalElement.prototype, "snippet", void 0);
142
- UmbTemplatingInsertSectionModalElement = __decorate([
143
- customElement('umb-templating-insert-section-modal')
144
- ], UmbTemplatingInsertSectionModalElement);
145
- export default UmbTemplatingInsertSectionModalElement;
146
+ ], UmbTemplatingSectionPickerModalElement.prototype, "snippet", void 0);
147
+ UmbTemplatingSectionPickerModalElement = __decorate([
148
+ customElement('umb-templating-section-picker-modal')
149
+ ], UmbTemplatingSectionPickerModalElement);
150
+ export { UmbTemplatingSectionPickerModalElement };
151
+ export default UmbTemplatingSectionPickerModalElement;
@@ -0,0 +1,7 @@
1
+ import { UmbModalToken } from '../../../core/modal/index.js';
2
+ export interface UmbTemplatingSectionPickerModalData {
3
+ }
4
+ export type UmbTemplatingSectionPickerModalValue = {
5
+ value: string;
6
+ };
7
+ export declare const UMB_TEMPLATING_SECTION_PICKER_MODAL: UmbModalToken<UmbTemplatingSectionPickerModalData, UmbTemplatingSectionPickerModalValue>;
@@ -0,0 +1,7 @@
1
+ import { UmbModalToken } from '../../../core/modal/index.js';
2
+ export const UMB_TEMPLATING_SECTION_PICKER_MODAL = new UmbModalToken('Umb.Modal.TemplatingSectionPicker', {
3
+ modal: {
4
+ type: 'sidebar',
5
+ size: 'small',
6
+ },
7
+ });
@@ -1,6 +1,6 @@
1
1
  import { UmbLitElement } from '../../../core/lit-element/index.js';
2
2
  import type { UmbRoute } from '../../../../shared/router/index.js';
3
- import '../../components/insert-menu/templating-insert-menu.element.js';
3
+ import '../../components/templating-item-menu/templating-item-menu.element.js';
4
4
  export declare class UmbPartialViewWorkspaceElement extends UmbLitElement {
5
5
  #private;
6
6
  _routes: UmbRoute[];
@@ -16,7 +16,7 @@ import { UmbTextStyles } from '../../../../shared/style/index.js';
16
16
  import { css, html, customElement, state } from '../../../../external/lit/index.js';
17
17
  import { UmbLitElement } from '../../../core/lit-element/index.js';
18
18
  import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
19
- import '../../components/insert-menu/templating-insert-menu.element.js';
19
+ import '../../components/templating-item-menu/templating-item-menu.element.js';
20
20
  let UmbPartialViewWorkspaceElement = class UmbPartialViewWorkspaceElement extends UmbLitElement {
21
21
  constructor() {
22
22
  super(...arguments);
@@ -16,7 +16,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
16
16
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
17
17
  };
18
18
  var _UmbTemplateWorkspaceEditorElement_instances, _UmbTemplateWorkspaceEditorElement_templateWorkspaceContext, _UmbTemplateWorkspaceEditorElement_isNew, _UmbTemplateWorkspaceEditorElement_masterTemplateUnique, _UmbTemplateWorkspaceEditorElement_onNameInput, _UmbTemplateWorkspaceEditorElement_onAliasInput, _UmbTemplateWorkspaceEditorElement_onCodeEditorInput, _UmbTemplateWorkspaceEditorElement_insertSnippet, _UmbTemplateWorkspaceEditorElement_openInsertSectionModal, _UmbTemplateWorkspaceEditorElement_resetMasterTemplate, _UmbTemplateWorkspaceEditorElement_openMasterTemplatePicker, _UmbTemplateWorkspaceEditorElement_openQueryBuilder, _UmbTemplateWorkspaceEditorElement_renderMasterTemplatePicker, _UmbTemplateWorkspaceEditorElement_renderCodeEditor;
19
- import { UMB_MODAL_TEMPLATING_INSERT_SECTION_MODAL } from '../../modals/insert-section-modal/insert-section-modal.element.js';
19
+ import { UMB_TEMPLATING_SECTION_PICKER_MODAL } from '../../modals/templating-section-picker/templating-section-picker-modal.token.js';
20
20
  import { UMB_TEMPLATE_QUERY_BUILDER_MODAL } from '../modals/query-builder/index.js';
21
21
  import { getQuerySnippet } from '../../utils/index.js';
22
22
  import { UMB_TEMPLATE_WORKSPACE_CONTEXT } from './template-workspace.context.js';
@@ -73,35 +73,34 @@ let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorElement
73
73
  // TODO: add correct UI elements
74
74
  return html `<umb-workspace-editor alias="Umb.Workspace.Template">
75
75
  <uui-input
76
- placeholder="Enter name..."
76
+ placeholder=${this.localize.term('placeholders_entername')}
77
77
  slot="header"
78
78
  .value=${this._name}
79
79
  @input=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_onNameInput)}
80
- label="template name">
80
+ label=${this.localize.term('template_template')}>
81
81
  <uui-input-lock slot="append" value=${ifDefined(this._alias)} @input=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_onAliasInput)}></uui-input-lock>
82
82
  </uui-input>
83
83
 
84
84
  <uui-box>
85
- <div slot="header" id="code-editor-menu-container">
86
- ${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_renderMasterTemplatePicker).call(this)}
87
- <div>
88
- <umb-templating-insert-menu @insert=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_insertSnippet)}></umb-templating-insert-menu>
89
- <uui-button
90
- look="secondary"
91
- id="query-builder-button"
92
- label=${this.localize.term('template_queryBuilder')}
93
- @click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_openQueryBuilder)}>
94
- <uui-icon name="icon-wand"></uui-icon> ${this.localize.term('template_queryBuilder')}
95
- </uui-button>
96
- <uui-button
97
- look="secondary"
98
- id="sections-button"
99
- label=${this.localize.term('template_insertSections')}
100
- @click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_openInsertSectionModal)}>
101
- <uui-icon name="icon-indent"></uui-icon> ${this.localize.term('template_insertSections')}
102
- </uui-button>
103
- </div>
85
+ <div slot="header" id="code-editor-menu-container">${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_renderMasterTemplatePicker).call(this)}</div>
86
+ <div slot="header-actions">
87
+ <umb-templating-insert-menu @insert=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_insertSnippet)}></umb-templating-insert-menu>
88
+ <uui-button
89
+ look="secondary"
90
+ id="query-builder-button"
91
+ label=${this.localize.term('template_queryBuilder')}
92
+ @click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_openQueryBuilder)}>
93
+ <uui-icon name="icon-wand"></uui-icon> ${this.localize.term('template_queryBuilder')}
94
+ </uui-button>
95
+ <uui-button
96
+ look="secondary"
97
+ id="sections-button"
98
+ label=${this.localize.term('template_insertSections')}
99
+ @click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_openInsertSectionModal)}>
100
+ <uui-icon name="icon-indent"></uui-icon> ${this.localize.term('template_insertSections')}
101
+ </uui-button>
104
102
  </div>
103
+
105
104
  ${this._ready
106
105
  ? __classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_renderCodeEditor).call(this)
107
106
  : html `<div id="loader-container">
@@ -137,7 +136,7 @@ _UmbTemplateWorkspaceEditorElement_insertSnippet = function _UmbTemplateWorkspac
137
136
  this._codeEditor?.insert(value);
138
137
  };
139
138
  _UmbTemplateWorkspaceEditorElement_openInsertSectionModal = function _UmbTemplateWorkspaceEditorElement_openInsertSectionModal() {
140
- const sectionModal = this._modalContext?.open(UMB_MODAL_TEMPLATING_INSERT_SECTION_MODAL);
139
+ const sectionModal = this._modalContext?.open(UMB_TEMPLATING_SECTION_PICKER_MODAL);
141
140
  sectionModal?.onSubmit().then((insertSectionModalValue) => {
142
141
  if (insertSectionModalValue?.value) {
143
142
  this._codeEditor?.insert(insertSectionModalValue.value);
@@ -150,10 +149,10 @@ _UmbTemplateWorkspaceEditorElement_resetMasterTemplate = function _UmbTemplateWo
150
149
  _UmbTemplateWorkspaceEditorElement_openMasterTemplatePicker = function _UmbTemplateWorkspaceEditorElement_openMasterTemplatePicker() {
151
150
  const modalContext = this._modalContext?.open(UMB_TEMPLATE_PICKER_MODAL, {
152
151
  data: {
152
+ hideTreeRoot: true,
153
153
  pickableFilter: (item) => {
154
154
  return item.unique !== null && item.unique !== __classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_templateWorkspaceContext, "f")?.getEntityId();
155
155
  },
156
- hideTreeRoot: true,
157
156
  },
158
157
  value: {
159
158
  selection: [__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_masterTemplateUnique, "f")],
@@ -180,13 +179,11 @@ _UmbTemplateWorkspaceEditorElement_renderMasterTemplatePicker = function _UmbTem
180
179
  @click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_openMasterTemplatePicker)}
181
180
  look="secondary"
182
181
  id="master-template-button"
183
- label=${this.localize.term('template_mastertemplate')}>
184
- ${this._masterTemplateName
185
- ? `${this.localize.term('template_mastertemplate')}: ${this._masterTemplateName}`
186
- : this.localize.term('template_noMaster')}
187
- </uui-button>
182
+ label="${this.localize.term('template_mastertemplate')}: ${this._masterTemplateName
183
+ ? this._masterTemplateName
184
+ : this.localize.term('template_noMaster')}"></uui-button>
188
185
  ${this._masterTemplateName
189
- ? html ` <uui-button look="secondary" id="save-button" label=${this.localize.term('actions_remove')} compact>
186
+ ? html `<uui-button look="secondary" label=${this.localize.term('actions_remove')} compact>
190
187
  <uui-icon name="icon-delete" @click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_resetMasterTemplate)}></uui-icon>
191
188
  </uui-button>`
192
189
  : nothing}
@@ -79,7 +79,7 @@ ${currentContent}`;
79
79
  const { data } = await this.detailRepository.requestByUnique(unique);
80
80
  if (data) {
81
81
  this.setIsNew(false);
82
- //this.setMasterTemplate(data.masterTemplateId ?? null);
82
+ this.setMasterTemplate(data.masterTemplate?.unique ?? null);
83
83
  __classPrivateFieldGet(this, _UmbTemplateWorkspaceContext_data, "f").setValue(data);
84
84
  }
85
85
  }
@@ -1,6 +1,6 @@
1
1
  import type { UmbRoute } from '../../../../shared/router/index.js';
2
2
  import { UmbLitElement } from '../../../core/lit-element/index.js';
3
- import '../../components/insert-menu/templating-insert-menu.element.js';
3
+ import '../../components/templating-item-menu/templating-item-menu.element.js';
4
4
  export declare class UmbTemplateWorkspaceElement extends UmbLitElement {
5
5
  #private;
6
6
  _routes: UmbRoute[];
@@ -14,7 +14,7 @@ import { UmbTemplateWorkspaceContext } from './template-workspace.context.js';
14
14
  import { UmbTemplateWorkspaceEditorElement } from './template-workspace-editor.element.js';
15
15
  import { html, customElement, state } from '../../../../external/lit/index.js';
16
16
  import { UmbLitElement } from '../../../core/lit-element/index.js';
17
- import '../../components/insert-menu/templating-insert-menu.element.js';
17
+ import '../../components/templating-item-menu/templating-item-menu.element.js';
18
18
  import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
19
19
  let UmbTemplateWorkspaceElement = class UmbTemplateWorkspaceElement extends UmbLitElement {
20
20
  constructor() {
@@ -0,0 +1,4 @@
1
+ export declare enum CodeSnippetType {
2
+ partialView = "partialView",
3
+ dictionaryItem = "dictionaryItem"
4
+ }
@@ -0,0 +1,5 @@
1
+ export var CodeSnippetType;
2
+ (function (CodeSnippetType) {
3
+ CodeSnippetType["partialView"] = "partialView";
4
+ CodeSnippetType["dictionaryItem"] = "dictionaryItem";
5
+ })(CodeSnippetType || (CodeSnippetType = {}));