@umbraco-cms/backoffice 14.0.0--preview004-d15cc388 → 14.0.0--preview004-a47b65d4

package/dist-cms/packages/core/components/input-tiny-mce/input-tiny-mce.element.js

@@ -20,7 +20,6 @@ import { defaultFallbackConfig } from './input-tiny-mce.defaults.js';
 import { pastePreProcessHandler } from './input-tiny-mce.handlers.js';
 import { availableLanguages } from './input-tiny-mce.languages.js';
 import { uriAttributeSanitizer } from './input-tiny-mce.sanitizer.js';
-import { umbMeta } from '../../meta/index.js';
 import { FormControlMixin } from '../../../../external/uui/index.js';
 import { renderEditor } from '../../../../external/tinymce/index.js';
 import { loadManifestApi } from '../../../../libs/extension-api/index.js';
@@ -174,8 +173,6 @@ _UmbInputTinyMceElement_setTinyConfig = async function _UmbInputTinyMceElement_s
     this._tinyConfig = {
         autoresize_bottom_margin: 10,
         body_class: 'umb-rte',
-        //see https://www.tiny.cloud/docs/tinymce/6/editor-important-options/#cache_suffix
-        cache_suffix: `?umb__rnd=${umbMeta.clientVersion}`,
         contextMenu: false,
         inline_boundaries_selector: 'a[href],code,.mce-annotation,.umb-embed-holder,.umb-macro-holder',
         menubar: false,

package/dist-cms/packages/core/components/multiple-color-picker-input/multiple-color-picker-input.element.js

@@ -21,7 +21,7 @@ const SORTER_CONFIG = {
         return element.getAttribute('data-sort-entry-id') === model.value;
     },
     querySelectModelToElement: (container, modelEntry) => {
-        return container.querySelector('data-sort-entry-id=[' + modelEntry.value + ']');
+        return container.querySelector('[data-sort-entry-id=' + modelEntry.value + ']');
     },
     identifier: 'Umb.SorterIdentifier.ColorEditor',
     itemSelector: 'umb-multiple-color-picker-item-input',
@@ -36,17 +36,10 @@ let UmbMultipleColorPickerInputElement = class UmbMultipleColorPickerInputElemen
         _UmbMultipleColorPickerInputElement_instances.add(this);
         _UmbMultipleColorPickerInputElement_sorter.set(this, new UmbSorterController(this, {
             ...SORTER_CONFIG,
-            performItemInsert: (args) => {
-                const frozenArray = [...this.items];
-                const indexToMove = frozenArray.findIndex((x) => x.value === args.item.value);
-                frozenArray.splice(indexToMove, 1);
-                frozenArray.splice(args.newIndex, 0, args.item);
-                this.items = frozenArray;
-                this.dispatchEvent(new UmbChangeEvent());
-                return true;
-            },
-            performItemRemove: (args) => {
-                return true;
+            onChange: ({ model }) => {
+                const oldValue = this._items;
+                this._items = model;
+                this.requestUpdate('_items', oldValue);
             },
         }));
         /**
@@ -107,7 +100,7 @@ let UmbMultipleColorPickerInputElement = class UmbMultipleColorPickerInputElemen
 _UmbMultipleColorPickerInputElement_sorter = new WeakMap();
 _UmbMultipleColorPickerInputElement_instances = new WeakSet();
 _UmbMultipleColorPickerInputElement_onAdd = function _UmbMultipleColorPickerInputElement_onAdd() {
-    this._items = [...this._items, { value: '', label: '' }];
+    this.items = [...this._items, { value: '', label: '' }];
     this.pristine = false;
     this.dispatchEvent(new UmbChangeEvent());
     __classPrivateFieldGet(this, _UmbMultipleColorPickerInputElement_instances, "m", _UmbMultipleColorPickerInputElement_focusNewItem).call(this);
@@ -130,7 +123,7 @@ _UmbMultipleColorPickerInputElement_focusNewItem = async function _UmbMultipleCo
 };
 _UmbMultipleColorPickerInputElement_deleteItem = function _UmbMultipleColorPickerInputElement_deleteItem(event, itemIndex) {
     event.stopPropagation();
-    this._items = this._items.filter((item, index) => index !== itemIndex);
+    this.items = this._items.filter((item, index) => index !== itemIndex);
     this.pristine = false;
     this.dispatchEvent(new UmbChangeEvent());
 };

package/dist-cms/packages/core/components/multiple-text-string-input/input-multiple-text-string.element.js

@@ -20,7 +20,7 @@ const SORTER_CONFIG = {
         return element.getAttribute('data-sort-entry-id') === model.value;
     },
     querySelectModelToElement: (container, modelEntry) => {
-        return container.querySelector('data-sort-entry-id=[' + modelEntry.value + ']');
+        return container.querySelector('[data-sort-entry-id=' + modelEntry.value + ']');
     },
     identifier: 'Umb.SorterIdentifier.ColorEditor',
     itemSelector: 'umb-input-multiple-text-string-item',
@@ -35,17 +35,10 @@ let UmbInputMultipleTextStringElement = class UmbInputMultipleTextStringElement
         _UmbInputMultipleTextStringElement_instances.add(this);
         _UmbInputMultipleTextStringElement_prevalueSorter.set(this, new UmbSorterController(this, {
             ...SORTER_CONFIG,
-            performItemInsert: (args) => {
-                const frozenArray = [...this.items];
-                const indexToMove = frozenArray.findIndex((x) => x.value === args.item.value);
-                frozenArray.splice(indexToMove, 1);
-                frozenArray.splice(args.newIndex, 0, args.item);
-                this.items = frozenArray;
-                this.dispatchEvent(new UmbChangeEvent());
-                return true;
-            },
-            performItemRemove: (args) => {
-                return true;
+            onChange: ({ model }) => {
+                const oldValue = this._items;
+                this._items = model;
+                this.requestUpdate('_items', oldValue);
             },
         }));
         /**

package/dist-cms/packages/core/index.d.ts

@@ -11,7 +11,6 @@ export * from './extension-registry/index.js';
 export * from './id/index.js';
 export * from './macro/index.js';
 export * from './menu/index.js';
-export * from './meta/index.js';
 export * from './modal/index.js';
 export * from './notification/index.js';
 export * from './picker-input/index.js';

package/dist-cms/packages/core/index.js

@@ -26,7 +26,6 @@ export * from './extension-registry/index.js';
 export * from './id/index.js';
 export * from './macro/index.js';
 export * from './menu/index.js';
-export * from './meta/index.js';
 export * from './modal/index.js';
 export * from './notification/index.js';
 export * from './picker-input/index.js';

package/dist-cms/packages/core/sorter/sorter.controller.d.ts

@@ -1,36 +1,32 @@
 import { UmbController, UmbControllerHostElement } from '../../../libs/controller-api/index.js';
-type INTERNAL_UmbSorterConfig<T> = {
-    compareElementToModel: (el: HTMLElement, modelEntry: T) => boolean;
-    querySelectModelToElement: (container: HTMLElement, modelEntry: T) => HTMLElement | null;
+type INTERNAL_UmbSorterConfig<T, ElementType extends HTMLElement> = {
+    compareElementToModel: (el: ElementType, modelEntry: T) => boolean;
+    querySelectModelToElement: (container: HTMLElement, modelEntry: T) => ElementType | null;
     identifier: string;
     itemSelector: string;
     disabledItemSelector?: string;
     containerSelector: string;
     ignorerSelector: string;
-    placeholderClass: string;
+    placeholderClass?: string;
+    placeholderAttr?: string;
     draggableSelector?: string;
     boundarySelector?: string;
     dataTransferResolver?: (dataTransfer: DataTransfer | null, currentItem: T) => void;
     onStart?: (argument: {
         item: T;
-        element: HTMLElement;
+        element: ElementType;
     }) => void;
     onChange?: (argument: {
         item: T;
-        element: HTMLElement;
+        model: Array<T>;
     }) => void;
     onContainerChange?: (argument: {
         item: T;
-        element: HTMLElement;
+        element: ElementType;
     }) => void;
     onEnd?: (argument: {
         item: T;
-        element: HTMLElement;
-    }) => void;
-    onSync?: (argument: {
-        item: T;
-        fromController: UmbSorterController<T>;
-        toController: UmbSorterController<T>;
+        element: ElementType;
     }) => void;
     itemHasNestedContainersResolver?: (element: HTMLElement) => boolean;
     onDisallowed?: () => void;
@@ -42,13 +38,18 @@ type INTERNAL_UmbSorterConfig<T> = {
         containerElement: Element;
         containerRect: DOMRect;
         item: T;
-        element: HTMLElement;
+        element: ElementType;
         elementRect: DOMRect;
-        relatedElement: HTMLElement;
+        relatedElement: ElementType;
         relatedRect: DOMRect;
         placeholderIsInThisRow: boolean;
         horizontalPlaceAfter: boolean;
     }) => void;
+    performItemMove?: (argument: {
+        item: T;
+        newIndex: number;
+        oldIndex: number;
+    }) => Promise<boolean> | boolean;
     performItemInsert?: (argument: {
         item: T;
         newIndex: number;
@@ -57,42 +58,33 @@ type INTERNAL_UmbSorterConfig<T> = {
         item: T;
     }) => Promise<boolean> | boolean;
 };
-export type UmbSorterConfig<T> = Omit<INTERNAL_UmbSorterConfig<T>, 'placeholderClass' | 'ignorerSelector' | 'containerSelector'> & Partial<Pick<INTERNAL_UmbSorterConfig<T>, 'placeholderClass' | 'ignorerSelector' | 'containerSelector'>>;
+export type UmbSorterConfig<T, ElementType extends HTMLElement = HTMLElement> = Omit<INTERNAL_UmbSorterConfig<T, ElementType>, 'ignorerSelector' | 'containerSelector'> & Partial<Pick<INTERNAL_UmbSorterConfig<T, ElementType>, 'ignorerSelector' | 'containerSelector'>>;
 /**
  * @export
  * @class UmbSorterController
  * @implements {UmbControllerInterface}
  * @description This controller can make user able to sort items.
  */
-export declare class UmbSorterController<T> implements UmbController {
+export declare class UmbSorterController<T, ElementType extends HTMLElement = HTMLElement> implements UmbController {
     #private;
-    private _lastIndicationContainerVM;
     get controllerAlias(): string;
-    constructor(host: UmbControllerHostElement, config: UmbSorterConfig<T>);
+    constructor(host: UmbControllerHostElement, config: UmbSorterConfig<T, ElementType>);
     setModel(model: Array<T>): void;
     hostConnected(): void;
     private _onFirstRender;
     hostDisconnected(): void;
-    setupItem(element: HTMLElement): void;
+    setupItem(element: ElementType): void;
     destroyItem(element: HTMLElement): void;
-    handleDragStart: (event: DragEvent) => void;
-    handleDragEnd: () => Promise<void>;
-    handleDragMove: (event: DragEvent) => void;
-    moveCurrentElement: () => void;
-    move(orderedContainerElements: Array<Element>, newElIndex: number): void;
     /** Management methods: */
-    getItemOfElement(element: HTMLElement): T | null | undefined;
-    removeItem(item: T): Promise<boolean | T | null>;
+    getItemOfElement(element: ElementType): T | undefined;
+    removeItem(item: T): Promise<boolean>;
     hasOtherItemsThan(item: T): boolean;
-    sync(element: HTMLElement, fromVm: UmbSorterController<T>): Promise<boolean>;
-    updateAllowIndication(contextVM: UmbSorterController<T>, item: T): boolean;
+    moveItemInModel(newIndex: number, element: ElementType, fromCtrl: UmbSorterController<T, ElementType>): Promise<boolean>;
+    updateAllowIndication(controller: UmbSorterController<T, ElementType>, item: T): boolean;
     removeAllowIndication(): void;
     private autoScrollX;
     private autoScrollY;
     private handleAutoScroll;
-    private _performAutoScroll;
-    private stopAutoScroll;
-    notifySync(data: any): void;
     notifyDisallowed(): void;
     notifyAllowed(): void;
     notifyRequestDrop(data: any): boolean;