@umbraco-cms/backoffice 14.0.0--preview005-a3c231df → 14.0.0--preview005-9acf5acd
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.
- package/dist-cms/custom-elements.json +2 -2
- package/dist-cms/packages/core/components/input-tree-picker-source/input-tree-picker-source.element.js +2 -2
- package/dist-cms/packages/documents/documents/components/index.d.ts +1 -1
- package/dist-cms/packages/documents/documents/components/index.js +1 -1
- package/dist-cms/packages/documents/documents/components/input-document/input-document.context.js +1 -1
- package/dist-cms/packages/documents/documents/components/input-document/input-document.element.js +10 -13
- package/dist-cms/packages/documents/documents/components/{input-document-picker-root/input-document-picker-root.element.d.ts → input-document-root-picker/input-document-root-picker.element.d.ts} +4 -4
- package/dist-cms/packages/documents/documents/components/{input-document-picker-root/input-document-picker-root.element.js → input-document-root-picker/input-document-root-picker.element.js} +65 -65
- package/dist-cms/tsconfig.build.tsbuildinfo +1 -1
- package/dist-cms/vscode-html-custom-data.json +1 -1
- package/package.json +1 -1
|
@@ -6420,8 +6420,8 @@
|
|
|
6420
6420
|
]
|
|
6421
6421
|
},
|
|
6422
6422
|
{
|
|
6423
|
-
"name": "umb-input-document-picker
|
|
6424
|
-
"path": "./../src/packages/documents/documents/components/input-document-picker
|
|
6423
|
+
"name": "umb-input-document-root-picker",
|
|
6424
|
+
"path": "./../src/packages/documents/documents/components/input-document-root-picker/input-document-root-picker.element.ts",
|
|
6425
6425
|
"properties": [
|
|
6426
6426
|
{
|
|
6427
6427
|
"name": "data"
|
|
@@ -104,9 +104,9 @@ _UmbInputTreePickerSourceElement_renderSourcePicker = function _UmbInputTreePick
|
|
|
104
104
|
}
|
|
105
105
|
};
|
|
106
106
|
_UmbInputTreePickerSourceElement_renderDocumentSourcePicker = function _UmbInputTreePickerSourceElement_renderDocumentSourcePicker() {
|
|
107
|
-
return html `<umb-input-document-picker
|
|
107
|
+
return html `<umb-input-document-root-picker
|
|
108
108
|
@change=${__classPrivateFieldGet(this, _UmbInputTreePickerSourceElement_instances, "m", _UmbInputTreePickerSourceElement_onDocumentRootChange)}
|
|
109
|
-
.data=${this.dynamicRoot}></umb-input-document-picker
|
|
109
|
+
.data=${this.dynamicRoot}></umb-input-document-root-picker>`;
|
|
110
110
|
};
|
|
111
111
|
UmbInputTreePickerSourceElement.styles = [
|
|
112
112
|
css `
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export * from './input-document/input-document.element.js';
|
|
2
2
|
export * from './input-document-granular-permission/input-document-granular-permission.element.js';
|
|
3
|
-
export * from './input-document-picker
|
|
3
|
+
export * from './input-document-root-picker/input-document-root-picker.element.js';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export * from './input-document/input-document.element.js';
|
|
2
2
|
export * from './input-document-granular-permission/input-document-granular-permission.element.js';
|
|
3
|
-
export * from './input-document-picker
|
|
3
|
+
export * from './input-document-root-picker/input-document-root-picker.element.js';
|
package/dist-cms/packages/documents/documents/components/input-document/input-document.context.js
CHANGED
|
@@ -3,6 +3,6 @@ import { UmbPickerInputContext } from '../../../../core/picker-input/index.js';
|
|
|
3
3
|
import { UMB_DOCUMENT_PICKER_MODAL } from '../../../../core/modal/index.js';
|
|
4
4
|
export class UmbDocumentPickerContext extends UmbPickerInputContext {
|
|
5
5
|
constructor(host) {
|
|
6
|
-
super(host, UMB_DOCUMENT_ITEM_REPOSITORY_ALIAS, UMB_DOCUMENT_PICKER_MODAL);
|
|
6
|
+
super(host, UMB_DOCUMENT_ITEM_REPOSITORY_ALIAS, UMB_DOCUMENT_PICKER_MODAL, (entry) => entry.unique);
|
|
7
7
|
}
|
|
8
8
|
}
|
package/dist-cms/packages/documents/documents/components/input-document/input-document.element.js
CHANGED
|
@@ -17,17 +17,6 @@ import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
|
|
|
17
17
|
import { splitStringToArray } from '../../../../../shared/utils/index.js';
|
|
18
18
|
import { UMB_WORKSPACE_MODAL, UmbModalRouteRegistrationController } from '../../../../core/modal/index.js';
|
|
19
19
|
import { UmbSorterController } from '../../../../core/sorter/index.js';
|
|
20
|
-
const SORTER_CONFIG = {
|
|
21
|
-
getUniqueOfElement: (element) => {
|
|
22
|
-
return element.getAttribute('detail');
|
|
23
|
-
},
|
|
24
|
-
getUniqueOfModel: (modelEntry) => {
|
|
25
|
-
return modelEntry;
|
|
26
|
-
},
|
|
27
|
-
identifier: 'Umb.SorterIdentifier.InputDocument',
|
|
28
|
-
itemSelector: 'uui-ref-node',
|
|
29
|
-
containerSelector: 'uui-ref-list',
|
|
30
|
-
};
|
|
31
20
|
let UmbInputDocumentElement = class UmbInputDocumentElement extends FormControlMixin(UmbLitElement) {
|
|
32
21
|
/**
|
|
33
22
|
* This is a minimum amount of selected items in this input.
|
|
@@ -68,7 +57,15 @@ let UmbInputDocumentElement = class UmbInputDocumentElement extends FormControlM
|
|
|
68
57
|
super();
|
|
69
58
|
_UmbInputDocumentElement_instances.add(this);
|
|
70
59
|
_UmbInputDocumentElement_sorter.set(this, new UmbSorterController(this, {
|
|
71
|
-
|
|
60
|
+
getUniqueOfElement: (element) => {
|
|
61
|
+
return element.getAttribute('detail');
|
|
62
|
+
},
|
|
63
|
+
getUniqueOfModel: (modelEntry) => {
|
|
64
|
+
return modelEntry;
|
|
65
|
+
},
|
|
66
|
+
identifier: 'Umb.SorterIdentifier.InputDocument',
|
|
67
|
+
itemSelector: 'uui-ref-node',
|
|
68
|
+
containerSelector: 'uui-ref-list',
|
|
72
69
|
onChange: ({ model }) => {
|
|
73
70
|
this.selectedIds = model;
|
|
74
71
|
},
|
|
@@ -115,7 +112,7 @@ let UmbInputDocumentElement = class UmbInputDocumentElement extends FormControlM
|
|
|
115
112
|
return undefined;
|
|
116
113
|
}
|
|
117
114
|
render() {
|
|
118
|
-
return html
|
|
115
|
+
return html `${__classPrivateFieldGet(this, _UmbInputDocumentElement_instances, "m", _UmbInputDocumentElement_renderItems).call(this)} ${__classPrivateFieldGet(this, _UmbInputDocumentElement_instances, "m", _UmbInputDocumentElement_renderAddButton).call(this)}`;
|
|
119
116
|
}
|
|
120
117
|
};
|
|
121
118
|
_UmbInputDocumentElement_sorter = new WeakMap();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
|
|
2
2
|
import type { UmbTreePickerDynamicRoot } from '../../../../core/components/index.js';
|
|
3
|
-
declare const
|
|
4
|
-
export declare class
|
|
3
|
+
declare const UmbInputDocumentRootPickerElement_base: (new (...args: any[]) => import("../../../../../external/uui/index.js").FormControlMixinInterface) & typeof UmbLitElement;
|
|
4
|
+
export declare class UmbInputDocumentRootPickerElement extends UmbInputDocumentRootPickerElement_base {
|
|
5
5
|
#private;
|
|
6
6
|
protected getFormElement(): undefined;
|
|
7
7
|
private _originManifests;
|
|
@@ -12,9 +12,9 @@ export declare class UmbInputDocumentPickerRootElement extends UmbInputDocumentP
|
|
|
12
12
|
render(): import("lit-html").TemplateResult<1>;
|
|
13
13
|
static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
|
|
14
14
|
}
|
|
15
|
-
export default
|
|
15
|
+
export default UmbInputDocumentRootPickerElement;
|
|
16
16
|
declare global {
|
|
17
17
|
interface HTMLElementTagNameMap {
|
|
18
|
-
'umb-input-document-picker
|
|
18
|
+
'umb-input-document-root-picker': UmbInputDocumentRootPickerElement;
|
|
19
19
|
}
|
|
20
20
|
}
|
|
@@ -15,7 +15,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
15
15
|
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");
|
|
16
16
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
17
17
|
};
|
|
18
|
-
var
|
|
18
|
+
var _UmbInputDocumentRootPickerElement_instances, _UmbInputDocumentRootPickerElement_dynamicRootOrigin, _UmbInputDocumentRootPickerElement_modalContext, _UmbInputDocumentRootPickerElement_openModal, _UmbInputDocumentRootPickerElement_sorter, _UmbInputDocumentRootPickerElement_openDynamicRootOriginPicker, _UmbInputDocumentRootPickerElement_openDynamicRootQueryStepPicker, _UmbInputDocumentRootPickerElement_updateDynamicRootOrigin, _UmbInputDocumentRootPickerElement_updateDynamicRootQuerySteps, _UmbInputDocumentRootPickerElement_getQueryStepMeta, _UmbInputDocumentRootPickerElement_removeDynamicRootQueryStep, _UmbInputDocumentRootPickerElement_clearDynamicRootQuery, _UmbInputDocumentRootPickerElement_renderAddOriginButton, _UmbInputDocumentRootPickerElement_renderOrigin, _UmbInputDocumentRootPickerElement_renderClearButton, _UmbInputDocumentRootPickerElement_renderQuerySteps, _UmbInputDocumentRootPickerElement_renderQueryStep, _UmbInputDocumentRootPickerElement_renderAddQueryStepButton;
|
|
19
19
|
import { html, css, customElement, property, ifDefined, state, repeat } from '../../../../../external/lit/index.js';
|
|
20
20
|
import { FormControlMixin } from '../../../../../external/uui/index.js';
|
|
21
21
|
import { UmbChangeEvent } from '../../../../core/event/index.js';
|
|
@@ -25,19 +25,19 @@ import { UmbSorterController } from '../../../../core/sorter/index.js';
|
|
|
25
25
|
import { umbExtensionsRegistry } from '../../../../core/extension-registry/index.js';
|
|
26
26
|
import { UMB_MODAL_MANAGER_CONTEXT } from '../../../../core/modal/index.js';
|
|
27
27
|
import { UMB_DYNAMIC_ROOT_ORIGIN_PICKER_MODAL, UMB_DYNAMIC_ROOT_QUERY_STEP_PICKER_MODAL, } from '../../../../dynamic-root/index.js';
|
|
28
|
-
let
|
|
28
|
+
let UmbInputDocumentRootPickerElement = class UmbInputDocumentRootPickerElement extends FormControlMixin(UmbLitElement) {
|
|
29
29
|
getFormElement() {
|
|
30
30
|
return undefined;
|
|
31
31
|
}
|
|
32
32
|
constructor() {
|
|
33
33
|
super();
|
|
34
|
-
|
|
34
|
+
_UmbInputDocumentRootPickerElement_instances.add(this);
|
|
35
35
|
this._originManifests = [];
|
|
36
36
|
this._queryStepManifests = [];
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
_UmbInputDocumentRootPickerElement_dynamicRootOrigin.set(this, void 0);
|
|
38
|
+
_UmbInputDocumentRootPickerElement_modalContext.set(this, void 0);
|
|
39
|
+
_UmbInputDocumentRootPickerElement_openModal.set(this, void 0);
|
|
40
|
+
_UmbInputDocumentRootPickerElement_sorter.set(this, new UmbSorterController(this, {
|
|
41
41
|
getUniqueOfElement: (element) => {
|
|
42
42
|
return element.id;
|
|
43
43
|
},
|
|
@@ -50,13 +50,13 @@ let UmbInputDocumentPickerRootElement = class UmbInputDocumentPickerRootElement
|
|
|
50
50
|
onChange: ({ model }) => {
|
|
51
51
|
if (this.data && this.data.querySteps) {
|
|
52
52
|
const querySteps = model;
|
|
53
|
-
__classPrivateFieldGet(this,
|
|
53
|
+
__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_updateDynamicRootQuerySteps).call(this, querySteps);
|
|
54
54
|
this.dispatchEvent(new UmbChangeEvent());
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
}));
|
|
58
58
|
this.consumeContext(UMB_MODAL_MANAGER_CONTEXT, (instance) => {
|
|
59
|
-
__classPrivateFieldSet(this,
|
|
59
|
+
__classPrivateFieldSet(this, _UmbInputDocumentRootPickerElement_modalContext, instance, "f");
|
|
60
60
|
});
|
|
61
61
|
this.observe(umbExtensionsRegistry.byType('dynamicRootOrigin'), (originManifests) => {
|
|
62
62
|
this._originManifests = originManifests;
|
|
@@ -67,64 +67,64 @@ let UmbInputDocumentPickerRootElement = class UmbInputDocumentPickerRootElement
|
|
|
67
67
|
}
|
|
68
68
|
connectedCallback() {
|
|
69
69
|
super.connectedCallback();
|
|
70
|
-
__classPrivateFieldGet(this,
|
|
71
|
-
__classPrivateFieldGet(this,
|
|
70
|
+
__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_updateDynamicRootOrigin).call(this, this.data);
|
|
71
|
+
__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_updateDynamicRootQuerySteps).call(this, this.data?.querySteps);
|
|
72
72
|
}
|
|
73
73
|
render() {
|
|
74
74
|
return html `
|
|
75
|
-
${__classPrivateFieldGet(this,
|
|
76
|
-
<uui-ref-list>${__classPrivateFieldGet(this,
|
|
77
|
-
<uui-ref-list id="query-steps">${__classPrivateFieldGet(this,
|
|
78
|
-
${__classPrivateFieldGet(this,
|
|
75
|
+
${__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_renderAddOriginButton).call(this)}
|
|
76
|
+
<uui-ref-list>${__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_renderOrigin).call(this)}</uui-ref-list>
|
|
77
|
+
<uui-ref-list id="query-steps">${__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_renderQuerySteps).call(this)}</uui-ref-list>
|
|
78
|
+
${__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_renderAddQueryStepButton).call(this)} ${__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_renderClearButton).call(this)}
|
|
79
79
|
`;
|
|
80
80
|
}
|
|
81
81
|
};
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
__classPrivateFieldSet(this,
|
|
89
|
-
__classPrivateFieldGet(this,
|
|
82
|
+
_UmbInputDocumentRootPickerElement_dynamicRootOrigin = new WeakMap();
|
|
83
|
+
_UmbInputDocumentRootPickerElement_modalContext = new WeakMap();
|
|
84
|
+
_UmbInputDocumentRootPickerElement_openModal = new WeakMap();
|
|
85
|
+
_UmbInputDocumentRootPickerElement_sorter = new WeakMap();
|
|
86
|
+
_UmbInputDocumentRootPickerElement_instances = new WeakSet();
|
|
87
|
+
_UmbInputDocumentRootPickerElement_openDynamicRootOriginPicker = function _UmbInputDocumentRootPickerElement_openDynamicRootOriginPicker() {
|
|
88
|
+
__classPrivateFieldSet(this, _UmbInputDocumentRootPickerElement_openModal, __classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_modalContext, "f")?.open(UMB_DYNAMIC_ROOT_ORIGIN_PICKER_MODAL, {}), "f");
|
|
89
|
+
__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_openModal, "f")?.onSubmit().then((data) => {
|
|
90
90
|
const existingData = { ...this.data };
|
|
91
91
|
existingData.originKey = undefined;
|
|
92
92
|
this.data = { ...existingData, ...data };
|
|
93
|
-
__classPrivateFieldGet(this,
|
|
93
|
+
__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_updateDynamicRootOrigin).call(this, this.data);
|
|
94
94
|
this.dispatchEvent(new UmbChangeEvent());
|
|
95
95
|
});
|
|
96
96
|
};
|
|
97
|
-
|
|
98
|
-
__classPrivateFieldSet(this,
|
|
99
|
-
__classPrivateFieldGet(this,
|
|
97
|
+
_UmbInputDocumentRootPickerElement_openDynamicRootQueryStepPicker = function _UmbInputDocumentRootPickerElement_openDynamicRootQueryStepPicker() {
|
|
98
|
+
__classPrivateFieldSet(this, _UmbInputDocumentRootPickerElement_openModal, __classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_modalContext, "f")?.open(UMB_DYNAMIC_ROOT_QUERY_STEP_PICKER_MODAL, {}), "f");
|
|
99
|
+
__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_openModal, "f")?.onSubmit().then((step) => {
|
|
100
100
|
if (this.data) {
|
|
101
101
|
const querySteps = [...(this.data.querySteps ?? []), step];
|
|
102
|
-
__classPrivateFieldGet(this,
|
|
102
|
+
__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_updateDynamicRootQuerySteps).call(this, querySteps);
|
|
103
103
|
this.dispatchEvent(new UmbChangeEvent());
|
|
104
104
|
}
|
|
105
105
|
});
|
|
106
106
|
};
|
|
107
|
-
|
|
107
|
+
_UmbInputDocumentRootPickerElement_updateDynamicRootOrigin = function _UmbInputDocumentRootPickerElement_updateDynamicRootOrigin(data) {
|
|
108
108
|
if (!data)
|
|
109
109
|
return;
|
|
110
110
|
const origin = this._originManifests.find((item) => item.meta.originAlias === data.originAlias)?.meta;
|
|
111
|
-
__classPrivateFieldSet(this,
|
|
111
|
+
__classPrivateFieldSet(this, _UmbInputDocumentRootPickerElement_dynamicRootOrigin, {
|
|
112
112
|
label: origin?.label ?? data.originAlias,
|
|
113
113
|
icon: origin?.icon ?? 'icon-wand',
|
|
114
114
|
description: data.originKey,
|
|
115
115
|
}, "f");
|
|
116
116
|
};
|
|
117
|
-
|
|
117
|
+
_UmbInputDocumentRootPickerElement_updateDynamicRootQuerySteps = function _UmbInputDocumentRootPickerElement_updateDynamicRootQuerySteps(querySteps) {
|
|
118
118
|
if (!this.data)
|
|
119
119
|
return;
|
|
120
120
|
if (querySteps) {
|
|
121
121
|
// NOTE: Ensure that the `unique` ID is populated for each query step. [LK]
|
|
122
122
|
querySteps = querySteps.map((item) => (item.unique ? item : { ...item, unique: UmbId.new() }));
|
|
123
123
|
}
|
|
124
|
-
__classPrivateFieldGet(this,
|
|
124
|
+
__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_sorter, "f")?.setModel(querySteps ?? []);
|
|
125
125
|
this.data = { ...this.data, ...{ querySteps } };
|
|
126
126
|
};
|
|
127
|
-
|
|
127
|
+
_UmbInputDocumentRootPickerElement_getQueryStepMeta = function _UmbInputDocumentRootPickerElement_getQueryStepMeta(item) {
|
|
128
128
|
const step = this._queryStepManifests.find((step) => step.meta.queryStepAlias === item.alias)?.meta;
|
|
129
129
|
const docTypes = item.anyOfDocTypeKeys?.join(', ');
|
|
130
130
|
const description = docTypes ? this.localize.term('dynamicRoot_queryStepTypes') + docTypes : undefined;
|
|
@@ -135,88 +135,88 @@ _UmbInputDocumentPickerRootElement_getQueryStepMeta = function _UmbInputDocument
|
|
|
135
135
|
description,
|
|
136
136
|
};
|
|
137
137
|
};
|
|
138
|
-
|
|
138
|
+
_UmbInputDocumentRootPickerElement_removeDynamicRootQueryStep = function _UmbInputDocumentRootPickerElement_removeDynamicRootQueryStep(item) {
|
|
139
139
|
if (this.data?.querySteps) {
|
|
140
140
|
const index = this.data.querySteps.indexOf(item);
|
|
141
141
|
if (index !== -1) {
|
|
142
142
|
const querySteps = [...this.data.querySteps];
|
|
143
143
|
querySteps.splice(index, 1);
|
|
144
|
-
__classPrivateFieldGet(this,
|
|
144
|
+
__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_updateDynamicRootQuerySteps).call(this, querySteps);
|
|
145
145
|
this.dispatchEvent(new UmbChangeEvent());
|
|
146
146
|
}
|
|
147
147
|
}
|
|
148
148
|
};
|
|
149
|
-
|
|
149
|
+
_UmbInputDocumentRootPickerElement_clearDynamicRootQuery = function _UmbInputDocumentRootPickerElement_clearDynamicRootQuery() {
|
|
150
150
|
this.data = undefined;
|
|
151
|
-
__classPrivateFieldSet(this,
|
|
151
|
+
__classPrivateFieldSet(this, _UmbInputDocumentRootPickerElement_dynamicRootOrigin, undefined, "f");
|
|
152
152
|
this.dispatchEvent(new UmbChangeEvent());
|
|
153
153
|
};
|
|
154
|
-
|
|
154
|
+
_UmbInputDocumentRootPickerElement_renderAddOriginButton = function _UmbInputDocumentRootPickerElement_renderAddOriginButton() {
|
|
155
155
|
if (this.data?.originAlias)
|
|
156
156
|
return;
|
|
157
157
|
return html `
|
|
158
158
|
<uui-button
|
|
159
159
|
class="add-button"
|
|
160
|
-
@click=${__classPrivateFieldGet(this,
|
|
160
|
+
@click=${__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_openDynamicRootOriginPicker)}
|
|
161
161
|
label=${this.localize.term('contentPicker_defineDynamicRoot')}
|
|
162
162
|
look="placeholder"></uui-button>
|
|
163
163
|
`;
|
|
164
164
|
};
|
|
165
|
-
|
|
166
|
-
if (!__classPrivateFieldGet(this,
|
|
165
|
+
_UmbInputDocumentRootPickerElement_renderOrigin = function _UmbInputDocumentRootPickerElement_renderOrigin() {
|
|
166
|
+
if (!__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_dynamicRootOrigin, "f"))
|
|
167
167
|
return;
|
|
168
168
|
return html `
|
|
169
169
|
<uui-ref-node
|
|
170
170
|
border
|
|
171
171
|
standalone
|
|
172
|
-
name=${__classPrivateFieldGet(this,
|
|
173
|
-
detail=${ifDefined(__classPrivateFieldGet(this,
|
|
174
|
-
<uui-icon slot="icon" name=${ifDefined(__classPrivateFieldGet(this,
|
|
172
|
+
name=${__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_dynamicRootOrigin, "f").label}
|
|
173
|
+
detail=${ifDefined(__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_dynamicRootOrigin, "f").description)}>
|
|
174
|
+
<uui-icon slot="icon" name=${ifDefined(__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_dynamicRootOrigin, "f").icon)}></uui-icon>
|
|
175
175
|
<uui-action-bar slot="actions">
|
|
176
176
|
<uui-button
|
|
177
|
-
@click=${__classPrivateFieldGet(this,
|
|
177
|
+
@click=${__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_openDynamicRootOriginPicker)}
|
|
178
178
|
label="${this.localize.term('general_edit')}"></uui-button>
|
|
179
179
|
</uui-action-bar>
|
|
180
180
|
</uui-ref-node>
|
|
181
181
|
`;
|
|
182
182
|
};
|
|
183
|
-
|
|
184
|
-
if (!__classPrivateFieldGet(this,
|
|
183
|
+
_UmbInputDocumentRootPickerElement_renderClearButton = function _UmbInputDocumentRootPickerElement_renderClearButton() {
|
|
184
|
+
if (!__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_dynamicRootOrigin, "f"))
|
|
185
185
|
return;
|
|
186
186
|
return html `
|
|
187
|
-
<uui-button @click=${__classPrivateFieldGet(this,
|
|
187
|
+
<uui-button @click=${__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_clearDynamicRootQuery)}>${this.localize.term('buttons_clearSelection')}</uui-button>
|
|
188
188
|
`;
|
|
189
189
|
};
|
|
190
|
-
|
|
190
|
+
_UmbInputDocumentRootPickerElement_renderQuerySteps = function _UmbInputDocumentRootPickerElement_renderQuerySteps() {
|
|
191
191
|
if (!this.data?.querySteps)
|
|
192
192
|
return;
|
|
193
|
-
return repeat(this.data.querySteps, (item) => item.unique, (item) => __classPrivateFieldGet(this,
|
|
193
|
+
return repeat(this.data.querySteps, (item) => item.unique, (item) => __classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_renderQueryStep).call(this, item));
|
|
194
194
|
};
|
|
195
|
-
|
|
195
|
+
_UmbInputDocumentRootPickerElement_renderQueryStep = function _UmbInputDocumentRootPickerElement_renderQueryStep(item) {
|
|
196
196
|
if (!item.alias)
|
|
197
197
|
return;
|
|
198
|
-
const step = __classPrivateFieldGet(this,
|
|
198
|
+
const step = __classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_getQueryStepMeta).call(this, item);
|
|
199
199
|
return html `
|
|
200
200
|
<uui-ref-node border standalone id=${step.unique} name=${step.label} detail="${ifDefined(step.description)}">
|
|
201
201
|
<uui-icon slot="icon" name=${step.icon}></uui-icon>
|
|
202
202
|
<uui-action-bar slot="actions">
|
|
203
203
|
<uui-button
|
|
204
|
-
@click=${() => __classPrivateFieldGet(this,
|
|
204
|
+
@click=${() => __classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_removeDynamicRootQueryStep).call(this, item)}
|
|
205
205
|
label=${this.localize.term('general_remove')}></uui-button>
|
|
206
206
|
</uui-action-bar>
|
|
207
207
|
</uui-ref-node>
|
|
208
208
|
`;
|
|
209
209
|
};
|
|
210
|
-
|
|
211
|
-
if (!__classPrivateFieldGet(this,
|
|
210
|
+
_UmbInputDocumentRootPickerElement_renderAddQueryStepButton = function _UmbInputDocumentRootPickerElement_renderAddQueryStepButton() {
|
|
211
|
+
if (!__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_dynamicRootOrigin, "f"))
|
|
212
212
|
return;
|
|
213
213
|
return html ` <uui-button
|
|
214
214
|
class="add-button"
|
|
215
|
-
@click=${__classPrivateFieldGet(this,
|
|
215
|
+
@click=${__classPrivateFieldGet(this, _UmbInputDocumentRootPickerElement_instances, "m", _UmbInputDocumentRootPickerElement_openDynamicRootQueryStepPicker)}
|
|
216
216
|
label=${this.localize.term('dynamicRoot_addQueryStep')}
|
|
217
217
|
look="placeholder"></uui-button>`;
|
|
218
218
|
};
|
|
219
|
-
|
|
219
|
+
UmbInputDocumentRootPickerElement.styles = [
|
|
220
220
|
css `
|
|
221
221
|
.add-button {
|
|
222
222
|
width: 100%;
|
|
@@ -229,15 +229,15 @@ UmbInputDocumentPickerRootElement.styles = [
|
|
|
229
229
|
];
|
|
230
230
|
__decorate([
|
|
231
231
|
state()
|
|
232
|
-
],
|
|
232
|
+
], UmbInputDocumentRootPickerElement.prototype, "_originManifests", void 0);
|
|
233
233
|
__decorate([
|
|
234
234
|
state()
|
|
235
|
-
],
|
|
235
|
+
], UmbInputDocumentRootPickerElement.prototype, "_queryStepManifests", void 0);
|
|
236
236
|
__decorate([
|
|
237
237
|
property({ attribute: false })
|
|
238
|
-
],
|
|
239
|
-
|
|
240
|
-
customElement('umb-input-document-picker
|
|
241
|
-
],
|
|
242
|
-
export {
|
|
243
|
-
export default
|
|
238
|
+
], UmbInputDocumentRootPickerElement.prototype, "data", void 0);
|
|
239
|
+
UmbInputDocumentRootPickerElement = __decorate([
|
|
240
|
+
customElement('umb-input-document-root-picker')
|
|
241
|
+
], UmbInputDocumentRootPickerElement);
|
|
242
|
+
export { UmbInputDocumentRootPickerElement };
|
|
243
|
+
export default UmbInputDocumentRootPickerElement;
|