@sdcorejs/angular 19.0.3 → 19.0.5
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/assets/{scss/README.md → STYLE-GUIDE.md} +3 -0
- package/components/button/src/button.component.d.ts +1 -2
- package/components/form-generic/src/components/form-builder/form-builder.component.d.ts +1 -2
- package/components/form-generic/src/components/form-render/form-render.component.d.ts +1 -2
- package/components/form-generic/src/components/sd-feel-expression/sd-feel-expression.component.d.ts +1 -2
- package/components/index.d.ts +2 -0
- package/components/org-chart/index.d.ts +3 -0
- package/components/org-chart/src/org-chart-item-def.directive.d.ts +9 -0
- package/components/org-chart/src/org-chart.component.d.ts +26 -0
- package/components/org-chart/src/org-chart.model.d.ts +32 -0
- package/components/query-bar/src/query-bar.component.d.ts +15 -2
- package/components/query-bar/src/query-bar.model.d.ts +22 -0
- package/components/query-builder/index.d.ts +2 -0
- package/components/query-builder/src/query-builder.component.d.ts +115 -22
- package/components/query-builder/src/query-builder.model.d.ts +166 -0
- package/components/query-builder/src/query-builder.serializer.d.ts +32 -0
- package/components/section/src/section.component.d.ts +5 -3
- package/components/side-drawer/src/side-drawer.component.d.ts +1 -2
- package/components/splitter/src/splitter.component.d.ts +8 -2
- package/components/splitter/src/splitter.models.d.ts +13 -0
- package/components/stepper/src/stepper.component.d.ts +1 -2
- package/components/tab/src/tab-group.component.d.ts +1 -2
- package/components/table/src/services/table-filter/table-filter.model.d.ts +2 -0
- package/components/table/src/table.component.d.ts +1 -2
- package/components/tree/index.d.ts +3 -0
- package/components/tree/src/tree-item-def.directive.d.ts +9 -0
- package/components/tree/src/tree.component.d.ts +102 -0
- package/components/tree/src/tree.model.d.ts +142 -0
- package/components/upload-file/src/upload-file.component.d.ts +2 -0
- package/fesm2022/sdcorejs-angular-components-button.mjs +2 -4
- package/fesm2022/sdcorejs-angular-components-button.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-components-form-generic.mjs +7 -11
- package/fesm2022/sdcorejs-angular-components-form-generic.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-components-modal-resizable.mjs +5 -5
- package/fesm2022/sdcorejs-angular-components-modal-resizable.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-components-org-chart.mjs +110 -0
- package/fesm2022/sdcorejs-angular-components-org-chart.mjs.map +1 -0
- package/fesm2022/sdcorejs-angular-components-query-bar.mjs +37 -8
- package/fesm2022/sdcorejs-angular-components-query-bar.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-components-query-builder.mjs +867 -57
- package/fesm2022/sdcorejs-angular-components-query-builder.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-components-section.mjs +8 -7
- package/fesm2022/sdcorejs-angular-components-section.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-components-side-drawer.mjs +2 -4
- package/fesm2022/sdcorejs-angular-components-side-drawer.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-components-splitter.mjs +23 -12
- package/fesm2022/sdcorejs-angular-components-splitter.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-components-stepper.mjs +2 -4
- package/fesm2022/sdcorejs-angular-components-stepper.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-components-tab.mjs +2 -4
- package/fesm2022/sdcorejs-angular-components-tab.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-components-table.mjs +8 -6
- package/fesm2022/sdcorejs-angular-components-table.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-components-tree.mjs +526 -0
- package/fesm2022/sdcorejs-angular-components-tree.mjs.map +1 -0
- package/fesm2022/sdcorejs-angular-components-upload-file.mjs +15 -4
- package/fesm2022/sdcorejs-angular-components-upload-file.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-components.mjs +2 -0
- package/fesm2022/sdcorejs-angular-components.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-forms-autocomplete.mjs +9 -4
- package/fesm2022/sdcorejs-angular-forms-autocomplete.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-forms-input-number.mjs +9 -3
- package/fesm2022/sdcorejs-angular-forms-input-number.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-forms-input.mjs +2 -2
- package/fesm2022/sdcorejs-angular-forms-input.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-forms-select.mjs +33 -3
- package/fesm2022/sdcorejs-angular-forms-select.mjs.map +1 -1
- package/fesm2022/sdcorejs-angular-services-notify.mjs +26 -8
- package/fesm2022/sdcorejs-angular-services-notify.mjs.map +1 -1
- package/forms/select/src/select.component.d.ts +9 -1
- package/package.json +13 -5
- package/services/notify/src/components/toast/toast.component.d.ts +12 -1
- package/services/notify/src/notify.model.d.ts +17 -0
|
@@ -369,14 +369,20 @@ class SdSplitterComponent {
|
|
|
369
369
|
#state = inject(SplitterStateService);
|
|
370
370
|
#storage = inject(SdStorageService);
|
|
371
371
|
#storageHandle = computed(() => {
|
|
372
|
-
const key = this.
|
|
372
|
+
const key = this.resolvedStorageKey();
|
|
373
373
|
return key ? this.#storage.create(key) : null;
|
|
374
374
|
});
|
|
375
|
+
option = input(undefined);
|
|
375
376
|
orientation = input('horizontal');
|
|
376
377
|
disabled = input(false, { transform: booleanAttribute });
|
|
377
378
|
storageKey = input(undefined);
|
|
378
379
|
snapThreshold = input(0.5, { transform: numberAttribute });
|
|
379
380
|
keyboardStep = input(10, { transform: numberAttribute });
|
|
381
|
+
resolvedOrientation = computed(() => this.option()?.orientation ?? this.orientation());
|
|
382
|
+
resolvedDisabled = computed(() => this.option()?.disabled ?? this.disabled());
|
|
383
|
+
resolvedStorageKey = computed(() => this.option()?.storageKey ?? this.storageKey());
|
|
384
|
+
resolvedSnapThreshold = computed(() => this.option()?.snapThreshold ?? this.snapThreshold());
|
|
385
|
+
resolvedKeyboardStep = computed(() => this.option()?.keyboardStep ?? this.keyboardStep());
|
|
380
386
|
resizeEnd = output();
|
|
381
387
|
collapsedChange = output();
|
|
382
388
|
layoutChange = output();
|
|
@@ -406,13 +412,16 @@ class SdSplitterComponent {
|
|
|
406
412
|
const layout = this.#state.committedLayout();
|
|
407
413
|
if (layout.panels.length === 0)
|
|
408
414
|
return;
|
|
415
|
+
this.option()?.onLayoutChange?.(layout);
|
|
409
416
|
this.layoutChange.emit(layout);
|
|
410
417
|
// Detect collapsed change qua diff với prev map
|
|
411
418
|
const currMap = this.#state.collapsedMap();
|
|
412
419
|
for (const [id, isCollapsed] of currMap) {
|
|
413
420
|
const prev = this.#prevCollapsedMap.get(id) ?? false;
|
|
414
421
|
if (prev !== isCollapsed) {
|
|
415
|
-
|
|
422
|
+
const event = { panelId: id, collapsed: isCollapsed };
|
|
423
|
+
this.option()?.onCollapsedChange?.(event);
|
|
424
|
+
this.collapsedChange.emit(event);
|
|
416
425
|
}
|
|
417
426
|
}
|
|
418
427
|
this.#prevCollapsedMap = new Map(currMap);
|
|
@@ -456,9 +465,9 @@ class SdSplitterComponent {
|
|
|
456
465
|
// Sync handles sau khi DOM render xong (panels đã projected vào host)
|
|
457
466
|
effect(() => {
|
|
458
467
|
const panelCount = this.panels().length;
|
|
459
|
-
const orientation = this.
|
|
460
|
-
const disabled = this.
|
|
461
|
-
const keyboardStep = this.
|
|
468
|
+
const orientation = this.resolvedOrientation();
|
|
469
|
+
const disabled = this.resolvedDisabled();
|
|
470
|
+
const keyboardStep = this.resolvedKeyboardStep();
|
|
462
471
|
afterNextRender(() => this.#syncHandles(panelCount, orientation, disabled, keyboardStep), { injector: this.#injector } // component-scoped → auto-cancel khi component destroy
|
|
463
472
|
);
|
|
464
473
|
});
|
|
@@ -520,7 +529,7 @@ class SdSplitterComponent {
|
|
|
520
529
|
}
|
|
521
530
|
#onDragStart(handleIndex) {
|
|
522
531
|
const rect = this.#host.nativeElement.getBoundingClientRect();
|
|
523
|
-
const containerPx = this.
|
|
532
|
+
const containerPx = this.resolvedOrientation() === 'horizontal' ? rect.width : rect.height;
|
|
524
533
|
this.#dragStartSize = { handleIndex, containerPx };
|
|
525
534
|
this.#dragLastDelta = 0;
|
|
526
535
|
this.#host.nativeElement.classList.add('sd-splitter--dragging');
|
|
@@ -529,7 +538,7 @@ class SdSplitterComponent {
|
|
|
529
538
|
if (!this.#dragStartSize)
|
|
530
539
|
return;
|
|
531
540
|
const incrementalDelta = deltaSinceStart - this.#dragLastDelta;
|
|
532
|
-
const applied = this.#state.applyDelta(handleIndex, incrementalDelta, this.#dragStartSize.containerPx, this.
|
|
541
|
+
const applied = this.#state.applyDelta(handleIndex, incrementalDelta, this.#dragStartSize.containerPx, this.resolvedSnapThreshold());
|
|
533
542
|
// why: chỉ cộng dồn phần delta THỰC SỰ áp được (applyDelta trả về), không phải toàn bộ
|
|
534
543
|
// dịch chuyển con trỏ. Cộng raw pointer delta → overshoot (kéo quá mép/min/collapse) tích
|
|
535
544
|
// lũy thành dead-zone: phải kéo ngược đúng bằng overshoot mới thấy handle nhúc nhích.
|
|
@@ -539,7 +548,9 @@ class SdSplitterComponent {
|
|
|
539
548
|
this.#dragStartSize = null;
|
|
540
549
|
this.#host.nativeElement.classList.remove('sd-splitter--dragging');
|
|
541
550
|
this.#state.commit();
|
|
542
|
-
this
|
|
551
|
+
const layout = this.#state.committedLayout();
|
|
552
|
+
this.option()?.onResizeEnd?.(layout);
|
|
553
|
+
this.resizeEnd.emit(layout);
|
|
543
554
|
}
|
|
544
555
|
#onHandleToggle(handleIndex) {
|
|
545
556
|
// Double-click / Enter / Space — ưu tiên collapse panel collapsible ở phía prev, fallback next
|
|
@@ -627,15 +638,15 @@ class SdSplitterComponent {
|
|
|
627
638
|
return meta.id;
|
|
628
639
|
}
|
|
629
640
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
630
|
-
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": "
|
|
641
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.21", type: SdSplitterComponent, isStandalone: true, selector: "sd-splitter", inputs: { option: { classPropertyName: "option", publicName: "option", isSignal: true, isRequired: false, transformFunction: null }, 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": "resolvedOrientation() === \"horizontal\"", "class.sd-splitter--vertical": "resolvedOrientation() === \"vertical\"", "class.sd-splitter--disabled": "resolvedDisabled()" }, 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"] });
|
|
631
642
|
}
|
|
632
643
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSplitterComponent, decorators: [{
|
|
633
644
|
type: Component,
|
|
634
645
|
args: [{ selector: 'sd-splitter', standalone: true, providers: [SplitterStateService], host: {
|
|
635
646
|
'class': 'sd-splitter',
|
|
636
|
-
'[class.sd-splitter--horizontal]': '
|
|
637
|
-
'[class.sd-splitter--vertical]': '
|
|
638
|
-
'[class.sd-splitter--disabled]': '
|
|
647
|
+
'[class.sd-splitter--horizontal]': 'resolvedOrientation() === "horizontal"',
|
|
648
|
+
'[class.sd-splitter--vertical]': 'resolvedOrientation() === "vertical"',
|
|
649
|
+
'[class.sd-splitter--disabled]': 'resolvedDisabled()',
|
|
639
650
|
}, 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"] }]
|
|
640
651
|
}], ctorParameters: () => [] });
|
|
641
652
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sdcorejs-angular-components-splitter.mjs","sources":["../../../projects/sdcorejs-angular/components/splitter/src/splitter-handle/splitter-handle.component.ts","../../../projects/sdcorejs-angular/components/splitter/src/splitter-handle/splitter-handle.component.html","../../../projects/sdcorejs-angular/components/splitter/src/splitter-panel/splitter-panel.component.ts","../../../projects/sdcorejs-angular/components/splitter/src/splitter-panel/splitter-panel.component.html","../../../projects/sdcorejs-angular/components/splitter/src/splitter-state.service.ts","../../../projects/sdcorejs-angular/components/splitter/src/splitter.component.ts","../../../projects/sdcorejs-angular/components/splitter/src/splitter.component.html","../../../projects/sdcorejs-angular/components/splitter/index.ts","../../../projects/sdcorejs-angular/components/splitter/sdcorejs-angular-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 '@sdcorejs/angular/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 const applied = this.#state.applyDelta(handleIndex, incrementalDelta, this.#dragStartSize.containerPx, this.snapThreshold());\n // why: chỉ cộng dồn phần delta THỰC SỰ áp được (applyDelta trả về), không phải toàn bộ\n // dịch chuyển con trỏ. Cộng raw pointer delta → overshoot (kéo quá mép/min/collapse) tích\n // lũy thành dead-zone: phải kéo ngược đúng bằng overshoot mới thấy handle nhúc nhích.\n this.#dragLastDelta += applied;\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/sdcorejs-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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"}
|
|
1
|
+
{"version":3,"file":"sdcorejs-angular-components-splitter.mjs","sources":["../../../projects/sdcorejs-angular/components/splitter/src/splitter-handle/splitter-handle.component.ts","../../../projects/sdcorejs-angular/components/splitter/src/splitter-handle/splitter-handle.component.html","../../../projects/sdcorejs-angular/components/splitter/src/splitter-panel/splitter-panel.component.ts","../../../projects/sdcorejs-angular/components/splitter/src/splitter-panel/splitter-panel.component.html","../../../projects/sdcorejs-angular/components/splitter/src/splitter-state.service.ts","../../../projects/sdcorejs-angular/components/splitter/src/splitter.component.ts","../../../projects/sdcorejs-angular/components/splitter/src/splitter.component.html","../../../projects/sdcorejs-angular/components/splitter/index.ts","../../../projects/sdcorejs-angular/components/splitter/sdcorejs-angular-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, SdSplitterOption, SplitterLayoutState, SplitterOrientation } from './splitter.models';\nimport { SplitterStateService } from './splitter-state.service';\nimport { SdStorageService } from '@sdcorejs/angular/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]': 'resolvedOrientation() === \"horizontal\"',\n '[class.sd-splitter--vertical]': 'resolvedOrientation() === \"vertical\"',\n '[class.sd-splitter--disabled]': 'resolvedDisabled()',\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.resolvedStorageKey();\n return key ? this.#storage.create<SplitterLayoutState>(key) : null;\n });\n\n option = input<SdSplitterOption | undefined>(undefined);\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 resolvedOrientation = computed(() => this.option()?.orientation ?? this.orientation());\n resolvedDisabled = computed(() => this.option()?.disabled ?? this.disabled());\n resolvedStorageKey = computed(() => this.option()?.storageKey ?? this.storageKey());\n resolvedSnapThreshold = computed(() => this.option()?.snapThreshold ?? this.snapThreshold());\n resolvedKeyboardStep = computed(() => this.option()?.keyboardStep ?? this.keyboardStep());\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.option()?.onLayoutChange?.(layout);\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 const event = { panelId: id, collapsed: isCollapsed };\n this.option()?.onCollapsedChange?.(event);\n this.collapsedChange.emit(event);\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.resolvedOrientation();\n const disabled = this.resolvedDisabled();\n const keyboardStep = this.resolvedKeyboardStep();\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.resolvedOrientation() === '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 const applied = this.#state.applyDelta(handleIndex, incrementalDelta, this.#dragStartSize.containerPx, this.resolvedSnapThreshold());\n // why: chỉ cộng dồn phần delta THỰC SỰ áp được (applyDelta trả về), không phải toàn bộ\n // dịch chuyển con trỏ. Cộng raw pointer delta → overshoot (kéo quá mép/min/collapse) tích\n // lũy thành dead-zone: phải kéo ngược đúng bằng overshoot mới thấy handle nhúc nhích.\n this.#dragLastDelta += applied;\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 const layout = this.#state.committedLayout();\n this.option()?.onResizeEnd?.(layout);\n this.resizeEnd.emit(layout);\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/sdcorejs-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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"}
|
|
@@ -5,7 +5,6 @@ import * as i2 from '@angular/material/icon';
|
|
|
5
5
|
import { MatIconModule } from '@angular/material/icon';
|
|
6
6
|
import * as i1 from '@angular/material/stepper';
|
|
7
7
|
import { MatStepper, MatStepperModule } from '@angular/material/stepper';
|
|
8
|
-
import { SdBaseSecureComponent } from '@sdcorejs/angular/components/base';
|
|
9
8
|
|
|
10
9
|
class SdStep {
|
|
11
10
|
label = input.required();
|
|
@@ -43,7 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
43
42
|
}]
|
|
44
43
|
}] });
|
|
45
44
|
|
|
46
|
-
class SdStepper
|
|
45
|
+
class SdStepper {
|
|
47
46
|
steps = contentChildren(SdStep);
|
|
48
47
|
selectedIndex = model(0);
|
|
49
48
|
// why: enforce sequential gating — only valid steps unlock the next.
|
|
@@ -76,7 +75,6 @@ class SdStepper extends SdBaseSecureComponent {
|
|
|
76
75
|
return `var(--sd-${this.color()})`;
|
|
77
76
|
}
|
|
78
77
|
constructor() {
|
|
79
|
-
super();
|
|
80
78
|
// why: clamp selectedIndex when a step is removed past the active one.
|
|
81
79
|
effect(() => {
|
|
82
80
|
const len = this.steps().length;
|
|
@@ -110,7 +108,7 @@ class SdStepper extends SdBaseSecureComponent {
|
|
|
110
108
|
step?.selectChange.emit();
|
|
111
109
|
}
|
|
112
110
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
113
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdStepper, isStandalone: true, selector: "sd-stepper", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, autoId: { classPropertyName: "autoId", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", selectionChange: "selectionChange" }, host: { properties: { "attr.data-autoId": "this.autoIdAttr", "style.--sd-stepper-active-color": "this.cssActive", "style.--sd-stepper-active-bg": "this.cssActiveBg", "style.--sd-stepper-completed-color": "this.cssCompleted", "style.--sd-stepper-line-active-color": "this.cssLine" } }, queries: [{ propertyName: "steps", predicate: SdStep, isSignal: true }], viewQueries: [{ propertyName: "matStepper", first: true, predicate: MatStepper, descendants: true, isSignal: true }],
|
|
111
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdStepper, isStandalone: true, selector: "sd-stepper", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, autoId: { classPropertyName: "autoId", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", selectionChange: "selectionChange" }, host: { properties: { "attr.data-autoId": "this.autoIdAttr", "style.--sd-stepper-active-color": "this.cssActive", "style.--sd-stepper-active-bg": "this.cssActiveBg", "style.--sd-stepper-completed-color": "this.cssCompleted", "style.--sd-stepper-line-active-color": "this.cssLine" } }, queries: [{ propertyName: "steps", predicate: SdStep, isSignal: true }], viewQueries: [{ propertyName: "matStepper", first: true, predicate: MatStepper, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-stepper\n class=\"sd-stepper\"\n [(selectedIndex)]=\"selectedIndex\"\n [linear]=\"linear()\"\n [orientation]=\"orientation()\"\n [labelPosition]=\"labelPosition()\"\n [headerPosition]=\"headerPosition()\"\n [animationDuration]=\"animationDuration()\"\n [disableRipple]=\"disableRipple()\"\n (selectionChange)=\"onSelectionChange($event)\">\n @for (step of steps(); track step; let i = $index) {\n <mat-step\n [stepControl]=\"step.stepControl() ?? undefined!\"\n [optional]=\"step.optional()\"\n [editable]=\"step.editable()\"\n [state]=\"step.state() ?? ''\"\n [errorMessage]=\"step.errorMessage() ?? ''\">\n <ng-template matStepLabel>\n <span class=\"sd-step__label\">\n @if (step.icon(); as ic) {\n <mat-icon class=\"sd-step__icon\">{{ ic }}</mat-icon>\n }\n <span class=\"sd-step__text\">{{ step.label() }}</span>\n </span>\n </ng-template>\n\n <ng-template matStepContent>\n <ng-container [ngTemplateOutlet]=\"step.bodyTpl()\"></ng-container>\n </ng-template>\n </mat-step>\n }\n</mat-stepper>\n", styles: [":host{display:block;--sd-stepper-active-color: var(--sd-primary, #1565c0);--sd-stepper-active-bg: var(--sd-primary, #1565c0);--sd-stepper-completed-color: var(--sd-primary, #1565c0);--sd-stepper-line-active-color: var(--sd-primary, #1565c0);--sd-stepper-error-color: var(--sd-error, #f44336);--sd-stepper-pending-bg: #e0e0e0;--sd-stepper-pending-color: rgba(0, 0, 0, .54);--sd-stepper-text-color: var(--sd-text-primary, #1a1a1a)}.sd-step__label{display:inline-flex;align-items:center;gap:4px}.sd-step__icon{font-size:18px;width:18px;height:18px;line-height:18px}.sd-step__text{white-space:nowrap}:host ::ng-deep .mat-step-icon{background-color:var(--sd-stepper-pending-bg);color:var(--sd-stepper-pending-color)}:host ::ng-deep .mat-step-icon-selected{background-color:var(--sd-stepper-active-bg)!important;color:#fff!important}:host ::ng-deep .mat-step-icon-state-done,:host ::ng-deep .mat-step-icon-state-edit{background-color:var(--sd-stepper-completed-color)!important;color:#fff!important}:host ::ng-deep .mat-step-icon-state-error{background-color:var(--sd-stepper-error-color)!important;color:#fff!important}:host ::ng-deep .mat-step-label.mat-step-label-active .mat-step-text-label{color:var(--sd-stepper-text-color);font-weight:500}:host ::ng-deep .mat-step-label-selected .mat-step-text-label{color:var(--sd-stepper-active-color);font-weight:600}:host ::ng-deep .mat-stepper-horizontal-line,:host ::ng-deep .mat-stepper-vertical-line:before{border-color:#0000001f}:host ::ng-deep .mat-step-header.cdk-program-focused,:host ::ng-deep .mat-step-header:hover{background-color:#00000005}\n"], dependencies: [{ kind: "ngmodule", type: MatStepperModule }, { kind: "component", type: i1.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i1.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i1.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i1.MatStepContent, selector: "ng-template[matStepContent]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
114
112
|
}
|
|
115
113
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdStepper, decorators: [{
|
|
116
114
|
type: Component,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sdcorejs-angular-components-stepper.mjs","sources":["../../../projects/sdcorejs-angular/components/stepper/src/step.component.ts","../../../projects/sdcorejs-angular/components/stepper/src/stepper.component.ts","../../../projects/sdcorejs-angular/components/stepper/src/stepper.component.html","../../../projects/sdcorejs-angular/components/stepper/sdcorejs-angular-components-stepper.ts"],"sourcesContent":["import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n input,\n output,\n TemplateRef,\n viewChild,\n} from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\n\nexport type SdStepState = 'pending' | 'active' | 'completed' | 'error' | string;\n\n@Component({\n selector: 'sd-step',\n standalone: true,\n // why: identical pattern to <sd-tab> — capture projected content via #body\n // template ref so <sd-stepper> can render it inside mat-step's matStepContent\n // (lazy mount + animation-friendly).\n template: `<ng-template #body><ng-content></ng-content></ng-template>`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SdStep {\n label = input.required<string>();\n // Optional Material icon name shown when the step is in 'pending' state\n // (overrides the default numbered indicator).\n icon = input<string | null | undefined>(undefined);\n // Set true to mark the step skippable in linear mode.\n optional = input(false, { transform: booleanAttribute });\n // When false, user cannot return to this step after it's been completed.\n editable = input(true, { transform: booleanAttribute });\n // Reactive form / control. When the stepper is linear, the user can only\n // proceed past this step once stepControl.valid is true.\n stepControl = input<AbstractControl | null | undefined>(undefined);\n // Override the auto-derived state (eg force 'error' from outside on async validation).\n state = input<SdStepState | undefined>(undefined);\n // Error message rendered next to the step header when state is 'error'.\n errorMessage = input<string | undefined>(undefined);\n\n // Emitted when this step transitions to selected.\n selectChange = output<void>();\n\n // Body template captured from projected <ng-content>.\n bodyTpl = viewChild.required<TemplateRef<unknown>>('body');\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n contentChildren,\n effect,\n HostBinding,\n input,\n model,\n output,\n untracked,\n viewChild,\n} from '@angular/core';\nimport { StepperSelectionEvent } from '@angular/cdk/stepper';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatStepperModule, MatStepper } from '@angular/material/stepper';\nimport { SdBaseSecureComponent } from '@sdcorejs/angular/components/base';\nimport { Color } from '@sdcorejs/utils/models';\nimport { SdStep } from './step.component';\n\n@Component({\n selector: 'sd-stepper',\n standalone: true,\n imports: [MatStepperModule, MatIconModule, NgTemplateOutlet],\n templateUrl: './stepper.component.html',\n styleUrls: ['./stepper.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SdStepper extends SdBaseSecureComponent {\n steps = contentChildren(SdStep);\n\n selectedIndex = model<number>(0);\n // why: enforce sequential gating — only valid steps unlock the next.\n linear = input(false, { transform: booleanAttribute });\n orientation = input<'horizontal' | 'vertical'>('horizontal');\n labelPosition = input<'end' | 'bottom'>('end');\n headerPosition = input<'top' | 'bottom'>('top');\n animationDuration = input<string>('500ms');\n disableRipple = input(false, { transform: booleanAttribute });\n // Drives the Core color CSS vars on indicators / connector / line.\n color = input<Color>('primary');\n autoId = input<string | undefined>(undefined);\n\n // Emits {previousIndex, selectedIndex, previousStep, selectedStep}.\n selectionChange = output<StepperSelectionEvent>();\n\n protected matStepper = viewChild(MatStepper);\n\n @HostBinding('attr.data-autoId') get autoIdAttr(): string | null {\n return this.autoId() ?? null;\n }\n\n // Core color CSS vars — same mechanism as <sd-tab-group>.\n @HostBinding('style.--sd-stepper-active-color') get cssActive(): string {\n return `var(--sd-${this.color()})`;\n }\n @HostBinding('style.--sd-stepper-active-bg') get cssActiveBg(): string {\n return `var(--sd-${this.color()})`;\n }\n @HostBinding('style.--sd-stepper-completed-color') get cssCompleted(): string {\n return `var(--sd-${this.color()})`;\n }\n @HostBinding('style.--sd-stepper-line-active-color') get cssLine(): string {\n return `var(--sd-${this.color()})`;\n }\n\n constructor() {\n super();\n // why: clamp selectedIndex when a step is removed past the active one.\n effect(() => {\n const len = this.steps().length;\n const cur = untracked(() => this.selectedIndex());\n if (len > 0 && cur >= len) {\n this.selectedIndex.set(Math.max(0, len - 1));\n }\n });\n }\n\n next(): void {\n this.matStepper()?.next();\n }\n\n previous(): void {\n this.matStepper()?.previous();\n }\n\n reset(): void {\n this.matStepper()?.reset();\n }\n\n goTo(index: number): void {\n const len = this.steps().length;\n if (len === 0) {\n this.selectedIndex.set(0);\n return;\n }\n this.selectedIndex.set(Math.max(0, Math.min(index, len - 1)));\n }\n\n protected onSelectionChange(ev: StepperSelectionEvent): void {\n this.selectionChange.emit(ev);\n // Forward to each step that just became selected so consumer can react.\n const step = this.steps()[ev.selectedIndex];\n step?.selectChange.emit();\n }\n}\n","<mat-stepper\n class=\"sd-stepper\"\n [(selectedIndex)]=\"selectedIndex\"\n [linear]=\"linear()\"\n [orientation]=\"orientation()\"\n [labelPosition]=\"labelPosition()\"\n [headerPosition]=\"headerPosition()\"\n [animationDuration]=\"animationDuration()\"\n [disableRipple]=\"disableRipple()\"\n (selectionChange)=\"onSelectionChange($event)\">\n @for (step of steps(); track step; let i = $index) {\n <mat-step\n [stepControl]=\"step.stepControl() ?? undefined!\"\n [optional]=\"step.optional()\"\n [editable]=\"step.editable()\"\n [state]=\"step.state() ?? ''\"\n [errorMessage]=\"step.errorMessage() ?? ''\">\n <ng-template matStepLabel>\n <span class=\"sd-step__label\">\n @if (step.icon(); as ic) {\n <mat-icon class=\"sd-step__icon\">{{ ic }}</mat-icon>\n }\n <span class=\"sd-step__text\">{{ step.label() }}</span>\n </span>\n </ng-template>\n\n <ng-template matStepContent>\n <ng-container [ngTemplateOutlet]=\"step.bodyTpl()\"></ng-container>\n </ng-template>\n </mat-step>\n }\n</mat-stepper>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"sdcorejs-angular-components-stepper.mjs","sources":["../../../projects/sdcorejs-angular/components/stepper/src/step.component.ts","../../../projects/sdcorejs-angular/components/stepper/src/stepper.component.ts","../../../projects/sdcorejs-angular/components/stepper/src/stepper.component.html","../../../projects/sdcorejs-angular/components/stepper/sdcorejs-angular-components-stepper.ts"],"sourcesContent":["import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n input,\n output,\n TemplateRef,\n viewChild,\n} from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\n\nexport type SdStepState = 'pending' | 'active' | 'completed' | 'error' | string;\n\n@Component({\n selector: 'sd-step',\n standalone: true,\n // why: identical pattern to <sd-tab> — capture projected content via #body\n // template ref so <sd-stepper> can render it inside mat-step's matStepContent\n // (lazy mount + animation-friendly).\n template: `<ng-template #body><ng-content></ng-content></ng-template>`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SdStep {\n label = input.required<string>();\n // Optional Material icon name shown when the step is in 'pending' state\n // (overrides the default numbered indicator).\n icon = input<string | null | undefined>(undefined);\n // Set true to mark the step skippable in linear mode.\n optional = input(false, { transform: booleanAttribute });\n // When false, user cannot return to this step after it's been completed.\n editable = input(true, { transform: booleanAttribute });\n // Reactive form / control. When the stepper is linear, the user can only\n // proceed past this step once stepControl.valid is true.\n stepControl = input<AbstractControl | null | undefined>(undefined);\n // Override the auto-derived state (eg force 'error' from outside on async validation).\n state = input<SdStepState | undefined>(undefined);\n // Error message rendered next to the step header when state is 'error'.\n errorMessage = input<string | undefined>(undefined);\n\n // Emitted when this step transitions to selected.\n selectChange = output<void>();\n\n // Body template captured from projected <ng-content>.\n bodyTpl = viewChild.required<TemplateRef<unknown>>('body');\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n contentChildren,\n effect,\n HostBinding,\n input,\n model,\n output,\n untracked,\n viewChild,\n} from '@angular/core';\nimport { StepperSelectionEvent } from '@angular/cdk/stepper';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatStepperModule, MatStepper } from '@angular/material/stepper';\nimport { Color } from '@sdcorejs/utils/models';\nimport { SdStep } from './step.component';\n\n@Component({\n selector: 'sd-stepper',\n standalone: true,\n imports: [MatStepperModule, MatIconModule, NgTemplateOutlet],\n templateUrl: './stepper.component.html',\n styleUrls: ['./stepper.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SdStepper {\n steps = contentChildren(SdStep);\n\n selectedIndex = model<number>(0);\n // why: enforce sequential gating — only valid steps unlock the next.\n linear = input(false, { transform: booleanAttribute });\n orientation = input<'horizontal' | 'vertical'>('horizontal');\n labelPosition = input<'end' | 'bottom'>('end');\n headerPosition = input<'top' | 'bottom'>('top');\n animationDuration = input<string>('500ms');\n disableRipple = input(false, { transform: booleanAttribute });\n // Drives the Core color CSS vars on indicators / connector / line.\n color = input<Color>('primary');\n autoId = input<string | undefined>(undefined);\n\n // Emits {previousIndex, selectedIndex, previousStep, selectedStep}.\n selectionChange = output<StepperSelectionEvent>();\n\n protected matStepper = viewChild(MatStepper);\n\n @HostBinding('attr.data-autoId') get autoIdAttr(): string | null {\n return this.autoId() ?? null;\n }\n\n // Core color CSS vars — same mechanism as <sd-tab-group>.\n @HostBinding('style.--sd-stepper-active-color') get cssActive(): string {\n return `var(--sd-${this.color()})`;\n }\n @HostBinding('style.--sd-stepper-active-bg') get cssActiveBg(): string {\n return `var(--sd-${this.color()})`;\n }\n @HostBinding('style.--sd-stepper-completed-color') get cssCompleted(): string {\n return `var(--sd-${this.color()})`;\n }\n @HostBinding('style.--sd-stepper-line-active-color') get cssLine(): string {\n return `var(--sd-${this.color()})`;\n }\n\n constructor() {\n // why: clamp selectedIndex when a step is removed past the active one.\n effect(() => {\n const len = this.steps().length;\n const cur = untracked(() => this.selectedIndex());\n if (len > 0 && cur >= len) {\n this.selectedIndex.set(Math.max(0, len - 1));\n }\n });\n }\n\n next(): void {\n this.matStepper()?.next();\n }\n\n previous(): void {\n this.matStepper()?.previous();\n }\n\n reset(): void {\n this.matStepper()?.reset();\n }\n\n goTo(index: number): void {\n const len = this.steps().length;\n if (len === 0) {\n this.selectedIndex.set(0);\n return;\n }\n this.selectedIndex.set(Math.max(0, Math.min(index, len - 1)));\n }\n\n protected onSelectionChange(ev: StepperSelectionEvent): void {\n this.selectionChange.emit(ev);\n // Forward to each step that just became selected so consumer can react.\n const step = this.steps()[ev.selectedIndex];\n step?.selectChange.emit();\n }\n}\n","<mat-stepper\n class=\"sd-stepper\"\n [(selectedIndex)]=\"selectedIndex\"\n [linear]=\"linear()\"\n [orientation]=\"orientation()\"\n [labelPosition]=\"labelPosition()\"\n [headerPosition]=\"headerPosition()\"\n [animationDuration]=\"animationDuration()\"\n [disableRipple]=\"disableRipple()\"\n (selectionChange)=\"onSelectionChange($event)\">\n @for (step of steps(); track step; let i = $index) {\n <mat-step\n [stepControl]=\"step.stepControl() ?? undefined!\"\n [optional]=\"step.optional()\"\n [editable]=\"step.editable()\"\n [state]=\"step.state() ?? ''\"\n [errorMessage]=\"step.errorMessage() ?? ''\">\n <ng-template matStepLabel>\n <span class=\"sd-step__label\">\n @if (step.icon(); as ic) {\n <mat-icon class=\"sd-step__icon\">{{ ic }}</mat-icon>\n }\n <span class=\"sd-step__text\">{{ step.label() }}</span>\n </span>\n </ng-template>\n\n <ng-template matStepContent>\n <ng-container [ngTemplateOutlet]=\"step.bodyTpl()\"></ng-container>\n </ng-template>\n </mat-step>\n }\n</mat-stepper>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,6 @@ import * as i2 from '@angular/material/icon';
|
|
|
5
5
|
import { MatIconModule } from '@angular/material/icon';
|
|
6
6
|
import * as i1 from '@angular/material/tabs';
|
|
7
7
|
import { MatTabGroup, MatTabsModule } from '@angular/material/tabs';
|
|
8
|
-
import { SdBaseSecureComponent } from '@sdcorejs/angular/components/base';
|
|
9
8
|
|
|
10
9
|
class SdTab {
|
|
11
10
|
label = input.required();
|
|
@@ -32,7 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
32
31
|
}]
|
|
33
32
|
}] });
|
|
34
33
|
|
|
35
|
-
class SdTabGroup
|
|
34
|
+
class SdTabGroup {
|
|
36
35
|
tabs = contentChildren(SdTab);
|
|
37
36
|
selectedIndex = model(0);
|
|
38
37
|
// why: visual style preset. 'line' = Material default (underline ink-bar);
|
|
@@ -78,7 +77,6 @@ class SdTabGroup extends SdBaseSecureComponent {
|
|
|
78
77
|
return `var(--sd-${this.color()})`;
|
|
79
78
|
}
|
|
80
79
|
constructor() {
|
|
81
|
-
super();
|
|
82
80
|
// why: when the active tab is removed (e.g. parent splices the tabs array),
|
|
83
81
|
// selectedIndex may point past the end. Clamp it back to the last valid index
|
|
84
82
|
// so MatTabGroup doesn't render with a stale selection.
|
|
@@ -109,7 +107,7 @@ class SdTabGroup extends SdBaseSecureComponent {
|
|
|
109
107
|
this.tabClosed.emit({ index, tab });
|
|
110
108
|
}
|
|
111
109
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdTabGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
112
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdTabGroup, isStandalone: true, selector: "sd-tab-group", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, alignTabs: { classPropertyName: "alignTabs", publicName: "alignTabs", isSignal: true, isRequired: false, transformFunction: null }, stretchTabs: { classPropertyName: "stretchTabs", publicName: "stretchTabs", isSignal: true, isRequired: false, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, dynamicHeight: { classPropertyName: "dynamicHeight", publicName: "dynamicHeight", isSignal: true, isRequired: false, transformFunction: null }, autoId: { classPropertyName: "autoId", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", tabClosed: "tabClosed" }, host: { properties: { "attr.data-autoId": "this.autoIdAttr", "class.sd-tab-group--pills": "this.isPills", "class.sd-tab-group--segmented": "this.isSegmented", "style.--sd-tab-indicator-color": "this.cssIndicator", "style.--sd-tab-label-active-color": "this.cssActive", "style.--sd-tab-badge-bg": "this.cssBadgeBg", "style.--sd-tab-badge-color": "this.cssBadgeColor" } }, queries: [{ propertyName: "tabs", predicate: SdTab, isSignal: true }], viewQueries: [{ propertyName: "matTabGroup", first: true, predicate: MatTabGroup, descendants: true, isSignal: true }],
|
|
110
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdTabGroup, isStandalone: true, selector: "sd-tab-group", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, alignTabs: { classPropertyName: "alignTabs", publicName: "alignTabs", isSignal: true, isRequired: false, transformFunction: null }, stretchTabs: { classPropertyName: "stretchTabs", publicName: "stretchTabs", isSignal: true, isRequired: false, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, dynamicHeight: { classPropertyName: "dynamicHeight", publicName: "dynamicHeight", isSignal: true, isRequired: false, transformFunction: null }, autoId: { classPropertyName: "autoId", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", tabClosed: "tabClosed" }, host: { properties: { "attr.data-autoId": "this.autoIdAttr", "class.sd-tab-group--pills": "this.isPills", "class.sd-tab-group--segmented": "this.isSegmented", "style.--sd-tab-indicator-color": "this.cssIndicator", "style.--sd-tab-label-active-color": "this.cssActive", "style.--sd-tab-badge-bg": "this.cssBadgeBg", "style.--sd-tab-badge-color": "this.cssBadgeColor" } }, queries: [{ propertyName: "tabs", predicate: SdTab, isSignal: true }], viewQueries: [{ propertyName: "matTabGroup", first: true, predicate: MatTabGroup, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-tab-group\n class=\"sd-tab-group\"\n [(selectedIndex)]=\"selectedIndex\"\n [headerPosition]=\"headerPosition()\"\n [mat-align-tabs]=\"alignTabs()\"\n [mat-stretch-tabs]=\"stretchTabs()\"\n [animationDuration]=\"animationDuration()\"\n [disableRipple]=\"disableRipple()\"\n [dynamicHeight]=\"dynamicHeight()\">\n @for (tab of tabs(); track tab; let i = $index) {\n <mat-tab [disabled]=\"tab.disabled()\">\n <ng-template mat-tab-label>\n <span class=\"sd-tab__label\">\n @if (tab.icon(); as ic) {\n <mat-icon class=\"sd-tab__icon\">{{ ic }}</mat-icon>\n }\n <span class=\"sd-tab__text\">{{ tab.label() }}</span>\n @let _badge = tab.badge();\n @if (_badge !== null && _badge !== undefined) {\n <span class=\"sd-tab__badge\">{{ _badge }}</span>\n }\n @if (tab.closable()) {\n <mat-icon\n class=\"sd-tab__close\"\n role=\"button\"\n aria-label=\"Close tab\"\n (click)=\"onClose(tab, i, $event)\">\n close\n </mat-icon>\n }\n </span>\n </ng-template>\n\n <ng-template matTabContent>\n <ng-container [ngTemplateOutlet]=\"tab.bodyTpl()\"></ng-container>\n </ng-template>\n </mat-tab>\n }\n</mat-tab-group>\n", styles: [":host{display:block;--sd-tab-label-color: var(--sd-text-primary, #1a1a1a);--sd-tab-label-active-color: var(--sd-color-primary, #1565c0);--sd-tab-indicator-color: var(--sd-color-primary, #1565c0);--sd-tab-disabled-opacity: .5;--sd-tab-badge-bg: var(--sd-color-primary-light, #e8f0ff);--sd-tab-badge-color: var(--sd-color-primary, #1565c0);--sd-tab-badge-radius: 10px;--sd-tab-badge-padding: 0 6px;--sd-tab-badge-min-width: 18px;--sd-tab-close-color: var(--sd-text-secondary, #6b6b6b);--sd-tab-close-hover-color: var(--sd-color-error, #d32f2f)}.sd-tab__label{display:inline-flex;align-items:center;gap:4px}.sd-tab__icon{font-size:18px;width:18px;height:18px;line-height:18px}.sd-tab__text{white-space:nowrap}.sd-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sd-tab-badge-min-width);height:18px;padding:var(--sd-tab-badge-padding);font-size:11px;font-weight:500;line-height:1;color:var(--sd-tab-badge-color);background:var(--sd-tab-badge-bg);border-radius:var(--sd-tab-badge-radius);margin-left:2px}.sd-tab__close{font-size:16px;width:16px;height:16px;line-height:16px;color:var(--sd-tab-close-color);cursor:pointer;opacity:.6;margin-left:4px;transition:opacity .12s ease,color .12s ease}.sd-tab__close:hover{opacity:1;color:var(--sd-tab-close-hover-color)}:host ::ng-deep .mat-mdc-tab .mdc-tab-indicator__content--underline{border-color:var(--sd-tab-indicator-color)}:host ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__ripple:before,:host ::ng-deep .mat-mdc-tab.mdc-tab--active:before{background-color:transparent!important;opacity:0!important}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab-indicator{display:none}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-label-container,:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-header{border-bottom:none!important}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-header{min-height:36px}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-labels{gap:4px;padding:2px 0}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab{min-width:0;height:32px;padding:0 14px;border-radius:999px;flex-grow:0!important;flex-basis:auto!important;background:transparent;transition:background-color .12s ease,color .12s ease}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled){background:var(--sd-tab-badge-bg)}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab__text-label{color:var(--sd-tab-label-color);font-weight:500}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab__content{height:100%}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active{background:var(--sd-tab-label-active-color)}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#fff}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active:hover:not(.mat-mdc-tab-disabled){box-shadow:inset 0 0 0 9999px #0000001f}:host(.sd-tab-group--pills) ::ng-deep .sd-tab__label .sd-tab__icon{color:inherit}:host(.sd-tab-group--pills) ::ng-deep .sd-tab__label .sd-tab__badge{background:#ffffff40;color:inherit}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab:not(.mdc-tab--active) .sd-tab__label .sd-tab__badge{background:var(--sd-tab-badge-bg);color:var(--sd-tab-badge-color)}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab .mdc-tab-indicator{display:none}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-label-container,:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-header{border-bottom:none!important}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-header{display:inline-flex;min-height:34px;background:#f0f3f7;border-radius:8px;padding:3px}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-labels{gap:0}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab{min-width:0;height:28px;padding:0 14px;border-radius:6px;flex-grow:0!important;flex-basis:auto!important;background:transparent;transition:background-color .12s ease,box-shadow .12s ease}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled):not(.mdc-tab--active){background:#0000000a}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab .mdc-tab__text-label{color:var(--sd-tab-label-color);font-weight:500;font-size:13px}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active{background:#fff;box-shadow:0 1px 3px #00000014}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--sd-tab-label-active-color);font-weight:600}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active:hover:not(.mat-mdc-tab-disabled){background:#fff;box-shadow:0 1px 4px #0000001f}\n"], dependencies: [{ kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i1.MatTabContent, selector: "[matTabContent]" }, { kind: "directive", type: i1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
113
111
|
}
|
|
114
112
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdTabGroup, decorators: [{
|
|
115
113
|
type: Component,
|