{"version":3,"file":"tree-picker-modal.element-BqBl5tTA.js","sources":["../../../src/packages/core/tree/tree-item-picker/tree-item-picker.context.ts","../../../src/packages/core/tree/tree-picker-modal/tree-picker-modal.element.ts"],"sourcesContent":["import { UmbPickerContext } from '@umbraco-cms/backoffice/picker';\nimport type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';\n\nexport class UmbTreeItemPickerContext extends UmbPickerContext {\n\tconstructor(host: UmbControllerHost) {\n\t\tsuper(host);\n\t}\n}\n\nexport { UmbTreeItemPickerContext as api };\n","import type { UmbTreeSelectionConfiguration } from '../types.js';\nimport { UmbTreeItemPickerContext } from '../tree-item-picker/index.js';\nimport type { UmbTreePickerModalData, UmbTreePickerModalValue } from './tree-picker-modal.token.js';\nimport type { PropertyValueMap } from '@umbraco-cms/backoffice/external/lit';\nimport { html, customElement, state, ifDefined, nothing } from '@umbraco-cms/backoffice/external/lit';\nimport { UMB_WORKSPACE_MODAL, UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';\nimport { UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/router';\nimport { UmbDeselectedEvent, UmbSelectedEvent } from '@umbraco-cms/backoffice/event';\nimport type { UmbTreeItemModelBase } from '@umbraco-cms/backoffice/tree';\n\n@customElement('umb-tree-picker-modal')\nexport class UmbTreePickerModalElement<TreeItemType extends UmbTreeItemModelBase> extends UmbModalBaseElement<\n\tUmbTreePickerModalData<TreeItemType>,\n\tUmbTreePickerModalValue\n> {\n\t@state()\n\t_selectionConfiguration: UmbTreeSelectionConfiguration = {\n\t\tmultiple: false,\n\t\tselectable: true,\n\t\tselection: [],\n\t};\n\n\t@state()\n\t_hasSelection: boolean = false;\n\n\t@state()\n\t_createPath?: string;\n\n\t@state()\n\t_createLabel?: string;\n\n\t@state()\n\t_searchQuery?: string;\n\n\t#pickerContext = new UmbTreeItemPickerContext(this);\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.#pickerContext.selection.setSelectable(true);\n\t\tthis.observe(this.#pickerContext.selection.hasSelection, (hasSelection) => {\n\t\t\tthis._hasSelection = hasSelection;\n\t\t});\n\t\tthis.#observePickerSelection();\n\t\tthis.#observeSearch();\n\t}\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback();\n\t\tthis.#initCreateAction();\n\t}\n\n\tprotected override async updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>) {\n\t\tsuper.updated(_changedProperties);\n\n\t\tif (_changedProperties.has('data')) {\n\t\t\tif (this.data?.search) {\n\t\t\t\tthis.#pickerContext.search.updateConfig({ ...this.data?.search });\n\t\t\t}\n\n\t\t\tconst multiple = this.data?.multiple ?? false;\n\t\t\tthis.#pickerContext.selection.setMultiple(multiple);\n\n\t\t\tthis._selectionConfiguration = {\n\t\t\t\t...this._selectionConfiguration,\n\t\t\t\tmultiple,\n\t\t\t};\n\t\t}\n\n\t\tif (_changedProperties.has('value')) {\n\t\t\tconst selection = this.value?.selection ?? [];\n\t\t\tthis.#pickerContext.selection.setSelection(selection);\n\t\t\tthis._selectionConfiguration = {\n\t\t\t\t...this._selectionConfiguration,\n\t\t\t\tselection: [...selection],\n\t\t\t};\n\t\t}\n\t}\n\n\t#observePickerSelection() {\n\t\tthis.observe(\n\t\t\tthis.#pickerContext.selection.selection,\n\t\t\t(selection) => {\n\t\t\t\tthis.updateValue({ selection });\n\t\t\t\tthis.requestUpdate();\n\t\t\t},\n\t\t\t'umbPickerSelectionObserver',\n\t\t);\n\t}\n\n\t#observeSearch() {\n\t\tthis.observe(\n\t\t\tthis.#pickerContext.search.query,\n\t\t\t(query) => {\n\t\t\t\tthis._searchQuery = query?.query;\n\t\t\t},\n\t\t\t'umbPickerSearchQueryObserver',\n\t\t);\n\t}\n\n\t// Tree Selection\n\t#onTreeItemSelected(event: UmbSelectedEvent) {\n\t\tevent.stopPropagation();\n\t\tthis.#pickerContext.selection.select(event.unique);\n\t\tthis.modalContext?.dispatchEvent(new UmbSelectedEvent(event.unique));\n\t}\n\n\t#onTreeItemDeselected(event: UmbDeselectedEvent) {\n\t\tevent.stopPropagation();\n\t\tthis.#pickerContext.selection.deselect(event.unique);\n\t\tthis.modalContext?.dispatchEvent(new UmbDeselectedEvent(event.unique));\n\t}\n\n\t// Create action\n\t#initCreateAction() {\n\t\t// TODO: If data.enableCreate is true, we should add a button to create a new item. [NL]\n\t\t// Does the tree know enough about this, for us to be able to create a new item? [NL]\n\t\t// I think we need to be able to get entityType and a parentId?, or do we only allow creation in the root? and then create via entity actions? [NL]\n\t\t// To remove the hardcoded URLs for workspaces of entity types, we could make an create event from the tree, which either this or the sidebar impl. will pick up and react to. [NL]\n\t\t// Or maybe the tree item context base can handle this? [NL]\n\t\t// Maybe its a general item context problem to be solved. [NL]\n\t\tconst createAction = this.data?.createAction;\n\t\tif (createAction) {\n\t\t\tthis._createLabel = createAction.label;\n\t\t\tnew UmbModalRouteRegistrationController(\n\t\t\t\tthis,\n\t\t\t\t(createAction.modalToken as typeof UMB_WORKSPACE_MODAL) ?? UMB_WORKSPACE_MODAL,\n\t\t\t)\n\t\t\t\t.onSetup(() => {\n\t\t\t\t\treturn { data: createAction.modalData };\n\t\t\t\t})\n\t\t\t\t.onSubmit((value) => {\n\t\t\t\t\tif (value) {\n\t\t\t\t\t\tthis.value = { selection: [value.unique] };\n\t\t\t\t\t\tthis._submitModal();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis._rejectModal();\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.observeRouteBuilder((routeBuilder) => {\n\t\t\t\t\tconst oldPath = this._createPath;\n\t\t\t\t\tthis._createPath =\n\t\t\t\t\t\trouteBuilder({}) + createAction.extendWithPathPattern.generateLocal(createAction.extendWithPathParams);\n\t\t\t\t\tthis.requestUpdate('_createPath', oldPath);\n\t\t\t\t});\n\t\t}\n\t}\n\n\toverride render() {\n\t\treturn html`\n\t\t\t<umb-body-layout headline=\"Select\">\n\t\t\t\t<uui-box> ${this.#renderSearch()} ${this.#renderTree()}</uui-box>\n\t\t\t\t${this.#renderActions()}\n\t\t\t</umb-body-layout>\n\t\t`;\n\t}\n\t#renderSearch() {\n\t\treturn html`\n\t\t\t<umb-picker-search-field></umb-picker-search-field>\n\t\t\t<umb-picker-search-result></umb-picker-search-result>\n\t\t`;\n\t}\n\n\t#renderTree() {\n\t\tif (this._searchQuery) {\n\t\t\treturn nothing;\n\t\t}\n\n\t\treturn html`\n\t\t\t<umb-tree\n\t\t\t\talias=${ifDefined(this.data?.treeAlias)}\n\t\t\t\t.props=${{\n\t\t\t\t\thideTreeItemActions: true,\n\t\t\t\t\thideTreeRoot: this.data?.hideTreeRoot,\n\t\t\t\t\tselectionConfiguration: this._selectionConfiguration,\n\t\t\t\t\tfilter: this.data?.filter,\n\t\t\t\t\tselectableFilter: this.data?.pickableFilter,\n\t\t\t\t\tstartNode: this.data?.startNode,\n\t\t\t\t\tfoldersOnly: this.data?.foldersOnly,\n\t\t\t\t}}\n\t\t\t\t@selected=${this.#onTreeItemSelected}\n\t\t\t\t@deselected=${this.#onTreeItemDeselected}></umb-tree>\n\t\t`;\n\t}\n\n\t#renderActions() {\n\t\treturn html`\n\t\t\t<div slot=\"actions\">\n\t\t\t\t<uui-button label=${this.localize.term('general_close')} @click=${this._rejectModal}></uui-button>\n\t\t\t\t${this._createPath\n\t\t\t\t\t? html` <uui-button\n\t\t\t\t\t\t\tlabel=${this.localize.string(this._createLabel ?? 'general_create')}\n\t\t\t\t\t\t\tlook=\"secondary\"\n\t\t\t\t\t\t\thref=${this._createPath}></uui-button>`\n\t\t\t\t\t: nothing}\n\t\t\t\t<uui-button\n\t\t\t\t\tlabel=${this.localize.term('general_choose')}\n\t\t\t\t\tlook=\"primary\"\n\t\t\t\t\tcolor=\"positive\"\n\t\t\t\t\t@click=${this._submitModal}\n\t\t\t\t\t?disabled=${!this._hasSelection}></uui-button>\n\t\t\t</div>\n\t\t`;\n\t}\n}\n\nexport default UmbTreePickerModalElement;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'umb-tree-picker-modal': UmbTreePickerModalElement<UmbTreeItemModelBase>;\n\t}\n}\n"],"names":["UmbTreeItemPickerContext","UmbPickerContext","host","_pickerContext","_UmbTreePickerModalElement_instances","observePickerSelection_fn","observeSearch_fn","onTreeItemSelected_fn","onTreeItemDeselected_fn","initCreateAction_fn","renderSearch_fn","renderTree_fn","renderActions_fn","UmbTreePickerModalElement","UmbModalBaseElement","__privateAdd","__privateGet","hasSelection","__privateMethod","_changedProperties","multiple","selection","html","query","event","UmbSelectedEvent","UmbDeselectedEvent","createAction","UmbModalRouteRegistrationController","UMB_WORKSPACE_MODAL","value","routeBuilder","oldPath","nothing","ifDefined","__decorateClass","state","customElement","UmbTreePickerModalElement$1"],"mappings":"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"}