@elderbyte/ngx-starter 20.12.0-beta.1 → 20.12.0-beta.2
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.
|
@@ -38114,7 +38114,7 @@ class ElderDraggablePaneDirective {
|
|
|
38114
38114
|
this.isActive = input(true, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
|
|
38115
38115
|
this.minWidth = input(5, ...(ngDevMode ? [{ debugName: "minWidth" }] : []));
|
|
38116
38116
|
this.maxWidth = input(95, ...(ngDevMode ? [{ debugName: "maxWidth" }] : []));
|
|
38117
|
-
this.handlePosition = input('
|
|
38117
|
+
this.handlePosition = input('end', ...(ngDevMode ? [{ debugName: "handlePosition" }] : []));
|
|
38118
38118
|
this.initialWidthCss = input(null, ...(ngDevMode ? [{ debugName: "initialWidthCss" }] : []));
|
|
38119
38119
|
// State
|
|
38120
38120
|
this.widthMode = signal('initial', ...(ngDevMode ? [{ debugName: "widthMode" }] : []));
|
|
@@ -38143,7 +38143,7 @@ class ElderDraggablePaneDirective {
|
|
|
38143
38143
|
// Convert pixel delta to percentage delta
|
|
38144
38144
|
let delta = (deltaX / this.containerWidthInPx) * 100;
|
|
38145
38145
|
// Invert delta for left-side handles
|
|
38146
|
-
if (this.handlePosition() === '
|
|
38146
|
+
if (this.handlePosition() === 'start') {
|
|
38147
38147
|
delta = -delta;
|
|
38148
38148
|
}
|
|
38149
38149
|
const newWidth = this.dragStartPaneWidthInPercent + delta;
|
|
@@ -38238,8 +38238,8 @@ class ElderPaneComponent {
|
|
|
38238
38238
|
constructor() {
|
|
38239
38239
|
this.dragHandleDirective = inject(ElderDraggablePaneDirective, { optional: true });
|
|
38240
38240
|
this.hasDragHandle = computed(() => this.dragHandleDirective?.isActive() ?? false, ...(ngDevMode ? [{ debugName: "hasDragHandle" }] : []));
|
|
38241
|
-
this.hasDragHandleLeft = computed(() => this.dragHandleDirective?.handlePosition() === '
|
|
38242
|
-
this.hasDragHandleRight = computed(() => this.dragHandleDirective?.handlePosition() === '
|
|
38241
|
+
this.hasDragHandleLeft = computed(() => this.dragHandleDirective?.handlePosition() === 'start', ...(ngDevMode ? [{ debugName: "hasDragHandleLeft" }] : []));
|
|
38242
|
+
this.hasDragHandleRight = computed(() => this.dragHandleDirective?.handlePosition() === 'end', ...(ngDevMode ? [{ debugName: "hasDragHandleRight" }] : []));
|
|
38243
38243
|
}
|
|
38244
38244
|
onDragHandleMouseDown(event) {
|
|
38245
38245
|
// Delegate to the directive's mousedown handler
|