cloud-ide-element 1.1.103 → 1.1.104
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -13275,17 +13275,8 @@ class CideEleFloatingContainerComponent {
|
|
|
13275
13275
|
document.removeEventListener('mousemove', this.onResizeMove.bind(this));
|
|
13276
13276
|
document.removeEventListener('mouseup', this.onResizeEnd.bind(this));
|
|
13277
13277
|
}
|
|
13278
|
-
// Mouse event handlers for container
|
|
13279
|
-
|
|
13280
|
-
// Prevent text selection during drag
|
|
13281
|
-
event.preventDefault();
|
|
13282
|
-
}
|
|
13283
|
-
onMouseMove(event) {
|
|
13284
|
-
// Handle any additional mouse move logic if needed
|
|
13285
|
-
}
|
|
13286
|
-
onMouseUp(event) {
|
|
13287
|
-
// Handle any additional mouse up logic if needed
|
|
13288
|
-
}
|
|
13278
|
+
// Mouse event handlers for container - removed to allow clicks in content area
|
|
13279
|
+
// Only the header handles drag events now
|
|
13289
13280
|
// Action methods
|
|
13290
13281
|
onHeaderClick(event) {
|
|
13291
13282
|
// Emit click event to bring container to front
|
|
@@ -13329,17 +13320,15 @@ class CideEleFloatingContainerComponent {
|
|
|
13329
13320
|
[style.max-width]="config().maxWidth || '90vw'"
|
|
13330
13321
|
[style.max-height]="config().maxHeight || '90vh'"
|
|
13331
13322
|
[style.z-index]="zIndex()"
|
|
13323
|
+
[style.pointer-events]="'auto'"
|
|
13332
13324
|
[class.tw-cursor-move]="isDragging()"
|
|
13333
|
-
[class.tw-select-none]="
|
|
13334
|
-
(mousedown)="onMouseDown($event)"
|
|
13335
|
-
(mousemove)="onMouseMove($event)"
|
|
13336
|
-
(mouseup)="onMouseUp($event)"
|
|
13337
|
-
(mouseleave)="onMouseUp($event)">
|
|
13325
|
+
[class.tw-select-none]="isDragging()">
|
|
13338
13326
|
|
|
13339
13327
|
<!-- Header -->
|
|
13340
13328
|
<div
|
|
13341
|
-
class="tw-flex tw-items-center tw-justify-between tw-px-3 tw-py-2 tw-border-b tw-border-gray-200 dark:tw-border-gray-700 tw-border-opacity-30 dark:tw-border-opacity-30 tw-rounded-t-xl tw-cursor-move tw-transition-all tw-duration-200 tw-shadow-sm tw-flex-shrink-0"
|
|
13329
|
+
class="tw-flex tw-items-center tw-justify-between tw-px-3 tw-py-2 tw-border-b tw-border-gray-200 dark:tw-border-gray-700 tw-border-opacity-30 dark:tw-border-opacity-30 tw-rounded-t-xl tw-cursor-move tw-transition-all tw-duration-200 tw-shadow-sm tw-flex-shrink-0 tw-select-none"
|
|
13342
13330
|
[style.background]="getHeaderBackground()"
|
|
13331
|
+
[style.user-select]="'none'"
|
|
13343
13332
|
(mousedown)="startDrag($event)"
|
|
13344
13333
|
(click)="onHeaderClick($event)">
|
|
13345
13334
|
|
|
@@ -13400,7 +13389,11 @@ class CideEleFloatingContainerComponent {
|
|
|
13400
13389
|
<div
|
|
13401
13390
|
class="tw-flex-1 tw-overflow-auto tw-overflow-x-hidden floating-container-content tw-bg-white dark:tw-bg-gray-900 tw-bg-opacity-90 dark:tw-bg-opacity-90"
|
|
13402
13391
|
[style.height]="isMaximized() ? 'calc(100vh - 100px)' : 'auto'"
|
|
13403
|
-
[style.min-height]="'200px'"
|
|
13392
|
+
[style.min-height]="'200px'"
|
|
13393
|
+
[style.pointer-events]="'auto'"
|
|
13394
|
+
[style.user-select]="'auto'"
|
|
13395
|
+
(mousedown)="$event.stopPropagation()"
|
|
13396
|
+
(click)="$event.stopPropagation()">
|
|
13404
13397
|
@defer (when !isMinimized() && isVisible()) {
|
|
13405
13398
|
<div class="tw-p-0 tw-min-h-full">
|
|
13406
13399
|
<ng-content></ng-content>
|
|
@@ -13439,17 +13432,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
|
|
|
13439
13432
|
[style.max-width]="config().maxWidth || '90vw'"
|
|
13440
13433
|
[style.max-height]="config().maxHeight || '90vh'"
|
|
13441
13434
|
[style.z-index]="zIndex()"
|
|
13435
|
+
[style.pointer-events]="'auto'"
|
|
13442
13436
|
[class.tw-cursor-move]="isDragging()"
|
|
13443
|
-
[class.tw-select-none]="
|
|
13444
|
-
(mousedown)="onMouseDown($event)"
|
|
13445
|
-
(mousemove)="onMouseMove($event)"
|
|
13446
|
-
(mouseup)="onMouseUp($event)"
|
|
13447
|
-
(mouseleave)="onMouseUp($event)">
|
|
13437
|
+
[class.tw-select-none]="isDragging()">
|
|
13448
13438
|
|
|
13449
13439
|
<!-- Header -->
|
|
13450
13440
|
<div
|
|
13451
|
-
class="tw-flex tw-items-center tw-justify-between tw-px-3 tw-py-2 tw-border-b tw-border-gray-200 dark:tw-border-gray-700 tw-border-opacity-30 dark:tw-border-opacity-30 tw-rounded-t-xl tw-cursor-move tw-transition-all tw-duration-200 tw-shadow-sm tw-flex-shrink-0"
|
|
13441
|
+
class="tw-flex tw-items-center tw-justify-between tw-px-3 tw-py-2 tw-border-b tw-border-gray-200 dark:tw-border-gray-700 tw-border-opacity-30 dark:tw-border-opacity-30 tw-rounded-t-xl tw-cursor-move tw-transition-all tw-duration-200 tw-shadow-sm tw-flex-shrink-0 tw-select-none"
|
|
13452
13442
|
[style.background]="getHeaderBackground()"
|
|
13443
|
+
[style.user-select]="'none'"
|
|
13453
13444
|
(mousedown)="startDrag($event)"
|
|
13454
13445
|
(click)="onHeaderClick($event)">
|
|
13455
13446
|
|
|
@@ -13510,7 +13501,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
|
|
|
13510
13501
|
<div
|
|
13511
13502
|
class="tw-flex-1 tw-overflow-auto tw-overflow-x-hidden floating-container-content tw-bg-white dark:tw-bg-gray-900 tw-bg-opacity-90 dark:tw-bg-opacity-90"
|
|
13512
13503
|
[style.height]="isMaximized() ? 'calc(100vh - 100px)' : 'auto'"
|
|
13513
|
-
[style.min-height]="'200px'"
|
|
13504
|
+
[style.min-height]="'200px'"
|
|
13505
|
+
[style.pointer-events]="'auto'"
|
|
13506
|
+
[style.user-select]="'auto'"
|
|
13507
|
+
(mousedown)="$event.stopPropagation()"
|
|
13508
|
+
(click)="$event.stopPropagation()">
|
|
13514
13509
|
@defer (when !isMinimized() && isVisible()) {
|
|
13515
13510
|
<div class="tw-p-0 tw-min-h-full">
|
|
13516
13511
|
<ng-content></ng-content>
|