@umbraco-cms/backoffice 14.0.0--preview006-89e89a2e → 14.0.0--preview006-7bdcb4ac

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 (109) hide show
  1. package/dist-cms/css/umbraco-blockgridlayout.css +50 -0
  2. package/dist-cms/custom-elements.json +71 -40
  3. package/dist-cms/libs/observable-api/utils/append-to-frozen-array.function.d.ts +6 -5
  4. package/dist-cms/libs/observable-api/utils/append-to-frozen-array.function.js +6 -5
  5. package/dist-cms/mocks/data/data-type/data-type.data.js +1 -1
  6. package/dist-cms/mocks/data/document/document.data.js +91 -1
  7. package/dist-cms/packages/block/block/context/block-entries.context-token.d.ts +5 -0
  8. package/dist-cms/packages/block/block/context/block-entries.context-token.js +2 -0
  9. package/dist-cms/packages/block/block/context/block-entries.context.d.ts +29 -0
  10. package/dist-cms/packages/block/block/context/block-entries.context.js +69 -0
  11. package/dist-cms/packages/block/block/context/block-entry.context-token.d.ts +6 -0
  12. package/dist-cms/packages/block/block/context/block-entry.context-token.js +2 -0
  13. package/dist-cms/packages/block/block/context/{block-entity.context.d.ts → block-entry.context.d.ts} +25 -10
  14. package/dist-cms/packages/block/block/context/block-entry.context.js +208 -0
  15. package/dist-cms/packages/block/block/{manager → context}/block-manager.context.d.ts +21 -5
  16. package/dist-cms/packages/block/block/{manager → context}/block-manager.context.js +56 -53
  17. package/dist-cms/packages/block/block/context/index.d.ts +6 -1
  18. package/dist-cms/packages/block/block/context/index.js +5 -1
  19. package/dist-cms/packages/block/block/index.d.ts +0 -1
  20. package/dist-cms/packages/block/block/index.js +0 -1
  21. package/dist-cms/packages/block/block/workspace/block-workspace-editor.element.d.ts +0 -1
  22. package/dist-cms/packages/block/block/workspace/block-workspace-editor.element.js +1 -17
  23. package/dist-cms/packages/block/block/workspace/block-workspace.context.js +78 -45
  24. package/dist-cms/packages/block/block/workspace/views/edit/{block-workspace-view-edit-no-router.element.d.ts → block-workspace-view-edit-content-no-router.element.d.ts} +8 -5
  25. package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit-content-no-router.element.js +148 -0
  26. package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit.element.js +4 -1
  27. package/dist-cms/packages/block/block-grid/components/block-grid-areas-container/block-grid-areas-container.element.d.ts +18 -0
  28. package/dist-cms/packages/block/block-grid/components/block-grid-areas-container/block-grid-areas-container.element.js +46 -0
  29. package/dist-cms/packages/block/block-grid/components/block-grid-areas-container/index.d.ts +1 -0
  30. package/dist-cms/packages/block/block-grid/components/block-grid-areas-container/index.js +1 -0
  31. package/dist-cms/packages/block/block-grid/components/block-grid-entries/block-grid-entries.element.d.ts +21 -0
  32. package/dist-cms/packages/block/block-grid/components/block-grid-entries/block-grid-entries.element.js +118 -0
  33. package/dist-cms/packages/block/block-grid/components/block-grid-entries/index.d.ts +1 -0
  34. package/dist-cms/packages/block/block-grid/components/block-grid-entries/index.js +1 -0
  35. package/dist-cms/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.d.ts +28 -0
  36. package/dist-cms/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.js +124 -0
  37. package/dist-cms/packages/block/block-grid/components/block-grid-entry/index.d.ts +1 -0
  38. package/dist-cms/packages/block/block-grid/components/block-grid-entry/index.js +1 -0
  39. package/dist-cms/packages/block/block-grid/components/index.d.ts +0 -0
  40. package/dist-cms/packages/block/block-grid/components/index.js +1 -0
  41. package/dist-cms/packages/block/block-grid/components/ref-grid-block/index.d.ts +1 -0
  42. package/dist-cms/packages/block/block-grid/components/ref-grid-block/index.js +1 -0
  43. package/dist-cms/packages/block/block-grid/components/ref-grid-block/ref-grid-block.element.d.ts +18 -0
  44. package/dist-cms/packages/block/block-grid/components/ref-grid-block/ref-grid-block.element.js +47 -0
  45. package/dist-cms/packages/block/block-grid/context/block-grid-entries.context-token.d.ts +3 -0
  46. package/dist-cms/packages/block/block-grid/context/block-grid-entries.context-token.js +3 -0
  47. package/dist-cms/packages/block/block-grid/context/block-grid-entries.context.d.ts +25 -0
  48. package/dist-cms/packages/block/block-grid/context/block-grid-entries.context.js +134 -0
  49. package/dist-cms/packages/block/block-grid/context/block-grid-entry.context-token.d.ts +3 -0
  50. package/dist-cms/packages/block/block-grid/context/block-grid-entry.context-token.js +3 -0
  51. package/dist-cms/packages/block/block-grid/context/block-grid-entry.context.d.ts +12 -0
  52. package/dist-cms/packages/block/block-grid/context/block-grid-entry.context.js +38 -0
  53. package/dist-cms/packages/block/block-grid/context/block-grid-manager.context.d.ts +25 -0
  54. package/dist-cms/packages/block/block-grid/context/block-grid-manager.context.js +38 -0
  55. package/dist-cms/packages/block/block-grid/context/index.d.ts +2 -0
  56. package/dist-cms/packages/block/block-grid/context/index.js +2 -0
  57. package/dist-cms/packages/block/block-grid/index.d.ts +2 -1
  58. package/dist-cms/packages/block/block-grid/index.js +2 -1
  59. package/dist-cms/packages/block/block-grid/property-editors/block-grid-editor/manifests.d.ts +1 -0
  60. package/dist-cms/packages/block/block-grid/property-editors/block-grid-editor/manifests.js +2 -1
  61. package/dist-cms/packages/block/block-grid/property-editors/block-grid-editor/property-editor-ui-block-grid.element.d.ts +7 -8
  62. package/dist-cms/packages/block/block-grid/property-editors/block-grid-editor/property-editor-ui-block-grid.element.js +59 -89
  63. package/dist-cms/packages/block/block-grid/property-editors/block-grid-group-configuration/property-editor-ui-block-grid-group-configuration.element.d.ts +3 -3
  64. package/dist-cms/packages/block/block-grid/types.d.ts +15 -3
  65. package/dist-cms/packages/block/block-list/components/block-list-entry/block-list-entry.element.d.ts +29 -0
  66. package/dist-cms/packages/block/block-list/components/block-list-entry/block-list-entry.element.js +132 -0
  67. package/dist-cms/packages/block/block-list/components/block-list-entry/index.d.ts +1 -0
  68. package/dist-cms/packages/block/block-list/components/block-list-entry/index.js +1 -0
  69. package/dist-cms/packages/block/block-list/components/inline-list-block/inline-list-block.element.d.ts +1 -1
  70. package/dist-cms/packages/block/block-list/components/inline-list-block/inline-list-block.element.js +5 -6
  71. package/dist-cms/packages/block/block-list/components/ref-list-block/ref-list-block.element.js +3 -2
  72. package/dist-cms/packages/block/block-list/context/block-list-entries.context-token.d.ts +3 -0
  73. package/dist-cms/packages/block/block-list/context/block-list-entries.context-token.js +3 -0
  74. package/dist-cms/packages/block/block-list/context/block-list-entries.context.d.ts +23 -0
  75. package/dist-cms/packages/block/block-list/context/block-list-entries.context.js +81 -0
  76. package/dist-cms/packages/block/block-list/context/block-list-entry.context-token.d.ts +3 -0
  77. package/dist-cms/packages/block/block-list/context/block-list-entry.context-token.js +3 -0
  78. package/dist-cms/packages/block/block-list/context/block-list-entry.context.d.ts +11 -0
  79. package/dist-cms/packages/block/block-list/context/{block-list.context.js → block-list-entry.context.js} +11 -10
  80. package/dist-cms/packages/block/block-list/{manager → context}/block-list-manager.context.d.ts +13 -4
  81. package/dist-cms/packages/block/block-list/{manager → context}/block-list-manager.context.js +8 -4
  82. package/dist-cms/packages/block/block-list/context/index.d.ts +1 -0
  83. package/dist-cms/packages/block/block-list/context/index.js +1 -0
  84. package/dist-cms/packages/block/block-list/index.d.ts +2 -1
  85. package/dist-cms/packages/block/block-list/index.js +2 -1
  86. package/dist-cms/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.d.ts +2 -7
  87. package/dist-cms/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.js +39 -30
  88. package/dist-cms/packages/block/block-list/types.d.ts +3 -1
  89. package/dist-cms/packages/block/block-type/components/block-type-card/block-type-card.element.js +1 -1
  90. package/dist-cms/packages/core/modal/modal-route-registration.controller.d.ts +1 -1
  91. package/dist-cms/packages/core/modal/modal-route-registration.controller.js +1 -1
  92. package/dist-cms/tsconfig.build.tsbuildinfo +1 -1
  93. package/dist-cms/vscode-html-custom-data.json +36 -25
  94. package/package.json +13 -2
  95. package/dist-cms/packages/block/block/context/block-entity.context.js +0 -151
  96. package/dist-cms/packages/block/block/manager/index.d.ts +0 -2
  97. package/dist-cms/packages/block/block/manager/index.js +0 -1
  98. package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit-no-router.element.js +0 -132
  99. package/dist-cms/packages/block/block-grid/property-editors/block-grid-editor/property-editor-ui-block-grid-inner-test.element.d.ts +0 -18
  100. package/dist-cms/packages/block/block-grid/property-editors/block-grid-editor/property-editor-ui-block-grid-inner-test.element.js +0 -87
  101. package/dist-cms/packages/block/block-list/components/block-list-block/block-list-block.element.d.ts +0 -31
  102. package/dist-cms/packages/block/block-list/components/block-list-block/block-list-block.element.js +0 -149
  103. package/dist-cms/packages/block/block-list/components/block-list-block/index.d.ts +0 -1
  104. package/dist-cms/packages/block/block-list/components/block-list-block/index.js +0 -1
  105. package/dist-cms/packages/block/block-list/context/block-list.context-token.d.ts +0 -3
  106. package/dist-cms/packages/block/block-list/context/block-list.context-token.js +0 -2
  107. package/dist-cms/packages/block/block-list/context/block-list.context.d.ts +0 -9
  108. /package/dist-cms/packages/block/block/{manager → context}/block-manager.context-token.d.ts +0 -0
  109. /package/dist-cms/packages/block/block/{manager → context}/block-manager.context-token.js +0 -0
@@ -177,6 +177,32 @@
177
177
  "description": "Properties:\n\n * `create` - A way to initialize controllers.",
178
178
  "attributes": []
179
179
  },
180
+ {
181
+ "name": "umb-block-grid-area-container",
182
+ "description": "Properties:\n\n * `_areas` {`UmbBlockGridLayoutAreaItemModel[] | undefined`} - \n\n * `styles` {`any[]`} - ",
183
+ "attributes": []
184
+ },
185
+ {
186
+ "name": "umb-block-grid-entries",
187
+ "description": "Properties:\n\n * `areaKey` {`string | null`} - \n\n * `_layoutEntries` {`UmbBlockGridLayoutModel[]`} - \n\n * `_createButtonLabel` - \n\n * `styles` {`any[]`} - ",
188
+ "attributes": []
189
+ },
190
+ {
191
+ "name": "umb-block-grid-entry",
192
+ "description": "Properties:\n\n * `contentUdi` {`string | undefined`} - \n\n * `_contentUdi` {`string | undefined`} - \n\n * `_hasSettings` {`boolean`} - \n\n * `_label` {`string`} - \n\n * `_workspaceEditPath` {`string | undefined`} - \n\n * `_inlineEditingMode` {`boolean | undefined`} - \n\n * `_blockViewProps` {`{ label?: string | undefined; }`} - \n\n * `styles` {`any[]`} - ",
193
+ "attributes": []
194
+ },
195
+ {
196
+ "name": "umb-ref-grid-block",
197
+ "description": "Attributes:\n\n * `label` {`string | undefined`} - \n\nProperties:\n\n * `label` {`string | undefined`} - \n\n * `_workspaceEditPath` {`string | undefined`} - \n\n * `styles` {`any[]`} - ",
198
+ "attributes": [
199
+ {
200
+ "name": "label",
201
+ "description": "`label` {`string | undefined`} - \n\nProperty: label",
202
+ "values": []
203
+ }
204
+ ]
205
+ },
180
206
  {
181
207
  "name": "umb-property-editor-ui-block-grid-column-span",
182
208
  "description": "Events:\n\n * `property-value-change` {`CustomEvent<unknown>`} - \n\nAttributes:\n\n * `value` {`BlockGridColumn[]`} - \n\nProperties:\n\n * `value` {`BlockGridColumn[]`} - \n\n * `_columnsArray` {`number[]`} - \n\n * `config` - \n\n * `styles` {`any[]`} - ",
@@ -191,33 +217,18 @@
191
217
  }
192
218
  ]
193
219
  },
194
- {
195
- "name": "umb-property-editor-ui-block-grid-inner-test",
196
- "description": "Attributes:\n\n * `name` {`string`} - \n\nProperties:\n\n * `name` {`string`} - \n\n * `_routerPath` {`string | undefined`} - \n\n * `_activePath` {`string | undefined`} - \n\n * `_routes` {`UmbRoute[]`} - \n\n * `styles` {`any[]`} - ",
197
- "attributes": [
198
- {
199
- "name": "name",
200
- "description": "`name` {`string`} - \n\nProperty: name\n\nDefault: "
201
- }
202
- ]
203
- },
204
220
  {
205
221
  "name": "umb-property-editor-ui-block-grid",
206
- "description": "Attributes:\n\n * `value` {`string`} - \n\nProperties:\n\n * `value` {`string`} - \n\n * `_limitMin` {`number | undefined`} - \n\n * `_limitMax` {`number | undefined`} - \n\n * `_blocks` {`UmbBlockTypeBaseModel[] | undefined`} - \n\n * `_blockGroups` {`UmbBlockTypeGroup[] | undefined`} - \n\n * `_layouts` {`UmbBlockLayoutBaseModel[]`} - \n\n * `_catalogueRouteBuilder` - \n\n * `_directRoute` {`string | undefined`} - \n\n * `_createButtonLabel` - \n\n * `config` - \n\n * `styles` {`any[]`} - \n\n * `#catalogueModal` - ",
207
- "attributes": [
208
- {
209
- "name": "value",
210
- "description": "`value` {`string`} - \n\nProperty: value\n\nDefault: "
211
- }
212
- ]
222
+ "description": "Properties:\n\n * `_value` - \n\n * `config` - \n\n * `_limitMin` {`number | undefined`} - \n\n * `_limitMax` {`number | undefined`} - \n\n * `value` - \n\n * `_rootLayouts` {`UmbBlockGridLayoutModel[]`} - \n\n * `styles` {`any[]`} - ",
223
+ "attributes": []
213
224
  },
214
225
  {
215
226
  "name": "umb-property-editor-ui-block-grid-group-configuration",
216
- "description": "Events:\n\n * `property-value-change` {`CustomEvent<unknown>`} - \n\nAttributes:\n\n * `value` {`UmbBlockGridGroupType[]`} - \n\nProperties:\n\n * `_value` {`UmbBlockGridGroupType[]`} - \n\n * `value` {`UmbBlockGridGroupType[]`} - \n\n * `config` - \n\n * `styles` {`any[]`} - ",
227
+ "description": "Events:\n\n * `property-value-change` {`CustomEvent<unknown>`} - \n\nAttributes:\n\n * `value` {`UmbBlockGridTypeGroupType[]`} - \n\nProperties:\n\n * `_value` {`UmbBlockGridTypeGroupType[]`} - \n\n * `value` {`UmbBlockGridTypeGroupType[]`} - \n\n * `config` - \n\n * `styles` {`any[]`} - ",
217
228
  "attributes": [
218
229
  {
219
230
  "name": "value",
220
- "description": "`value` {`UmbBlockGridGroupType[]`} - \n\nProperty: value"
231
+ "description": "`value` {`UmbBlockGridTypeGroupType[]`} - \n\nProperty: value"
221
232
  },
222
233
  {
223
234
  "name": "onproperty-value-change",
@@ -241,7 +252,7 @@
241
252
  },
242
253
  {
243
254
  "name": "umb-property-editor-ui-block-grid-type-configuration",
244
- "description": "Properties:\n\n * `_value` {`UmbBlockTypeWithGroupKey[]`} - \n\n * `value` {`UmbBlockTypeWithGroupKey[]`} - \n\n * `config` - \n\n * `_blockGroups` {`UmbBlockGridGroupType[]`} - \n\n * `_mappedValuesAndGroups` {`UmbBlockGridGroupTypeConfiguration[]`} - \n\n * `_workspacePath` {`string | undefined`} - \n\n * `styles` {`any[]`} - \n\n * `#blockTypeWorkspaceModalRegistration` - ",
255
+ "description": "Properties:\n\n * `_value` {`UmbBlockTypeWithGroupKey[]`} - \n\n * `value` {`UmbBlockTypeWithGroupKey[]`} - \n\n * `config` - \n\n * `_blockGroups` {`UmbBlockGridTypeGroupType[]`} - \n\n * `_mappedValuesAndGroups` {`UmbBlockGridGroupTypeConfiguration[]`} - \n\n * `_workspacePath` {`string | undefined`} - \n\n * `styles` {`any[]`} - \n\n * `#blockTypeWorkspaceModalRegistration` - ",
245
256
  "attributes": []
246
257
  },
247
258
  {
@@ -265,8 +276,8 @@
265
276
  "attributes": []
266
277
  },
267
278
  {
268
- "name": "umb-property-editor-ui-block-list-block",
269
- "description": "Properties:\n\n * `layout` - \n\n * `_layout` - \n\n * `_contentUdi` {`string | undefined`} - \n\n * `_hasSettings` {`boolean`} - \n\n * `_label` {`string`} - \n\n * `_workspaceEditPath` {`string | undefined`} - \n\n * `_inlineEditingMode` {`boolean | undefined`} - \n\n * `_blockViewProps` {`{ label?: string | undefined; }`} - \n\n * `styles` {`any[]`} - ",
279
+ "name": "umb-block-list-entry",
280
+ "description": "Properties:\n\n * `contentUdi` {`string | undefined`} - \n\n * `_contentUdi` {`string | undefined`} - \n\n * `_hasSettings` {`boolean`} - \n\n * `_label` {`string`} - \n\n * `_workspaceEditPath` {`string | undefined`} - \n\n * `_inlineEditingMode` {`boolean | undefined`} - \n\n * `_blockViewProps` {`{ label?: string | undefined; }`} - \n\n * `styles` {`any[]`} - ",
270
281
  "attributes": []
271
282
  },
272
283
  {
@@ -293,7 +304,7 @@
293
304
  },
294
305
  {
295
306
  "name": "umb-property-editor-ui-block-list",
296
- "description": "Properties:\n\n * `_value` {`UmbBlockListValueModel`} - \n\n * `value` {`UmbBlockListValueModel`} - \n\n * `_createButtonLabel` - \n\n * `config` - \n\n * `_limitMin` {`number | undefined`} - \n\n * `_limitMax` {`number | undefined`} - \n\n * `_blocks` {`UmbBlockTypeBaseModel[] | undefined`} - \n\n * `_layouts` {`UmbBlockLayoutBaseModel[]`} - \n\n * `_catalogueRouteBuilder` - \n\n * `_directRoute` {`string | undefined`} - \n\n * `styles` {`any[]`} - \n\n * `#catalogueModal` - ",
307
+ "description": "Properties:\n\n * `_value` {`UmbBlockListValueModel`} - \n\n * `value` {`UmbBlockListValueModel`} - \n\n * `_createButtonLabel` - \n\n * `config` - \n\n * `_limitMin` {`number | undefined`} - \n\n * `_limitMax` {`number | undefined`} - \n\n * `_blocks` {`UmbBlockTypeBaseModel[] | undefined`} - \n\n * `_layouts` {`UmbBlockLayoutBaseModel[]`} - \n\n * `_catalogueRouteBuilder` - \n\n * `styles` {`any[]`} - \n\n * `#catalogueModal` - ",
297
308
  "attributes": []
298
309
  },
299
310
  {
@@ -367,8 +378,8 @@
367
378
  "attributes": []
368
379
  },
369
380
  {
370
- "name": "umb-block-workspace-view-edit-no-router",
371
- "description": "Properties:\n\n * `_hasRootGroups` {`boolean`} - \n\n * `_tabs` {`PropertyTypeContainerModelBaseModel[] | undefined`} - \n\n * `_activeTabId` {`string | null | undefined`} - \n\n * `_activeTabName` {`string | null | undefined`} - \n\n * `_workspaceContext` - \n\n * `_tabsStructureHelper` - \n\n * `styles` {`any[]`} - ",
381
+ "name": "umb-block-workspace-view-edit-content-no-router",
382
+ "description": "Properties:\n\n * `_hasRootGroups` {`boolean`} - \n\n * `_tabs` {`PropertyTypeContainerModelBaseModel[] | undefined`} - \n\n * `_activeTabId` {`string | null | undefined`} - \n\n * `_activeTabName` {`string | null | undefined`} - \n\n * `styles` {`any[]`} - ",
372
383
  "attributes": []
373
384
  },
374
385
  {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@umbraco-cms/backoffice",
3
3
  "license": "MIT",
4
- "version": "14.0.0--preview006-89e89a2e",
4
+ "version": "14.0.0--preview006-7bdcb4ac",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": null,
@@ -78,7 +78,18 @@
78
78
  "./user": "./dist-cms/packages/user/user/index.js",
79
79
  "./user-permission": "./dist-cms/packages/user/user-permission/index.js",
80
80
  "./code-editor": "./dist-cms/packages/templating/code-editor/index.js",
81
- "./external/*": "./dist-cms/external/*/index.js",
81
+ "./external/backend-api": "./dist-cms/external/backend-api/index.js",
82
+ "./external/dompurify": "./dist-cms/external/dompurify/index.js",
83
+ "./external/lit": "./dist-cms/external/lit/index.js",
84
+ "./external/lodash": "./dist-cms/external/lodash/index.js",
85
+ "./external/marked": "./dist-cms/external/marked/index.js",
86
+ "./external/monaco-editor": "./dist-cms/external/monaco-editor/index.js",
87
+ "./external/openid": "./dist-cms/external/openid/index.js",
88
+ "./external/router-slot": "./dist-cms/external/router-slot/index.js",
89
+ "./external/rxjs": "./dist-cms/external/rxjs/index.js",
90
+ "./external/tinymce": "./dist-cms/external/tinymce/index.js",
91
+ "./external/uui": "./dist-cms/external/uui/index.js",
92
+ "./external/uuid": "./dist-cms/external/uuid/index.js",
82
93
  "./examples/*": "./examples/*/index.js",
83
94
  "./examples": "./examples/index.js"
84
95
  },
@@ -1,151 +0,0 @@
1
- var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
2
- if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
3
- 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");
4
- return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
5
- };
6
- var _UmbBlockContext_instances, _UmbBlockContext_blockTypeName, _UmbBlockContext_label, _UmbBlockContext_workspacePath, _UmbBlockContext_layout, _UmbBlockContext_content, _UmbBlockContext_settings, _UmbBlockContext_observeData, _UmbBlockContext_observeBlockType, _UmbBlockContext_observeBlockTypeContentElementName, _UmbBlockContext_observeBlockTypeLabel;
7
- import { UmbContextToken } from '../../../../libs/context-api/index.js';
8
- import { UmbContextBase } from '../../../../libs/class-api/index.js';
9
- import { UmbObjectState, UmbStringState } from '../../../../libs/observable-api/index.js';
10
- import { encodeFilePath } from '../../../../shared/utils/index.js';
11
- export class UmbBlockContext extends UmbContextBase {
12
- /**
13
- * Set the layout entry object.
14
- * @method setLayout
15
- * @param {BlockLayoutType | undefined} layout entry object.
16
- * @returns {void}
17
- */
18
- setLayout(layout) {
19
- __classPrivateFieldGet(this, _UmbBlockContext_layout, "f").setValue(layout);
20
- }
21
- constructor(host, blockManagerContextToken) {
22
- super(host, UMB_BLOCK_ENTITY_CONTEXT.toString());
23
- _UmbBlockContext_instances.add(this);
24
- _UmbBlockContext_blockTypeName.set(this, new UmbStringState(undefined));
25
- this.blockTypeName = __classPrivateFieldGet(this, _UmbBlockContext_blockTypeName, "f").asObservable();
26
- _UmbBlockContext_label.set(this, new UmbStringState(''));
27
- this.label = __classPrivateFieldGet(this, _UmbBlockContext_label, "f").asObservable();
28
- _UmbBlockContext_workspacePath.set(this, new UmbStringState(undefined));
29
- this.workspacePath = __classPrivateFieldGet(this, _UmbBlockContext_workspacePath, "f").asObservable();
30
- this.workspaceEditPath = __classPrivateFieldGet(this, _UmbBlockContext_workspacePath, "f").asObservablePart((path) => path + 'edit/' + encodeFilePath(this.getContentUdi() ?? ''));
31
- this.workspaceEditSettingsPath = __classPrivateFieldGet(this, _UmbBlockContext_workspacePath, "f").asObservablePart((path) => path + 'edit/' + encodeFilePath(this.getContentUdi() ?? '') + '/view/settings');
32
- this._blockType = new UmbObjectState(undefined);
33
- this.blockType = this._blockType.asObservable();
34
- this.blockTypeContentElementTypeKey = this._blockType.asObservablePart((x) => x?.contentElementTypeKey);
35
- this.blockTypeSettingsElementTypeKey = this._blockType.asObservablePart((x) => x?.settingsElementTypeKey);
36
- _UmbBlockContext_layout.set(this, new UmbObjectState(undefined));
37
- this.layout = __classPrivateFieldGet(this, _UmbBlockContext_layout, "f").asObservable();
38
- this.contentUdi = __classPrivateFieldGet(this, _UmbBlockContext_layout, "f").asObservablePart((x) => x?.contentUdi);
39
- _UmbBlockContext_content.set(this, new UmbObjectState(undefined));
40
- this.content = __classPrivateFieldGet(this, _UmbBlockContext_content, "f").asObservable();
41
- this.contentTypeKey = __classPrivateFieldGet(this, _UmbBlockContext_content, "f").asObservablePart((x) => x?.contentTypeKey);
42
- _UmbBlockContext_settings.set(this, new UmbObjectState(undefined));
43
- this.settings = __classPrivateFieldGet(this, _UmbBlockContext_settings, "f").asObservable();
44
- // Consume block manager:
45
- this.consumeContext(blockManagerContextToken, (manager) => {
46
- this._manager = manager;
47
- this._gotManager();
48
- });
49
- // Observe UDI:
50
- this.observe(this.contentUdi, (contentUdi) => {
51
- if (!contentUdi)
52
- return;
53
- __classPrivateFieldGet(this, _UmbBlockContext_instances, "m", _UmbBlockContext_observeData).call(this);
54
- });
55
- // Observe contentElementTypeKey:
56
- this.observe(this.contentTypeKey, (contentElementTypeKey) => {
57
- if (!contentElementTypeKey)
58
- return;
59
- __classPrivateFieldGet(this, _UmbBlockContext_instances, "m", _UmbBlockContext_observeBlockType).call(this);
60
- });
61
- // Observe blockType:
62
- this.observe(this.blockType, (blockType) => {
63
- if (!blockType)
64
- return;
65
- __classPrivateFieldGet(this, _UmbBlockContext_instances, "m", _UmbBlockContext_observeBlockTypeContentElementName).call(this);
66
- __classPrivateFieldGet(this, _UmbBlockContext_instances, "m", _UmbBlockContext_observeBlockTypeLabel).call(this);
67
- });
68
- }
69
- getContentUdi() {
70
- return __classPrivateFieldGet(this, _UmbBlockContext_layout, "f").value?.contentUdi;
71
- }
72
- _gotManager() {
73
- if (this._manager) {
74
- this.observe(this._manager.workspacePath, (workspacePath) => {
75
- __classPrivateFieldGet(this, _UmbBlockContext_workspacePath, "f").setValue(workspacePath);
76
- }, 'observeWorkspacePath');
77
- }
78
- else {
79
- this.removeControllerByAlias('observeWorkspacePath');
80
- }
81
- __classPrivateFieldGet(this, _UmbBlockContext_instances, "m", _UmbBlockContext_observeBlockType).call(this);
82
- __classPrivateFieldGet(this, _UmbBlockContext_instances, "m", _UmbBlockContext_observeData).call(this);
83
- }
84
- // Public methods:
85
- delete() {
86
- if (!this._manager)
87
- return;
88
- const contentUdi = __classPrivateFieldGet(this, _UmbBlockContext_layout, "f").value?.contentUdi;
89
- if (!contentUdi)
90
- return;
91
- this._manager.deleteBlock(contentUdi);
92
- }
93
- }
94
- _UmbBlockContext_blockTypeName = new WeakMap(), _UmbBlockContext_label = new WeakMap(), _UmbBlockContext_workspacePath = new WeakMap(), _UmbBlockContext_layout = new WeakMap(), _UmbBlockContext_content = new WeakMap(), _UmbBlockContext_settings = new WeakMap(), _UmbBlockContext_instances = new WeakSet(), _UmbBlockContext_observeData = function _UmbBlockContext_observeData() {
95
- if (!this._manager)
96
- return;
97
- const contentUdi = __classPrivateFieldGet(this, _UmbBlockContext_layout, "f").value?.contentUdi;
98
- if (!contentUdi)
99
- return;
100
- // observe content:
101
- this.observe(this._manager.contentOf(contentUdi), (content) => {
102
- __classPrivateFieldGet(this, _UmbBlockContext_content, "f").setValue(content);
103
- }, 'observeContent');
104
- // observe settings:
105
- const settingsUdi = __classPrivateFieldGet(this, _UmbBlockContext_layout, "f").value?.settingsUdi;
106
- if (settingsUdi) {
107
- this.observe(this._manager.contentOf(settingsUdi), (content) => {
108
- __classPrivateFieldGet(this, _UmbBlockContext_settings, "f").setValue(content);
109
- }, 'observeSettings');
110
- }
111
- }, _UmbBlockContext_observeBlockType = function _UmbBlockContext_observeBlockType() {
112
- if (!this._manager)
113
- return;
114
- const contentTypeKey = __classPrivateFieldGet(this, _UmbBlockContext_content, "f").value?.contentTypeKey;
115
- if (!contentTypeKey)
116
- return;
117
- // observe blockType:
118
- this.observe(this._manager.blockTypeOf(contentTypeKey), (blockType) => {
119
- this._blockType.setValue(blockType);
120
- }, 'observeBlockType');
121
- }, _UmbBlockContext_observeBlockTypeContentElementName = function _UmbBlockContext_observeBlockTypeContentElementName() {
122
- if (!this._manager)
123
- return;
124
- const contentElementTypeKey = this._blockType.value?.contentElementTypeKey;
125
- if (!contentElementTypeKey)
126
- return;
127
- // observe blockType:
128
- this.observe(this._manager.contentTypeNameOf(contentElementTypeKey), (contentTypeName) => {
129
- __classPrivateFieldGet(this, _UmbBlockContext_blockTypeName, "f").setValue(contentTypeName);
130
- }, 'observeBlockTypeContentElementTypeName');
131
- }, _UmbBlockContext_observeBlockTypeLabel = function _UmbBlockContext_observeBlockTypeLabel() {
132
- if (!this._manager)
133
- return;
134
- const blockType = this._blockType.value;
135
- if (!blockType)
136
- return;
137
- if (blockType.label) {
138
- this.removeControllerByAlias('observeContentTypeName');
139
- // Missing part for label syntax, as we need to store the syntax, interpretive it and then set the label: (here we are just parsing the label syntax)
140
- __classPrivateFieldGet(this, _UmbBlockContext_label, "f").setValue(blockType.label);
141
- return;
142
- }
143
- else {
144
- // TODO: Maybe this could be skipped if we had a fallback label which was set to get the content element type name?
145
- // Get the name of the content element type for label:
146
- this.observe(this.blockTypeName, (contentTypeName) => {
147
- __classPrivateFieldGet(this, _UmbBlockContext_label, "f").setValue(contentTypeName ?? 'no name');
148
- }, 'observeBlockTypeName');
149
- }
150
- };
151
- export const UMB_BLOCK_ENTITY_CONTEXT = new UmbContextToken('UmbBlockContext');
@@ -1,2 +0,0 @@
1
- export * from './block-manager.context-token.js';
2
- export type * from './block-manager.context.js';
@@ -1 +0,0 @@
1
- export * from './block-manager.context-token.js';
@@ -1,132 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- 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;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8
- if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
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
- return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11
- };
12
- var _UmbBlockWorkspaceViewEditNoRouterElement_instances, _UmbBlockWorkspaceViewEditNoRouterElement_setTabName;
13
- import { UMB_BLOCK_WORKSPACE_CONTEXT } from '../../block-workspace.context-token.js';
14
- import './block-workspace-view-edit-tab.element.js';
15
- import { css, html, customElement, state, repeat } from '../../../../../../external/lit/index.js';
16
- import { UmbTextStyles } from '../../../../../../shared/style/index.js';
17
- import { UmbContentTypeContainerStructureHelper } from '../../../../../core/content-type/index.js';
18
- import { UmbLitElement } from '../../../../../core/lit-element/index.js';
19
- let UmbBlockWorkspaceViewEditNoRouterElement = class UmbBlockWorkspaceViewEditNoRouterElement extends UmbLitElement {
20
- constructor() {
21
- super();
22
- _UmbBlockWorkspaceViewEditNoRouterElement_instances.add(this);
23
- //private _hasRootProperties = false;
24
- this._hasRootGroups = false;
25
- this._tabsStructureHelper = new UmbContentTypeContainerStructureHelper(this);
26
- this._tabsStructureHelper.setIsRoot(true);
27
- this._tabsStructureHelper.setContainerChildType('Tab');
28
- this.observe(this._tabsStructureHelper.containers, (tabs) => {
29
- this._tabs = tabs;
30
- this._checkDefaultTabName();
31
- });
32
- // _hasRootProperties can be gotten via _tabsStructureHelper.hasProperties. But we do not support root properties currently.
33
- this.consumeContext(UMB_BLOCK_WORKSPACE_CONTEXT, (workspaceContext) => {
34
- this._workspaceContext = workspaceContext;
35
- this._tabsStructureHelper.setStructureManager(workspaceContext.content.structure);
36
- this._observeRootGroups();
37
- });
38
- }
39
- _observeRootGroups() {
40
- if (!this._workspaceContext)
41
- return;
42
- this.observe(this._workspaceContext.content.structure.hasRootContainers('Group'), (hasRootGroups) => {
43
- this._hasRootGroups = hasRootGroups;
44
- this._checkDefaultTabName();
45
- }, '_observeGroups');
46
- }
47
- _checkDefaultTabName() {
48
- if (!this._tabs || !this._workspaceContext)
49
- return;
50
- // Find the default tab to grab:
51
- if (this._activeTabId === undefined) {
52
- if (this._tabs.length > 0) {
53
- this._activeTabName = this._tabs[0].name;
54
- this._activeTabId = this._tabs[0].id;
55
- }
56
- if (this._hasRootGroups) {
57
- this._activeTabName = null;
58
- this._activeTabId = null;
59
- }
60
- }
61
- }
62
- render() {
63
- if (!this._tabs)
64
- return;
65
- return html `
66
- ${this._tabs.length > 1 || (this._tabs.length === 1 && this._hasRootGroups)
67
- ? html ` <uui-tab-group slot="header">
68
- ${this._hasRootGroups && this._tabs.length > 0
69
- ? html `
70
- <uui-tab
71
- label="Content"
72
- .active=${null === this._activeTabId}
73
- @click=${() => __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditNoRouterElement_instances, "m", _UmbBlockWorkspaceViewEditNoRouterElement_setTabName).call(this, null, null)}
74
- >Content</uui-tab
75
- >
76
- `
77
- : ''}
78
- ${repeat(this._tabs, (tab) => tab.name, (tab) => {
79
- return html `<uui-tab
80
- label=${tab.name ?? 'Unnamed'}
81
- .active=${tab.id === this._activeTabId}
82
- @click=${() => __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditNoRouterElement_instances, "m", _UmbBlockWorkspaceViewEditNoRouterElement_setTabName).call(this, tab.name, tab.id)}
83
- >${tab.name}</uui-tab
84
- >`;
85
- })}
86
- </uui-tab-group>`
87
- : ''}
88
- ${this._activeTabId !== undefined
89
- ? html `<umb-block-workspace-view-edit-tab
90
- .hideSingleGroup=${true}
91
- .ownerTabId=${this._activeTabId && this._tabsStructureHelper.isOwnerContainer(this._activeTabId)
92
- ? this._activeTabId
93
- : undefined}
94
- .noTabName=${this._hasRootGroups && this._activeTabName === null}
95
- .tabName=${this._activeTabName ?? undefined}>
96
- </umb-block-workspace-view-edit-tab>`
97
- : ''}
98
- `;
99
- }
100
- };
101
- _UmbBlockWorkspaceViewEditNoRouterElement_instances = new WeakSet();
102
- _UmbBlockWorkspaceViewEditNoRouterElement_setTabName = function _UmbBlockWorkspaceViewEditNoRouterElement_setTabName(tabName, tabId) {
103
- this._activeTabName = tabName;
104
- this._activeTabId = tabId;
105
- };
106
- UmbBlockWorkspaceViewEditNoRouterElement.styles = [
107
- UmbTextStyles,
108
- css `
109
- :host {
110
- display: block;
111
- height: 100%;
112
- --uui-tab-background: var(--uui-color-surface);
113
- }
114
- `,
115
- ];
116
- __decorate([
117
- state()
118
- ], UmbBlockWorkspaceViewEditNoRouterElement.prototype, "_hasRootGroups", void 0);
119
- __decorate([
120
- state()
121
- ], UmbBlockWorkspaceViewEditNoRouterElement.prototype, "_tabs", void 0);
122
- __decorate([
123
- state()
124
- ], UmbBlockWorkspaceViewEditNoRouterElement.prototype, "_activeTabId", void 0);
125
- __decorate([
126
- state()
127
- ], UmbBlockWorkspaceViewEditNoRouterElement.prototype, "_activeTabName", void 0);
128
- UmbBlockWorkspaceViewEditNoRouterElement = __decorate([
129
- customElement('umb-block-workspace-view-edit-no-router')
130
- ], UmbBlockWorkspaceViewEditNoRouterElement);
131
- export { UmbBlockWorkspaceViewEditNoRouterElement };
132
- export default UmbBlockWorkspaceViewEditNoRouterElement;
@@ -1,18 +0,0 @@
1
- import { UmbLitElement } from '../../../../core/lit-element/index.js';
2
- /**
3
- * @element umb-property-editor-ui-block-grid-inner-test
4
- */
5
- export declare class UmbPropertyEditorUIBlockGridInnerTestElement extends UmbLitElement {
6
- name: string;
7
- private _routerPath;
8
- private _activePath;
9
- private _routes;
10
- render(): import("lit-html").TemplateResult<1>;
11
- static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
12
- }
13
- export default UmbPropertyEditorUIBlockGridInnerTestElement;
14
- declare global {
15
- interface HTMLElementTagNameMap {
16
- 'umb-property-editor-ui-block-grid-inner-test': UmbPropertyEditorUIBlockGridInnerTestElement;
17
- }
18
- }
@@ -1,87 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- 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;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- var UmbPropertyEditorUIBlockGridInnerTestElement_1;
8
- import { html, customElement, property, state } from '../../../../../external/lit/index.js';
9
- import { UmbTextStyles } from '../../../../../shared/style/index.js';
10
- import { UmbLitElement } from '../../../../core/lit-element/index.js';
11
- /**
12
- * @element umb-property-editor-ui-block-grid-inner-test
13
- */
14
- let UmbPropertyEditorUIBlockGridInnerTestElement = UmbPropertyEditorUIBlockGridInnerTestElement_1 = class UmbPropertyEditorUIBlockGridInnerTestElement extends UmbLitElement {
15
- constructor() {
16
- super(...arguments);
17
- this.name = '';
18
- this._routes = [
19
- {
20
- path: 'inner-1',
21
- component: () => {
22
- return new UmbPropertyEditorUIBlockGridInnerTestElement_1();
23
- },
24
- setup: (component) => {
25
- if (component instanceof HTMLElement) {
26
- component.name = 'inner-1';
27
- }
28
- },
29
- },
30
- {
31
- path: 'inner-2',
32
- component: () => {
33
- return new UmbPropertyEditorUIBlockGridInnerTestElement_1();
34
- },
35
- setup: (component) => {
36
- if (component instanceof HTMLElement) {
37
- component.name = 'inner-2';
38
- }
39
- },
40
- },
41
- ];
42
- }
43
- render() {
44
- return html `<div>
45
- inner: ${this.name}
46
-
47
- <uui-tab-group slot="navigation">
48
- <uui-tab
49
- label="INNER TAB 1"
50
- href="${this._routerPath}/inner-1"
51
- .active=${this._routerPath + '/inner-1' === this._activePath}></uui-tab>
52
- <uui-tab
53
- label="INNER TAB 2"
54
- href="${this._routerPath}/inner-2"
55
- .active=${this._routerPath + '/inner-2' === this._activePath}></uui-tab>
56
- </uui-tab-group>
57
-
58
- <umb-router-slot
59
- id="router-slot"
60
- .routes="${this._routes}"
61
- @init=${(event) => {
62
- this._routerPath = event.target.absoluteRouterPath;
63
- }}
64
- @change=${(event) => {
65
- this._activePath = event.target.localActiveViewPath;
66
- }}></umb-router-slot>
67
- </div>`;
68
- }
69
- };
70
- UmbPropertyEditorUIBlockGridInnerTestElement.styles = [UmbTextStyles];
71
- __decorate([
72
- property({ type: String })
73
- ], UmbPropertyEditorUIBlockGridInnerTestElement.prototype, "name", void 0);
74
- __decorate([
75
- state()
76
- ], UmbPropertyEditorUIBlockGridInnerTestElement.prototype, "_routerPath", void 0);
77
- __decorate([
78
- state()
79
- ], UmbPropertyEditorUIBlockGridInnerTestElement.prototype, "_activePath", void 0);
80
- __decorate([
81
- state()
82
- ], UmbPropertyEditorUIBlockGridInnerTestElement.prototype, "_routes", void 0);
83
- UmbPropertyEditorUIBlockGridInnerTestElement = UmbPropertyEditorUIBlockGridInnerTestElement_1 = __decorate([
84
- customElement('umb-property-editor-ui-block-grid-inner-test')
85
- ], UmbPropertyEditorUIBlockGridInnerTestElement);
86
- export { UmbPropertyEditorUIBlockGridInnerTestElement };
87
- export default UmbPropertyEditorUIBlockGridInnerTestElement;
@@ -1,31 +0,0 @@
1
- import type { UmbPropertyEditorUiElement } from '../../../../core/extension-registry/index.js';
2
- import { UmbLitElement } from '../../../../core/lit-element/index.js';
3
- import type { UmbBlockLayoutBaseModel } from '../../../index.js';
4
- import '../ref-list-block/index.js';
5
- import '../inline-list-block/index.js';
6
- /**
7
- * @element umb-property-editor-ui-block-list-block
8
- */
9
- export declare class UmbPropertyEditorUIBlockListBlockElement extends UmbLitElement implements UmbPropertyEditorUiElement {
10
- #private;
11
- get layout(): UmbBlockLayoutBaseModel | undefined;
12
- set layout(value: UmbBlockLayoutBaseModel | undefined);
13
- private _layout?;
14
- _contentUdi?: string;
15
- _hasSettings: boolean;
16
- _label: string;
17
- _workspaceEditPath?: string;
18
- _inlineEditingMode?: boolean;
19
- _blockViewProps: {
20
- label?: string;
21
- };
22
- constructor();
23
- render(): "" | import("lit-html").TemplateResult<1>;
24
- static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
25
- }
26
- export default UmbPropertyEditorUIBlockListBlockElement;
27
- declare global {
28
- interface HTMLElementTagNameMap {
29
- 'umb-property-editor-ui-block-list-block': UmbPropertyEditorUIBlockListBlockElement;
30
- }
31
- }