Bugfix: Export multi url and align element name

Author: loivsen

src/packages/multi-url-picker/components/index.ts

@@ -0,0 +1 @@
+export * from './input-multi-url/index.js';

src/packages/multi-url-picker/components/input-multi-url/index.ts

@@ -0,0 +1 @@
+export * from './input-multi-url.element.js';

src/packages/multi-url-picker/multi-url-picker/multi-url-picker.element.ts renamed to src/packages/multi-url-picker/components/input-multi-url/input-multi-url.element.ts

@@ -1,5 +1,5 @@
-import type { UmbLinkPickerLink } from '../link-picker-modal/types.js';
-import { UMB_LINK_PICKER_MODAL } from '../link-picker-modal/link-picker-modal.token.js';
+import type { UmbLinkPickerLink } from '../../link-picker-modal/types.js';
+import { UMB_LINK_PICKER_MODAL } from '../../link-picker-modal/link-picker-modal.token.js';
 import { css, customElement, html, property, repeat, state } from '@umbraco-cms/backoffice/external/lit';
 import { simpleHashCode } from '@umbraco-cms/backoffice/observable-api';
 import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
@@ -18,9 +18,9 @@ import type { UUIModalSidebarSize } from '@umbraco-cms/backoffice/external/uui';
  * @fires blur - when the input loses focus
  * @fires focus - when the input gains focus
  */
-const elementName = 'umb-multi-url-picker';
+const elementName = 'umb-input-multi-url';
 @customElement(elementName)
-export class UmbMultiUrlPickerElement extends UUIFormControlMixin(UmbLitElement, '') {
+export class UmbInputMultiUrlElement extends UUIFormControlMixin(UmbLitElement, '') {
 	#sorter = new UmbSorterController<UmbLinkPickerLink>(this, {
 		getUniqueOfElement: (element) => {
 			return element.id;
@@ -296,6 +296,6 @@ export class UmbMultiUrlPickerElement extends UUIFormControlMixin(UmbLitElement,
 
 declare global {
 	interface HTMLElementTagNameMap {
-		[elementName]: UmbMultiUrlPickerElement;
+		[elementName]: UmbInputMultiUrlElement;
 	}
 }

src/packages/multi-url-picker/multi-url-picker/multi-url-picker.stories.ts renamed to src/packages/multi-url-picker/components/input-multi-url/input-multi-url.stories.ts

@@ -1,14 +1,14 @@
 import type { Meta, StoryObj } from '@storybook/web-components';
 import './multi-url-picker.element.js';
-import type { UmbMultiUrlPickerElement } from './multi-url-picker.element.js';
+import type { UmbInputMultiUrlElement } from './input-multi-url.element.js';
 
-const meta: Meta<UmbMultiUrlPickerElement> = {
+const meta: Meta<UmbInputMultiUrlElement> = {
 	title: 'Components/Inputs/Multi URL',
 	component: 'umb-input-multi-url',
 };
 
 export default meta;
-type Story = StoryObj<UmbMultiUrlPickerElement>;
+type Story = StoryObj<UmbInputMultiUrlElement>;
 
 export const Overview: Story = {
 	args: {},

src/packages/multi-url-picker/entry-point.ts

@@ -0,0 +1 @@
+export * from './components/index.js';

src/packages/multi-url-picker/multi-url-picker/index.ts

@@ -1,5 +1,5 @@
 import type { UmbLinkPickerLink } from '../link-picker-modal/types.js';
-import type { UmbMultiUrlPickerElement } from '../multi-url-picker/multi-url-picker.element.js';
+import type { UmbInputMultiUrlElement } from '../components/input-multi-url/input-multi-url.element.js';
 import { customElement, html, property, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbPropertyValueChangeEvent } from '@umbraco-cms/backoffice/property-editor';
@@ -8,9 +8,6 @@ import type { UmbPropertyEditorConfigCollection } from '@umbraco-cms/backoffice/
 import type { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/extension-registry';
 import type { UUIModalSidebarSize } from '@umbraco-cms/backoffice/external/uui';
 
-// import of local component
-import '../multi-url-picker/multi-url-picker.element.js';
-
 /**
  * @element umb-property-editor-ui-multi-url-picker
  */
@@ -60,14 +57,14 @@ export class UmbPropertyEditorUIMultiUrlPickerElement extends UmbLitElement impl
 		});
 	}
 
-	#onChange(event: CustomEvent & { target: UmbMultiUrlPickerElement }) {
+	#onChange(event: CustomEvent & { target: UmbInputMultiUrlElement }) {
 		this.value = event.target.urls;
 		this.dispatchEvent(new UmbPropertyValueChangeEvent());
 	}
 
 	override render() {
 		return html`
-			<umb-multi-url-picker
+			<umb-input-multi-url
 				.alias=${this._alias}
 				.max=${this._max}
 				.min=${this._min}
@@ -76,7 +73,7 @@ export class UmbPropertyEditorUIMultiUrlPickerElement extends UmbLitElement impl
 				.variantId=${this._variantId}
 				?hide-anchor=${this._hideAnchor}
 				@change=${this.#onChange}>
-			</umb-multi-url-picker>
+			</umb-input-multi-url>
 		`;
 	}
 }

src/packages/multi-url-picker/property-editor/property-editor-ui-multi-url-picker.element.ts

@@ -6,4 +6,10 @@ export const extensions = [
 		type: 'bundle',
 		js: () => import('./manifests.js'),
 	},
+	{
+		name: 'Multi Url Picker Entry Point',
+		alias: 'Umb.EntryPoint.MultiUrlPicker',
+		type: 'entryPoint',
+		js: () => import('./entry-point.js'),
+	},
 ];