@umbraco-cms/backoffice 16.3.3 → 16.4.0-rc

package/dist-cms/custom-elements.json

@@ -848,6 +848,10 @@
           "attribute": "icon",
           "type": "string | undefined"
         },
+        {
+          "name": "index",
+          "type": "number | undefined"
+        },
         {
           "name": "unpublished",
           "attribute": "unpublished",
@@ -900,6 +904,10 @@
           "attribute": "icon",
           "type": "string | undefined"
         },
+        {
+          "name": "index",
+          "type": "number | undefined"
+        },
         {
           "name": "config"
         },
@@ -1252,6 +1260,10 @@
           "attribute": "icon",
           "type": "string | undefined"
         },
+        {
+          "name": "index",
+          "type": "number | undefined"
+        },
         {
           "name": "unpublished",
           "attribute": "unpublished",
@@ -1298,6 +1310,10 @@
           "attribute": "icon",
           "type": "string | undefined"
         },
+        {
+          "name": "index",
+          "type": "number | undefined"
+        },
         {
           "name": "unpublished",
           "attribute": "unpublished",
@@ -1472,6 +1488,10 @@
           "attribute": "icon",
           "type": "string | undefined"
         },
+        {
+          "name": "index",
+          "type": "number | undefined"
+        },
         {
           "name": "unpublished",
           "attribute": "unpublished",
@@ -3472,13 +3492,11 @@
         },
         {
           "name": "valueLow",
-          "type": "number",
-          "default": "0"
+          "type": "number | undefined"
         },
         {
           "name": "valueHigh",
-          "type": "number",
-          "default": "0"
+          "type": "number | undefined"
         },
         {
           "name": "enable-range",
@@ -3490,6 +3508,18 @@
           "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
           "type": "boolean",
           "default": "\"false\""
+        },
+        {
+          "name": "value",
+          "description": "Value of this form control.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"\""
         }
       ],
       "properties": [
@@ -3520,14 +3550,12 @@
         {
           "name": "valueLow",
           "attribute": "valueLow",
-          "type": "number",
-          "default": "0"
+          "type": "number | undefined"
         },
         {
           "name": "valueHigh",
           "attribute": "valueHigh",
-          "type": "number",
-          "default": "0"
+          "type": "number | undefined"
         },
         {
           "name": "enableRange",
@@ -3541,6 +3569,34 @@
           "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
           "type": "boolean",
           "default": "\"false\""
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "Value of this form control.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "pristine",
+          "attribute": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         }
       ]
     },
@@ -4279,6 +4335,17 @@
         }
       ]
     },
+    {
+      "name": "umb-view-loader",
+      "path": "./../src/packages/core/components/view-loader/view-loader.element.ts",
+      "properties": [
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ]
+    },
     {
       "name": "umb-input-culture-select",
       "path": "./../src/packages/core/culture/components/input-culture-select/input-culture-select.element.ts",
@@ -4603,6 +4670,73 @@
         }
       ]
     },
+    {
+      "name": "umb-entity-sign-bundle",
+      "path": "./../src/packages/core/entity-sign/components/entity-sign-bundle.element.ts",
+      "attributes": [
+        {
+          "name": "entity-type",
+          "type": "string | undefined"
+        },
+        {
+          "name": "dir",
+          "description": "The direction of the element.",
+          "type": "\"\" | \"rtl\" | \"ltr\"",
+          "default": "\"\""
+        },
+        {
+          "name": "lang",
+          "description": "The language of the element.",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "entityType",
+          "attribute": "entity-type",
+          "type": "string | undefined"
+        },
+        {
+          "name": "entityFlags",
+          "type": "UmbEntityFlag[] | undefined"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        },
+        {
+          "name": "dir",
+          "attribute": "dir",
+          "description": "The direction of the element.",
+          "type": "\"\" | \"rtl\" | \"ltr\"",
+          "default": "\"\""
+        },
+        {
+          "name": "lang",
+          "attribute": "lang",
+          "description": "The language of the element.",
+          "type": "string",
+          "default": "\"\""
+        }
+      ]
+    },
+    {
+      "name": "umb-entity-sign-icon",
+      "path": "./../src/packages/core/entity-sign/kinds/icon/entity-sign-icon.element.ts",
+      "properties": [
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        },
+        {
+          "name": "manifest",
+          "type": "ManifestEntitySignIconKind | undefined"
+        }
+      ]
+    },
     {
       "name": "umb-extension-slot",
       "path": "./../src/packages/core/extension-registry/components/extension-slot/extension-slot.element.ts",
@@ -6190,6 +6324,11 @@
           "name": "hideActions",
           "type": "boolean",
           "default": "false"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
         }
       ]
     },
@@ -6552,6 +6691,11 @@
       "path": "./../src/packages/core/workspace/components/workspace-split-view/workspace-split-view.element.ts",
       "description": "\nExample. Document Workspace would use a Variant-component(variant component would talk directly to the workspace-context)\nAs well breadcrumbs etc.",
       "attributes": [
+        {
+          "name": "loading",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "displayNavigation",
           "type": "boolean",
@@ -6567,6 +6711,12 @@
         }
       ],
       "properties": [
+        {
+          "name": "loading",
+          "attribute": "loading",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "displayNavigation",
           "attribute": "displayNavigation",
@@ -6974,6 +7124,55 @@
         }
       ]
     },
+    {
+      "name": "umb-data-type-details-workspace-property-editor-picker",
+      "path": "./../src/packages/data-type/workspace/views/details/data-type-details-workspace-property-editor-picker.element.ts",
+      "attributes": [
+        {
+          "name": "propertyEditorUiIcon",
+          "type": "string | undefined"
+        },
+        {
+          "name": "propertyEditorUiName",
+          "type": "string | undefined"
+        },
+        {
+          "name": "propertyEditorUiAlias",
+          "type": "string | undefined"
+        },
+        {
+          "name": "propertyEditorSchemaAlias",
+          "type": "string | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "propertyEditorUiIcon",
+          "attribute": "propertyEditorUiIcon",
+          "type": "string | undefined"
+        },
+        {
+          "name": "propertyEditorUiName",
+          "attribute": "propertyEditorUiName",
+          "type": "string | undefined"
+        },
+        {
+          "name": "propertyEditorUiAlias",
+          "attribute": "propertyEditorUiAlias",
+          "type": "string | undefined"
+        },
+        {
+          "name": "propertyEditorSchemaAlias",
+          "attribute": "propertyEditorSchemaAlias",
+          "type": "string | undefined"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
     {
       "name": "umb-data-type-details-workspace-view",
       "path": "./../src/packages/data-type/workspace/views/details/data-type-details-workspace-view.element.ts",
@@ -7974,7 +8173,7 @@
         {
           "name": "styles",
           "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
+          "default": "[null,null]"
         }
       ]
     },
@@ -12562,16 +12761,30 @@
       "name": "umb-property-editor-ui-icon-picker",
       "path": "./../src/packages/property-editors/icon-picker/property-editor-ui-icon-picker.element.ts",
       "attributes": [
+        {
+          "name": "mandatory",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "value",
           "type": "string"
         }
       ],
       "properties": [
+        {
+          "name": "mandatory",
+          "attribute": "mandatory",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "value",
           "attribute": "value",
           "type": "string"
+        },
+        {
+          "name": "config"
         }
       ]
     },
@@ -12597,6 +12810,34 @@
         }
       ]
     },
+    {
+      "name": "umb-property-editor-ui-missing-ui",
+      "path": "./../src/packages/property-editors/missing/property-editor-ui-missing-ui.element.ts",
+      "attributes": [
+        {
+          "name": "value",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "value",
+          "attribute": "value",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "focalPointElement",
+          "type": "HTMLElement"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ]
+    },
     {
       "name": "umb-property-editor-ui-missing",
       "path": "./../src/packages/property-editors/missing/property-editor-ui-missing.element.ts",
@@ -12838,10 +13079,6 @@
       "name": "umb-property-editor-ui-slider",
       "path": "./../src/packages/property-editors/slider/property-editor-ui-slider.element.ts",
       "attributes": [
-        {
-          "name": "value",
-          "type": "UmbSliderPropertyEditorUiValue"
-        },
         {
           "name": "readonly",
           "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
@@ -12850,11 +13087,6 @@
         }
       ],
       "properties": [
-        {
-          "name": "value",
-          "attribute": "value",
-          "type": "UmbSliderPropertyEditorUiValue"
-        },
         {
           "name": "readonly",
           "attribute": "readonly",

package/dist-cms/external/dompurify/package.json

@@ -6,6 +6,6 @@
         "build": "vite build"
     },
     "dependencies": {
-        "dompurify": "^3.2.5"
+        "dompurify": "^3.2.7"
     }
 }

package/dist-cms/external/lit/package.json

@@ -6,6 +6,6 @@
         "build": "vite build"
     },
     "dependencies": {
-        "lit": "^3.3.0"
+        "lit": "^3.3.1"
     }
 }

package/dist-cms/external/marked/package.json

@@ -6,6 +6,6 @@
         "build": "vite build"
     },
     "dependencies": {
-        "marked": "^15.0.9"
+        "marked": "^16.3.0"
     }
 }

package/dist-cms/external/monaco-editor/package.json

@@ -6,6 +6,6 @@
         "build": "vite build"
     },
     "dependencies": {
-        "monaco-editor": "^0.52.2"
+        "monaco-editor": "^0.54.0"
     }
 }

package/dist-cms/external/monaco-editor/vite.config.js

@@ -6,7 +6,7 @@ const distAssets = '../../../dist-cms';
 // delete the unbundled dist folder
 rmSync(dist, { recursive: true, force: true });
 // copy fonts
-cpSync('../../../node_modules/monaco-editor/min/vs/base/browser/ui/codicons', `${distAssets}/assets/fonts`, {
+cpSync('../../../node_modules/monaco-editor/esm/vs/base/browser/ui/codicons', `${distAssets}/assets/fonts`, {
     recursive: true,
 });
 export default defineConfig({

package/dist-cms/external/openid/src/redirect_based_handler.d.ts

@@ -15,6 +15,12 @@ export declare class RedirectRequestHandler extends AuthorizationRequestHandler
     locationLike: LocationLike;
     constructor(storageBackend?: StorageBackend, utils?: BasicQueryStringUtils, locationLike?: LocationLike, crypto?: Crypto);
     performAuthorizationRequest(configuration: AuthorizationServiceConfiguration, request: AuthorizationRequest): Promise<string>;
+    /**
+     * Cleanup all stale authorization requests and configurations from storage.
+     * This scans localStorage for any keys matching the appauth patterns and removes them,
+     * including the authorization request handle key.
+     */
+    cleanupStaleAuthorizationData(): Promise<void>;
     /**
      * Attempts to introspect the contents of storage backend and completes the
      * request.

package/dist-cms/external/openid/src/redirect_based_handler.js

@@ -61,6 +61,35 @@ export class RedirectRequestHandler extends AuthorizationRequestHandler {
             return url;
         });
     }
+    /**
+     * Cleanup all stale authorization requests and configurations from storage.
+     * This scans localStorage for any keys matching the appauth patterns and removes them,
+     * including the authorization request handle key.
+     */
+    cleanupStaleAuthorizationData() {
+        // Check if we're in a browser environment with localStorage
+        if (typeof window === 'undefined' || !window.localStorage) {
+            return Promise.resolve();
+        }
+        const keysToRemove = [];
+        // Scan localStorage for all appauth-related keys
+        for (let i = 0; i < window.localStorage.length; i++) {
+            const key = window.localStorage.key(i);
+            if (key &&
+                (key.includes('_appauth_authorization_request') ||
+                    key.includes('_appauth_authorization_service_configuration') ||
+                    key === AUTHORIZATION_REQUEST_HANDLE_KEY)) {
+                keysToRemove.push(key);
+            }
+        }
+        // Remove all found stale keys
+        const removePromises = keysToRemove.map((key) => this.storageBackend.removeItem(key));
+        return Promise.all(removePromises).then(() => {
+            if (keysToRemove.length > 0) {
+                log(`Cleaned up ${keysToRemove.length} stale authorization data entries`);
+            }
+        });
+    }
     /**
      * Attempts to introspect the contents of storage backend and completes the
      * request.
@@ -103,12 +132,8 @@ export class RedirectRequestHandler extends AuthorizationRequestHandler {
                         else {
                             authorizationResponse = new AuthorizationResponse({ code: code, state: state });
                         }
-                        // cleanup state
-                        return Promise.all([
-                            this.storageBackend.removeItem(AUTHORIZATION_REQUEST_HANDLE_KEY),
-                            this.storageBackend.removeItem(authorizationRequestKey(handle)),
-                            this.storageBackend.removeItem(authorizationServiceConfigurationKey(handle)),
-                        ]).then(() => {
+                        // cleanup all authorization data including current and stale entries
+                        return this.cleanupStaleAuthorizationData().then(() => {
                             log('Delivering authorization response');
                             return {
                                 request: request,
@@ -119,7 +144,10 @@ export class RedirectRequestHandler extends AuthorizationRequestHandler {
                     }
                     else {
                         log('Mismatched request (state and request_uri) dont match.');
-                        return Promise.resolve(null);
+                        // cleanup all authorization data even on mismatch to prevent stale PKCE data
+                        return this.cleanupStaleAuthorizationData().then(() => {
+                            return null;
+                        });
                     }
                 }));
             }

package/dist-cms/external/uui/package.json

@@ -6,7 +6,7 @@
         "build": "vite build"
     },
     "dependencies": {
-        "@umbraco-ui/uui": "^1.15.0",
-        "@umbraco-ui/uui-css": "^1.15.0"
+        "@umbraco-ui/uui": "^1.16.0",
+        "@umbraco-ui/uui-css": "^1.16.0"
     }
 }

package/dist-cms/libs/localization-api/localization.controller.d.ts

@@ -43,6 +43,15 @@ export declare class UmbLocalizationController<LocalizationSetType extends UmbLo
      * @param {string} key - the localization key, the indicator of what localization entry you want to retrieve.
      * @param {...any} args - the arguments to parse for this localization entry.
      * @returns {string} - the translated term as a string.
+     * @example
+     * Retrieving a term without any arguments:
+     * ```ts
+     * this.localize.term('area_term');
+     * ```
+     * Retrieving a term with arguments:
+     * ```ts
+     * this.localize.term('general_greeting', ['John']);
+     * ```
      */
     term<K extends keyof LocalizationSetType>(key: K, ...args: FunctionParams<LocalizationSetType[K]>): string;
     /**

package/dist-cms/libs/localization-api/localization.controller.js

@@ -79,6 +79,15 @@ export class UmbLocalizationController {
      * @param {string} key - the localization key, the indicator of what localization entry you want to retrieve.
      * @param {...any} args - the arguments to parse for this localization entry.
      * @returns {string} - the translated term as a string.
+     * @example
+     * Retrieving a term without any arguments:
+     * ```ts
+     * this.localize.term('area_term');
+     * ```
+     * Retrieving a term with arguments:
+     * ```ts
+     * this.localize.term('general_greeting', ['John']);
+     * ```
      */
     term(key, ...args) {
         if (!this.#usedKeys.includes(key)) {

package/dist-cms/libs/observable-api/states/array-state.d.ts

@@ -157,6 +157,26 @@ export declare class UmbArrayState<T, U = unknown> extends UmbDeepState<T[]> {
      * ]);
      */
     append(entries: T[]): this;
+    /**
+     * @function replace
+     * @param {Partial<T>} entires - data of entries to be replaced.
+     * @returns {UmbArrayState<T>} Reference to it self.
+     * @description - Replaces one or more entries, requires the ArrayState to be constructed with a getUnique method.
+     * @example <caption>Example append some data.</caption>
+     * const data = [
+     * 	{ key: 1, value: 'foo'},
+     * 	{ key: 2, value: 'bar'}
+     * ];
+     * const myState = new UmbArrayState(data, (x) => x.key);
+     * const updates = [
+     * 	{ key: 1, value: 'foo2'},
+     * 	{ key: 3, value: 'bar2'}
+     * ];
+     * myState.replace(updates);
+     * // Only the existing item gets replaced:
+     * myState.getValue(); // -> [{ key: 1, value: 'foo2'}, { key: 2, value: 'bar'}]
+     */
+    replace(entries: Array<T>): UmbArrayState<T>;
     /**
      * @function updateOne
      * @param {U} unique - Unique value to find entry to update.

package/dist-cms/libs/observable-api/states/array-state.js

@@ -1,6 +1,7 @@
 import { partialUpdateFrozenArray } from '../utils/partial-update-frozen-array.function.js';
 import { pushAtToUniqueArray } from '../utils/push-at-to-unique-array.function.js';
 import { pushToUniqueArray } from '../utils/push-to-unique-array.function.js';
+import { replaceInUniqueArray } from '../utils/replace-in-unique-array.function.js';
 import { UmbDeepState } from './deep-state.js';
 /**
  * @class UmbArrayState
@@ -254,6 +255,38 @@ export class UmbArrayState extends UmbDeepState {
         }
         return this;
     }
+    /**
+     * @function replace
+     * @param {Partial<T>} entires - data of entries to be replaced.
+     * @returns {UmbArrayState<T>} Reference to it self.
+     * @description - Replaces one or more entries, requires the ArrayState to be constructed with a getUnique method.
+     * @example <caption>Example append some data.</caption>
+     * const data = [
+     * 	{ key: 1, value: 'foo'},
+     * 	{ key: 2, value: 'bar'}
+     * ];
+     * const myState = new UmbArrayState(data, (x) => x.key);
+     * const updates = [
+     * 	{ key: 1, value: 'foo2'},
+     * 	{ key: 3, value: 'bar2'}
+     * ];
+     * myState.replace(updates);
+     * // Only the existing item gets replaced:
+     * myState.getValue(); // -> [{ key: 1, value: 'foo2'}, { key: 2, value: 'bar'}]
+     */
+    replace(entries) {
+        if (this.getUniqueMethod) {
+            const next = [...this.getValue()];
+            entries.forEach((entry) => {
+                replaceInUniqueArray(next, entry, this.getUniqueMethod);
+            });
+            this.setValue(next);
+        }
+        else {
+            throw new Error("Can't replace entries of an ArrayState without a getUnique method provided when constructed.");
+        }
+        return this;
+    }
     /**
      * @function updateOne
      * @param {U} unique - Unique value to find entry to update.

package/dist-cms/libs/observable-api/utils/index.d.ts

@@ -12,5 +12,6 @@ export * from './observe-multiple.function.js';
 export * from './partial-update-frozen-array.function.js';
 export * from './push-at-to-unique-array.function.js';
 export * from './push-to-unique-array.function.js';
+export * from './replace-in-unique-array.function.js';
 export * from './simple-hash-code.function.js';
 export * from './strict-equality-memoization.function.js';

package/dist-cms/libs/observable-api/utils/index.js

@@ -12,5 +12,6 @@ export * from './observe-multiple.function.js';
 export * from './partial-update-frozen-array.function.js';
 export * from './push-at-to-unique-array.function.js';
 export * from './push-to-unique-array.function.js';
+export * from './replace-in-unique-array.function.js';
 export * from './simple-hash-code.function.js';
 export * from './strict-equality-memoization.function.js';