fixed new configuration

Author: JesmoDev

packages/uui-dialog-layout/README.md

@@ -15,25 +15,13 @@ npm i @umbraco-ui/uui-dialog-layout
 Import the registration of `<uui-dialog-layout>` via:
 
 ```javascript
-import '@umbraco-ui/uui-dialog-layout/lib';
+import '@umbraco-ui/uui-dialog-layout';
 ```
 
 When looking to leverage the `UUIDialogLayoutElement` base class as a type and/or for extension purposes, do so via:
 
 ```javascript
-import { UUIDialogLayoutElement } from '@umbraco-ui/uui-dialog-layout/lib';
-```
-
-### CDN
-
-The component is available via CDN. This means it can be added to your application without the need of any bundler configuration. Here is how to use it with jsDelivr.
-
-```html
-<!-- Latest Version -->
-<script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-dialog-layout@latest/dist/uui-dialog-layout.min.js"></script>
-
-<!-- Specific version -->
-<script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/[email protected]/dist/uui-dialog-layout.min.js"></script>
+import { UUIDialogLayoutElement } from '@umbraco-ui/uui-dialog-layout';
 ```
 
 ## Usage

packages/uui-dialog-layout/lib/index.ts

@@ -1,6 +1 @@
-import { UUIDialogLayoutElement } from './uui-dialog-layout.element';
-import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
-
-defineElement('uui-dialog-layout', UUIDialogLayoutElement);
-
 export * from './uui-dialog-layout.element';

packages/uui-dialog-layout/lib/uui-dialog-layout.element.ts

@@ -1,9 +1,11 @@
 import { LitElement, html, css } from 'lit';
 import { property, state } from 'lit/decorators.js';
+import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 
 /**
  * @element uui-dialog-layout
  */
+@defineElement('uui-dialog-layout')
 export class UUIDialogLayoutElement extends LitElement {
   static styles = [
     css`

packages/uui-dialog-layout/package.json

@@ -19,8 +19,10 @@
   "bugs": {
     "url": "https://github.com/umbraco/Umbraco.UI/issues"
   },
-  "main": "./dist/uui-dialog-layout.min.js",
+  "main": "./lib/index.js",
   "module": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
     "lib/**/*.d.ts",

packages/uui-dialog-layout/rollup.config.js

@@ -2,5 +2,4 @@ import { UUIProdConfig } from '../rollup-package.config';
 
 export default UUIProdConfig({
   entryPoints: ['index'],
-  bundle: 'index',
 });