npm - @sdcorejs/angular - Versions diffs - 20.0.5 → 20.0.7 - Mend

@sdcorejs/angular 20.0.5 → 20.0.7

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.

Files changed (84) hide show

package/fesm2022/sdcorejs-angular-components-splitter.mjs.map CHANGED Viewed

	@@ -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, 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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"}
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 pxBudgetDelta = (prev.unit === 'px' ? delta : 0) + (next.unit === 'px' ? -delta : 0);\n const nextFlexBudgetPx = Math.max(flexBudgetPx - pxBudgetDelta, 0);\n const liveNext = new Map(this.liveSizes());\n liveNext.set(prev.id, this.#pxToLiveSize(prev, prevSize, newPrevPx, nextFlexBudgetPx, totalFlexWeight));\n liveNext.set(next.id, this.#pxToLiveSize(next, nextSize, newNextPx, nextFlexBudgetPx, totalFlexWeight));\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 #pxToLiveSize(\n meta: ResolvedPanelMeta,\n currentSize: number,\n nextPx: number,\n nextFlexBudgetPx: number,\n totalFlexWeight: number,\n ): number {\n if (meta.unit === 'px') return nextPx;\n if (nextFlexBudgetPx <= NEAR_ZERO \|\| totalFlexWeight <= NEAR_ZERO) {\n // A flex pane can be visually 0px because sibling px panes consume the whole\n // container. Keep a positive weight so dragging back has a stable anchor.\n return Math.max(currentSize, meta.lastSize, meta.declaredSize, meta.minSize, NEAR_ZERO);\n }\n if (nextPx <= 0) return 0;\n return (nextPx * totalFlexWeight) / nextFlexBudgetPx;\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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"}

package/fesm2022/sdcorejs-angular-components-stepper.mjs CHANGED Viewed

@@ -26,10 +26,10 @@ class SdStep {
     selectChange = output();
     // Body template captured from projected <ng-content>.
     bodyTpl = viewChild.required('body');
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdStep, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.24", type: SdStep, isStandalone: true, selector: "sd-step", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "optional", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, stepControl: { classPropertyName: "stepControl", publicName: "stepControl", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectChange: "selectChange" }, viewQueries: [{ propertyName: "bodyTpl", first: true, predicate: ["body"], descendants: true, isSignal: true }], ngImport: i0, template: `<ng-template #body><ng-content></ng-content></ng-template>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdStep, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.25", type: SdStep, isStandalone: true, selector: "sd-step", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "optional", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, stepControl: { classPropertyName: "stepControl", publicName: "stepControl", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectChange: "selectChange" }, viewQueries: [{ propertyName: "bodyTpl", first: true, predicate: ["body"], descendants: true, isSignal: true }], ngImport: i0, template: `<ng-template #body><ng-content></ng-content></ng-template>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdStep, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdStep, decorators: [{
             type: Component,
             args: [{
                     selector: 'sd-step',
@@ -107,10 +107,10 @@ class SdStepper {
         const step = this.steps()[ev.selectedIndex];
         step?.selectChange.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdStepper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdStepper, decorators: [{
             type: Component,
             args: [{ selector: 'sd-stepper', standalone: true, imports: [MatStepperModule, MatIconModule, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
         }], ctorParameters: () => [], propDecorators: { steps: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdStep), { isSignal: true }] }], selectedIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIndex", required: false }] }, { type: i0.Output, args: ["selectedIndexChange"] }], linear: [{ type: i0.Input, args: [{ isSignal: true, alias: "linear", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], labelPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPosition", required: false }] }], headerPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerPosition", required: false }] }], animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: false }] }], disableRipple: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRipple", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], autoId: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoId", required: false }] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], matStepper: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatStepper), { isSignal: true }] }], autoIdAttr: [{

package/fesm2022/sdcorejs-angular-components-tab-router.mjs CHANGED Viewed

@@ -105,10 +105,10 @@ class SdTabRouterService {
     };
     // Gọi hàm này để thực hiện update tab
     updateTab = (tab) => { };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabRouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabRouterService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabRouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabRouterService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabRouterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabRouterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -120,10 +120,10 @@ class SdTabDecoratorService {
     constructor(tabRouterService) {
         SdTabDecoratorService.tabRouterService.next(tabRouterService);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabDecoratorService, deps: [{ token: SdTabRouterService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabDecoratorService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabDecoratorService, deps: [{ token: SdTabRouterService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabDecoratorService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabDecoratorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabDecoratorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -155,10 +155,10 @@ class SdTabInfoPipe {
             icon: undefined,
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabInfoPipe, deps: [{ token: SdTabRouterService }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.24", ngImport: i0, type: SdTabInfoPipe, isStandalone: true, name: "sdTabInfo" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabInfoPipe, deps: [{ token: SdTabRouterService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: SdTabInfoPipe, isStandalone: true, name: "sdTabInfo" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabInfoPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabInfoPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'sdTabInfo',
@@ -237,10 +237,10 @@ class SdTabRouterItemComponent {
             this.tabRouterService.close(this.tab);
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabRouterItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SdTabRouterService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: SdTabRouterItemComponent, isStandalone: true, selector: "sd-tab-router-item", inputs: { tab: "tab" }, ngImport: i0, template: "<a\n  [href]=\"[tab.url]\"\n  class=\"tab-router__item d-flex align-items-center gap-8\"\n  [class.tab-router__item--active]=\"tab.isActive\"\n  (click)=\"onTabClick($event)\"\n  (mousedown)=\"onMousedown($event)\"\n  (mouseup)=\"onMouseup($event)\">\n  @let info = tabInfo | sdTabInfo: tab;\n  @if (info) {\n    <sd-badge\n      style=\"overflow: hidden;white-space: nowrap;\"\n      [icon]=\"info.icon\"\n      [title]=\"info.icon\"\n      [tooltip]=\"info.tooltip || info.name\"\n      [title]=\"info.name\"\n      [color]=\"info.color\"\n      (click)=\"onTabClick($event)\"></sd-badge>\n    <button\n      aria-hidden=\"true\"\n      class=\"tab-router__close d-flex align-items-center justify-content-center ml-auto p-0\"\n      (click)=\"close($event)\"\n      (mousedown)=\"$event.stopPropagation()\">\n      <mat-icon aria-hidden=\"true\" fontIcon=\"close\"></mat-icon>\n    </button>\n  }\n</a>\n", styles: [":host{display:block;overflow:hidden;position:relative;flex:1 1 64px;max-width:240px}:host:after{content:\"\";position:absolute;right:0;top:0;bottom:0;height:16px;width:1px;background:#dde0e5;margin:auto}:host:last-child:after{content:none}:host::ng-deep .tab-router__item sd-badge .c-badge-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:184px}.flex-1{flex:1}.tab-router__icon{background-color:#5c6bc0;width:16px;height:16px;line-height:16px;text-align:center;font-size:10px;color:#fff;border-radius:2px;text-transform:uppercase}.tab-router__icon .mat-icon{height:10px;width:10px;font-size:10px}.tab-router__close{color:#757575;outline:none;border:0;background:none;border-radius:50%;height:16px;width:16px}.tab-router__close:hover{background-color:#0000001f}.tab-router__close .mat-icon{font-size:12px;height:12px;width:12px}.tab-router__item{background:#f2f3f4;padding:8px;color:inherit;text-decoration:none;font-size:12px;line-height:16px;overflow:hidden}.tab-router__item:hover{background-color:#fff}.tab-router__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-router__item--active{border-radius:8px 8px 0 0;background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: SdBadge, selector: "sd-badge", inputs: ["type", "color", "primary", "secondary", "success", "info", "warning", "error", "fontSet", "title", "description", "tooltip", "icon", "size"], outputs: ["click"] }, { kind: "pipe", type: SdTabInfoPipe, name: "sdTabInfo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabRouterItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SdTabRouterService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SdTabRouterItemComponent, isStandalone: true, selector: "sd-tab-router-item", inputs: { tab: "tab" }, ngImport: i0, template: "<a\n  [href]=\"[tab.url]\"\n  class=\"tab-router__item d-flex align-items-center gap-8\"\n  [class.tab-router__item--active]=\"tab.isActive\"\n  (click)=\"onTabClick($event)\"\n  (mousedown)=\"onMousedown($event)\"\n  (mouseup)=\"onMouseup($event)\">\n  @let info = tabInfo | sdTabInfo: tab;\n  @if (info) {\n    <sd-badge\n      style=\"overflow: hidden;white-space: nowrap;\"\n      [icon]=\"info.icon\"\n      [title]=\"info.icon\"\n      [tooltip]=\"info.tooltip || info.name\"\n      [title]=\"info.name\"\n      [color]=\"info.color\"\n      (click)=\"onTabClick($event)\"></sd-badge>\n    <button\n      aria-hidden=\"true\"\n      class=\"tab-router__close d-flex align-items-center justify-content-center ml-auto p-0\"\n      (click)=\"close($event)\"\n      (mousedown)=\"$event.stopPropagation()\">\n      <mat-icon aria-hidden=\"true\" fontIcon=\"close\"></mat-icon>\n    </button>\n  }\n</a>\n", styles: [":host{display:block;overflow:hidden;position:relative;flex:1 1 64px;max-width:240px}:host:after{content:\"\";position:absolute;right:0;top:0;bottom:0;height:16px;width:1px;background:#dde0e5;margin:auto}:host:last-child:after{content:none}:host::ng-deep .tab-router__item sd-badge .c-badge-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:184px}.flex-1{flex:1}.tab-router__icon{background-color:#5c6bc0;width:16px;height:16px;line-height:16px;text-align:center;font-size:10px;color:#fff;border-radius:2px;text-transform:uppercase}.tab-router__icon .mat-icon{height:10px;width:10px;font-size:10px}.tab-router__close{color:#757575;outline:none;border:0;background:none;border-radius:50%;height:16px;width:16px}.tab-router__close:hover{background-color:#0000001f}.tab-router__close .mat-icon{font-size:12px;height:12px;width:12px}.tab-router__item{background:#f2f3f4;padding:8px;color:inherit;text-decoration:none;font-size:12px;line-height:16px;overflow:hidden}.tab-router__item:hover{background-color:#fff}.tab-router__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-router__item--active{border-radius:8px 8px 0 0;background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: SdBadge, selector: "sd-badge", inputs: ["type", "color", "primary", "secondary", "success", "info", "warning", "error", "fontSet", "title", "description", "tooltip", "icon", "size"], outputs: ["click"] }, { kind: "pipe", type: SdTabInfoPipe, name: "sdTabInfo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabRouterItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabRouterItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sd-tab-router-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, MatIconModule, SdBadge, SdTabInfoPipe], template: "<a\n  [href]=\"[tab.url]\"\n  class=\"tab-router__item d-flex align-items-center gap-8\"\n  [class.tab-router__item--active]=\"tab.isActive\"\n  (click)=\"onTabClick($event)\"\n  (mousedown)=\"onMousedown($event)\"\n  (mouseup)=\"onMouseup($event)\">\n  @let info = tabInfo | sdTabInfo: tab;\n  @if (info) {\n    <sd-badge\n      style=\"overflow: hidden;white-space: nowrap;\"\n      [icon]=\"info.icon\"\n      [title]=\"info.icon\"\n      [tooltip]=\"info.tooltip || info.name\"\n      [title]=\"info.name\"\n      [color]=\"info.color\"\n      (click)=\"onTabClick($event)\"></sd-badge>\n    <button\n      aria-hidden=\"true\"\n      class=\"tab-router__close d-flex align-items-center justify-content-center ml-auto p-0\"\n      (click)=\"close($event)\"\n      (mousedown)=\"$event.stopPropagation()\">\n      <mat-icon aria-hidden=\"true\" fontIcon=\"close\"></mat-icon>\n    </button>\n  }\n</a>\n", styles: [":host{display:block;overflow:hidden;position:relative;flex:1 1 64px;max-width:240px}:host:after{content:\"\";position:absolute;right:0;top:0;bottom:0;height:16px;width:1px;background:#dde0e5;margin:auto}:host:last-child:after{content:none}:host::ng-deep .tab-router__item sd-badge .c-badge-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:184px}.flex-1{flex:1}.tab-router__icon{background-color:#5c6bc0;width:16px;height:16px;line-height:16px;text-align:center;font-size:10px;color:#fff;border-radius:2px;text-transform:uppercase}.tab-router__icon .mat-icon{height:10px;width:10px;font-size:10px}.tab-router__close{color:#757575;outline:none;border:0;background:none;border-radius:50%;height:16px;width:16px}.tab-router__close:hover{background-color:#0000001f}.tab-router__close .mat-icon{font-size:12px;height:12px;width:12px}.tab-router__item{background:#f2f3f4;padding:8px;color:inherit;text-decoration:none;font-size:12px;line-height:16px;overflow:hidden}.tab-router__item:hover{background-color:#fff}.tab-router__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-router__item--active{border-radius:8px 8px 0 0;background-color:#fff}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: SdTabRouterService }, { type: i2.Router }], propDecorators: { tab: [{
@@ -277,10 +277,10 @@ class SdTabRouterNavComponent {
     onDrop = (event) => {
         moveItemInArray(this.tabs(), event.previousIndex, event.currentIndex);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabRouterNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: SdTabRouterNavComponent, isStandalone: true, selector: "sd-tab-router-nav", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "tabRouterNav", first: true, predicate: ["tabRouterNav"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  #tabRouterNav\n  cdkDropList\n  cdkDropListLockAxis=\"x\"\n  cdkDropListOrientation=\"horizontal\"\n  (cdkDropListDropped)=\"onDrop($event)\"\n  class=\"tab-router__nav tab-router__nav--{{ mode }} d-flex align-items-center flex-nowrap\"\n  [class.d-none]=\"tabs().length > 1\">\n  @for (tab of tabs(); track tab.key) {\n    <sd-tab-router-item [tab]=\"tab\" cdkDrag [cdkDragBoundary]=\"elementRef.nativeElement\"></sd-tab-router-item>\n  }\n</div>\n", styles: [".tab-router__nav{background:#f9f9f9;overflow:hidden}.tab-router__nav--compact::ng-deep .tab-router__name{display:none}.tab-router__nav--compact::ng-deep .tab-router__icon{margin:0!important}.tab-router__nav--compact::ng-deep .tab-router__item--active{min-width:240px}.tab-router__nav--compact::ng-deep .tab-router__item--active .tab-router__icon{margin-right:8px!important}.tab-router__nav--compact::ng-deep .tab-router__item--active .tab-router__name{display:-webkit-box}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: SdTabRouterItemComponent, selector: "sd-tab-router-item", inputs: ["tab"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabRouterNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SdTabRouterNavComponent, isStandalone: true, selector: "sd-tab-router-nav", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "tabRouterNav", first: true, predicate: ["tabRouterNav"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  #tabRouterNav\n  cdkDropList\n  cdkDropListLockAxis=\"x\"\n  cdkDropListOrientation=\"horizontal\"\n  (cdkDropListDropped)=\"onDrop($event)\"\n  class=\"tab-router__nav tab-router__nav--{{ mode }} d-flex align-items-center flex-nowrap\"\n  [class.d-none]=\"tabs().length > 1\">\n  @for (tab of tabs(); track tab.key) {\n    <sd-tab-router-item [tab]=\"tab\" cdkDrag [cdkDragBoundary]=\"elementRef.nativeElement\"></sd-tab-router-item>\n  }\n</div>\n", styles: [".tab-router__nav{background:#f9f9f9;overflow:hidden}.tab-router__nav--compact::ng-deep .tab-router__name{display:none}.tab-router__nav--compact::ng-deep .tab-router__icon{margin:0!important}.tab-router__nav--compact::ng-deep .tab-router__item--active{min-width:240px}.tab-router__nav--compact::ng-deep .tab-router__item--active .tab-router__icon{margin-right:8px!important}.tab-router__nav--compact::ng-deep .tab-router__item--active .tab-router__name{display:-webkit-box}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: SdTabRouterItemComponent, selector: "sd-tab-router-item", inputs: ["tab"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabRouterNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabRouterNavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sd-tab-router-nav', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, DragDropModule, SdTabRouterItemComponent], template: "<div\n  #tabRouterNav\n  cdkDropList\n  cdkDropListLockAxis=\"x\"\n  cdkDropListOrientation=\"horizontal\"\n  (cdkDropListDropped)=\"onDrop($event)\"\n  class=\"tab-router__nav tab-router__nav--{{ mode }} d-flex align-items-center flex-nowrap\"\n  [class.d-none]=\"tabs().length > 1\">\n  @for (tab of tabs(); track tab.key) {\n    <sd-tab-router-item [tab]=\"tab\" cdkDrag [cdkDragBoundary]=\"elementRef.nativeElement\"></sd-tab-router-item>\n  }\n</div>\n", styles: [".tab-router__nav{background:#f9f9f9;overflow:hidden}.tab-router__nav--compact::ng-deep .tab-router__name{display:none}.tab-router__nav--compact::ng-deep .tab-router__icon{margin:0!important}.tab-router__nav--compact::ng-deep .tab-router__item--active{min-width:240px}.tab-router__nav--compact::ng-deep .tab-router__item--active .tab-router__icon{margin-right:8px!important}.tab-router__nav--compact::ng-deep .tab-router__item--active .tab-router__name{display:-webkit-box}\n"] }]
         }], propDecorators: { tabRouterNav: [{ type: i0.ViewChild, args: ['tabRouterNav', { isSignal: true }] }], tabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabs", required: false }] }], onResize: [{
@@ -562,10 +562,10 @@ class SdTabRouterOutletComponent {
         }
         return null;
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabRouterOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: SdTabRouterOutletComponent, isStandalone: true, selector: "sd-tab-router-outlet", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "tabRouterNav", first: true, predicate: ["tabRouterNav"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (disabled()) {\n  <div class=\"tab-router__disabled-outlet\">\n    <router-outlet></router-outlet>\n  </div>\n} @else {\n  <sd-tab-router-nav [tabs]=\"tabs()\" #tabRouterNav></sd-tab-router-nav>\n  <div class=\"tab-router__list\">\n    @for (tab of tabs(); track tab.key) {\n      <div class=\"tab-router__pane\" [class.active]=\"tab.isActive\" [id]=\"tab.key\">\n        <div class=\"tab-router__content\">\n          <ng-container *ngComponentOutlet=\"tab.component; injector: tab.injector\"></ng-container>\n        </div>\n      </div>\n    } @empty {\n      <div class=\"tab-router__empty\">\n      </div>\n    }\n  </div>\n}", styles: [":host{display:flex;flex-direction:column;width:100%;min-height:0;height:100vh}:host ::ng-deep .sd-loading{max-width:100%;max-height:100%}.tab-router__list{flex:1;min-height:0}.tab-router__disabled-outlet{flex:1;width:100%;min-height:0;overflow:auto}.tab-router__pane{display:none;position:relative;height:100%;width:100%}.tab-router__pane.active{display:block}.tab-router__content{position:absolute;inset:0;overflow:auto;height:100%;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: SdTabRouterNavComponent, selector: "sd-tab-router-nav", inputs: ["tabs"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabRouterOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SdTabRouterOutletComponent, isStandalone: true, selector: "sd-tab-router-outlet", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "tabRouterNav", first: true, predicate: ["tabRouterNav"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (disabled()) {\n  <div class=\"tab-router__disabled-outlet\">\n    <router-outlet></router-outlet>\n  </div>\n} @else {\n  <sd-tab-router-nav [tabs]=\"tabs()\" #tabRouterNav></sd-tab-router-nav>\n  <div class=\"tab-router__list\">\n    @for (tab of tabs(); track tab.key) {\n      <div class=\"tab-router__pane\" [class.active]=\"tab.isActive\" [id]=\"tab.key\">\n        <div class=\"tab-router__content\">\n          <ng-container *ngComponentOutlet=\"tab.component; injector: tab.injector\"></ng-container>\n        </div>\n      </div>\n    } @empty {\n      <div class=\"tab-router__empty\">\n      </div>\n    }\n  </div>\n}", styles: [":host{display:flex;flex-direction:column;width:100%;min-height:0;height:100vh}:host ::ng-deep .sd-loading{max-width:100%;max-height:100%}.tab-router__list{flex:1;min-height:0}.tab-router__disabled-outlet{flex:1;width:100%;min-height:0;overflow:auto}.tab-router__pane{display:none;position:relative;height:100%;width:100%}.tab-router__pane.active{display:block}.tab-router__content{position:absolute;inset:0;overflow:auto;height:100%;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: SdTabRouterNavComponent, selector: "sd-tab-router-nav", inputs: ["tabs"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabRouterOutletComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabRouterOutletComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sd-tab-router-outlet', standalone: true, imports: [CommonModule, MatIconModule, MatTooltipModule, RouterOutlet, SdTabRouterNavComponent], template: "@if (disabled()) {\n  <div class=\"tab-router__disabled-outlet\">\n    <router-outlet></router-outlet>\n  </div>\n} @else {\n  <sd-tab-router-nav [tabs]=\"tabs()\" #tabRouterNav></sd-tab-router-nav>\n  <div class=\"tab-router__list\">\n    @for (tab of tabs(); track tab.key) {\n      <div class=\"tab-router__pane\" [class.active]=\"tab.isActive\" [id]=\"tab.key\">\n        <div class=\"tab-router__content\">\n          <ng-container *ngComponentOutlet=\"tab.component; injector: tab.injector\"></ng-container>\n        </div>\n      </div>\n    } @empty {\n      <div class=\"tab-router__empty\">\n      </div>\n    }\n  </div>\n}", styles: [":host{display:flex;flex-direction:column;width:100%;min-height:0;height:100vh}:host ::ng-deep .sd-loading{max-width:100%;max-height:100%}.tab-router__list{flex:1;min-height:0}.tab-router__disabled-outlet{flex:1;width:100%;min-height:0;overflow:auto}.tab-router__pane{display:none;position:relative;height:100%;width:100%}.tab-router__pane.active{display:block}.tab-router__content{position:absolute;inset:0;overflow:auto;height:100%;width:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], tabRouterNav: [{ type: i0.ViewChild, args: ['tabRouterNav', { isSignal: true }] }] } });

package/fesm2022/sdcorejs-angular-components-tab.mjs CHANGED Viewed

@@ -18,10 +18,10 @@ class SdTab {
     // If we projected raw ng-content into <mat-tab> directly, mat-tab would render
     // eagerly and lose the lazy-load behavior.
     bodyTpl = viewChild.required('body');
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTab, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.24", type: SdTab, isStandalone: true, selector: "sd-tab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, viewQueries: [{ propertyName: "bodyTpl", first: true, predicate: ["body"], descendants: true, isSignal: true }], ngImport: i0, template: `<ng-template #body><ng-content></ng-content></ng-template>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTab, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.25", type: SdTab, isStandalone: true, selector: "sd-tab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, viewQueries: [{ propertyName: "bodyTpl", first: true, predicate: ["body"], descendants: true, isSignal: true }], ngImport: i0, template: `<ng-template #body><ng-content></ng-content></ng-template>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTab, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTab, decorators: [{
             type: Component,
             args: [{
                     selector: 'sd-tab',
@@ -106,10 +106,10 @@ class SdTabGroup {
         tab.close.emit();
         this.tabClosed.emit({ index, tab });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: SdTabGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabGroup, decorators: [{
             type: Component,
             args: [{ selector: 'sd-tab-group', standalone: true, imports: [MatTabsModule, MatIconModule, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
         }], ctorParameters: () => [], propDecorators: { tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdTab), { isSignal: true }] }], selectedIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIndex", required: false }] }, { type: i0.Output, args: ["selectedIndexChange"] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], headerPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerPosition", required: false }] }], alignTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignTabs", required: false }] }], stretchTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "stretchTabs", required: false }] }], animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: false }] }], disableRipple: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRipple", required: false }] }], dynamicHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "dynamicHeight", required: false }] }], autoId: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoId", required: false }] }], tabClosed: [{ type: i0.Output, args: ["tabClosed"] }], matTabGroup: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatTabGroup), { isSignal: true }] }], autoIdAttr: [{