@sd-angular/core 19.0.0-beta.93 → 19.0.0-beta.94
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.
- package/components/document-builder/src/components/header-footer-builder/header-footer-builder.component.d.ts +4 -1
- package/components/document-builder/src/document-builder.model.d.ts +2 -0
- package/components/editor/src/models/editor.model.d.ts +2 -0
- package/components/editor/src/plugins/image-upload/utils/validate.utils.d.ts +2 -1
- package/components/splitter/src/splitter.component.d.ts +15 -2
- package/components/table/src/components/selector-action/selector-action.component.d.ts +1 -0
- package/components/table/src/table.component.d.ts +1 -0
- package/configurations/src/sd-core.configuration.d.ts +1 -0
- package/fesm2022/sd-angular-core-components-code-editor.mjs +3 -2
- package/fesm2022/sd-angular-core-components-code-editor.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-document-builder.mjs +29 -8
- package/fesm2022/sd-angular-core-components-document-builder.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-editor.mjs +31 -16
- package/fesm2022/sd-angular-core-components-editor.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-form-generic.mjs +68 -61
- package/fesm2022/sd-angular-core-components-form-generic.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-history.mjs +3 -2
- package/fesm2022/sd-angular-core-components-history.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-import-excel.mjs +25 -23
- package/fesm2022/sd-angular-core-components-import-excel.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-preview.mjs +6 -4
- package/fesm2022/sd-angular-core-components-preview.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-splitter.mjs +188 -18
- package/fesm2022/sd-angular-core-components-splitter.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-tab-router.mjs +3 -1
- package/fesm2022/sd-angular-core-components-tab-router.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-table.mjs +30 -23
- package/fesm2022/sd-angular-core-components-table.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-upload-file.mjs +24 -21
- package/fesm2022/sd-angular-core-components-upload-file.mjs.map +1 -1
- package/fesm2022/sd-angular-core-configurations.mjs.map +1 -1
- package/fesm2022/sd-angular-core-directives.mjs +6 -2
- package/fesm2022/sd-angular-core-directives.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-autocomplete.mjs +3 -1
- package/fesm2022/sd-angular-core-forms-autocomplete.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-chip-calendar.mjs +5 -3
- package/fesm2022/sd-angular-core-forms-chip-calendar.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-chip.mjs +5 -3
- package/fesm2022/sd-angular-core-forms-chip.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-date-range.mjs +8 -5
- package/fesm2022/sd-angular-core-forms-date-range.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-date.mjs +7 -5
- package/fesm2022/sd-angular-core-forms-date.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-datetime.mjs +10 -8
- package/fesm2022/sd-angular-core-forms-datetime.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-input-number.mjs +5 -3
- package/fesm2022/sd-angular-core-forms-input-number.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-input.mjs +13 -6
- package/fesm2022/sd-angular-core-forms-input.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-radio.mjs +3 -2
- package/fesm2022/sd-angular-core-forms-radio.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-select.mjs +5 -3
- package/fesm2022/sd-angular-core-forms-select.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-textarea.mjs +8 -5
- package/fesm2022/sd-angular-core-forms-textarea.mjs.map +1 -1
- package/fesm2022/sd-angular-core-handlers.mjs +7 -6
- package/fesm2022/sd-angular-core-handlers.mjs.map +1 -1
- package/fesm2022/sd-angular-core-i18n.mjs +790 -0
- package/fesm2022/sd-angular-core-i18n.mjs.map +1 -0
- package/fesm2022/sd-angular-core-interceptors.mjs +10 -6
- package/fesm2022/sd-angular-core-interceptors.mjs.map +1 -1
- package/fesm2022/sd-angular-core-modules-authom.mjs +1 -0
- package/fesm2022/sd-angular-core-modules-authom.mjs.map +1 -1
- package/fesm2022/sd-angular-core-modules-keycloak.mjs +1 -0
- package/fesm2022/sd-angular-core-modules-keycloak.mjs.map +1 -1
- package/fesm2022/sd-angular-core-modules-layout.mjs +47 -46
- package/fesm2022/sd-angular-core-modules-layout.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-confirm.mjs +15 -13
- package/fesm2022/sd-angular-core-services-confirm.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-docx.mjs +7 -7
- package/fesm2022/sd-angular-core-services-docx.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-excel.mjs +5 -3
- package/fesm2022/sd-angular-core-services-excel.mjs.map +1 -1
- package/fesm2022/sd-angular-core-utilities-extensions.mjs +18 -11
- package/fesm2022/sd-angular-core-utilities-extensions.mjs.map +1 -1
- package/fesm2022/sd-angular-core-utilities-models.mjs +30 -28
- package/fesm2022/sd-angular-core-utilities-models.mjs.map +1 -1
- package/fesm2022/sd-angular-core.mjs +1 -0
- package/fesm2022/sd-angular-core.mjs.map +1 -1
- package/i18n/index.d.ts +5 -0
- package/i18n/src/en.d.ts +2 -0
- package/i18n/src/sd-i18n.messages.d.ts +2 -0
- package/i18n/src/sd-i18n.pipe.d.ts +9 -0
- package/i18n/src/sd-i18n.service.d.ts +12 -0
- package/i18n/src/sd-i18n.token.d.ts +1 -0
- package/i18n/src/sd-i18n.types.d.ts +5 -0
- package/i18n/src/vi.d.ts +312 -0
- package/package.json +53 -49
- package/public-api.d.ts +1 -0
- package/sd-angular-core-19.0.0-beta.94.tgz +0 -0
- package/services/confirm/src/lib/confirm.service.d.ts +1 -0
- package/sd-angular-core-19.0.0-beta.93.tgz +0 -0
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, ElementRef, input, booleanAttribute, numberAttribute, output, HostListener, Component, model, signal, Injectable, EnvironmentInjector, Injector, DestroyRef, contentChildren, effect, afterNextRender, createComponent } from '@angular/core';
|
|
2
|
+
import { inject, ElementRef, input, booleanAttribute, numberAttribute, output, HostListener, Component, model, signal, Injectable, EnvironmentInjector, Injector, DestroyRef, computed, contentChildren, effect, afterNextRender, createComponent } from '@angular/core';
|
|
3
|
+
import { SdStorageService } from '@sd-angular/core/services/storage';
|
|
3
4
|
|
|
4
5
|
class SdSplitterHandleComponent {
|
|
5
6
|
elementRef = inject(ElementRef);
|
|
@@ -148,7 +149,7 @@ class SdSplitterPanelComponent {
|
|
|
148
149
|
collapsed = model(false);
|
|
149
150
|
resizable = input(true, { transform: booleanAttribute });
|
|
150
151
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSplitterPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
151
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.21", type: SdSplitterPanelComponent, isStandalone: true, selector: "sd-splitter-panel", inputs: { panelId: { classPropertyName: "panelId", publicName: "panelId", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, minSize: { classPropertyName: "minSize", publicName: "minSize", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsedChange" }, host: { properties: { "class.sd-splitter__panel--flex": "unit() === \"flex\"", "class.sd-splitter__panel--px": "unit() === \"px\"", "class.sd-splitter__panel--collapsed": "collapsed()" }, classAttribute: "sd-splitter__panel" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;overflow:hidden;box-sizing:border-box;min-width:0;min-height:0}:host.sd-splitter__panel--collapsed{flex:0 0 0!important}\n"] });
|
|
152
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.21", type: SdSplitterPanelComponent, isStandalone: true, selector: "sd-splitter-panel", inputs: { panelId: { classPropertyName: "panelId", publicName: "panelId", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, minSize: { classPropertyName: "minSize", publicName: "minSize", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsedChange" }, host: { properties: { "class.sd-splitter__panel--flex": "unit() === \"flex\"", "class.sd-splitter__panel--px": "unit() === \"px\"", "class.sd-splitter__panel--collapsed": "collapsed()" }, classAttribute: "sd-splitter__panel" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;overflow:hidden;box-sizing:border-box;min-width:0;min-height:0;transition:flex var(--sd-splitter-transition-duration, .2s) ease}:host.sd-splitter__panel--collapsed{flex:0 0 0!important}:host-context(.sd-splitter--dragging){transition:none!important}\n"] });
|
|
152
153
|
}
|
|
153
154
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSplitterPanelComponent, decorators: [{
|
|
154
155
|
type: Component,
|
|
@@ -157,7 +158,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
157
158
|
'[class.sd-splitter__panel--flex]': 'unit() === "flex"',
|
|
158
159
|
'[class.sd-splitter__panel--px]': 'unit() === "px"',
|
|
159
160
|
'[class.sd-splitter__panel--collapsed]': 'collapsed()',
|
|
160
|
-
}, template: "<ng-content></ng-content>\n", styles: [":host{display:block;overflow:hidden;box-sizing:border-box;min-width:0;min-height:0}:host.sd-splitter__panel--collapsed{flex:0 0 0!important}\n"] }]
|
|
161
|
+
}, template: "<ng-content></ng-content>\n", styles: [":host{display:block;overflow:hidden;box-sizing:border-box;min-width:0;min-height:0;transition:flex var(--sd-splitter-transition-duration, .2s) ease}:host.sd-splitter__panel--collapsed{flex:0 0 0!important}:host-context(.sd-splitter--dragging){transition:none!important}\n"] }]
|
|
161
162
|
}] });
|
|
162
163
|
|
|
163
164
|
// Bảo vệ phép chia khi totalFlexWeight = 0 (tất cả flex panel collapsed)
|
|
@@ -366,34 +367,89 @@ class SdSplitterComponent {
|
|
|
366
367
|
#injector = inject(Injector);
|
|
367
368
|
#destroyRef = inject(DestroyRef);
|
|
368
369
|
#state = inject(SplitterStateService);
|
|
370
|
+
#storage = inject(SdStorageService);
|
|
371
|
+
#storageHandle = computed(() => {
|
|
372
|
+
const key = this.storageKey();
|
|
373
|
+
return key ? this.#storage.create(key) : null;
|
|
374
|
+
});
|
|
369
375
|
orientation = input('horizontal');
|
|
370
376
|
disabled = input(false, { transform: booleanAttribute });
|
|
371
377
|
storageKey = input(undefined);
|
|
372
378
|
snapThreshold = input(0.5, { transform: numberAttribute });
|
|
373
379
|
keyboardStep = input(10, { transform: numberAttribute });
|
|
380
|
+
resizeEnd = output();
|
|
381
|
+
collapsedChange = output();
|
|
382
|
+
layoutChange = output();
|
|
374
383
|
panels = contentChildren(SdSplitterPanelComponent);
|
|
375
384
|
#handleRefs = [];
|
|
385
|
+
#dragStartSize = null;
|
|
386
|
+
#dragLastDelta = 0;
|
|
387
|
+
#prevCollapsedMap = new Map();
|
|
376
388
|
constructor() {
|
|
377
389
|
// 1. Reconcile state khi panels signal đổi (panel add/remove qua @if/@for)
|
|
378
390
|
effect(() => {
|
|
379
391
|
const panels = this.panels();
|
|
392
|
+
const stored = this.#storageHandle()?.get() ?? null;
|
|
380
393
|
const metas = panels.map((p, i) => this.#toMeta(p, i));
|
|
381
|
-
this.#state.reconcile(metas,
|
|
394
|
+
this.#state.reconcile(metas, stored);
|
|
395
|
+
});
|
|
396
|
+
// Auto-save vào storage khi committedLayout đổi (only commit triggers, không phải live drag)
|
|
397
|
+
effect(() => {
|
|
398
|
+
const layout = this.#state.committedLayout();
|
|
399
|
+
const handle = this.#storageHandle();
|
|
400
|
+
if (handle && layout.panels.length > 0) {
|
|
401
|
+
handle.setSilent(layout); // setSilent: không emit qua storage subject
|
|
402
|
+
}
|
|
403
|
+
});
|
|
404
|
+
// Emit layoutChange + collapsedChange (diff) khi committedLayout đổi
|
|
405
|
+
effect(() => {
|
|
406
|
+
const layout = this.#state.committedLayout();
|
|
407
|
+
if (layout.panels.length === 0)
|
|
408
|
+
return;
|
|
409
|
+
this.layoutChange.emit(layout);
|
|
410
|
+
// Detect collapsed change qua diff với prev map
|
|
411
|
+
const currMap = this.#state.collapsedMap();
|
|
412
|
+
for (const [id, isCollapsed] of currMap) {
|
|
413
|
+
const prev = this.#prevCollapsedMap.get(id) ?? false;
|
|
414
|
+
if (prev !== isCollapsed) {
|
|
415
|
+
this.collapsedChange.emit({ panelId: id, collapsed: isCollapsed });
|
|
416
|
+
}
|
|
417
|
+
}
|
|
418
|
+
this.#prevCollapsedMap = new Map(currMap);
|
|
382
419
|
});
|
|
383
|
-
// 2. Apply flex style lên panel host element dựa trên liveSizes + collapsedMap
|
|
420
|
+
// 2. Apply flex style lên panel host element dựa trên liveSizes + collapsedMap.
|
|
421
|
+
// Normalize flex-grow của các panel flex để sum = 1 → CSS phân phối hết free space.
|
|
422
|
+
// Nếu để raw weight (vd 0.7), sum < 1 → flexbox để lại khoảng trống bên rìa.
|
|
384
423
|
effect(() => {
|
|
385
424
|
const sizes = this.#state.liveSizes();
|
|
386
425
|
const collapsed = this.#state.collapsedMap();
|
|
387
426
|
const panels = this.panels();
|
|
388
|
-
|
|
389
|
-
|
|
427
|
+
// Tính tổng weight của panel flex đang không collapsed (để normalize)
|
|
428
|
+
let totalFlexWeight = 0;
|
|
429
|
+
for (let i = 0; i < panels.length; i++) {
|
|
430
|
+
const panel = panels[i];
|
|
431
|
+
const id = panel.panelId() ?? i;
|
|
432
|
+
if (panel.unit() === 'flex' && !collapsed.get(id)) {
|
|
433
|
+
totalFlexWeight += sizes.get(id) ?? 1;
|
|
434
|
+
}
|
|
435
|
+
}
|
|
436
|
+
for (let i = 0; i < panels.length; i++) {
|
|
437
|
+
const panel = panels[i];
|
|
438
|
+
const id = panel.panelId() ?? i;
|
|
390
439
|
const isCollapsed = collapsed.get(id) === true;
|
|
391
440
|
const size = sizes.get(id) ?? 1;
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
441
|
+
let flex;
|
|
442
|
+
if (isCollapsed) {
|
|
443
|
+
flex = '0 0 0';
|
|
444
|
+
}
|
|
445
|
+
else if (panel.unit() === 'px') {
|
|
446
|
+
flex = `0 0 ${size}px`;
|
|
447
|
+
}
|
|
448
|
+
else {
|
|
449
|
+
// Normalize: grow = weight / totalWeight → sum(grow) = 1
|
|
450
|
+
const grow = totalFlexWeight > 0 ? size / totalFlexWeight : 1;
|
|
451
|
+
flex = `${grow} 1 0`;
|
|
452
|
+
}
|
|
397
453
|
panel.elementRef.nativeElement.style.flex = flex;
|
|
398
454
|
}
|
|
399
455
|
});
|
|
@@ -427,25 +483,34 @@ class SdSplitterComponent {
|
|
|
427
483
|
};
|
|
428
484
|
}
|
|
429
485
|
#syncHandles(panelCount, orientation, disabled, keyboardStep) {
|
|
486
|
+
const panels = this.panels();
|
|
430
487
|
const needed = Math.max(0, panelCount - 1);
|
|
431
488
|
// Remove excess
|
|
432
489
|
while (this.#handleRefs.length > needed) {
|
|
433
490
|
this.#handleRefs.pop().destroy();
|
|
434
491
|
}
|
|
435
|
-
// Create missing
|
|
492
|
+
// Create missing + wire events
|
|
436
493
|
while (this.#handleRefs.length < needed) {
|
|
437
494
|
const ref = createComponent(SdSplitterHandleComponent, { environmentInjector: this.#envInjector });
|
|
495
|
+
const handleIndex = this.#handleRefs.length;
|
|
496
|
+
ref.instance.dragStart.subscribe(() => this.#onDragStart(handleIndex));
|
|
497
|
+
ref.instance.dragMove.subscribe(delta => this.#onDragMove(handleIndex, delta));
|
|
498
|
+
ref.instance.dragEnd.subscribe(() => this.#onDragEnd(handleIndex));
|
|
499
|
+
ref.instance.toggleRequest.subscribe(() => this.#onHandleToggle(handleIndex));
|
|
438
500
|
this.#handleRefs.push(ref);
|
|
439
501
|
}
|
|
440
|
-
// Apply inputs
|
|
441
|
-
for (
|
|
502
|
+
// Apply inputs với disabled tính theo per-panel resizable
|
|
503
|
+
for (let i = 0; i < this.#handleRefs.length; i++) {
|
|
504
|
+
const ref = this.#handleRefs[i];
|
|
505
|
+
const prev = panels[i];
|
|
506
|
+
const next = panels[i + 1];
|
|
507
|
+
const handleDisabled = disabled || !prev.resizable() || !next.resizable();
|
|
442
508
|
ref.setInput('orientation', orientation);
|
|
443
|
-
ref.setInput('disabled',
|
|
509
|
+
ref.setInput('disabled', handleDisabled);
|
|
444
510
|
ref.setInput('keyboardStep', keyboardStep);
|
|
445
511
|
ref.changeDetectorRef.detectChanges();
|
|
446
512
|
}
|
|
447
513
|
// Re-arrange DOM: panel0, handle0, panel1, handle1, ..., panelN
|
|
448
|
-
const panels = this.panels();
|
|
449
514
|
const host = this.#host.nativeElement;
|
|
450
515
|
for (let i = 0; i < panels.length; i++) {
|
|
451
516
|
host.appendChild(panels[i].elementRef.nativeElement);
|
|
@@ -453,8 +518,113 @@ class SdSplitterComponent {
|
|
|
453
518
|
host.appendChild(this.#handleRefs[i].location.nativeElement);
|
|
454
519
|
}
|
|
455
520
|
}
|
|
521
|
+
#onDragStart(handleIndex) {
|
|
522
|
+
const rect = this.#host.nativeElement.getBoundingClientRect();
|
|
523
|
+
const containerPx = this.orientation() === 'horizontal' ? rect.width : rect.height;
|
|
524
|
+
this.#dragStartSize = { handleIndex, containerPx };
|
|
525
|
+
this.#dragLastDelta = 0;
|
|
526
|
+
this.#host.nativeElement.classList.add('sd-splitter--dragging');
|
|
527
|
+
}
|
|
528
|
+
#onDragMove(handleIndex, deltaSinceStart) {
|
|
529
|
+
if (!this.#dragStartSize)
|
|
530
|
+
return;
|
|
531
|
+
const incrementalDelta = deltaSinceStart - this.#dragLastDelta;
|
|
532
|
+
this.#dragLastDelta = deltaSinceStart;
|
|
533
|
+
this.#state.applyDelta(handleIndex, incrementalDelta, this.#dragStartSize.containerPx, this.snapThreshold());
|
|
534
|
+
}
|
|
535
|
+
#onDragEnd(_handleIndex) {
|
|
536
|
+
this.#dragStartSize = null;
|
|
537
|
+
this.#host.nativeElement.classList.remove('sd-splitter--dragging');
|
|
538
|
+
this.#state.commit();
|
|
539
|
+
this.resizeEnd.emit(this.#state.committedLayout());
|
|
540
|
+
}
|
|
541
|
+
#onHandleToggle(handleIndex) {
|
|
542
|
+
// Double-click / Enter / Space — ưu tiên collapse panel collapsible ở phía prev, fallback next
|
|
543
|
+
const panels = this.panels();
|
|
544
|
+
const prev = panels[handleIndex];
|
|
545
|
+
const next = panels[handleIndex + 1];
|
|
546
|
+
const target = prev.collapsible() ? prev : next.collapsible() ? next : null;
|
|
547
|
+
if (!target)
|
|
548
|
+
return;
|
|
549
|
+
const id = target.panelId() ?? panels.indexOf(target);
|
|
550
|
+
this.#state.togglePanel(id);
|
|
551
|
+
this.#state.commit();
|
|
552
|
+
}
|
|
553
|
+
// --- Imperative API ---
|
|
554
|
+
getLayout() {
|
|
555
|
+
const metas = this.#state.getPanelMetas();
|
|
556
|
+
const sizes = this.#state.liveSizes();
|
|
557
|
+
const collapsed = this.#state.collapsedMap();
|
|
558
|
+
return {
|
|
559
|
+
v: 1,
|
|
560
|
+
panels: metas.map(m => ({
|
|
561
|
+
id: m.id,
|
|
562
|
+
size: sizes.get(m.id) ?? m.declaredSize,
|
|
563
|
+
unit: m.unit,
|
|
564
|
+
collapsed: collapsed.get(m.id) ?? false,
|
|
565
|
+
})),
|
|
566
|
+
};
|
|
567
|
+
}
|
|
568
|
+
setLayout(state) {
|
|
569
|
+
const metas = this.#state.getPanelMetas();
|
|
570
|
+
for (const stored of state.panels) {
|
|
571
|
+
const meta = metas.find(m => m.id === stored.id);
|
|
572
|
+
if (!meta || meta.unit !== stored.unit)
|
|
573
|
+
continue;
|
|
574
|
+
this.#state.setLiveSize(meta.id, stored.size);
|
|
575
|
+
this.#state.setCollapsed(meta.id, stored.collapsed);
|
|
576
|
+
}
|
|
577
|
+
this.#state.commit();
|
|
578
|
+
}
|
|
579
|
+
resetLayout() {
|
|
580
|
+
const metas = this.#state.getPanelMetas();
|
|
581
|
+
for (const m of metas) {
|
|
582
|
+
this.#state.setLiveSize(m.id, m.declaredSize);
|
|
583
|
+
this.#state.setCollapsed(m.id, false);
|
|
584
|
+
}
|
|
585
|
+
this.#state.commit();
|
|
586
|
+
}
|
|
587
|
+
collapse(target) {
|
|
588
|
+
const id = this.#resolveTarget(target);
|
|
589
|
+
this.#state.collapsePanel(id);
|
|
590
|
+
this.#state.commit();
|
|
591
|
+
}
|
|
592
|
+
expand(target) {
|
|
593
|
+
const id = this.#resolveTarget(target);
|
|
594
|
+
this.#state.expandPanel(id);
|
|
595
|
+
this.#state.commit();
|
|
596
|
+
}
|
|
597
|
+
toggle(target) {
|
|
598
|
+
const id = this.#resolveTarget(target);
|
|
599
|
+
this.#state.togglePanel(id);
|
|
600
|
+
this.#state.commit();
|
|
601
|
+
}
|
|
602
|
+
resizePanel(target, size) {
|
|
603
|
+
const id = this.#resolveTarget(target);
|
|
604
|
+
const meta = this.#state.getPanelMetas().find(m => m.id === id);
|
|
605
|
+
if (!meta)
|
|
606
|
+
return;
|
|
607
|
+
let clamped = Math.max(size, meta.minSize);
|
|
608
|
+
if (meta.maxSize != null)
|
|
609
|
+
clamped = Math.min(clamped, meta.maxSize);
|
|
610
|
+
this.#state.setLiveSize(id, clamped);
|
|
611
|
+
this.#state.commit();
|
|
612
|
+
}
|
|
613
|
+
#resolveTarget(target) {
|
|
614
|
+
const metas = this.#state.getPanelMetas();
|
|
615
|
+
if (typeof target === 'number') {
|
|
616
|
+
const meta = metas[target] ?? metas.find(m => m.id === target);
|
|
617
|
+
if (!meta)
|
|
618
|
+
throw new Error(`Splitter: no panel at index ${target}`);
|
|
619
|
+
return meta.id;
|
|
620
|
+
}
|
|
621
|
+
const meta = metas.find(m => m.id === target);
|
|
622
|
+
if (!meta)
|
|
623
|
+
throw new Error(`Splitter: no panel with id "${target}"`);
|
|
624
|
+
return meta.id;
|
|
625
|
+
}
|
|
456
626
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
457
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.21", type: SdSplitterComponent, isStandalone: true, selector: "sd-splitter", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null }, snapThreshold: { classPropertyName: "snapThreshold", publicName: "snapThreshold", isSignal: true, isRequired: false, transformFunction: null }, keyboardStep: { classPropertyName: "keyboardStep", publicName: "keyboardStep", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sd-splitter--horizontal": "orientation() === \"horizontal\"", "class.sd-splitter--vertical": "orientation() === \"vertical\"", "class.sd-splitter--disabled": "disabled()" }, classAttribute: "sd-splitter" }, providers: [SplitterStateService], queries: [{ propertyName: "panels", predicate: SdSplitterPanelComponent, isSignal: true }], ngImport: i0, template: "<ng-content select=\"sd-splitter-panel\"></ng-content>\n", styles: [":host{display:flex;width:100%;height:100%;overflow:hidden;box-sizing:border-box}:host.sd-splitter--horizontal{flex-direction:row}:host.sd-splitter--vertical{flex-direction:column}:host.sd-splitter--disabled .sd-splitter__handle{pointer-events:none}:host.sd-splitter--dragging{-webkit-user-select:none;user-select:none}:host.sd-splitter--dragging .sd-splitter__panel{transition:none!important}\n"] });
|
|
627
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.21", type: SdSplitterComponent, isStandalone: true, selector: "sd-splitter", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null }, snapThreshold: { classPropertyName: "snapThreshold", publicName: "snapThreshold", isSignal: true, isRequired: false, transformFunction: null }, keyboardStep: { classPropertyName: "keyboardStep", publicName: "keyboardStep", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { resizeEnd: "resizeEnd", collapsedChange: "collapsedChange", layoutChange: "layoutChange" }, host: { properties: { "class.sd-splitter--horizontal": "orientation() === \"horizontal\"", "class.sd-splitter--vertical": "orientation() === \"vertical\"", "class.sd-splitter--disabled": "disabled()" }, classAttribute: "sd-splitter" }, providers: [SplitterStateService], queries: [{ propertyName: "panels", predicate: SdSplitterPanelComponent, isSignal: true }], ngImport: i0, template: "<ng-content select=\"sd-splitter-panel\"></ng-content>\n", styles: [":host{display:flex;width:100%;height:100%;overflow:hidden;box-sizing:border-box}:host.sd-splitter--horizontal{flex-direction:row}:host.sd-splitter--vertical{flex-direction:column}:host.sd-splitter--disabled .sd-splitter__handle{pointer-events:none}:host.sd-splitter--dragging{-webkit-user-select:none;user-select:none}:host.sd-splitter--dragging .sd-splitter__panel{transition:none!important}\n"] });
|
|
458
628
|
}
|
|
459
629
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSplitterComponent, decorators: [{
|
|
460
630
|
type: Component,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-angular-core-components-splitter.mjs","sources":["../../../projects/sd-angular/components/splitter/src/splitter-handle/splitter-handle.component.ts","../../../projects/sd-angular/components/splitter/src/splitter-handle/splitter-handle.component.html","../../../projects/sd-angular/components/splitter/src/splitter-panel/splitter-panel.component.ts","../../../projects/sd-angular/components/splitter/src/splitter-panel/splitter-panel.component.html","../../../projects/sd-angular/components/splitter/src/splitter-state.service.ts","../../../projects/sd-angular/components/splitter/src/splitter.component.ts","../../../projects/sd-angular/components/splitter/src/splitter.component.html","../../../projects/sd-angular/components/splitter/index.ts","../../../projects/sd-angular/components/splitter/sd-angular-core-components-splitter.ts"],"sourcesContent":["import { booleanAttribute, Component, ElementRef, HostListener, inject, input, numberAttribute, output } from '@angular/core';\nimport { SplitterOrientation } from '../splitter.models';\n\n@Component({\n selector: 'sd-splitter-handle',\n standalone: true,\n templateUrl: './splitter-handle.component.html',\n styleUrls: ['./splitter-handle.component.scss'],\n host: {\n 'class': 'sd-splitter__handle',\n '[class.sd-splitter__handle--horizontal]': 'orientation() === \"horizontal\"',\n '[class.sd-splitter__handle--vertical]': 'orientation() === \"vertical\"',\n '[class.sd-splitter__handle--disabled]': 'disabled()',\n '[attr.tabindex]': 'disabled() ? -1 : 0',\n '[attr.role]': '\"separator\"',\n '[attr.aria-orientation]': 'orientation() === \"horizontal\" ? \"vertical\" : \"horizontal\"',\n '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n '[attr.aria-valuemin]': 'ariaValueMin() ?? null',\n '[attr.aria-valuemax]': 'ariaValueMax() ?? null',\n '[attr.aria-valuenow]': 'ariaValueNow() ?? null',\n },\n})\nexport class SdSplitterHandleComponent {\n readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n orientation = input<SplitterOrientation>('horizontal');\n disabled = input(false, { transform: booleanAttribute });\n keyboardStep = input<number, unknown>(10, { transform: numberAttribute });\n ariaValueMin = input<number | undefined>(undefined);\n ariaValueMax = input<number | undefined>(undefined);\n ariaValueNow = input<number | undefined>(undefined);\n\n readonly dragStart = output<void>();\n readonly dragMove = output<number>();\n readonly dragEnd = output<void>();\n readonly toggleRequest = output<void>();\n\n #pointerId: number | null = null;\n #startCoord = 0;\n #rafPending: number | null = null;\n #pendingDelta = 0;\n\n @HostListener('dblclick')\n onDblClick(): void {\n if (this.disabled()) return;\n this.toggleRequest.emit();\n }\n\n @HostListener('keydown', ['$event'])\n onKeyDown(ev: KeyboardEvent): void {\n if (this.disabled()) return;\n const isH = this.orientation() === 'horizontal';\n const step = this.keyboardStep();\n let delta: number | null = null;\n switch (ev.key) {\n case 'ArrowRight': if (isH) delta = step; break;\n case 'ArrowLeft': if (isH) delta = -step; break;\n case 'ArrowDown': if (!isH) delta = step; break;\n case 'ArrowUp': if (!isH) delta = -step; break;\n case 'Enter':\n case ' ':\n ev.preventDefault();\n this.toggleRequest.emit();\n return;\n }\n if (delta == null) return;\n ev.preventDefault();\n // Keyboard step là 1 lần commit (không live drag) — emit start+move+end liền\n this.dragStart.emit();\n this.dragMove.emit(delta);\n this.dragEnd.emit();\n }\n\n @HostListener('pointerdown', ['$event'])\n onPointerDown(ev: PointerEvent): void {\n if (this.disabled()) return;\n // Chỉ xử lý nút trái chuột cho pointerType=mouse; touch/pen không có button constraint\n if (ev.button !== 0 && ev.pointerType === 'mouse') return;\n this.#pointerId = ev.pointerId;\n this.#startCoord = this.orientation() === 'horizontal' ? ev.clientX : ev.clientY;\n this.elementRef.nativeElement.setPointerCapture(ev.pointerId);\n ev.preventDefault();\n this.dragStart.emit();\n }\n\n @HostListener('pointermove', ['$event'])\n onPointerMove(ev: PointerEvent): void {\n // Bỏ qua nếu chưa bắt đầu drag hoặc sai pointer\n if (this.#pointerId == null || ev.pointerId !== this.#pointerId) return;\n const coord = this.orientation() === 'horizontal' ? ev.clientX : ev.clientY;\n this.#pendingDelta = coord - this.#startCoord;\n // Batch qua rAF để tránh trigger Angular CD quá 60fps\n if (this.#rafPending != null) return;\n this.#rafPending = requestAnimationFrame(() => {\n this.#rafPending = null;\n this.dragMove.emit(this.#pendingDelta);\n });\n }\n\n @HostListener('pointerup', ['$event'])\n @HostListener('pointercancel', ['$event'])\n onPointerUp(ev: PointerEvent): void {\n if (this.#pointerId == null || ev.pointerId !== this.#pointerId) return;\n this.elementRef.nativeElement.releasePointerCapture(ev.pointerId);\n this.#pointerId = null;\n // Hủy rAF đang chờ để tránh emit dragMove sau khi drag kết thúc\n if (this.#rafPending != null) {\n cancelAnimationFrame(this.#rafPending);\n this.#rafPending = null;\n }\n this.dragEnd.emit();\n }\n}\n","<span class=\"sd-splitter__handle-bar\"></span>\n","import { booleanAttribute, Component, ElementRef, inject, input, model, numberAttribute } from '@angular/core';\nimport { SplitterPanelUnit } from '../splitter.models';\n\n@Component({\n selector: 'sd-splitter-panel',\n standalone: true,\n templateUrl: './splitter-panel.component.html',\n styleUrls: ['./splitter-panel.component.scss'],\n host: {\n 'class': 'sd-splitter__panel',\n '[class.sd-splitter__panel--flex]': 'unit() === \"flex\"',\n '[class.sd-splitter__panel--px]': 'unit() === \"px\"',\n '[class.sd-splitter__panel--collapsed]': 'collapsed()',\n },\n})\nexport class SdSplitterPanelComponent {\n readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n panelId = input<string | undefined>(undefined);\n size = input<number, unknown>(1, { transform: numberAttribute });\n unit = input<SplitterPanelUnit>('flex');\n minSize = input<number, unknown>(0, { transform: numberAttribute });\n maxSize = input<number | undefined, unknown>(undefined, {\n transform: (v: unknown) => v == null || v === '' ? undefined : Number(v),\n });\n collapsible = input(false, { transform: booleanAttribute });\n collapsed = model(false);\n resizable = input(true, { transform: booleanAttribute });\n}\n","<ng-content></ng-content>\n","import { Injectable, signal } from '@angular/core';\nimport { ResolvedPanelMeta, SplitterLayoutState } from './splitter.models';\n\n// Bảo vệ phép chia khi totalFlexWeight = 0 (tất cả flex panel collapsed)\n// hoặc flexBudgetPx = 0 (px panels chiếm hết container)\nconst NEAR_ZERO = 1e-9;\n\n@Injectable()\nexport class SplitterStateService {\n readonly liveSizes = signal<ReadonlyMap<string | number, number>>(new Map());\n readonly collapsedMap = signal<ReadonlyMap<string | number, boolean>>(new Map());\n readonly committedLayout = signal<SplitterLayoutState>({ v: 1, panels: [] });\n\n #metas: ResolvedPanelMeta[] = [];\n\n setPanelMeta(metas: ResolvedPanelMeta[]): void {\n this.#metas = metas;\n }\n\n getPanelMetas(): ReadonlyArray<Readonly<ResolvedPanelMeta>> {\n return this.#metas;\n }\n\n setLiveSize(id: string | number, size: number): void {\n const next = new Map(this.liveSizes());\n next.set(id, size);\n this.liveSizes.set(next);\n }\n\n setCollapsed(id: string | number, collapsed: boolean): void {\n const next = new Map(this.collapsedMap());\n next.set(id, collapsed);\n this.collapsedMap.set(next);\n }\n\n reconcile(metas: ResolvedPanelMeta[], stored: SplitterLayoutState | null | undefined): void {\n this.setPanelMeta(metas);\n const liveNext = new Map<string | number, number>();\n const collapsedNext = new Map<string | number, boolean>();\n\n for (const meta of metas) {\n let restoredSize: number | undefined;\n let restoredCollapsed = false;\n\n if (stored?.panels?.length) {\n // Try match by id, ưu tiên trùng id tuyệt đối\n const byId = stored.panels.find(p => p.id === meta.id);\n // Fallback by index chỉ khi panel không có panelId string. Theo convention\n // ResolvedPanelMeta.id = panelId nếu có (string), else fallback về index (number).\n // → id là số ⇔ template không khai báo panelId → index match là valid.\n const match = byId ?? (typeof meta.id === 'number' ? stored.panels[meta.index] : undefined);\n\n // Chỉ accept nếu unit trùng\n if (match && match.unit === meta.unit) {\n restoredSize = match.size;\n restoredCollapsed = match.collapsed;\n }\n }\n\n liveNext.set(meta.id, restoredSize ?? meta.declaredSize);\n collapsedNext.set(meta.id, restoredCollapsed);\n }\n\n this.liveSizes.set(liveNext);\n this.collapsedMap.set(collapsedNext);\n }\n\n /**\n * Áp delta px lên 2 panel kề handleIndex (prev = handleIndex, next = handleIndex + 1).\n * Khi snap collapsible panel: tự set collapsed + reset size = 0.\n * Khi expand collapsible panel đang collapsed: nếu delta đủ lớn → expand.\n * Trả về delta thực sự đã áp.\n */\n applyDelta(handleIndex: number, deltaPx: number, containerPx: number, snapThreshold = 0.5): number {\n const prev = this.#metas[handleIndex];\n const next = this.#metas[handleIndex + 1];\n if (!prev || !next) return 0;\n\n // Trường hợp 1: 1 trong 2 panel đang collapsed → expand khi delta đủ lớn.\n // So sánh deltaPx (px) với minSize đã convert sang px (vì minSize có thể là flex weight).\n const prevCollapsed = this.collapsedMap().get(prev.id) === true;\n const nextCollapsed = this.collapsedMap().get(next.id) === true;\n\n if (prevCollapsed || nextCollapsed) {\n const flexBudgetPx = this.#flexBudgetPx(containerPx);\n const totalFlexWeight = this.#totalFlexWeight();\n\n if (prevCollapsed && prev.collapsible) {\n const prevMinPx = this.#sizeToPx(prev, prev.minSize, flexBudgetPx, totalFlexWeight);\n if (deltaPx >= prevMinPx) {\n this.expandPanel(prev.id);\n return prevMinPx;\n }\n }\n if (nextCollapsed && next.collapsible) {\n const nextMinPx = this.#sizeToPx(next, next.minSize, flexBudgetPx, totalFlexWeight);\n if (-deltaPx >= nextMinPx) {\n this.expandPanel(next.id);\n return -nextMinPx;\n }\n }\n return 0;\n }\n\n const sizes = this.liveSizes();\n const prevSize = sizes.get(prev.id) ?? prev.declaredSize;\n const nextSize = sizes.get(next.id) ?? next.declaredSize;\n\n const flexBudgetPx = this.#flexBudgetPx(containerPx);\n const totalFlexWeight = this.#totalFlexWeight();\n const prevPx = prev.unit === 'px' ? prevSize : (flexBudgetPx * prevSize) / Math.max(totalFlexWeight, NEAR_ZERO);\n const nextPx = next.unit === 'px' ? nextSize : (flexBudgetPx * nextSize) / Math.max(totalFlexWeight, NEAR_ZERO);\n\n const rawNewPrevPx = prevPx + deltaPx;\n const rawNewNextPx = nextPx - deltaPx;\n\n const prevMinPx = this.#sizeToPx(prev, prev.minSize, flexBudgetPx, totalFlexWeight);\n const nextMinPx = this.#sizeToPx(next, next.minSize, flexBudgetPx, totalFlexWeight);\n\n // Snap check: panel kéo dưới minSize × snapThreshold + collapsible → snap collapse\n if (prev.collapsible && prevMinPx > 0 && rawNewPrevPx < prevMinPx * snapThreshold) {\n this.collapsePanel(prev.id);\n this.setLiveSize(prev.id, 0);\n return prevPx * -1;\n }\n if (next.collapsible && nextMinPx > 0 && rawNewNextPx < nextMinPx * snapThreshold) {\n this.collapsePanel(next.id);\n this.setLiveSize(next.id, 0);\n return nextPx;\n }\n\n // Không snap → clamp logic cũ\n const prevMaxPx = prev.maxSize != null ? this.#sizeToPx(prev, prev.maxSize, flexBudgetPx, totalFlexWeight) : Infinity;\n const nextMaxPx = next.maxSize != null ? this.#sizeToPx(next, next.maxSize, flexBudgetPx, totalFlexWeight) : Infinity;\n\n let delta = deltaPx;\n delta = Math.max(delta, prevMinPx - prevPx);\n delta = Math.min(delta, prevMaxPx - prevPx);\n delta = Math.max(delta, nextPx - nextMaxPx);\n delta = Math.min(delta, nextPx - nextMinPx);\n\n if (delta === 0) return 0;\n\n const newPrevPx = prevPx + delta;\n const newNextPx = nextPx - delta;\n const liveNext = new Map(this.liveSizes());\n liveNext.set(prev.id, prev.unit === 'px' ? newPrevPx : (newPrevPx * totalFlexWeight) / Math.max(flexBudgetPx, NEAR_ZERO));\n liveNext.set(next.id, next.unit === 'px' ? newNextPx : (newNextPx * totalFlexWeight) / Math.max(flexBudgetPx, NEAR_ZERO));\n this.liveSizes.set(liveNext);\n\n return delta;\n }\n\n #flexBudgetPx(containerPx: number): number {\n let pxConsumed = 0;\n const sizes = this.liveSizes();\n for (const m of this.#metas) {\n if (m.unit === 'px' && !this.collapsedMap().get(m.id)) {\n pxConsumed += sizes.get(m.id) ?? m.declaredSize;\n }\n }\n return Math.max(containerPx - pxConsumed, 0);\n }\n\n #totalFlexWeight(): number {\n let total = 0;\n const sizes = this.liveSizes();\n for (const m of this.#metas) {\n if (m.unit === 'flex' && !this.collapsedMap().get(m.id)) {\n total += sizes.get(m.id) ?? m.declaredSize;\n }\n }\n return total;\n }\n\n #sizeToPx(meta: ResolvedPanelMeta, value: number, flexBudgetPx: number, totalFlexWeight: number): number {\n return meta.unit === 'px' ? value : (flexBudgetPx * value) / Math.max(totalFlexWeight, NEAR_ZERO);\n }\n\n collapsePanel(id: string | number): void {\n const meta = this.#metas.find(m => m.id === id);\n if (!meta || !meta.collapsible) return;\n // Lưu size hiện tại để expand sau\n const current = this.liveSizes().get(id);\n if (current !== undefined && current > 0) {\n meta.lastSize = current;\n }\n this.setCollapsed(id, true);\n }\n\n expandPanel(id: string | number): void {\n const meta = this.#metas.find(m => m.id === id);\n if (!meta) return;\n let restoreSize = meta.lastSize;\n if (!restoreSize || restoreSize <= 0) {\n // Fallback chain: lastSize → minSize → declaredSize. Giả định declaredSize > 0;\n // nếu cả 3 đều ≤ 0 (template sai), panel expand về size 0 — visually invisible\n // nhưng state nhất quán (collapsed=false). Caller chịu trách nhiệm khai báo size hợp lý.\n restoreSize = meta.minSize > 0 ? meta.minSize : meta.declaredSize;\n }\n this.setLiveSize(id, restoreSize);\n this.setCollapsed(id, false);\n }\n\n togglePanel(id: string | number): void {\n if (this.collapsedMap().get(id)) {\n this.expandPanel(id);\n } else {\n this.collapsePanel(id);\n }\n }\n\n commit(): void {\n const sizes = this.liveSizes();\n const collapsed = this.collapsedMap();\n const panels = this.#metas.map(meta => ({\n id: meta.id,\n size: sizes.get(meta.id) ?? meta.declaredSize,\n unit: meta.unit,\n collapsed: collapsed.get(meta.id) ?? false,\n }));\n this.committedLayout.set({ v: 1, panels });\n }\n}\n","import { afterNextRender, booleanAttribute, Component, ComponentRef, contentChildren, createComponent, DestroyRef, effect, ElementRef, EnvironmentInjector, inject, Injector, input, numberAttribute } from '@angular/core';\nimport { SdSplitterHandleComponent } from './splitter-handle/splitter-handle.component';\nimport { SdSplitterPanelComponent } from './splitter-panel/splitter-panel.component';\nimport { ResolvedPanelMeta, SplitterOrientation } from './splitter.models';\nimport { SplitterStateService } from './splitter-state.service';\n\n@Component({\n selector: 'sd-splitter',\n standalone: true,\n templateUrl: './splitter.component.html',\n styleUrls: ['./splitter.component.scss'],\n providers: [SplitterStateService],\n host: {\n 'class': 'sd-splitter',\n '[class.sd-splitter--horizontal]': 'orientation() === \"horizontal\"',\n '[class.sd-splitter--vertical]': 'orientation() === \"vertical\"',\n '[class.sd-splitter--disabled]': 'disabled()',\n },\n})\nexport class SdSplitterComponent {\n #host = inject<ElementRef<HTMLElement>>(ElementRef);\n // EnvironmentInjector: dùng cho createComponent (cần injector tree). Lifetime application-scope.\n #envInjector = inject(EnvironmentInjector);\n // Component-scoped Injector: gắn DestroyRef của component → afterNextRender callback tự cancel khi destroy\n #injector = inject(Injector);\n #destroyRef = inject(DestroyRef);\n #state = inject(SplitterStateService);\n\n orientation = input<SplitterOrientation>('horizontal');\n disabled = input(false, { transform: booleanAttribute });\n storageKey = input<string | undefined>(undefined);\n snapThreshold = input<number, unknown>(0.5, { transform: numberAttribute });\n keyboardStep = input<number, unknown>(10, { transform: numberAttribute });\n\n readonly panels = contentChildren(SdSplitterPanelComponent);\n\n #handleRefs: ComponentRef<SdSplitterHandleComponent>[] = [];\n\n constructor() {\n // 1. Reconcile state khi panels signal đổi (panel add/remove qua @if/@for)\n effect(() => {\n const panels = this.panels();\n const metas = panels.map((p, i) => this.#toMeta(p, i));\n this.#state.reconcile(metas, null); // storage wiring sẽ thêm ở Task 13\n });\n\n // 2. Apply flex style lên panel host element dựa trên liveSizes + collapsedMap\n effect(() => {\n const sizes = this.#state.liveSizes();\n const collapsed = this.#state.collapsedMap();\n const panels = this.panels();\n for (const panel of panels) {\n const id = panel.panelId() ?? panels.indexOf(panel);\n const isCollapsed = collapsed.get(id) === true;\n const size = sizes.get(id) ?? 1;\n const flex = isCollapsed\n ? '0 0 0'\n : panel.unit() === 'px'\n ? `0 0 ${size}px`\n : `${size} 1 0`;\n panel.elementRef.nativeElement.style.flex = flex;\n }\n });\n\n // Sync handles sau khi DOM render xong (panels đã projected vào host)\n effect(() => {\n const panelCount = this.panels().length;\n const orientation = this.orientation();\n const disabled = this.disabled();\n const keyboardStep = this.keyboardStep();\n afterNextRender(\n () => this.#syncHandles(panelCount, orientation, disabled, keyboardStep),\n { injector: this.#injector } // component-scoped → auto-cancel khi component destroy\n );\n });\n\n // Destroy handle ComponentRef khi container bị destroy (tránh leak)\n this.#destroyRef.onDestroy(() => {\n for (const ref of this.#handleRefs) ref.destroy();\n this.#handleRefs = [];\n });\n }\n\n #toMeta(panel: SdSplitterPanelComponent, index: number): ResolvedPanelMeta {\n return {\n id: panel.panelId() ?? index,\n index,\n unit: panel.unit(),\n minSize: panel.minSize(),\n maxSize: panel.maxSize(),\n collapsible: panel.collapsible(),\n resizable: panel.resizable(),\n declaredSize: panel.size(),\n lastSize: panel.size(),\n };\n }\n\n #syncHandles(panelCount: number, orientation: SplitterOrientation, disabled: boolean, keyboardStep: number): void {\n const needed = Math.max(0, panelCount - 1);\n // Remove excess\n while (this.#handleRefs.length > needed) {\n this.#handleRefs.pop()!.destroy();\n }\n // Create missing\n while (this.#handleRefs.length < needed) {\n const ref = createComponent(SdSplitterHandleComponent, { environmentInjector: this.#envInjector });\n this.#handleRefs.push(ref);\n }\n // Apply inputs\n for (const ref of this.#handleRefs) {\n ref.setInput('orientation', orientation);\n ref.setInput('disabled', disabled);\n ref.setInput('keyboardStep', keyboardStep);\n ref.changeDetectorRef.detectChanges();\n }\n // Re-arrange DOM: panel0, handle0, panel1, handle1, ..., panelN\n const panels = this.panels();\n const host = this.#host.nativeElement;\n for (let i = 0; i < panels.length; i++) {\n host.appendChild(panels[i].elementRef.nativeElement);\n if (i < this.#handleRefs.length) host.appendChild(this.#handleRefs[i].location.nativeElement);\n }\n }\n}\n","<ng-content select=\"sd-splitter-panel\"></ng-content>\n","// projects/sd-angular/components/splitter/index.ts\nexport * from './src/splitter.component';\nexport * from './src/splitter-panel/splitter-panel.component';\nexport type { SplitterOrientation, SplitterPanelUnit, SplitterPanelState, SplitterLayoutState } from './src/splitter.models';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAsBa,yBAAyB,CAAA;AAC3B,IAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AAEjE,IAAA,WAAW,GAAG,KAAK,CAAsB,YAAY,CAAC;IACtD,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;IACxD,YAAY,GAAG,KAAK,CAAkB,EAAE,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AACzE,IAAA,YAAY,GAAG,KAAK,CAAqB,SAAS,CAAC;AACnD,IAAA,YAAY,GAAG,KAAK,CAAqB,SAAS,CAAC;AACnD,IAAA,YAAY,GAAG,KAAK,CAAqB,SAAS,CAAC;IAE1C,SAAS,GAAG,MAAM,EAAQ;IAC1B,QAAQ,GAAG,MAAM,EAAU;IAC3B,OAAO,GAAG,MAAM,EAAQ;IACxB,aAAa,GAAG,MAAM,EAAQ;IAEvC,UAAU,GAAkB,IAAI;IAChC,WAAW,GAAG,CAAC;IACf,WAAW,GAAkB,IAAI;IACjC,aAAa,GAAG,CAAC;IAGjB,UAAU,GAAA;QACR,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AACrB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;IAC3B;AAGA,IAAA,SAAS,CAAC,EAAiB,EAAA;QACzB,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;QACrB,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,YAAY;AAC/C,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE;QAChC,IAAI,KAAK,GAAkB,IAAI;AAC/B,QAAA,QAAQ,EAAE,CAAC,GAAG;AACZ,YAAA,KAAK,YAAY;AAAE,gBAAA,IAAI,GAAG;oBAAE,KAAK,GAAG,IAAI;gBAAE;AAC1C,YAAA,KAAK,WAAW;AAAG,gBAAA,IAAI,GAAG;oBAAE,KAAK,GAAG,CAAC,IAAI;gBAAE;AAC3C,YAAA,KAAK,WAAW;AAAG,gBAAA,IAAI,CAAC,GAAG;oBAAE,KAAK,GAAG,IAAI;gBAAE;AAC3C,YAAA,KAAK,SAAS;AAAK,gBAAA,IAAI,CAAC,GAAG;oBAAE,KAAK,GAAG,CAAC,IAAI;gBAAE;AAC5C,YAAA,KAAK,OAAO;AACZ,YAAA,KAAK,GAAG;gBACN,EAAE,CAAC,cAAc,EAAE;AACnB,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;gBACzB;;QAEJ,IAAI,KAAK,IAAI,IAAI;YAAE;QACnB,EAAE,CAAC,cAAc,EAAE;;AAEnB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;AACrB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;AACzB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;IACrB;AAGA,IAAA,aAAa,CAAC,EAAgB,EAAA;QAC5B,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;;QAErB,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,KAAK,OAAO;YAAE;AACnD,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,SAAS;QAC9B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,YAAY,GAAG,EAAE,CAAC,OAAO,GAAG,EAAE,CAAC,OAAO;QAChF,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,CAAC,SAAS,CAAC;QAC7D,EAAE,CAAC,cAAc,EAAE;AACnB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;IACvB;AAGA,IAAA,aAAa,CAAC,EAAgB,EAAA;;AAE5B,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,IAAI,EAAE,CAAC,SAAS,KAAK,IAAI,CAAC,UAAU;YAAE;QACjE,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,YAAY,GAAG,EAAE,CAAC,OAAO,GAAG,EAAE,CAAC,OAAO;QAC3E,IAAI,CAAC,aAAa,GAAG,KAAK,GAAG,IAAI,CAAC,WAAW;;AAE7C,QAAA,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI;YAAE;AAC9B,QAAA,IAAI,CAAC,WAAW,GAAG,qBAAqB,CAAC,MAAK;AAC5C,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI;YACvB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;AACxC,QAAA,CAAC,CAAC;IACJ;AAIA,IAAA,WAAW,CAAC,EAAgB,EAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,IAAI,EAAE,CAAC,SAAS,KAAK,IAAI,CAAC,UAAU;YAAE;QACjE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,qBAAqB,CAAC,EAAE,CAAC,SAAS,CAAC;AACjE,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI;;AAEtB,QAAA,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,EAAE;AAC5B,YAAA,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC;AACtC,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACzB;AACA,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;IACrB;wGAzFW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,o2DCtBtC,mDACA,EAAA,MAAA,EAAA,CAAA,4xCAAA,CAAA,EAAA,CAAA;;4FDqBa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAnBrC,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EAAA,IAAA,EAGV;AACJ,wBAAA,OAAO,EAAE,qBAAqB;AAC9B,wBAAA,yCAAyC,EAAE,gCAAgC;AAC3E,wBAAA,uCAAuC,EAAE,8BAA8B;AACvE,wBAAA,uCAAuC,EAAE,YAAY;AACrD,wBAAA,iBAAiB,EAAE,qBAAqB;AACxC,wBAAA,aAAa,EAAE,aAAa;AAC5B,wBAAA,yBAAyB,EAAE,4DAA4D;AACvF,wBAAA,sBAAsB,EAAE,4BAA4B;AACpD,wBAAA,sBAAsB,EAAE,wBAAwB;AAChD,wBAAA,sBAAsB,EAAE,wBAAwB;AAChD,wBAAA,sBAAsB,EAAE,wBAAwB;AACjD,qBAAA,EAAA,QAAA,EAAA,mDAAA,EAAA,MAAA,EAAA,CAAA,4xCAAA,CAAA,EAAA;8BAuBD,UAAU,EAAA,CAAA;sBADT,YAAY;uBAAC,UAAU;gBAOxB,SAAS,EAAA,CAAA;sBADR,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;gBA0BnC,aAAa,EAAA,CAAA;sBADZ,YAAY;uBAAC,aAAa,EAAE,CAAC,QAAQ,CAAC;gBAavC,aAAa,EAAA,CAAA;sBADZ,YAAY;uBAAC,aAAa,EAAE,CAAC,QAAQ,CAAC;gBAgBvC,WAAW,EAAA,CAAA;sBAFV,YAAY;uBAAC,WAAW,EAAE,CAAC,QAAQ,CAAC;;sBACpC,YAAY;uBAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;;;MErF9B,wBAAwB,CAAA;AAC1B,IAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AAEjE,IAAA,OAAO,GAAG,KAAK,CAAqB,SAAS,CAAC;IAC9C,IAAI,GAAG,KAAK,CAAkB,CAAC,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AAChE,IAAA,IAAI,GAAG,KAAK,CAAoB,MAAM,CAAC;IACvC,OAAO,GAAG,KAAK,CAAkB,CAAC,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AACnE,IAAA,OAAO,GAAG,KAAK,CAA8B,SAAS,EAAE;QACtD,SAAS,EAAE,CAAC,CAAU,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC;AACzE,KAAA,CAAC;IACF,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAC3D,IAAA,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC;IACxB,SAAS,GAAG,KAAK,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;wGAZ7C,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,81CCfrC,6BACA,EAAA,MAAA,EAAA,CAAA,gJAAA,CAAA,EAAA,CAAA;;4FDca,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAZpC,SAAS;+BACE,mBAAmB,EAAA,UAAA,EACjB,IAAI,EAAA,IAAA,EAGV;AACJ,wBAAA,OAAO,EAAE,oBAAoB;AAC7B,wBAAA,kCAAkC,EAAE,mBAAmB;AACvD,wBAAA,gCAAgC,EAAE,iBAAiB;AACnD,wBAAA,uCAAuC,EAAE,aAAa;AACvD,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,gJAAA,CAAA,EAAA;;;AEVH;AACA;AACA,MAAM,SAAS,GAAG,IAAI;MAGT,oBAAoB,CAAA;AACtB,IAAA,SAAS,GAAG,MAAM,CAAuC,IAAI,GAAG,EAAE,CAAC;AACnE,IAAA,YAAY,GAAG,MAAM,CAAwC,IAAI,GAAG,EAAE,CAAC;AACvE,IAAA,eAAe,GAAG,MAAM,CAAsB,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAE5E,MAAM,GAAwB,EAAE;AAEhC,IAAA,YAAY,CAAC,KAA0B,EAAA;AACrC,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;IACrB;IAEA,aAAa,GAAA;QACX,OAAO,IAAI,CAAC,MAAM;IACpB;IAEA,WAAW,CAAC,EAAmB,EAAE,IAAY,EAAA;QAC3C,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;AACtC,QAAA,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC;AAClB,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;IAC1B;IAEA,YAAY,CAAC,EAAmB,EAAE,SAAkB,EAAA;QAClD,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;AACzC,QAAA,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,CAAC;AACvB,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;IAC7B;IAEA,SAAS,CAAC,KAA0B,EAAE,MAA8C,EAAA;AAClF,QAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;AACxB,QAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA2B;AACnD,QAAA,MAAM,aAAa,GAAG,IAAI,GAAG,EAA4B;AAEzD,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACxB,YAAA,IAAI,YAAgC;YACpC,IAAI,iBAAiB,GAAG,KAAK;AAE7B,YAAA,IAAI,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;;gBAE1B,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;;;;gBAItD,MAAM,KAAK,GAAG,IAAI,KAAK,OAAO,IAAI,CAAC,EAAE,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;;gBAG3F,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;AACrC,oBAAA,YAAY,GAAG,KAAK,CAAC,IAAI;AACzB,oBAAA,iBAAiB,GAAG,KAAK,CAAC,SAAS;gBACrC;YACF;AAEA,YAAA,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC;YACxD,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,iBAAiB,CAAC;QAC/C;AAEA,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC5B,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,aAAa,CAAC;IACtC;AAEA;;;;;AAKG;IACH,UAAU,CAAC,WAAmB,EAAE,OAAe,EAAE,WAAmB,EAAE,aAAa,GAAG,GAAG,EAAA;QACvF,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;QACrC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,CAAC;AACzC,QAAA,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,CAAC;;;AAI5B,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI;AAC/D,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI;AAE/D,QAAA,IAAI,aAAa,IAAI,aAAa,EAAE;YAClC,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;AACpD,YAAA,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE;AAE/C,YAAA,IAAI,aAAa,IAAI,IAAI,CAAC,WAAW,EAAE;AACrC,gBAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,eAAe,CAAC;AACnF,gBAAA,IAAI,OAAO,IAAI,SAAS,EAAE;AACxB,oBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;AACzB,oBAAA,OAAO,SAAS;gBAClB;YACF;AACA,YAAA,IAAI,aAAa,IAAI,IAAI,CAAC,WAAW,EAAE;AACrC,gBAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,eAAe,CAAC;AACnF,gBAAA,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE;AACzB,oBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;oBACzB,OAAO,CAAC,SAAS;gBACnB;YACF;AACA,YAAA,OAAO,CAAC;QACV;AAEA,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE;AAC9B,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY;AACxD,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY;QAExD,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;AACpD,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE;AAC/C,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,CAAC,YAAY,GAAG,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC;AAC/G,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,CAAC,YAAY,GAAG,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC;AAE/G,QAAA,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO;AACrC,QAAA,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO;AAErC,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,eAAe,CAAC;AACnF,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,eAAe,CAAC;;AAGnF,QAAA,IAAI,IAAI,CAAC,WAAW,IAAI,SAAS,GAAG,CAAC,IAAI,YAAY,GAAG,SAAS,GAAG,aAAa,EAAE;AACjF,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;AAC5B,YAAA,OAAO,MAAM,GAAG,CAAC,CAAC;QACpB;AACA,QAAA,IAAI,IAAI,CAAC,WAAW,IAAI,SAAS,GAAG,CAAC,IAAI,YAAY,GAAG,SAAS,GAAG,aAAa,EAAE;AACjF,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;AAC5B,YAAA,OAAO,MAAM;QACf;;AAGA,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ;AACrH,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ;QAErH,IAAI,KAAK,GAAG,OAAO;QACnB,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;QAC3C,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;QAC3C,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAC3C,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAE3C,IAAI,KAAK,KAAK,CAAC;AAAE,YAAA,OAAO,CAAC;AAEzB,QAAA,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK;AAChC,QAAA,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK;QAChC,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;AAC1C,QAAA,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,CAAC,SAAS,GAAG,eAAe,IAAI,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AACzH,QAAA,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,CAAC,SAAS,GAAG,eAAe,IAAI,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AACzH,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;AAE5B,QAAA,OAAO,KAAK;IACd;AAEA,IAAA,aAAa,CAAC,WAAmB,EAAA;QAC/B,IAAI,UAAU,GAAG,CAAC;AAClB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE;AAC9B,QAAA,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE;AAC3B,YAAA,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE;AACrD,gBAAA,UAAU,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,YAAY;YACjD;QACF;QACA,OAAO,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,UAAU,EAAE,CAAC,CAAC;IAC9C;IAEA,gBAAgB,GAAA;QACd,IAAI,KAAK,GAAG,CAAC;AACb,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE;AAC9B,QAAA,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE;AAC3B,YAAA,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE;AACvD,gBAAA,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,YAAY;YAC5C;QACF;AACA,QAAA,OAAO,KAAK;IACd;AAEA,IAAA,SAAS,CAAC,IAAuB,EAAE,KAAa,EAAE,YAAoB,EAAE,eAAuB,EAAA;QAC7F,OAAO,IAAI,CAAC,IAAI,KAAK,IAAI,GAAG,KAAK,GAAG,CAAC,YAAY,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC;IACnG;AAEA,IAAA,aAAa,CAAC,EAAmB,EAAA;AAC/B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;AAC/C,QAAA,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE;;QAEhC,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;QACxC,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,GAAG,CAAC,EAAE;AACxC,YAAA,IAAI,CAAC,QAAQ,GAAG,OAAO;QACzB;AACA,QAAA,IAAI,CAAC,YAAY,CAAC,EAAE,EAAE,IAAI,CAAC;IAC7B;AAEA,IAAA,WAAW,CAAC,EAAmB,EAAA;AAC7B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;AAC/C,QAAA,IAAI,CAAC,IAAI;YAAE;AACX,QAAA,IAAI,WAAW,GAAG,IAAI,CAAC,QAAQ;AAC/B,QAAA,IAAI,CAAC,WAAW,IAAI,WAAW,IAAI,CAAC,EAAE;;;;AAIpC,YAAA,WAAW,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY;QACnE;AACA,QAAA,IAAI,CAAC,WAAW,CAAC,EAAE,EAAE,WAAW,CAAC;AACjC,QAAA,IAAI,CAAC,YAAY,CAAC,EAAE,EAAE,KAAK,CAAC;IAC9B;AAEA,IAAA,WAAW,CAAC,EAAmB,EAAA;QAC7B,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;AAC/B,YAAA,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;QACtB;aAAO;AACL,YAAA,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC;QACxB;IACF;IAEA,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE;AAC9B,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE;AACrC,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK;YACtC,EAAE,EAAE,IAAI,CAAC,EAAE;AACX,YAAA,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY;YAC7C,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK;AAC3C,SAAA,CAAC,CAAC;AACH,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5C;wGAtNW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;4GAApB,oBAAoB,EAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC;;;MCYY,mBAAmB,CAAA;AAC9B,IAAA,KAAK,GAAG,MAAM,CAA0B,UAAU,CAAC;;AAEnD,IAAA,YAAY,GAAG,MAAM,CAAC,mBAAmB,CAAC;;AAE1C,IAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC5B,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,MAAM,GAAG,MAAM,CAAC,oBAAoB,CAAC;AAErC,IAAA,WAAW,GAAG,KAAK,CAAsB,YAAY,CAAC;IACtD,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AACxD,IAAA,UAAU,GAAG,KAAK,CAAqB,SAAS,CAAC;IACjD,aAAa,GAAG,KAAK,CAAkB,GAAG,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;IAC3E,YAAY,GAAG,KAAK,CAAkB,EAAE,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AAEhE,IAAA,MAAM,GAAG,eAAe,CAAC,wBAAwB,CAAC;IAE3D,WAAW,GAA8C,EAAE;AAE3D,IAAA,WAAA,GAAA;;QAEE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;YAC5B,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACtD,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AACrC,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;YACV,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;YACrC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;AAC5C,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,YAAA,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;AAC1B,gBAAA,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;gBACnD,MAAM,WAAW,GAAG,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,IAAI;gBAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;gBAC/B,MAAM,IAAI,GAAG;AACX,sBAAE;AACF,sBAAE,KAAK,CAAC,IAAI,EAAE,KAAK;0BACf,CAAA,IAAA,EAAO,IAAI,CAAA,EAAA;AACb,0BAAE,CAAA,EAAG,IAAI,CAAA,IAAA,CAAM;gBACnB,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI;YAClD;AACF,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;YACV,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM;AACvC,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;AACtC,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;AAChC,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;YACxC,eAAe,CACb,MAAM,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,CAAC,EACxE,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE;aAC7B;AACH,QAAA,CAAC,CAAC;;AAGF,QAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAK;AAC9B,YAAA,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,WAAW;gBAAE,GAAG,CAAC,OAAO,EAAE;AACjD,YAAA,IAAI,CAAC,WAAW,GAAG,EAAE;AACvB,QAAA,CAAC,CAAC;IACJ;IAEA,OAAO,CAAC,KAA+B,EAAE,KAAa,EAAA;QACpD,OAAO;AACL,YAAA,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,KAAK;YAC5B,KAAK;AACL,YAAA,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE;AAClB,YAAA,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;AACxB,YAAA,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;AACxB,YAAA,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE;AAChC,YAAA,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE;AAC5B,YAAA,YAAY,EAAE,KAAK,CAAC,IAAI,EAAE;AAC1B,YAAA,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE;SACvB;IACH;AAEA,IAAA,YAAY,CAAC,UAAkB,EAAE,WAAgC,EAAE,QAAiB,EAAE,YAAoB,EAAA;AACxG,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC;;QAE1C,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,MAAM,EAAE;YACvC,IAAI,CAAC,WAAW,CAAC,GAAG,EAAG,CAAC,OAAO,EAAE;QACnC;;QAEA,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,MAAM,EAAE;AACvC,YAAA,MAAM,GAAG,GAAG,eAAe,CAAC,yBAAyB,EAAE,EAAE,mBAAmB,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;AAClG,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;QAC5B;;AAEA,QAAA,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,WAAW,EAAE;AAClC,YAAA,GAAG,CAAC,QAAQ,CAAC,aAAa,EAAE,WAAW,CAAC;AACxC,YAAA,GAAG,CAAC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC;AAClC,YAAA,GAAG,CAAC,QAAQ,CAAC,cAAc,EAAE,YAAY,CAAC;AAC1C,YAAA,GAAG,CAAC,iBAAiB,CAAC,aAAa,EAAE;QACvC;;AAEA,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa;AACrC,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACtC,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC;AACpD,YAAA,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM;AAAE,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC;QAC/F;IACF;wGAvGW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,i+BARnB,CAAC,oBAAoB,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,SAAA,EAuBC,wBAAwB,6CClC5D,0DACA,EAAA,MAAA,EAAA,CAAA,4YAAA,CAAA,EAAA,CAAA;;4FDkBa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAb/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,cACX,IAAI,EAAA,SAAA,EAGL,CAAC,oBAAoB,CAAC,EAAA,IAAA,EAC3B;AACJ,wBAAA,OAAO,EAAE,aAAa;AACtB,wBAAA,iCAAiC,EAAE,gCAAgC;AACnE,wBAAA,+BAA+B,EAAE,8BAA8B;AAC/D,wBAAA,+BAA+B,EAAE,YAAY;AAC9C,qBAAA,EAAA,QAAA,EAAA,0DAAA,EAAA,MAAA,EAAA,CAAA,4YAAA,CAAA,EAAA;;;AEjBH;;ACAA;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"sd-angular-core-components-splitter.mjs","sources":["../../../projects/sd-angular/components/splitter/src/splitter-handle/splitter-handle.component.ts","../../../projects/sd-angular/components/splitter/src/splitter-handle/splitter-handle.component.html","../../../projects/sd-angular/components/splitter/src/splitter-panel/splitter-panel.component.ts","../../../projects/sd-angular/components/splitter/src/splitter-panel/splitter-panel.component.html","../../../projects/sd-angular/components/splitter/src/splitter-state.service.ts","../../../projects/sd-angular/components/splitter/src/splitter.component.ts","../../../projects/sd-angular/components/splitter/src/splitter.component.html","../../../projects/sd-angular/components/splitter/index.ts","../../../projects/sd-angular/components/splitter/sd-angular-core-components-splitter.ts"],"sourcesContent":["import { booleanAttribute, Component, ElementRef, HostListener, inject, input, numberAttribute, output } from '@angular/core';\nimport { SplitterOrientation } from '../splitter.models';\n\n@Component({\n selector: 'sd-splitter-handle',\n standalone: true,\n templateUrl: './splitter-handle.component.html',\n styleUrls: ['./splitter-handle.component.scss'],\n host: {\n 'class': 'sd-splitter__handle',\n '[class.sd-splitter__handle--horizontal]': 'orientation() === \"horizontal\"',\n '[class.sd-splitter__handle--vertical]': 'orientation() === \"vertical\"',\n '[class.sd-splitter__handle--disabled]': 'disabled()',\n '[attr.tabindex]': 'disabled() ? -1 : 0',\n '[attr.role]': '\"separator\"',\n '[attr.aria-orientation]': 'orientation() === \"horizontal\" ? \"vertical\" : \"horizontal\"',\n '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n '[attr.aria-valuemin]': 'ariaValueMin() ?? null',\n '[attr.aria-valuemax]': 'ariaValueMax() ?? null',\n '[attr.aria-valuenow]': 'ariaValueNow() ?? null',\n },\n})\nexport class SdSplitterHandleComponent {\n readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n orientation = input<SplitterOrientation>('horizontal');\n disabled = input(false, { transform: booleanAttribute });\n keyboardStep = input<number, unknown>(10, { transform: numberAttribute });\n ariaValueMin = input<number | undefined>(undefined);\n ariaValueMax = input<number | undefined>(undefined);\n ariaValueNow = input<number | undefined>(undefined);\n\n readonly dragStart = output<void>();\n readonly dragMove = output<number>();\n readonly dragEnd = output<void>();\n readonly toggleRequest = output<void>();\n\n #pointerId: number | null = null;\n #startCoord = 0;\n #rafPending: number | null = null;\n #pendingDelta = 0;\n\n @HostListener('dblclick')\n onDblClick(): void {\n if (this.disabled()) return;\n this.toggleRequest.emit();\n }\n\n @HostListener('keydown', ['$event'])\n onKeyDown(ev: KeyboardEvent): void {\n if (this.disabled()) return;\n const isH = this.orientation() === 'horizontal';\n const step = this.keyboardStep();\n let delta: number | null = null;\n switch (ev.key) {\n case 'ArrowRight': if (isH) delta = step; break;\n case 'ArrowLeft': if (isH) delta = -step; break;\n case 'ArrowDown': if (!isH) delta = step; break;\n case 'ArrowUp': if (!isH) delta = -step; break;\n case 'Enter':\n case ' ':\n ev.preventDefault();\n this.toggleRequest.emit();\n return;\n }\n if (delta == null) return;\n ev.preventDefault();\n // Keyboard step là 1 lần commit (không live drag) — emit start+move+end liền\n this.dragStart.emit();\n this.dragMove.emit(delta);\n this.dragEnd.emit();\n }\n\n @HostListener('pointerdown', ['$event'])\n onPointerDown(ev: PointerEvent): void {\n if (this.disabled()) return;\n // Chỉ xử lý nút trái chuột cho pointerType=mouse; touch/pen không có button constraint\n if (ev.button !== 0 && ev.pointerType === 'mouse') return;\n this.#pointerId = ev.pointerId;\n this.#startCoord = this.orientation() === 'horizontal' ? ev.clientX : ev.clientY;\n this.elementRef.nativeElement.setPointerCapture(ev.pointerId);\n ev.preventDefault();\n this.dragStart.emit();\n }\n\n @HostListener('pointermove', ['$event'])\n onPointerMove(ev: PointerEvent): void {\n // Bỏ qua nếu chưa bắt đầu drag hoặc sai pointer\n if (this.#pointerId == null || ev.pointerId !== this.#pointerId) return;\n const coord = this.orientation() === 'horizontal' ? ev.clientX : ev.clientY;\n this.#pendingDelta = coord - this.#startCoord;\n // Batch qua rAF để tránh trigger Angular CD quá 60fps\n if (this.#rafPending != null) return;\n this.#rafPending = requestAnimationFrame(() => {\n this.#rafPending = null;\n this.dragMove.emit(this.#pendingDelta);\n });\n }\n\n @HostListener('pointerup', ['$event'])\n @HostListener('pointercancel', ['$event'])\n onPointerUp(ev: PointerEvent): void {\n if (this.#pointerId == null || ev.pointerId !== this.#pointerId) return;\n this.elementRef.nativeElement.releasePointerCapture(ev.pointerId);\n this.#pointerId = null;\n // Hủy rAF đang chờ để tránh emit dragMove sau khi drag kết thúc\n if (this.#rafPending != null) {\n cancelAnimationFrame(this.#rafPending);\n this.#rafPending = null;\n }\n this.dragEnd.emit();\n }\n}\n","<span class=\"sd-splitter__handle-bar\"></span>\n","import { booleanAttribute, Component, ElementRef, inject, input, model, numberAttribute } from '@angular/core';\nimport { SplitterPanelUnit } from '../splitter.models';\n\n@Component({\n selector: 'sd-splitter-panel',\n standalone: true,\n templateUrl: './splitter-panel.component.html',\n styleUrls: ['./splitter-panel.component.scss'],\n host: {\n 'class': 'sd-splitter__panel',\n '[class.sd-splitter__panel--flex]': 'unit() === \"flex\"',\n '[class.sd-splitter__panel--px]': 'unit() === \"px\"',\n '[class.sd-splitter__panel--collapsed]': 'collapsed()',\n },\n})\nexport class SdSplitterPanelComponent {\n readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n panelId = input<string | undefined>(undefined);\n size = input<number, unknown>(1, { transform: numberAttribute });\n unit = input<SplitterPanelUnit>('flex');\n minSize = input<number, unknown>(0, { transform: numberAttribute });\n maxSize = input<number | undefined, unknown>(undefined, {\n transform: (v: unknown) => v == null || v === '' ? undefined : Number(v),\n });\n collapsible = input(false, { transform: booleanAttribute });\n collapsed = model(false);\n resizable = input(true, { transform: booleanAttribute });\n}\n","<ng-content></ng-content>\n","import { Injectable, signal } from '@angular/core';\nimport { ResolvedPanelMeta, SplitterLayoutState } from './splitter.models';\n\n// Bảo vệ phép chia khi totalFlexWeight = 0 (tất cả flex panel collapsed)\n// hoặc flexBudgetPx = 0 (px panels chiếm hết container)\nconst NEAR_ZERO = 1e-9;\n\n@Injectable()\nexport class SplitterStateService {\n readonly liveSizes = signal<ReadonlyMap<string | number, number>>(new Map());\n readonly collapsedMap = signal<ReadonlyMap<string | number, boolean>>(new Map());\n readonly committedLayout = signal<SplitterLayoutState>({ v: 1, panels: [] });\n\n #metas: ResolvedPanelMeta[] = [];\n\n setPanelMeta(metas: ResolvedPanelMeta[]): void {\n this.#metas = metas;\n }\n\n getPanelMetas(): ReadonlyArray<Readonly<ResolvedPanelMeta>> {\n return this.#metas;\n }\n\n setLiveSize(id: string | number, size: number): void {\n const next = new Map(this.liveSizes());\n next.set(id, size);\n this.liveSizes.set(next);\n }\n\n setCollapsed(id: string | number, collapsed: boolean): void {\n const next = new Map(this.collapsedMap());\n next.set(id, collapsed);\n this.collapsedMap.set(next);\n }\n\n reconcile(metas: ResolvedPanelMeta[], stored: SplitterLayoutState | null | undefined): void {\n this.setPanelMeta(metas);\n const liveNext = new Map<string | number, number>();\n const collapsedNext = new Map<string | number, boolean>();\n\n for (const meta of metas) {\n let restoredSize: number | undefined;\n let restoredCollapsed = false;\n\n if (stored?.panels?.length) {\n // Try match by id, ưu tiên trùng id tuyệt đối\n const byId = stored.panels.find(p => p.id === meta.id);\n // Fallback by index chỉ khi panel không có panelId string. Theo convention\n // ResolvedPanelMeta.id = panelId nếu có (string), else fallback về index (number).\n // → id là số ⇔ template không khai báo panelId → index match là valid.\n const match = byId ?? (typeof meta.id === 'number' ? stored.panels[meta.index] : undefined);\n\n // Chỉ accept nếu unit trùng\n if (match && match.unit === meta.unit) {\n restoredSize = match.size;\n restoredCollapsed = match.collapsed;\n }\n }\n\n liveNext.set(meta.id, restoredSize ?? meta.declaredSize);\n collapsedNext.set(meta.id, restoredCollapsed);\n }\n\n this.liveSizes.set(liveNext);\n this.collapsedMap.set(collapsedNext);\n }\n\n /**\n * Áp delta px lên 2 panel kề handleIndex (prev = handleIndex, next = handleIndex + 1).\n * Khi snap collapsible panel: tự set collapsed + reset size = 0.\n * Khi expand collapsible panel đang collapsed: nếu delta đủ lớn → expand.\n * Trả về delta thực sự đã áp.\n */\n applyDelta(handleIndex: number, deltaPx: number, containerPx: number, snapThreshold = 0.5): number {\n const prev = this.#metas[handleIndex];\n const next = this.#metas[handleIndex + 1];\n if (!prev || !next) return 0;\n\n // Trường hợp 1: 1 trong 2 panel đang collapsed → expand khi delta đủ lớn.\n // So sánh deltaPx (px) với minSize đã convert sang px (vì minSize có thể là flex weight).\n const prevCollapsed = this.collapsedMap().get(prev.id) === true;\n const nextCollapsed = this.collapsedMap().get(next.id) === true;\n\n if (prevCollapsed || nextCollapsed) {\n const flexBudgetPx = this.#flexBudgetPx(containerPx);\n const totalFlexWeight = this.#totalFlexWeight();\n\n if (prevCollapsed && prev.collapsible) {\n const prevMinPx = this.#sizeToPx(prev, prev.minSize, flexBudgetPx, totalFlexWeight);\n if (deltaPx >= prevMinPx) {\n this.expandPanel(prev.id);\n return prevMinPx;\n }\n }\n if (nextCollapsed && next.collapsible) {\n const nextMinPx = this.#sizeToPx(next, next.minSize, flexBudgetPx, totalFlexWeight);\n if (-deltaPx >= nextMinPx) {\n this.expandPanel(next.id);\n return -nextMinPx;\n }\n }\n return 0;\n }\n\n const sizes = this.liveSizes();\n const prevSize = sizes.get(prev.id) ?? prev.declaredSize;\n const nextSize = sizes.get(next.id) ?? next.declaredSize;\n\n const flexBudgetPx = this.#flexBudgetPx(containerPx);\n const totalFlexWeight = this.#totalFlexWeight();\n const prevPx = prev.unit === 'px' ? prevSize : (flexBudgetPx * prevSize) / Math.max(totalFlexWeight, NEAR_ZERO);\n const nextPx = next.unit === 'px' ? nextSize : (flexBudgetPx * nextSize) / Math.max(totalFlexWeight, NEAR_ZERO);\n\n const rawNewPrevPx = prevPx + deltaPx;\n const rawNewNextPx = nextPx - deltaPx;\n\n const prevMinPx = this.#sizeToPx(prev, prev.minSize, flexBudgetPx, totalFlexWeight);\n const nextMinPx = this.#sizeToPx(next, next.minSize, flexBudgetPx, totalFlexWeight);\n\n // Snap check: panel kéo dưới minSize × snapThreshold + collapsible → snap collapse\n if (prev.collapsible && prevMinPx > 0 && rawNewPrevPx < prevMinPx * snapThreshold) {\n this.collapsePanel(prev.id);\n this.setLiveSize(prev.id, 0);\n return prevPx * -1;\n }\n if (next.collapsible && nextMinPx > 0 && rawNewNextPx < nextMinPx * snapThreshold) {\n this.collapsePanel(next.id);\n this.setLiveSize(next.id, 0);\n return nextPx;\n }\n\n // Không snap → clamp logic cũ\n const prevMaxPx = prev.maxSize != null ? this.#sizeToPx(prev, prev.maxSize, flexBudgetPx, totalFlexWeight) : Infinity;\n const nextMaxPx = next.maxSize != null ? this.#sizeToPx(next, next.maxSize, flexBudgetPx, totalFlexWeight) : Infinity;\n\n let delta = deltaPx;\n delta = Math.max(delta, prevMinPx - prevPx);\n delta = Math.min(delta, prevMaxPx - prevPx);\n delta = Math.max(delta, nextPx - nextMaxPx);\n delta = Math.min(delta, nextPx - nextMinPx);\n\n if (delta === 0) return 0;\n\n const newPrevPx = prevPx + delta;\n const newNextPx = nextPx - delta;\n const liveNext = new Map(this.liveSizes());\n liveNext.set(prev.id, prev.unit === 'px' ? newPrevPx : (newPrevPx * totalFlexWeight) / Math.max(flexBudgetPx, NEAR_ZERO));\n liveNext.set(next.id, next.unit === 'px' ? newNextPx : (newNextPx * totalFlexWeight) / Math.max(flexBudgetPx, NEAR_ZERO));\n this.liveSizes.set(liveNext);\n\n return delta;\n }\n\n #flexBudgetPx(containerPx: number): number {\n let pxConsumed = 0;\n const sizes = this.liveSizes();\n for (const m of this.#metas) {\n if (m.unit === 'px' && !this.collapsedMap().get(m.id)) {\n pxConsumed += sizes.get(m.id) ?? m.declaredSize;\n }\n }\n return Math.max(containerPx - pxConsumed, 0);\n }\n\n #totalFlexWeight(): number {\n let total = 0;\n const sizes = this.liveSizes();\n for (const m of this.#metas) {\n if (m.unit === 'flex' && !this.collapsedMap().get(m.id)) {\n total += sizes.get(m.id) ?? m.declaredSize;\n }\n }\n return total;\n }\n\n #sizeToPx(meta: ResolvedPanelMeta, value: number, flexBudgetPx: number, totalFlexWeight: number): number {\n return meta.unit === 'px' ? value : (flexBudgetPx * value) / Math.max(totalFlexWeight, NEAR_ZERO);\n }\n\n collapsePanel(id: string | number): void {\n const meta = this.#metas.find(m => m.id === id);\n if (!meta || !meta.collapsible) return;\n // Lưu size hiện tại để expand sau\n const current = this.liveSizes().get(id);\n if (current !== undefined && current > 0) {\n meta.lastSize = current;\n }\n this.setCollapsed(id, true);\n }\n\n expandPanel(id: string | number): void {\n const meta = this.#metas.find(m => m.id === id);\n if (!meta) return;\n let restoreSize = meta.lastSize;\n if (!restoreSize || restoreSize <= 0) {\n // Fallback chain: lastSize → minSize → declaredSize. Giả định declaredSize > 0;\n // nếu cả 3 đều ≤ 0 (template sai), panel expand về size 0 — visually invisible\n // nhưng state nhất quán (collapsed=false). Caller chịu trách nhiệm khai báo size hợp lý.\n restoreSize = meta.minSize > 0 ? meta.minSize : meta.declaredSize;\n }\n this.setLiveSize(id, restoreSize);\n this.setCollapsed(id, false);\n }\n\n togglePanel(id: string | number): void {\n if (this.collapsedMap().get(id)) {\n this.expandPanel(id);\n } else {\n this.collapsePanel(id);\n }\n }\n\n commit(): void {\n const sizes = this.liveSizes();\n const collapsed = this.collapsedMap();\n const panels = this.#metas.map(meta => ({\n id: meta.id,\n size: sizes.get(meta.id) ?? meta.declaredSize,\n unit: meta.unit,\n collapsed: collapsed.get(meta.id) ?? false,\n }));\n this.committedLayout.set({ v: 1, panels });\n }\n}\n","import { afterNextRender, booleanAttribute, Component, ComponentRef, computed, contentChildren, createComponent, DestroyRef, effect, ElementRef, EnvironmentInjector, inject, Injector, input, numberAttribute, output } from '@angular/core';\nimport { SdSplitterHandleComponent } from './splitter-handle/splitter-handle.component';\nimport { SdSplitterPanelComponent } from './splitter-panel/splitter-panel.component';\nimport { ResolvedPanelMeta, SplitterLayoutState, SplitterOrientation } from './splitter.models';\nimport { SplitterStateService } from './splitter-state.service';\nimport { SdStorageService } from '@sd-angular/core/services/storage';\n\n@Component({\n selector: 'sd-splitter',\n standalone: true,\n templateUrl: './splitter.component.html',\n styleUrls: ['./splitter.component.scss'],\n providers: [SplitterStateService],\n host: {\n 'class': 'sd-splitter',\n '[class.sd-splitter--horizontal]': 'orientation() === \"horizontal\"',\n '[class.sd-splitter--vertical]': 'orientation() === \"vertical\"',\n '[class.sd-splitter--disabled]': 'disabled()',\n },\n})\nexport class SdSplitterComponent {\n #host = inject<ElementRef<HTMLElement>>(ElementRef);\n // EnvironmentInjector: dùng cho createComponent (cần injector tree). Lifetime application-scope.\n #envInjector = inject(EnvironmentInjector);\n // Component-scoped Injector: gắn DestroyRef của component → afterNextRender callback tự cancel khi destroy\n #injector = inject(Injector);\n #destroyRef = inject(DestroyRef);\n #state = inject(SplitterStateService);\n #storage = inject(SdStorageService);\n\n #storageHandle = computed(() => {\n const key = this.storageKey();\n return key ? this.#storage.create<SplitterLayoutState>(key) : null;\n });\n\n orientation = input<SplitterOrientation>('horizontal');\n disabled = input(false, { transform: booleanAttribute });\n storageKey = input<string | undefined>(undefined);\n snapThreshold = input<number, unknown>(0.5, { transform: numberAttribute });\n keyboardStep = input<number, unknown>(10, { transform: numberAttribute });\n\n readonly resizeEnd = output<SplitterLayoutState>();\n readonly collapsedChange = output<{ panelId: string | number; collapsed: boolean }>();\n readonly layoutChange = output<SplitterLayoutState>();\n\n readonly panels = contentChildren(SdSplitterPanelComponent);\n\n #handleRefs: ComponentRef<SdSplitterHandleComponent>[] = [];\n\n #dragStartSize: { handleIndex: number; containerPx: number } | null = null;\n #dragLastDelta = 0;\n #prevCollapsedMap = new Map<string | number, boolean>();\n\n constructor() {\n // 1. Reconcile state khi panels signal đổi (panel add/remove qua @if/@for)\n effect(() => {\n const panels = this.panels();\n const stored = this.#storageHandle()?.get() ?? null;\n const metas = panels.map((p, i) => this.#toMeta(p, i));\n this.#state.reconcile(metas, stored);\n });\n\n // Auto-save vào storage khi committedLayout đổi (only commit triggers, không phải live drag)\n effect(() => {\n const layout = this.#state.committedLayout();\n const handle = this.#storageHandle();\n if (handle && layout.panels.length > 0) {\n handle.setSilent(layout); // setSilent: không emit qua storage subject\n }\n });\n\n // Emit layoutChange + collapsedChange (diff) khi committedLayout đổi\n effect(() => {\n const layout = this.#state.committedLayout();\n if (layout.panels.length === 0) return;\n this.layoutChange.emit(layout);\n\n // Detect collapsed change qua diff với prev map\n const currMap = this.#state.collapsedMap();\n for (const [id, isCollapsed] of currMap) {\n const prev = this.#prevCollapsedMap.get(id) ?? false;\n if (prev !== isCollapsed) {\n this.collapsedChange.emit({ panelId: id, collapsed: isCollapsed });\n }\n }\n this.#prevCollapsedMap = new Map(currMap);\n });\n\n // 2. Apply flex style lên panel host element dựa trên liveSizes + collapsedMap.\n // Normalize flex-grow của các panel flex để sum = 1 → CSS phân phối hết free space.\n // Nếu để raw weight (vd 0.7), sum < 1 → flexbox để lại khoảng trống bên rìa.\n effect(() => {\n const sizes = this.#state.liveSizes();\n const collapsed = this.#state.collapsedMap();\n const panels = this.panels();\n\n // Tính tổng weight của panel flex đang không collapsed (để normalize)\n let totalFlexWeight = 0;\n for (let i = 0; i < panels.length; i++) {\n const panel = panels[i];\n const id = panel.panelId() ?? i;\n if (panel.unit() === 'flex' && !collapsed.get(id)) {\n totalFlexWeight += sizes.get(id) ?? 1;\n }\n }\n\n for (let i = 0; i < panels.length; i++) {\n const panel = panels[i];\n const id = panel.panelId() ?? i;\n const isCollapsed = collapsed.get(id) === true;\n const size = sizes.get(id) ?? 1;\n let flex: string;\n if (isCollapsed) {\n flex = '0 0 0';\n } else if (panel.unit() === 'px') {\n flex = `0 0 ${size}px`;\n } else {\n // Normalize: grow = weight / totalWeight → sum(grow) = 1\n const grow = totalFlexWeight > 0 ? size / totalFlexWeight : 1;\n flex = `${grow} 1 0`;\n }\n panel.elementRef.nativeElement.style.flex = flex;\n }\n });\n\n // Sync handles sau khi DOM render xong (panels đã projected vào host)\n effect(() => {\n const panelCount = this.panels().length;\n const orientation = this.orientation();\n const disabled = this.disabled();\n const keyboardStep = this.keyboardStep();\n afterNextRender(\n () => this.#syncHandles(panelCount, orientation, disabled, keyboardStep),\n { injector: this.#injector } // component-scoped → auto-cancel khi component destroy\n );\n });\n\n // Destroy handle ComponentRef khi container bị destroy (tránh leak)\n this.#destroyRef.onDestroy(() => {\n for (const ref of this.#handleRefs) ref.destroy();\n this.#handleRefs = [];\n });\n }\n\n #toMeta(panel: SdSplitterPanelComponent, index: number): ResolvedPanelMeta {\n return {\n id: panel.panelId() ?? index,\n index,\n unit: panel.unit(),\n minSize: panel.minSize(),\n maxSize: panel.maxSize(),\n collapsible: panel.collapsible(),\n resizable: panel.resizable(),\n declaredSize: panel.size(),\n lastSize: panel.size(),\n };\n }\n\n #syncHandles(panelCount: number, orientation: SplitterOrientation, disabled: boolean, keyboardStep: number): void {\n const panels = this.panels();\n const needed = Math.max(0, panelCount - 1);\n // Remove excess\n while (this.#handleRefs.length > needed) {\n this.#handleRefs.pop()!.destroy();\n }\n // Create missing + wire events\n while (this.#handleRefs.length < needed) {\n const ref = createComponent(SdSplitterHandleComponent, { environmentInjector: this.#envInjector });\n const handleIndex = this.#handleRefs.length;\n ref.instance.dragStart.subscribe(() => this.#onDragStart(handleIndex));\n ref.instance.dragMove.subscribe(delta => this.#onDragMove(handleIndex, delta));\n ref.instance.dragEnd.subscribe(() => this.#onDragEnd(handleIndex));\n ref.instance.toggleRequest.subscribe(() => this.#onHandleToggle(handleIndex));\n this.#handleRefs.push(ref);\n }\n // Apply inputs với disabled tính theo per-panel resizable\n for (let i = 0; i < this.#handleRefs.length; i++) {\n const ref = this.#handleRefs[i];\n const prev = panels[i];\n const next = panels[i + 1];\n const handleDisabled = disabled || !prev.resizable() || !next.resizable();\n ref.setInput('orientation', orientation);\n ref.setInput('disabled', handleDisabled);\n ref.setInput('keyboardStep', keyboardStep);\n ref.changeDetectorRef.detectChanges();\n }\n // Re-arrange DOM: panel0, handle0, panel1, handle1, ..., panelN\n const host = this.#host.nativeElement;\n for (let i = 0; i < panels.length; i++) {\n host.appendChild(panels[i].elementRef.nativeElement);\n if (i < this.#handleRefs.length) host.appendChild(this.#handleRefs[i].location.nativeElement);\n }\n }\n\n #onDragStart(handleIndex: number): void {\n const rect = this.#host.nativeElement.getBoundingClientRect();\n const containerPx = this.orientation() === 'horizontal' ? rect.width : rect.height;\n this.#dragStartSize = { handleIndex, containerPx };\n this.#dragLastDelta = 0;\n this.#host.nativeElement.classList.add('sd-splitter--dragging');\n }\n\n #onDragMove(handleIndex: number, deltaSinceStart: number): void {\n if (!this.#dragStartSize) return;\n const incrementalDelta = deltaSinceStart - this.#dragLastDelta;\n this.#dragLastDelta = deltaSinceStart;\n this.#state.applyDelta(handleIndex, incrementalDelta, this.#dragStartSize.containerPx, this.snapThreshold());\n }\n\n #onDragEnd(_handleIndex: number): void {\n this.#dragStartSize = null;\n this.#host.nativeElement.classList.remove('sd-splitter--dragging');\n this.#state.commit();\n this.resizeEnd.emit(this.#state.committedLayout());\n }\n\n #onHandleToggle(handleIndex: number): void {\n // Double-click / Enter / Space — ưu tiên collapse panel collapsible ở phía prev, fallback next\n const panels = this.panels();\n const prev = panels[handleIndex];\n const next = panels[handleIndex + 1];\n const target = prev.collapsible() ? prev : next.collapsible() ? next : null;\n if (!target) return;\n const id = target.panelId() ?? panels.indexOf(target);\n this.#state.togglePanel(id);\n this.#state.commit();\n }\n\n // --- Imperative API ---\n\n getLayout(): SplitterLayoutState {\n const metas = this.#state.getPanelMetas();\n const sizes = this.#state.liveSizes();\n const collapsed = this.#state.collapsedMap();\n return {\n v: 1,\n panels: metas.map(m => ({\n id: m.id,\n size: sizes.get(m.id) ?? m.declaredSize,\n unit: m.unit,\n collapsed: collapsed.get(m.id) ?? false,\n })),\n };\n }\n\n setLayout(state: SplitterLayoutState): void {\n const metas = this.#state.getPanelMetas();\n for (const stored of state.panels) {\n const meta = metas.find(m => m.id === stored.id);\n if (!meta || meta.unit !== stored.unit) continue;\n this.#state.setLiveSize(meta.id, stored.size);\n this.#state.setCollapsed(meta.id, stored.collapsed);\n }\n this.#state.commit();\n }\n\n resetLayout(): void {\n const metas = this.#state.getPanelMetas();\n for (const m of metas) {\n this.#state.setLiveSize(m.id, m.declaredSize);\n this.#state.setCollapsed(m.id, false);\n }\n this.#state.commit();\n }\n\n collapse(target: number | string): void {\n const id = this.#resolveTarget(target);\n this.#state.collapsePanel(id);\n this.#state.commit();\n }\n\n expand(target: number | string): void {\n const id = this.#resolveTarget(target);\n this.#state.expandPanel(id);\n this.#state.commit();\n }\n\n toggle(target: number | string): void {\n const id = this.#resolveTarget(target);\n this.#state.togglePanel(id);\n this.#state.commit();\n }\n\n resizePanel(target: number | string, size: number): void {\n const id = this.#resolveTarget(target);\n const meta = this.#state.getPanelMetas().find(m => m.id === id);\n if (!meta) return;\n let clamped = Math.max(size, meta.minSize);\n if (meta.maxSize != null) clamped = Math.min(clamped, meta.maxSize);\n this.#state.setLiveSize(id, clamped);\n this.#state.commit();\n }\n\n #resolveTarget(target: number | string): string | number {\n const metas = this.#state.getPanelMetas();\n if (typeof target === 'number') {\n const meta = metas[target] ?? metas.find(m => m.id === target);\n if (!meta) throw new Error(`Splitter: no panel at index ${target}`);\n return meta.id;\n }\n const meta = metas.find(m => m.id === target);\n if (!meta) throw new Error(`Splitter: no panel with id \"${target}\"`);\n return meta.id;\n }\n}\n","<ng-content select=\"sd-splitter-panel\"></ng-content>\n","// projects/sd-angular/components/splitter/index.ts\nexport * from './src/splitter.component';\nexport * from './src/splitter-panel/splitter-panel.component';\nexport type { SplitterOrientation, SplitterPanelUnit, SplitterPanelState, SplitterLayoutState } from './src/splitter.models';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
|
|
|
10
10
|
import { BehaviorSubject, Subscription, isObservable, lastValueFrom, Subject } from 'rxjs';
|
|
11
11
|
import { debounceTime, startWith, map, filter, take } from 'rxjs/operators';
|
|
12
12
|
import { SdNotifyService } from '@sd-angular/core/services/notify';
|
|
13
|
+
import { SdI18nService } from '@sd-angular/core/i18n';
|
|
13
14
|
import { SdUtilities } from '@sd-angular/core/utilities';
|
|
14
15
|
import * as i1 from '@angular/cdk/drag-drop';
|
|
15
16
|
import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
|
|
@@ -298,6 +299,7 @@ class SdTabRouterOutletComponent {
|
|
|
298
299
|
#injector = inject(Injector);
|
|
299
300
|
#tabRouterService = inject(SdTabRouterService);
|
|
300
301
|
#sdNotifyService = inject(SdNotifyService);
|
|
302
|
+
#i18n = inject(SdI18nService);
|
|
301
303
|
// Inject để đảm bảo SdTabDecoratorService được khởi tạo (nó register BehaviorSubject
|
|
302
304
|
// tĩnh để @SdTab decorator có thể truy cập SdTabRouterService). Không dùng trực tiếp ở đây.
|
|
303
305
|
#tabDecoratorService = inject(SdTabDecoratorService);
|
|
@@ -489,7 +491,7 @@ class SdTabRouterOutletComponent {
|
|
|
489
491
|
this.#tabRouterService.setCurrentTab(newTab);
|
|
490
492
|
this.tabs.set([...updatedTabs, newTab]);
|
|
491
493
|
if (this.tabs().length > 30) {
|
|
492
|
-
this.#sdNotifyService.warning('
|
|
494
|
+
this.#sdNotifyService.warning(this.#i18n.t('core.component.tab-router.too-many-tabs'));
|
|
493
495
|
}
|
|
494
496
|
}
|
|
495
497
|
this.tabRouterNav()?.checkUI();
|