@umbraco-cms/backoffice 16.3.4 → 17.0.0-rc1

package/dist-cms/packages/tiptap/property-editors/statusbar-configuration/property-editor-ui-tiptap-statusbar-configuration.element.js

@@ -137,7 +137,7 @@ let UmbPropertyEditorUiTiptapStatusbarConfigurationElement = class UmbPropertyEd
 			<uui-button
 				compact
 				class=${forbidden ? 'forbidden' : ''}
-				data-mark="tiptap-toolbar-item:${item.alias}"
+				data-mark="tiptap-statusbar-item:${item.alias}"
 				draggable="true"
 				label=${label}
 				look=${forbidden ? 'placeholder' : 'outline'}
@@ -178,29 +178,41 @@ let UmbPropertyEditorUiTiptapStatusbarConfigurationElement = class UmbPropertyEd
     }
     #renderItem(alias, areaIndex = 0, itemIndex = 0) {
         const item = this.#context?.getExtensionByAlias(alias);
-        if (!item)
-            return nothing;
         const forbidden = !this.#context?.isExtensionEnabled(item.alias);
-        const label = this.localize.string(item.label);
-        return html `
-			<uui-button
-				compact
-				class=${forbidden ? 'forbidden' : ''}
-				data-mark="tiptap-toolbar-item:${item.alias}"
-				draggable="true"
-				label=${label}
-				look=${forbidden ? 'placeholder' : 'outline'}
-				title=${label}
-				?disabled=${forbidden}
-				@click=${() => this.#context.removeStatusbarItem([areaIndex, itemIndex])}
-				@dragend=${this.#onDragEnd}
-				@dragstart=${(e) => this.#onDragStart(e, alias, [areaIndex, itemIndex])}>
-				<div class="inner">
-					${when(item.icon, (icon) => html `<umb-icon .name=${icon}></umb-icon>`)}
-					<span>${label}</span>
-				</div>
-			</uui-button>
-		`;
+        const label = this.localize.string(item.label) || item.alias;
+        switch (item.kind) {
+            case 'unknown':
+                return html `
+					<uui-button
+						compact
+						class="missing"
+						data-mark="tiptap-statusbar-item:${item.alias}"
+						color="danger"
+						look="placeholder"
+						label="Missing extension"
+						title="Missing extension: ${item.alias}"
+						@click=${() => this.#context.removeStatusbarItem([areaIndex, itemIndex])}></uui-button>
+				`;
+            default:
+                return html `
+					<uui-button
+						compact
+						class=${forbidden ? 'forbidden' : ''}
+						data-mark="tiptap-statusbar-item:${item.alias}"
+						draggable="true"
+						label=${label}
+						look=${forbidden ? 'placeholder' : 'outline'}
+						title=${label}
+						@click=${() => this.#context.removeStatusbarItem([areaIndex, itemIndex])}
+						@dragend=${this.#onDragEnd}
+						@dragstart=${(e) => this.#onDragStart(e, alias, [areaIndex, itemIndex])}>
+						<div class="inner">
+							${when(item.icon, (icon) => html `<umb-icon .name=${icon}></umb-icon>`)}
+							<span>${label}</span>
+						</div>
+					</uui-button>
+				`;
+        }
     }
     static { this.styles = [
         css `
@@ -267,8 +279,8 @@ let UmbPropertyEditorUiTiptapStatusbarConfigurationElement = class UmbPropertyEd
 						--color-standalone: var(--uui-color-danger-standalone);
 						--color-emphasis: var(--uui-color-danger-emphasis);
 						--color-contrast: var(--uui-color-danger);
-						--uui-button-contrast-disabled: var(--uui-color-danger);
-						--uui-button-border-color-disabled: var(--uui-color-danger);
+						--uui-button-contrast: var(--uui-color-danger);
+						--uui-button-border-color: var(--uui-color-danger);
 					}
 
 					div {

package/dist-cms/packages/tiptap/property-editors/statusbar-configuration/tiptap-statusbar-configuration.context.d.ts

@@ -4,13 +4,13 @@ import { UmbContextBase } from '../../../../libs/class-api/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 export declare class UmbTiptapStatusbarConfigurationContext extends UmbContextBase {
     #private;
-    readonly extensions: import("rxjs").Observable<UmbTiptapStatusbarExtension[]>;
+    readonly extensions: import("rxjs").Observable<import("../types.js").UmbTiptapExtensionBase[]>;
     readonly reload: import("rxjs").Observable<boolean>;
     readonly statusbar: import("rxjs").Observable<UmbTiptapStatusbarViewModel[]>;
     constructor(host: UmbControllerHost);
     cloneStatusbarValue(value?: UmbTiptapStatusbarValue | null): UmbTiptapStatusbarValue;
     filterExtensions(query: string): Array<UmbTiptapStatusbarExtension>;
-    getExtensionByAlias(alias: string): UmbTiptapStatusbarExtension | undefined;
+    getExtensionByAlias(alias: string): UmbTiptapStatusbarExtension;
     isExtensionEnabled(alias: string): boolean;
     isExtensionInUse(alias: string): boolean;
     isValidStatusbarValue(value: unknown): value is UmbTiptapStatusbarValue;

package/dist-cms/packages/tiptap/property-editors/statusbar-configuration/tiptap-statusbar-configuration.context.js

@@ -25,6 +25,7 @@ export class UmbTiptapStatusbarConfigurationContext extends UmbContextBase {
             const _extensions = extensions
                 .sort((a, b) => a.alias.localeCompare(b.alias))
                 .map((ext) => ({
+                kind: 'default',
                 alias: ext.alias,
                 label: ext.meta.label,
                 icon: ext.meta.icon,
@@ -59,7 +60,7 @@ export class UmbTiptapStatusbarConfigurationContext extends UmbContextBase {
             .filter((ext) => ext.alias?.toLowerCase().includes(query) || ext.label?.toLowerCase().includes(query));
     }
     getExtensionByAlias(alias) {
-        return this.#lookup?.get(alias);
+        return this.#lookup?.get(alias) ?? { label: '', alias, icon: '', kind: 'unknown' };
     }
     isExtensionEnabled(alias) {
         return this.#extensionsEnabled.has(alias);

package/dist-cms/packages/tiptap/property-editors/toolbar-configuration/property-editor-ui-tiptap-toolbar-configuration.element.js

@@ -211,9 +211,7 @@ let UmbPropertyEditorUiTiptapToolbarConfigurationElement = class UmbPropertyEdit
         if (!group)
             return nothing;
         const showActionBar = this._toolbar[rowIndex].data.length > 1 && group.data.length === 0;
-        const items = group.data
-            .map((alias) => this.#context?.getExtensionByAlias(alias))
-            .filter((item) => !!item);
+        const items = group.data.map((alias) => this.#context?.getExtensionByAlias(alias));
         return html `
 			<div
 				class="group"

package/dist-cms/packages/tiptap/property-editors/toolbar-configuration/tiptap-toolbar-configuration.context.d.ts

@@ -4,13 +4,13 @@ import { UmbContextBase } from '../../../../libs/class-api/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 export declare class UmbTiptapToolbarConfigurationContext extends UmbContextBase {
     #private;
-    readonly extensions: import("rxjs").Observable<UmbTiptapToolbarExtension[]>;
+    readonly extensions: import("rxjs").Observable<import("../types.js").UmbTiptapExtensionBase[]>;
     readonly reload: import("rxjs").Observable<boolean>;
     readonly toolbar: import("rxjs").Observable<UmbTiptapToolbarRowViewModel[]>;
     constructor(host: UmbControllerHost);
     cloneToolbarValue(value?: UmbTiptapToolbarValue | null): UmbTiptapToolbarValue;
     filterExtensions(query: string): Array<UmbTiptapToolbarExtension>;
-    getExtensionByAlias(alias: string): UmbTiptapToolbarExtension | undefined;
+    getExtensionByAlias(alias: string): UmbTiptapToolbarExtension;
     isExtensionEnabled(alias: string): boolean;
     isExtensionInUse(alias: string): boolean;
     isValidToolbarValue(value: unknown): value is UmbTiptapToolbarValue;

package/dist-cms/packages/tiptap/property-editors/toolbar-configuration/tiptap-toolbar-configuration.context.js

@@ -60,7 +60,7 @@ export class UmbTiptapToolbarConfigurationContext extends UmbContextBase {
             .filter((ext) => ext.alias?.toLowerCase().includes(query) || ext.label?.toLowerCase().includes(query));
     }
     getExtensionByAlias(alias) {
-        return this.#lookup?.get(alias);
+        return this.#lookup?.get(alias) ?? { label: '', alias, icon: '', kind: 'unknown' };
     }
     isExtensionEnabled(alias) {
         return this.#extensionsEnabled.has(alias);

package/dist-cms/packages/tiptap/property-editors/toolbar-configuration/tiptap-toolbar-group-configuration.element.js

@@ -13,9 +13,9 @@ let UmbTiptapToolbarGroupConfigurationElement = class UmbTiptapToolbarGroupConfi
     constructor() {
         super(...arguments);
         this.#sorter = new UmbSorterController(this, {
-            getUniqueOfElement: (element) => element.getAttribute('tiptap-toolbar-alias'),
-            getUniqueOfModel: (modelEntry) => modelEntry.alias,
-            itemSelector: 'uui-button',
+            getUniqueOfElement: (element) => element.dataset.mark,
+            getUniqueOfModel: (modelEntry) => `tiptap-toolbar-item:${modelEntry.alias}`,
+            itemSelector: '.draggable',
             identifier: 'umb-tiptap-toolbar-sorter',
             containerSelector: '.items',
             resolvePlacement: UmbSorterResolvePlacementAsGrid,
@@ -57,7 +57,7 @@ let UmbTiptapToolbarGroupConfigurationElement = class UmbTiptapToolbarGroupConfi
 		`;
     }
     #renderItem(item, index = 0) {
-        const label = this.localize.string(item.label);
+        const label = this.localize.string(item.label) || item.alias;
         const forbidden = !this.#context?.isExtensionEnabled(item.alias);
         switch (item.kind) {
             case 'styleMenu':
@@ -65,13 +65,11 @@ let UmbTiptapToolbarGroupConfigurationElement = class UmbTiptapToolbarGroupConfi
                 return html `
 					<uui-button
 						compact
-						class=${forbidden ? 'forbidden' : ''}
+						class="draggable ${forbidden ? 'forbidden' : ''}"
 						data-mark="tiptap-toolbar-item:${item.alias}"
 						look=${forbidden ? 'placeholder' : 'outline'}
 						label=${label}
 						title=${label}
-						?disabled=${forbidden}
-						tiptap-toolbar-alias=${item.alias}
 						@click=${() => this.#onRequestRemove(item, index)}>
 						<div class="inner">
 							<span>${label}</span>
@@ -79,18 +77,28 @@ let UmbTiptapToolbarGroupConfigurationElement = class UmbTiptapToolbarGroupConfi
 						<uui-symbol-expand slot="extra" open></uui-symbol-expand>
 					</uui-button>
 				`;
+            case 'unknown':
+                return html `
+					<uui-button
+						compact
+						data-mark="tiptap-toolbar-item:${item.alias}"
+						color="danger"
+						look="placeholder"
+						label="Missing extension"
+						title="Missing extension: ${item.alias}"
+						@click=${() => this.#onRequestRemove(item, index)}></uui-button>
+				`;
             case 'button':
+            case 'colorPickerButton':
             default:
                 return html `
 					<uui-button
 						compact
-						class=${forbidden ? 'forbidden' : ''}
+						class="draggable ${forbidden ? 'forbidden' : ''}"
 						data-mark="tiptap-toolbar-item:${item.alias}"
 						look=${forbidden ? 'placeholder' : 'outline'}
 						label=${label}
 						title=${label}
-						?disabled=${forbidden}
-						tiptap-toolbar-alias=${item.alias}
 						@click=${() => this.#onRequestRemove(item, index)}>
 						<div class="inner">
 							${when(item.icon, () => html `<umb-icon .name=${item.icon}></umb-icon>`, () => html `<span>${label}</span>`)}
@@ -110,23 +118,18 @@ let UmbTiptapToolbarGroupConfigurationElement = class UmbTiptapToolbarGroupConfi
 				uui-button {
 					--uui-button-font-weight: normal;
 
-					&[draggable='true'],
-					&[draggable='true'] > .inner {
+					&.draggable,
+					&.draggable > .inner {
 						cursor: move;
 					}
 
-					&[disabled],
-					&[disabled] > .inner {
-						cursor: not-allowed;
-					}
-
 					&.forbidden {
 						--color: var(--uui-color-danger);
 						--color-standalone: var(--uui-color-danger-standalone);
 						--color-emphasis: var(--uui-color-danger-emphasis);
 						--color-contrast: var(--uui-color-danger);
-						--uui-button-contrast-disabled: var(--uui-color-danger);
-						--uui-button-border-color-disabled: var(--uui-color-danger);
+						--uui-button-contrast: var(--uui-color-danger);
+						--uui-button-border-color: var(--uui-color-danger);
 					}
 
 					div {

package/dist-cms/packages/tiptap/property-editors/types.d.ts

@@ -2,17 +2,15 @@ export type UmbTiptapSortableViewModel<T> = {
     unique: string;
     data: T;
 };
-export type UmbTiptapStatusbarExtension = {
+export type UmbTiptapExtensionBase = {
+    kind?: string;
     alias: string;
     label: string;
     icon: string;
     dependencies?: Array<string>;
 };
+export type UmbTiptapStatusbarExtension = UmbTiptapExtensionBase;
 export type UmbTiptapStatusbarViewModel = UmbTiptapSortableViewModel<Array<string>>;
-export type UmbTiptapToolbarExtension = UmbTiptapStatusbarExtension & {
-    kind?: string;
-};
+export type UmbTiptapToolbarExtension = UmbTiptapExtensionBase;
 export type UmbTiptapToolbarRowViewModel = UmbTiptapSortableViewModel<Array<UmbTiptapToolbarGroupViewModel>>;
 export type UmbTiptapToolbarGroupViewModel = UmbTiptapSortableViewModel<Array<string>>;
-/** @deprecated No longer used internally. This will be removed in Umbraco 17. [LK] */
-export type UmbTiptapToolbarSortableViewModel<T> = UmbTiptapSortableViewModel<T>;

package/dist-cms/packages/tiptap/types.d.ts

@@ -1,8 +1 @@
-import type { UmbBlockValueType } from '../block/block/index.js';
-import type { UmbBlockRteLayoutModel } from '../block/block-rte/index.js';
 export type * from './extensions/types.js';
-/** @deprecated No longer used internally. This will be removed in Umbraco 17. [LK] */
-export interface UmbPropertyEditorUiValueType {
-    markup: string;
-    blocks: UmbBlockValueType<UmbBlockRteLayoutModel>;
-}

package/dist-cms/packages/ufm/components/content-name/content-name.component.js

@@ -4,12 +4,6 @@ export class UmbUfmContentNameComponent extends UmbUfmComponentBase {
     render(token) {
         if (!token.text)
             return;
-        if (token.prefix === '~') {
-            /*
-             * @deprecated since version 15.0-rc3
-             */
-            console.warn(`Please update your UFM syntax from \`${token.raw}\` to \`{umbContentName:${token.text}}\`.`);
-        }
         const attributes = super.getAttributes(token.text);
         return `<ufm-content-name ${attributes}></ufm-content-name>`;
     }

package/dist-cms/packages/ufm/components/content-name/content-name.element.js

@@ -52,7 +52,8 @@ let UmbUfmContentNameElement = class UmbUfmContentNameElement extends UmbUfmElem
             if (repository) {
                 const { data } = await repository.requestItems(uniques);
                 if (Array.isArray(data) && data.length > 0) {
-                    return data.map((item) => item.name).join(', ');
+                    // TODO: [v17] Review usage of `item.variants[0].name` as this needs to be implemented properly! [LK]
+                    return data.map((item) => item.variants[0].name).join(', ');
                 }
             }
         }

package/dist-cms/packages/ufm/components/link/link.element.js

@@ -39,7 +39,8 @@ let UmbUfmLinkElement = class UmbUfmLinkElement extends UmbUfmElementBase {
             if (repository) {
                 const { data } = await repository.requestItems([unique]);
                 if (Array.isArray(data) && data.length > 0) {
-                    return data.map((item) => item.name).join(', ');
+                    // TODO: [v17] Review usage of `item.variants[0].name` as this needs to be implemented properly! [LK]
+                    return data.map((item) => item.variants[0].name).join(', ');
                 }
             }
         }

package/dist-cms/packages/ufm/components/manifests.js

@@ -18,7 +18,7 @@ export const manifests = [
         alias: 'Umb.Markdown.ContentName',
         name: 'Content Name UFM Component',
         api: () => import('./content-name/content-name.component.js'),
-        meta: { alias: 'umbContentName', marker: '~' },
+        meta: { alias: 'umbContentName' },
     },
     {
         type: 'ufmComponent',

package/dist-cms/packages/ufm/contexts/ufm.context.d.ts

@@ -2,7 +2,7 @@ import { Marked } from '../../../external/marked/index.js';
 import { UmbContextBase } from '../../../libs/class-api/index.js';
 import { UmbContextToken } from '../../../libs/context-api/index.js';
 import type { UmbControllerHost } from '../../../libs/controller-api/index.js';
-export declare const UmbMarked: Marked;
+export declare const UmbMarked: Marked<string, string>;
 export type UmbUfmFilterFunction = ((...args: Array<unknown>) => string | undefined | null) | undefined;
 export type UmbUfmFilterType = {
     alias: string;

package/dist-cms/packages/ufm/filters/manifests.js

@@ -27,6 +27,14 @@ export const manifests = [
         api: () => import('./strip-html.filter.js'),
         meta: { alias: 'strip-html' },
     },
+    // TODO: Remove in V18 - replaced by camelCase alias below for UFMJS compatibility
+    {
+        type: 'ufmFilter',
+        alias: 'Umb.Filter.StripHtmlCamelCase',
+        name: 'Strip HTML UFM Filter (camelCase)',
+        api: () => import('./strip-html.filter.js'),
+        meta: { alias: 'stripHtml' },
+    },
     {
         type: 'ufmFilter',
         alias: 'Umb.Filter.TitleCase',
@@ -34,6 +42,14 @@ export const manifests = [
         api: () => import('./title-case.filter.js'),
         meta: { alias: 'title-case' },
     },
+    // TODO: Remove in V18 - replaced by camelCase alias below for UFMJS compatibility
+    {
+        type: 'ufmFilter',
+        alias: 'Umb.Filter.TitleCaseCamelCase',
+        name: 'Title Case UFM Filter (camelCase)',
+        api: () => import('./title-case.filter.js'),
+        meta: { alias: 'titleCase' },
+    },
     {
         type: 'ufmFilter',
         alias: 'Umb.Filter.Truncate',
@@ -55,4 +71,12 @@ export const manifests = [
         api: () => import('./word-limit.filter.js'),
         meta: { alias: 'word-limit' },
     },
+    // TODO: Remove in V18 - replaced by camelCase alias below for UFMJS compatibility
+    {
+        type: 'ufmFilter',
+        alias: 'Umb.Filter.WordLimitCamelCase',
+        name: 'Word Limit UFM Filter (camelCase)',
+        api: () => import('./word-limit.filter.js'),
+        meta: { alias: 'wordLimit' },
+    },
 ];

package/dist-cms/packages/ufm/filters/strip-html.filter.d.ts

@@ -5,3 +5,4 @@ declare class UmbUfmStripHtmlFilterApi extends UmbUfmFilterBase {
     } | undefined | null): string;
 }
 export { UmbUfmStripHtmlFilterApi as api };
+export { UmbUfmStripHtmlFilterApi };

package/dist-cms/packages/ufm/filters/strip-html.filter.js

@@ -10,3 +10,4 @@ class UmbUfmStripHtmlFilterApi extends UmbUfmFilterBase {
     }
 }
 export { UmbUfmStripHtmlFilterApi as api };
+export { UmbUfmStripHtmlFilterApi };

package/dist-cms/packages/ufm/filters/truncate.filter.d.ts

@@ -3,3 +3,4 @@ declare class UmbUfmTruncateFilterApi extends UmbUfmFilterBase {
     filter(str: string, length: number, tail?: string): string;
 }
 export { UmbUfmTruncateFilterApi as api };
+export { UmbUfmTruncateFilterApi };

package/dist-cms/packages/ufm/filters/truncate.filter.js

@@ -1,8 +1,14 @@
 import { UmbUfmFilterBase } from './base.filter.js';
 class UmbUfmTruncateFilterApi extends UmbUfmFilterBase {
     filter(str, length, tail) {
-        if (typeof str !== 'string' || !str.length)
+        if (typeof str !== 'string')
             return str;
+        // Remove leading/trailing whitespace before calculating length
+        str = str.trim();
+        // Only add ellipsis if the string was actually truncated
+        if (!str.length || str.length <= length) {
+            return str;
+        }
         if (tail === 'false')
             tail = '';
         if (tail === 'true')
@@ -12,3 +18,4 @@ class UmbUfmTruncateFilterApi extends UmbUfmFilterBase {
     }
 }
 export { UmbUfmTruncateFilterApi as api };
+export { UmbUfmTruncateFilterApi };

package/dist-cms/packages/umbraco-news/index.d.ts

@@ -0,0 +1,2 @@
+export * from './repository/index.js';
+export type * from './types.js';

package/dist-cms/packages/umbraco-news/index.js

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

package/dist-cms/packages/umbraco-news/repository/index.d.ts

@@ -0,0 +1,2 @@
+export * from './umbraco-news.respository.js';
+export * from './umbraco-news.server.data-source.js';

package/dist-cms/packages/umbraco-news/repository/index.js

@@ -0,0 +1,2 @@
+export * from './umbraco-news.respository.js';
+export * from './umbraco-news.server.data-source.js';

package/dist-cms/packages/umbraco-news/repository/types.d.ts

@@ -0,0 +1 @@
+export type * from './umbraco-news.server.data-source.js';

package/dist-cms/packages/umbraco-news/repository/types.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/umbraco-news/repository/umbraco-news.respository.d.ts

@@ -0,0 +1,7 @@
+import { UmbRepositoryBase } from '../../core/repository/index.js';
+import type { NewsDashboardResponseModel } from '../../core/backend-api/index.js';
+import type { UmbDataSourceResponse } from '../../core/repository/index.js';
+export declare class UmbNewsDashboardRepository extends UmbRepositoryBase {
+    #private;
+    getNewsDashboard(): Promise<UmbDataSourceResponse<NewsDashboardResponseModel>>;
+}

package/dist-cms/packages/umbraco-news/repository/umbraco-news.respository.js

@@ -0,0 +1,8 @@
+import { UmbNewsServerDataSource } from './umbraco-news.server.data-source.js';
+import { UmbRepositoryBase } from '../../core/repository/index.js';
+export class UmbNewsDashboardRepository extends UmbRepositoryBase {
+    #dataSource = new UmbNewsServerDataSource(this);
+    async getNewsDashboard() {
+        return this.#dataSource.getNewsItems();
+    }
+}

package/dist-cms/packages/umbraco-news/repository/umbraco-news.server.data-source.d.ts

@@ -0,0 +1,23 @@
+import { UmbControllerBase } from '../../../libs/class-api/index.js';
+import type { NewsDashboardResponseModel } from '../../core/backend-api/index.js';
+import type { UmbDataSourceResponse } from '../../core/repository/index.js';
+export interface UmbNewsDataSource {
+    getNewsItems(): Promise<UmbDataSourceResponse<NewsDashboardResponseModel>>;
+}
+/**
+ * A data source for the news items
+ * @class UmbNewsServerDataSource
+ * @implements {UmbNewsDataSource}
+ */
+export declare class UmbNewsServerDataSource extends UmbControllerBase implements UmbNewsDataSource {
+    /**
+     * Get all news items from the server
+     * @returns {*}
+     * @memberof UmbNewsServerDataSource
+     */
+    getNewsItems(): Promise<import("../../core/resources/index.js").UmbApiResponse<{
+        data: NewsDashboardResponseModel;
+        request: Request;
+        response: Response;
+    }>>;
+}

package/dist-cms/packages/umbraco-news/repository/umbraco-news.server.data-source.js

@@ -0,0 +1,18 @@
+import { tryExecute } from '../../core/resources/index.js';
+import { NewsDashboardService } from '../../core/backend-api/index.js';
+import { UmbControllerBase } from '../../../libs/class-api/index.js';
+/**
+ * A data source for the news items
+ * @class UmbNewsServerDataSource
+ * @implements {UmbNewsDataSource}
+ */
+export class UmbNewsServerDataSource extends UmbControllerBase {
+    /**
+     * Get all news items from the server
+     * @returns {*}
+     * @memberof UmbNewsServerDataSource
+     */
+    async getNewsItems() {
+        return await tryExecute(this._host, NewsDashboardService.getNewsDashboard());
+    }
+}

package/dist-cms/packages/umbraco-news/types.d.ts

@@ -0,0 +1 @@
+export type * from './repository/types.js';

package/dist-cms/packages/umbraco-news/types.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/umbraco-news/umbraco-news-dashboard.element.d.ts

@@ -1,6 +1,10 @@
 import { UmbLitElement } from '../core/lit-element/index.js';
 export declare class UmbUmbracoNewsDashboardElement extends UmbLitElement {
     #private;
+    private _items;
+    private _groupedItems;
+    private _loaded;
+    firstUpdated(): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }