dockview-core 6.2.2 → 6.4.0

package/dist/cjs/paneview/draggablePaneviewPanel.js

@@ -28,9 +28,8 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DraggablePaneviewPanel = void 0;
 var component_api_1 = require("../api/component.api");
-var abstractDragHandler_1 = require("../dnd/abstractDragHandler");
+var backend_1 = require("../dnd/backend");
 var dataTransfer_1 = require("../dnd/dataTransfer");
-var droptarget_1 = require("../dnd/droptarget");
 var events_1 = require("../events");
 var options_1 = require("./options");
 var paneviewPanel_1 = require("./paneviewPanel");
@@ -67,40 +66,42 @@ var DraggablePaneviewPanel = /** @class */ (function (_super) {
         var id = this.id;
         var accessorId = this.accessor.id;
         this.header.draggable = true;
-        this.handler = new (/** @class */ (function (_super) {
-            __extends(PaneDragHandler, _super);
-            function PaneDragHandler() {
-                return _super !== null && _super.apply(this, arguments) || this;
-            }
-            PaneDragHandler.prototype.getData = function () {
+        var sharedDragOptions = {
+            getData: function () {
                 dataTransfer_1.LocalSelectionTransfer.getInstance().setData([new dataTransfer_1.PaneTransfer(accessorId, id)], dataTransfer_1.PaneTransfer.prototype);
                 return {
                     dispose: function () {
                         dataTransfer_1.LocalSelectionTransfer.getInstance().clearData(dataTransfer_1.PaneTransfer.prototype);
                     },
                 };
-            };
-            return PaneDragHandler;
-        }(abstractDragHandler_1.DragHandler)))(this.header);
-        this.target = new droptarget_1.Droptarget(this.element, {
+            },
+        };
+        this.html5DragSource = backend_1.html5Backend.createDragSource(this.header, sharedDragOptions);
+        this.pointerDragSource = backend_1.pointerBackend.createDragSource(this.header, sharedDragOptions);
+        var canDisplayOverlay = function (event, position) {
+            var data = (0, dataTransfer_1.getPaneData)();
+            if (data) {
+                if (data.paneId !== _this.id &&
+                    data.viewId === _this.accessor.id) {
+                    return true;
+                }
+            }
+            var firedEvent = new options_1.PaneviewUnhandledDragOverEvent(event, position, dataTransfer_1.getPaneData, _this);
+            _this._onUnhandledDragOverEvent.fire(firedEvent);
+            return firedEvent.isAccepted;
+        };
+        var dropTargetOptions = {
             acceptedTargetZones: ['top', 'bottom'],
             overlayModel: {
                 activationSize: { type: 'percentage', value: 50 },
             },
-            canDisplayOverlay: function (event, position) {
-                var data = (0, dataTransfer_1.getPaneData)();
-                if (data) {
-                    if (data.paneId !== _this.id &&
-                        data.viewId === _this.accessor.id) {
-                        return true;
-                    }
-                }
-                var firedEvent = new options_1.PaneviewUnhandledDragOverEvent(event, position, dataTransfer_1.getPaneData, _this);
-                _this._onUnhandledDragOverEvent.fire(firedEvent);
-                return firedEvent.isAccepted;
-            },
-        });
-        this.addDisposables(this._onDidDrop, this.handler, this.target, this.target.onDrop(function (event) {
+            canDisplayOverlay: canDisplayOverlay,
+        };
+        this.target = backend_1.html5Backend.createDropTarget(this.element, dropTargetOptions);
+        this.pointerTarget = backend_1.pointerBackend.createDropTarget(this.element, dropTargetOptions);
+        this.addDisposables(this._onDidDrop, this.html5DragSource, this.pointerDragSource, this.target, this.pointerTarget, this.target.onDrop(function (event) {
+            _this.onDrop(event);
+        }), this.pointerTarget.onDrop(function (event) {
             _this.onDrop(event);
         }));
     };

package/dist/cjs/paneview/options.d.ts

@@ -15,15 +15,16 @@ export interface PaneviewFrameworkOptions {
 export type PaneviewComponentOptions = PaneviewOptions & PaneviewFrameworkOptions;
 export declare const PROPERTY_KEYS_PANEVIEW: (keyof PaneviewOptions)[];
 export interface PaneviewDndOverlayEvent extends IAcceptableEvent {
-    nativeEvent: DragEvent;
+    /** Narrow with `instanceof DragEvent` before reading `dataTransfer`. */
+    nativeEvent: DragEvent | PointerEvent;
     position: Position;
     panel: IPaneviewPanel;
     getData: () => PaneTransfer | undefined;
 }
 export declare class PaneviewUnhandledDragOverEvent extends AcceptableEvent implements PaneviewDndOverlayEvent {
-    readonly nativeEvent: DragEvent;
+    readonly nativeEvent: DragEvent | PointerEvent;
     readonly position: Position;
     readonly getData: () => PaneTransfer | undefined;
     readonly panel: IPaneviewPanel;
-    constructor(nativeEvent: DragEvent, position: Position, getData: () => PaneTransfer | undefined, panel: IPaneviewPanel);
+    constructor(nativeEvent: DragEvent | PointerEvent, position: Position, getData: () => PaneTransfer | undefined, panel: IPaneviewPanel);
 }

package/dist/cjs/popoutWindow.d.ts

@@ -1,3 +1,4 @@
+import { CspNonceProvider } from './dom';
 import { CompositeDisposable } from './lifecycle';
 import { Box } from './types';
 export type PopoutWindowOptions = {
@@ -10,6 +11,7 @@ export type PopoutWindowOptions = {
         id: string;
         window: Window;
     }) => void;
+    nonce?: CspNonceProvider;
 } & Box;
 /**
  * Reject popout URLs that aren't same-origin http(s). Blocks `javascript:`,

package/dist/cjs/popoutWindow.js

@@ -204,7 +204,9 @@ var PopoutWindow = /** @class */ (function (_super) {
                                 var externalDocument = externalWindow.document;
                                 externalDocument.title = document.title;
                                 externalDocument.body.appendChild(container);
-                                (0, dom_1.addStyles)(externalDocument, window.document.styleSheets);
+                                (0, dom_1.addStyles)(externalDocument, window.document.styleSheets, {
+                                    nonce: _this.options.nonce,
+                                });
                                 /**
                                  * beforeunload must be registered after load for reasons I could not determine
                                  * otherwise the beforeunload event will not fire when the window is closed