npm - @sdcorejs/angular - Versions diffs - 19.0.11 → 19.1.0 - Mend

@sdcorejs/angular 19.0.11 → 19.1.0

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 (123) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sdcorejs-angular-components-section.mjs","sources":["../../../projects/sdcorejs-angular/components/section/src/section.component.ts","../../../projects/sdcorejs-angular/components/section/src/section.component.html","../../../projects/sdcorejs-angular/components/section/src/section-item/section-item.component.ts","../../../projects/sdcorejs-angular/components/section/src/section-item/section-item.component.html","../../../projects/sdcorejs-angular/components/section/sdcorejs-angular-components-section.ts"],"sourcesContent":["import { booleanAttribute, Component, ~~computed,~~ effect, ElementRef, inject, input, model } from '@angular/core';\nimport { Color } from '@sdcorejs/utils/models';\nimport { SdIcon } from '@sdcorejs/angular/modules/icon';\n\n@Component({\n selector: 'sd-section',\n templateUrl: './section.component.html',\n styleUrl: './section.component.scss',\n imports: [SdIcon],\n})\nexport class SdSection {\n #el = inject(ElementRef);\n\n title = input<string \| undefined \| null>(undefined);\n subTitle = input<string \| undefined \| null>(undefined);\n icon = input<string \| undefined \| null>(undefined);\n iconColor = input<Color>('primary', { alias: 'iconColor' });\n\n collapsed = model<boolean>(false, { alias: 'collapsed' });\n collapsible = input(false, { transform: booleanAttribute });\n\n /** @deprecated Use `collapsible` instead. /\n collapsable = input(false, { transform: booleanAttribute });\n\n readonly isCollapsible = computed(() => this.collapsible() \|\| this.collapsable());\n\n hideHeader = input(false, { transform: booleanAttribute });\n ~~noPaddingBody = input(false, { transform: booleanAttribute });\n~~\n constructor() {\n effect(() => {\n if (this.title()) {\n this.#el.nativeElement.removeAttribute('title');\n }\n });\n }\n\n toggleCollapse = () => {\n if (this.~~isCollapsible~~()) {\n this.collapsed.set(!this.collapsed());\n } else {\n if (this.collapsed()) {\n this.collapsed.set(false);\n }\n }\n };\n}\n","@let _hideHeader = hideHeader();\n@let ~~_isCollapsible~~ = ~~isCollapsible~~();\n@let _collapsed = collapsed();\n@let _title = title();\n@let _subTitle = subTitle();\n@let _icon = icon();\n@let _iconColor = iconColor();\n~~@let _noPaddingBody = noPaddingBody();\n~~<div class=\"~~rounded~~-8 ~~bg-white\" [class.~~c-shadow-section~~]=\"!_collapsed~~\">\n @if (!_hideHeader) {\n <div\n class=\"d-~~flex align~~-~~items-center~~ ~~justify-content-between w-full px-16 py-8~~ cursor-pointer\"\n (click)=\"toggleCollapse()\"\n aria-hidden=\"true\">\n <div class=\"d-~~flex align~~-~~items~~-~~center~~\">\n <ng-content select=\"[sdHeaderLeft]\">\n @if (_icon) {\n <span\n class=\"mr-8 material-icons-outlined\"\n [class.text-primary]=\"_iconColor === 'primary'\"\n [class.text-secondary]=\"_iconColor === 'secondary'\"\n [class.text-error]=\"_iconColor === 'error'\"\n [class.text-warning]=\"_iconColor === 'warning'\"\n [class.text-success]=\"_iconColor === 'success'\">\n {{ _icon }}\n </span>\n }\n <div>\n @if (_title) {\n <div class=\"T16M\">{{ _title }}</div>\n }\n @if (_subTitle) {\n <div class=\"T12R text-secondary\">{{ _subTitle }}</div>\n }\n </div>\n </ng-content>\n </div>\n <div class=\"d-~~flex~~\">\n <ng-content select=\"[sdHeaderRight]\"></ng-content>\n @if (~~_isCollapsible~~) {\n <div class=\"d-flex align-items-center\">\n @if (_collapsed) {\n <sd-icon name=\"expand_more\"></sd-icon>\n } @else {\n <sd-icon name=\"expand_less\"></sd-icon>\n }\n </div>\n }\n </div>\n </div>\n }\n @if (!_collapsed \|\| _hideHeader) {\n ~~<!-- Nếu header bị ẩn thì không cần border top -->\n~~ <div [class~~.p-16]~~=\"~~!_noPaddingBody~~\" [class.c-no-~~padding-~~body~~]=\"_noPaddingBody\" [style.border~~-~~top~~]=\"_hideHeader ~~? 'none' : '1px solid #e6e6e6'~~\">\n <ng-content></ng-content>\n </div>\n }\n</div>\n","import { Component, input } from '@angular/core';\n\n@Component({\n selector: 'sd-section-item',\n templateUrl: './section-item.component.html',\n styleUrl: 'section-item.component.scss',\n standalone: true,\n})\nexport class SdSectionItem {\n label = input.required<string>();\n labelWidth = input<string, string \| null \| undefined>('150px', {\n transform: (val: any): string => {\n return val \|\| '150px';\n },\n });\n}\n","<div class=\"c-item\">\n <div class=\"T14R text-~~black400~~\" [style.width]=\"labelWidth()\">{{ label() }}</div>\n <div ~~style~~=\"~~flex: 1;\~~"><ng-content></ng-content></div>\n</div>","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;MAUa,SAAS,CAAA;AACpB,IAAA,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC;AAExB,IAAA,KAAK,GAAG,KAAK,CAA4B,SAAS,CAAC;AACnD,IAAA,QAAQ,GAAG,KAAK,CAA4B,SAAS,CAAC;AACtD,IAAA,IAAI,GAAG,KAAK,CAA4B,SAAS,CAAC;IAClD,SAAS,GAAG,KAAK,CAAQ,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;IAE3D,SAAS,GAAG,KAAK,CAAU,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;IACzD,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC~~;;IAG3D,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC~~;~~AAElD~~,~~IAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;IAEjF,~~UAAU,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;~~IAC1D~~,~~aAAa,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAE7D,~~IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE;gBAChB,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC;YACjD;AACF,QAAA,CAAC,CAAC;IACJ;IAEA,cAAc,GAAG,MAAK;AACpB,QAAA,IAAI,IAAI,CAAC,~~aAAa~~,EAAE,EAAE;~~YACxB~~,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;QACvC;aAAO;AACL,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;AACpB,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;YAC3B;QACF;AACF,IAAA,CAAC;~~wGAnCU~~,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,~~WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,~~UAAA,EAAA,~~aAAA,~~EAAA,~~QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,~~iBAAA,EAAA,~~IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,~~YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,~~aAAA,~~EAAA,~~EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,~~OAAA,EAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVtB,~~6mEA0DA~~,EAAA,MAAA,EAAA,CAAA,~~4OAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EDlDY~~,MAAM,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,KAAA,EAAA,SAAA,EAAA,MAAA,EAAA,aAAA,EAAA,qBAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAEL,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;+BACE,YAAY,EAAA,OAAA,EAGb,CAAC,MAAM,CAAC,EAAA,QAAA,EAAA,~~6mEAAA~~,EAAA,MAAA,EAAA,CAAA,~~4OAAA~~,CAAA,EAAA;;;MEAN,aAAa,CAAA;AACxB,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU;AAChC,IAAA,UAAU,GAAG,KAAK,CAAoC,OAAO,EAAE;AAC7D,QAAA,SAAS,EAAE,CAAC,GAAQ,KAAY;YAC9B,OAAO,GAAG,IAAI,OAAO;QACvB,CAAC;AACF,KAAA,CAAC;wGANS,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,qVCR1B,~~mLAGM~~,EAAA,MAAA,EAAA,CAAA,~~8JAAA~~,CAAA,EAAA,CAAA;;~~4FDKO~~,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,cAGf,IAAI,EAAA,QAAA,EAAA,~~mLAAA~~,EAAA,MAAA,EAAA,CAAA,~~8JAAA~~,CAAA,EAAA;;;AENlB;;AAEG;;;;"}
1	+ {"version":3,"file":"sdcorejs-angular-components-section.mjs","sources":["../../../projects/sdcorejs-angular/components/section/src/section.component.ts","../../../projects/sdcorejs-angular/components/section/src/section.component.html","../../../projects/sdcorejs-angular/components/section/src/section-item/section-item.component.ts","../../../projects/sdcorejs-angular/components/section/src/section-item/section-item.component.html","../../../projects/sdcorejs-angular/components/section/sdcorejs-angular-components-section.ts"],"sourcesContent":["import { booleanAttribute, Component, effect, ElementRef, inject, input, model } from '@angular/core';\nimport { Color } from '@sdcorejs/utils/models';\nimport { SdIcon } from '@sdcorejs/angular/modules/icon';\n\n@Component({\n selector: 'sd-section',\n templateUrl: './section.component.html',\n styleUrl: './section.component.scss',\n imports: [SdIcon],\n})\nexport class SdSection {\n #el = inject(ElementRef);\n\n title = input<string \| undefined \| null>(undefined);\n subTitle = input<string \| undefined \| null>(undefined);\n icon = input<string \| undefined \| null>(undefined);\n iconColor = input<Color>('primary', { alias: 'iconColor' });\n\n collapsed = model<boolean>(false, { alias: 'collapsed' });\n collapsible = input(false, { transform: booleanAttribute });\n\n hideHeader = input(false, { transform: booleanAttribute });\n\n constructor() {\n effect(() => {\n if (this.title()) {\n this.#el.nativeElement.removeAttribute('title');\n }\n });\n }\n\n toggleCollapse = () => {\n if (this.collapsible()) {\n this.collapsed.set(!this.collapsed());\n } else {\n if (this.collapsed()) {\n this.collapsed.set(false);\n }\n }\n };\n}\n","@let _hideHeader = hideHeader();\n@let _collapsible = collapsible();\n@let _collapsed = collapsed();\n@let _title = title();\n@let _subTitle = subTitle();\n@let _icon = icon();\n@let _iconColor = iconColor();\n<div class=\"sd-section c-shadow-section\">\n @if (!_hideHeader) {\n <div\n class=\"sd-section-header cursor-pointer\"\n (click)=\"toggleCollapse()\"\n aria-hidden=\"true\">\n <div class=\"sd-section-header-left\">\n <ng-content select=\"[sdHeaderLeft]\">\n @if (_icon) {\n <span\n class=\"mr-8 material-icons-outlined\"\n [class.text-primary]=\"_iconColor === 'primary'\"\n [class.text-secondary]=\"_iconColor === 'secondary'\"\n [class.text-error]=\"_iconColor === 'error'\"\n [class.text-warning]=\"_iconColor === 'warning'\"\n [class.text-success]=\"_iconColor === 'success'\">\n {{ _icon }}\n </span>\n }\n <div class=\"sd-section-title-block\">\n @if (_title) {\n <div class=\"sd-section-title T16M\">{{ _title }}</div>\n }\n @if (_subTitle) {\n <div class=\"sd-section-subtitle T12R text-secondary\">{{ _subTitle }}</div>\n }\n </div>\n </ng-content>\n </div>\n <div class=\"sd-section-header-right\">\n <ng-content select=\"[sdHeaderRight]\"></ng-content>\n @if (_collapsible) {\n <div class=\"d-flex align-items-center\">\n @if (_collapsed) {\n <sd-icon name=\"expand_more\"></sd-icon>\n } @else {\n <sd-icon name=\"expand_less\"></sd-icon>\n }\n </div>\n }\n </div>\n </div>\n }\n @if (!_collapsed \|\| _hideHeader) {\n <div class=\"sd-section-body\" [class.sd-section-body--with-header]=\"!_hideHeader\">\n <ng-content></ng-content>\n </div>\n }\n <div class=\"sd-section-footer\">\n <div class=\"sd-section-footer-left\"><ng-content select=\"[sdFooterLeft]\"></ng-content></div>\n <div class=\"sd-section-footer-right\"><ng-content select=\"[sdFooterRight]\"></ng-content></div>\n </div>\n</div>\n","import { Component, input } from '@angular/core';\n\n@Component({\n selector: 'sd-section-item',\n templateUrl: './section-item.component.html',\n styleUrl: 'section-item.component.scss',\n standalone: true,\n})\nexport class SdSectionItem {\n label = input.required<string>();\n labelWidth = input<string, string \| null \| undefined>('150px', {\n transform: (val: any): string => {\n return val \|\| '150px';\n },\n });\n}\n","<div class=\"c-item\">\n <div class=\"c-item-label T14R text-secondary\" [style.width]=\"labelWidth()\">{{ label() }}</div>\n <div class=\"c-item-content\"><ng-content></ng-content></div>\n</div>\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-side-drawer.mjs CHANGED Viewed

@@ -113,11 +113,11 @@ class SdSideDrawer {
         this.isHovered$ = merge(mouseEnter$, mouseLeave$).pipe(startWith(false), distinctUntilChanged(), takeUntil(this.#destroy$));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSideDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdSideDrawer, isStandalone: true, selector: "sd-side-drawer", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, hideClose: { classPropertyName: "hideClose", publicName: "hideClose", isSignal: true, isRequired: false, transformFunction: null }, disableBackdropClose: { classPropertyName: "disableBackdropClose", publicName: "disableBackdropClose", isSignal: true, isRequired: false, transformFunction: null }, drawerClass: { classPropertyName: "drawerClass", publicName: "drawerClass", isSignal: true, isRequired: false, transformFunction: null }, autoIdInput: { classPropertyName: "autoIdInput", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sdClosed: "sdClosed" }, viewQueries: [{ propertyName: "portal", first: true, predicate: CdkPortal, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template cdkPortal>\n  @let _isOpened = isOpened();\n  <div\n    [id]=\"id\"\n    class=\"sd-side-drawer\"\n    [ngStyle]=\"{ width: width() }\"\n    [ngClass]=\"drawerClass()\"\n    [class.sd-side-drawer-active]=\"_isOpened\"\n    [attr.data-autoId]=\"autoId()\"\n    [attr.data-opened]=\"dataOpened()\"\n    [attr.data-loading]=\"dataLoading()\"\n    #drawerContainer>\n    @if (_isOpened) {\n      <ng-container>\n        <div class=\"sd-side-drawer-header\">\n          <div class=\"sd-side-drawer-title\">\n            <ng-content select=\"[sdHeaderLeft]\">\n              {{ title() }}\n            </ng-content>\n          </div>\n          <div class=\"sd-side-drawer-header-actions\">\n            <ng-content select=\"[sdHeaderRight]\"></ng-content>\n            @if (!hideClose()) {\n              <button type=\"button\" class=\"sd-side-drawer-close-btn\" (click)=\"close()\" aria-label=\"Close\">\n                <sd-icon name=\"close\"></sd-icon>\n              </button>\n            }\n          </div>\n        </div>\n        @if (_isOpened) {\n          <div class=\"sd-side-drawer-body\">\n            <div class=\"sd-side-drawer-content\">\n              <ng-content></ng-content>\n            </div>\n          </div>\n        }\n        <div class=\"sd-side-drawer-footer\">\n          <ng-content select=\"[sdFooter]\"></ng-content>\n        </div>\n      </ng-container>\n    }\n  </div>\n  @if (_isOpened) {\n    <div\n      aria-hidden=\"true\"\n      class=\"sd-side-drawer-backdrop\"\n      (click)=\"disableBackdropClose() ? null : close()\"\n      (wheel)=\"preventScroll($event)\"\n      (touchmove)=\"preventScroll($event)\"></div>\n  }\n</ng-template>\n", styles: [".sd-side-drawer{position:fixed;right:0;top:0;bottom:0;background-color:#fff;z-index:999;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translate3d(100%,0,0);transition:all .3s ease-in-out;pointer-events:none;box-shadow:0 .4px .8px #0000001a,0 3px 6px #0003}.sd-side-drawer-active{opacity:1;visibility:visible;pointer-events:all;transform:translateZ(0)}.sd-side-drawer-header{min-height:64px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.sd-side-drawer-header-actions{display:flex;align-items:center;gap:8px}.sd-side-drawer-title{font-size:20px;line-height:28px;font-weight:500;flex:1;margin-right:16px}.sd-side-drawer-close-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--sd-black400);line-height:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color 80ms ease,color 80ms ease}.sd-side-drawer-close-btn:hover{background:var(--sd-black100);color:var(--sd-black500)}.sd-side-drawer-close-btn:active{background:var(--sd-black200)}.sd-side-drawer-close-btn:focus{outline:none}.sd-side-drawer-close-btn:focus-visible{outline:2px solid var(--sd-primary);outline-offset:2px}.sd-side-drawer-close-btn sd-icon{display:block;width:20px;height:20px;font-size:20px;line-height:20px}.sd-side-drawer-body{flex:1;position:relative}.sd-side-drawer-content{position:absolute;padding:0 16px 16px;inset:0;overflow:auto}.sd-side-drawer-footer{border-top:1px solid #dde0e5;padding:8px}.sd-side-drawer-backdrop{background-color:#0006;border:0;outline:none!important;position:fixed;inset:0;z-index:99;width:100%;height:100%;transition:all .3s ease-in-out}\n"], dependencies: [{ kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortal, selector: "[cdkPortal]", exportAs: ["cdkPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdSideDrawer, isStandalone: true, selector: "sd-side-drawer", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, hideClose: { classPropertyName: "hideClose", publicName: "hideClose", isSignal: true, isRequired: false, transformFunction: null }, disableBackdropClose: { classPropertyName: "disableBackdropClose", publicName: "disableBackdropClose", isSignal: true, isRequired: false, transformFunction: null }, drawerClass: { classPropertyName: "drawerClass", publicName: "drawerClass", isSignal: true, isRequired: false, transformFunction: null }, autoIdInput: { classPropertyName: "autoIdInput", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sdClosed: "sdClosed" }, viewQueries: [{ propertyName: "portal", first: true, predicate: CdkPortal, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template cdkPortal>\n  @let _isOpened = isOpened();\n  <div\n    [id]=\"id\"\n    class=\"sd-side-drawer\"\n    [ngStyle]=\"{ width: width() }\"\n    [ngClass]=\"drawerClass()\"\n    [class.sd-side-drawer-active]=\"_isOpened\"\n    [attr.data-autoId]=\"autoId()\"\n    [attr.data-opened]=\"dataOpened()\"\n    [attr.data-loading]=\"dataLoading()\"\n    #drawerContainer>\n    @if (_isOpened) {\n      <ng-container>\n        <div class=\"sd-side-drawer-header\">\n          <div class=\"sd-side-drawer-header-left\">\n            <ng-content select=\"[sdHeaderLeft]\">\n              <div class=\"sd-side-drawer-title\">{{ title() }}</div>\n            </ng-content>\n          </div>\n          <div class=\"sd-side-drawer-header-right\">\n            <ng-content select=\"[sdHeaderRight]\"></ng-content>\n            @if (!hideClose()) {\n              <button type=\"button\" class=\"sd-side-drawer-close-btn\" (click)=\"close()\" aria-label=\"Close\">\n                <sd-icon name=\"close\"></sd-icon>\n              </button>\n            }\n          </div>\n        </div>\n        @if (_isOpened) {\n          <div class=\"sd-side-drawer-body\">\n            <div class=\"sd-side-drawer-content\">\n              <ng-content></ng-content>\n            </div>\n          </div>\n        }\n        <div class=\"sd-side-drawer-footer\">\n          <div class=\"sd-side-drawer-footer-left\"><ng-content select=\"[sdFooterLeft]\"></ng-content></div>\n          <div class=\"sd-side-drawer-footer-right\"><ng-content select=\"[sdFooterRight]\"></ng-content></div>\n        </div>\n      </ng-container>\n    }\n  </div>\n  @if (_isOpened) {\n    <div\n      aria-hidden=\"true\"\n      class=\"sd-side-drawer-backdrop\"\n      (click)=\"disableBackdropClose() ? null : close()\"\n      (wheel)=\"preventScroll($event)\"\n      (touchmove)=\"preventScroll($event)\"></div>\n  }\n</ng-template>\n", styles: [".sd-side-drawer{--sd-side-drawer-inset: 10px;--sd-side-drawer-radius: var(--sd-overlay-radius, 24px);--sd-side-drawer-surface: var(--sd-surface, #fff);--sd-side-drawer-border: var(--sd-border, #dde0e5);--sd-side-drawer-shadow: 0 6px 18px rgba(15, 23, 42, .18), 0 1px 3px rgba(15, 23, 42, .12);position:fixed;right:var(--sd-side-drawer-inset);top:var(--sd-side-drawer-inset);bottom:var(--sd-side-drawer-inset);max-width:calc(100vw - var(--sd-side-drawer-inset) - var(--sd-side-drawer-inset));background-color:var(--sd-side-drawer-surface);color:var(--sd-text);z-index:999;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translate3d(calc(100% + var(--sd-side-drawer-inset)),0,0);transition:all .3s ease-in-out;pointer-events:none;overflow:hidden;border-radius:var(--sd-side-drawer-radius);box-shadow:var(--sd-side-drawer-shadow)}.sd-side-drawer-active{opacity:1;visibility:visible;pointer-events:all;transform:translateZ(0)}.sd-side-drawer-header{min-height:64px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.sd-side-drawer-header-left{display:flex;align-items:center;flex:1 1 auto;min-width:0}.sd-side-drawer-header-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.sd-side-drawer-title{font-size:20px;line-height:28px;font-weight:500;min-width:0}.sd-side-drawer-close-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--sd-text-secondary);line-height:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color 80ms ease,color 80ms ease}.sd-side-drawer-close-btn:hover{background:var(--sd-surface-muted);color:var(--sd-text)}.sd-side-drawer-close-btn:active{background:var(--sd-border)}.sd-side-drawer-close-btn:focus{outline:none}.sd-side-drawer-close-btn:focus-visible{outline:2px solid var(--sd-primary);outline-offset:2px}.sd-side-drawer-close-btn sd-icon{display:block;width:20px;height:20px;font-size:20px;line-height:20px}.sd-side-drawer-body{flex:1;position:relative}.sd-side-drawer-content{position:absolute;padding:0;inset:0;overflow:auto}.sd-side-drawer-footer{border-top:1px solid var(--sd-side-drawer-border);padding:16px;background-color:var(--sd-side-drawer-surface);display:flex;align-items:center;justify-content:space-between;gap:16px}.sd-side-drawer-footer-left,.sd-side-drawer-footer-right{display:flex;align-items:center;gap:8px;min-width:0}.sd-side-drawer-footer-left{flex:1 1 auto}.sd-side-drawer-footer-right{flex:0 0 auto;margin-left:auto;justify-content:flex-end}.sd-side-drawer-footer-left:empty,.sd-side-drawer-footer-right:empty{display:none}.sd-side-drawer-footer:has(.sd-side-drawer-footer-left:empty):has(.sd-side-drawer-footer-right:empty){display:none}.sd-side-drawer-backdrop{background-color:#0006;border:0;outline:none!important;position:fixed;inset:0;z-index:99;width:100%;height:100%;transition:all .3s ease-in-out}\n"], dependencies: [{ kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortal, selector: "[cdkPortal]", exportAs: ["cdkPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSideDrawer, decorators: [{
             type: Component,
-            args: [{ selector: 'sd-side-drawer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [SdIcon, CommonModule, PortalModule], template: "<ng-template cdkPortal>\n  @let _isOpened = isOpened();\n  <div\n    [id]=\"id\"\n    class=\"sd-side-drawer\"\n    [ngStyle]=\"{ width: width() }\"\n    [ngClass]=\"drawerClass()\"\n    [class.sd-side-drawer-active]=\"_isOpened\"\n    [attr.data-autoId]=\"autoId()\"\n    [attr.data-opened]=\"dataOpened()\"\n    [attr.data-loading]=\"dataLoading()\"\n    #drawerContainer>\n    @if (_isOpened) {\n      <ng-container>\n        <div class=\"sd-side-drawer-header\">\n          <div class=\"sd-side-drawer-title\">\n            <ng-content select=\"[sdHeaderLeft]\">\n              {{ title() }}\n            </ng-content>\n          </div>\n          <div class=\"sd-side-drawer-header-actions\">\n            <ng-content select=\"[sdHeaderRight]\"></ng-content>\n            @if (!hideClose()) {\n              <button type=\"button\" class=\"sd-side-drawer-close-btn\" (click)=\"close()\" aria-label=\"Close\">\n                <sd-icon name=\"close\"></sd-icon>\n              </button>\n            }\n          </div>\n        </div>\n        @if (_isOpened) {\n          <div class=\"sd-side-drawer-body\">\n            <div class=\"sd-side-drawer-content\">\n              <ng-content></ng-content>\n            </div>\n          </div>\n        }\n        <div class=\"sd-side-drawer-footer\">\n          <ng-content select=\"[sdFooter]\"></ng-content>\n        </div>\n      </ng-container>\n    }\n  </div>\n  @if (_isOpened) {\n    <div\n      aria-hidden=\"true\"\n      class=\"sd-side-drawer-backdrop\"\n      (click)=\"disableBackdropClose() ? null : close()\"\n      (wheel)=\"preventScroll($event)\"\n      (touchmove)=\"preventScroll($event)\"></div>\n  }\n</ng-template>\n", styles: [".sd-side-drawer{position:fixed;right:0;top:0;bottom:0;background-color:#fff;z-index:999;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translate3d(100%,0,0);transition:all .3s ease-in-out;pointer-events:none;box-shadow:0 .4px .8px #0000001a,0 3px 6px #0003}.sd-side-drawer-active{opacity:1;visibility:visible;pointer-events:all;transform:translateZ(0)}.sd-side-drawer-header{min-height:64px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.sd-side-drawer-header-actions{display:flex;align-items:center;gap:8px}.sd-side-drawer-title{font-size:20px;line-height:28px;font-weight:500;flex:1;margin-right:16px}.sd-side-drawer-close-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--sd-black400);line-height:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color 80ms ease,color 80ms ease}.sd-side-drawer-close-btn:hover{background:var(--sd-black100);color:var(--sd-black500)}.sd-side-drawer-close-btn:active{background:var(--sd-black200)}.sd-side-drawer-close-btn:focus{outline:none}.sd-side-drawer-close-btn:focus-visible{outline:2px solid var(--sd-primary);outline-offset:2px}.sd-side-drawer-close-btn sd-icon{display:block;width:20px;height:20px;font-size:20px;line-height:20px}.sd-side-drawer-body{flex:1;position:relative}.sd-side-drawer-content{position:absolute;padding:0 16px 16px;inset:0;overflow:auto}.sd-side-drawer-footer{border-top:1px solid #dde0e5;padding:8px}.sd-side-drawer-backdrop{background-color:#0006;border:0;outline:none!important;position:fixed;inset:0;z-index:99;width:100%;height:100%;transition:all .3s ease-in-out}\n"] }]
+            args: [{ selector: 'sd-side-drawer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [SdIcon, CommonModule, PortalModule], template: "<ng-template cdkPortal>\n  @let _isOpened = isOpened();\n  <div\n    [id]=\"id\"\n    class=\"sd-side-drawer\"\n    [ngStyle]=\"{ width: width() }\"\n    [ngClass]=\"drawerClass()\"\n    [class.sd-side-drawer-active]=\"_isOpened\"\n    [attr.data-autoId]=\"autoId()\"\n    [attr.data-opened]=\"dataOpened()\"\n    [attr.data-loading]=\"dataLoading()\"\n    #drawerContainer>\n    @if (_isOpened) {\n      <ng-container>\n        <div class=\"sd-side-drawer-header\">\n          <div class=\"sd-side-drawer-header-left\">\n            <ng-content select=\"[sdHeaderLeft]\">\n              <div class=\"sd-side-drawer-title\">{{ title() }}</div>\n            </ng-content>\n          </div>\n          <div class=\"sd-side-drawer-header-right\">\n            <ng-content select=\"[sdHeaderRight]\"></ng-content>\n            @if (!hideClose()) {\n              <button type=\"button\" class=\"sd-side-drawer-close-btn\" (click)=\"close()\" aria-label=\"Close\">\n                <sd-icon name=\"close\"></sd-icon>\n              </button>\n            }\n          </div>\n        </div>\n        @if (_isOpened) {\n          <div class=\"sd-side-drawer-body\">\n            <div class=\"sd-side-drawer-content\">\n              <ng-content></ng-content>\n            </div>\n          </div>\n        }\n        <div class=\"sd-side-drawer-footer\">\n          <div class=\"sd-side-drawer-footer-left\"><ng-content select=\"[sdFooterLeft]\"></ng-content></div>\n          <div class=\"sd-side-drawer-footer-right\"><ng-content select=\"[sdFooterRight]\"></ng-content></div>\n        </div>\n      </ng-container>\n    }\n  </div>\n  @if (_isOpened) {\n    <div\n      aria-hidden=\"true\"\n      class=\"sd-side-drawer-backdrop\"\n      (click)=\"disableBackdropClose() ? null : close()\"\n      (wheel)=\"preventScroll($event)\"\n      (touchmove)=\"preventScroll($event)\"></div>\n  }\n</ng-template>\n", styles: [".sd-side-drawer{--sd-side-drawer-inset: 10px;--sd-side-drawer-radius: var(--sd-overlay-radius, 24px);--sd-side-drawer-surface: var(--sd-surface, #fff);--sd-side-drawer-border: var(--sd-border, #dde0e5);--sd-side-drawer-shadow: 0 6px 18px rgba(15, 23, 42, .18), 0 1px 3px rgba(15, 23, 42, .12);position:fixed;right:var(--sd-side-drawer-inset);top:var(--sd-side-drawer-inset);bottom:var(--sd-side-drawer-inset);max-width:calc(100vw - var(--sd-side-drawer-inset) - var(--sd-side-drawer-inset));background-color:var(--sd-side-drawer-surface);color:var(--sd-text);z-index:999;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translate3d(calc(100% + var(--sd-side-drawer-inset)),0,0);transition:all .3s ease-in-out;pointer-events:none;overflow:hidden;border-radius:var(--sd-side-drawer-radius);box-shadow:var(--sd-side-drawer-shadow)}.sd-side-drawer-active{opacity:1;visibility:visible;pointer-events:all;transform:translateZ(0)}.sd-side-drawer-header{min-height:64px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.sd-side-drawer-header-left{display:flex;align-items:center;flex:1 1 auto;min-width:0}.sd-side-drawer-header-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.sd-side-drawer-title{font-size:20px;line-height:28px;font-weight:500;min-width:0}.sd-side-drawer-close-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--sd-text-secondary);line-height:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color 80ms ease,color 80ms ease}.sd-side-drawer-close-btn:hover{background:var(--sd-surface-muted);color:var(--sd-text)}.sd-side-drawer-close-btn:active{background:var(--sd-border)}.sd-side-drawer-close-btn:focus{outline:none}.sd-side-drawer-close-btn:focus-visible{outline:2px solid var(--sd-primary);outline-offset:2px}.sd-side-drawer-close-btn sd-icon{display:block;width:20px;height:20px;font-size:20px;line-height:20px}.sd-side-drawer-body{flex:1;position:relative}.sd-side-drawer-content{position:absolute;padding:0;inset:0;overflow:auto}.sd-side-drawer-footer{border-top:1px solid var(--sd-side-drawer-border);padding:16px;background-color:var(--sd-side-drawer-surface);display:flex;align-items:center;justify-content:space-between;gap:16px}.sd-side-drawer-footer-left,.sd-side-drawer-footer-right{display:flex;align-items:center;gap:8px;min-width:0}.sd-side-drawer-footer-left{flex:1 1 auto}.sd-side-drawer-footer-right{flex:0 0 auto;margin-left:auto;justify-content:flex-end}.sd-side-drawer-footer-left:empty,.sd-side-drawer-footer-right:empty{display:none}.sd-side-drawer-footer:has(.sd-side-drawer-footer-left:empty):has(.sd-side-drawer-footer-right:empty){display:none}.sd-side-drawer-backdrop{background-color:#0006;border:0;outline:none!important;position:fixed;inset:0;z-index:99;width:100%;height:100%;transition:all .3s ease-in-out}\n"] }]
         }], ctorParameters: () => [] });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sdcorejs-angular-components-side-drawer.mjs","sources":["../../../projects/sdcorejs-angular/components/side-drawer/src/side-drawer.component.ts","../../../projects/sdcorejs-angular/components/side-drawer/src/side-drawer.component.html","../../../projects/sdcorejs-angular/components/side-drawer/sdcorejs-angular-components-side-drawer.ts"],"sourcesContent":["import { CdkPortal, DomPortalOutlet, PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport {\n ApplicationRef,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n DestroyRef,\n EmbeddedViewRef,\n Injector,\n ViewContainerRef,\n afterNextRender,\n booleanAttribute,\n computed,\n inject,\n input,\n output,\n signal,\n viewChild,\n} from '@angular/core';\nimport { SdLoadingService } from '@sdcorejs/angular/services';\nimport { Utilities } from '@sdcorejs/utils/fns';\nimport { fromEvent, merge, Observable, Subject } from 'rxjs';\nimport { map, takeUntil, startWith, distinctUntilChanged } from 'rxjs/operators';\nimport { SdIcon } from '@sdcorejs/angular/modules/icon';\n\n@Component({\n selector: 'sd-side-drawer',\n templateUrl: './side-drawer.component.html',\n styleUrl: './side-drawer.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [SdIcon, CommonModule, PortalModule],\n})\nexport class SdSideDrawer {\n id = `I${Utilities.generateUuid()}`;\n\n portal = viewChild.required(CdkPortal);\n\n title = input<string>('');\n width = input<string>('480px');\n hideClose = input<boolean, boolean \| ''>(false, { transform: booleanAttribute });\n disableBackdropClose = input<boolean, boolean \| ''>(false, { transform: booleanAttribute });\n\n // Custom CSS class added to the root side-drawer container\n drawerClass = input<any>('');\n\n readonly autoIdInput = input<string \| undefined \| null>(undefined, { alias: 'autoId' });\n readonly autoId = computed(() => (this.autoIdInput() ? `components-side-drawer-${this.autoIdInput()}` : undefined));\n\n sdClosed = output<void>();\n\n #embeddedViewRef!: EmbeddedViewRef<any>;\n\n readonly #isOpenedSignal = signal(false);\n readonly #isLoadingSignal = signal(false);\n readonly isOpened = this.#isOpenedSignal.asReadonly();\n readonly isLoading = this.#isLoadingSignal.asReadonly();\n readonly dataOpened = computed(() => (this.#isOpenedSignal() ? 'true' : 'false'));\n readonly dataLoading = computed(() => (this.#isLoadingSignal() ? 'true' : 'false'));\n\n isHovered$!: Observable<boolean>;\n #destroy$ = new Subject<void>();\n #previousBodyOverflow: string \| null = null;\n\n #viewContainerRef = inject(ViewContainerRef);\n #ar = inject(ApplicationRef);\n #injector = inject(Injector);\n #ref = inject(ChangeDetectorRef);\n #loadingService = inject(SdLoadingService);\n #destroyRef = inject(DestroyRef);\n\n constructor() {\n // Thay thế ngAfterViewInit, tự động chạy nội dung này khi DOM sẵn sàng để render\n afterNextRender(() => {\n // 1. Gắn portal vào body và lưu lại EmbeddedViewRef\n const outlet = new DomPortalOutlet(document.body, this.#viewContainerRef, this.#ar, this.#injector);\n this.#embeddedViewRef = outlet.attachTemplatePortal(this.portal());\n\n // 2. Setup sự kiện hover ngay sau khi DOM thật đã được in ra\n this.#setupHoverSubscription();\n });\n\n // Thay thế ngOnDestroy bằng logic destroy trực tiếp\n this.#destroyRef.onDestroy(() => {\n this.#destroy$.next();\n this.#destroy$.complete();\n\n if (this.#embeddedViewRef) {\n this.#embeddedViewRef.destroy();\n }\n\n if (this.#isOpenedSignal()) {\n if (this.#previousBodyOverflow !== null) {\n document.body.style.overflow = this.#previousBodyOverflow;\n } else {\n document.body.style.overflow = '';\n }\n }\n });\n }\n\n open = () => {\n this.#ref.markForCheck();\n this.#isOpenedSignal.set(true);\n\n // Chặn scroll ở document body\n this.#previousBodyOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n };\n\n close = () => {\n this.#ref.markForCheck();\n this.#isOpenedSignal.set(false);\n this.sdClosed.emit();\n this.stopLoading();\n\n // Khôi phục lại scroll ở document body\n if (this.#previousBodyOverflow !== null) {\n document.body.style.overflow = this.#previousBodyOverflow;\n this.#previousBodyOverflow = null;\n } else {\n document.body.style.overflow = '';\n }\n };\n\n startLoading = () => {\n this.#isLoadingSignal.set(true);\n this.#loadingService.stop(`#${this.id}`);\n this.#loadingService.start(`#${this.id}`);\n };\n\n stopLoading = () => {\n this.#isLoadingSignal.set(false);\n this.#loadingService.stop(`#${this.id}`);\n };\n\n preventScroll = (event: Event) => {\n event.preventDefault();\n };\n\n #setupHoverSubscription(): void {\n if (!this.#embeddedViewRef) return;\n\n // 3. Lấy DOM element trực tiếp từ rootNodes của EmbeddedViewRef\n const rootNodes = this.#embeddedViewRef.rootNodes;\n const element = rootNodes.find(\n node => node.nodeType === Node.ELEMENT_NODE && (node as HTMLElement).classList?.contains('sd-side-drawer')\n );\n\n if (!element) {\n console.warn('SdSideDrawer: Cannot find sd-side-drawer element to attach hover event');\n return;\n }\n\n // 4. Gắn event listeners trực tiếp lên element thật\n const mouseEnter$ = fromEvent(element, 'mouseenter').pipe(map(() => true));\n const mouseLeave$ = fromEvent(element, 'mouseleave').pipe(map(() => false));\n\n this.isHovered$ = merge(mouseEnter$, mouseLeave$).pipe(startWith(false), distinctUntilChanged(), takeUntil(this.#destroy$));\n }\n}\n","<ng-template cdkPortal>\n @let _isOpened = isOpened();\n <div\n [id]=\"id\"\n class=\"sd-side-drawer\"\n [ngStyle]=\"{ width: width() }\"\n [ngClass]=\"drawerClass()\"\n [class.sd-side-drawer-active]=\"_isOpened\"\n [attr.data-autoId]=\"autoId()\"\n [attr.data-opened]=\"dataOpened()\"\n [attr.data-loading]=\"dataLoading()\"\n #drawerContainer>\n @if (_isOpened) {\n <ng-container>\n <div class=\"sd-side-drawer-header\">\n <div class=\"sd-side-drawer-title\">\n <ng-content select=\"[sdHeaderLeft]\">\n {{ title() }}\n </ng-content>\n </div>\n <div class=\"sd-side-drawer-header-actions\">\n <ng-content select=\"[sdHeaderRight]\"></ng-content>\n @if (!hideClose()) {\n <button type=\"button\" class=\"sd-side-drawer-close-btn\" (click)=\"close()\" aria-label=\"Close\">\n <sd-icon name=\"close\"></sd-icon>\n </button>\n }\n </div>\n </div>\n @if (_isOpened) {\n <div class=\"sd-side-drawer-body\">\n <div class=\"sd-side-drawer-content\">\n <ng-content></ng-content>\n </div>\n </div>\n }\n <div class=\"sd-side-drawer-footer\">\n <ng-content select=\"[sdFooter]\"></ng-content>\n </div>\n </ng-container>\n }\n </div>\n @if (_isOpened) {\n <div\n aria-hidden=\"true\"\n class=\"sd-side-drawer-backdrop\"\n (click)=\"disableBackdropClose() ? null : close()\"\n (wheel)=\"preventScroll($event)\"\n (touchmove)=\"preventScroll($event)\"></div>\n }\n</ng-template>\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-side-drawer.mjs","sources":["../../../projects/sdcorejs-angular/components/side-drawer/src/side-drawer.component.ts","../../../projects/sdcorejs-angular/components/side-drawer/src/side-drawer.component.html","../../../projects/sdcorejs-angular/components/side-drawer/sdcorejs-angular-components-side-drawer.ts"],"sourcesContent":["import { CdkPortal, DomPortalOutlet, PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport {\n ApplicationRef,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n DestroyRef,\n EmbeddedViewRef,\n Injector,\n ViewContainerRef,\n afterNextRender,\n booleanAttribute,\n computed,\n inject,\n input,\n output,\n signal,\n viewChild,\n} from '@angular/core';\nimport { SdLoadingService } from '@sdcorejs/angular/services';\nimport { Utilities } from '@sdcorejs/utils/fns';\nimport { fromEvent, merge, Observable, Subject } from 'rxjs';\nimport { map, takeUntil, startWith, distinctUntilChanged } from 'rxjs/operators';\nimport { SdIcon } from '@sdcorejs/angular/modules/icon';\n\n@Component({\n selector: 'sd-side-drawer',\n templateUrl: './side-drawer.component.html',\n styleUrl: './side-drawer.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [SdIcon, CommonModule, PortalModule],\n})\nexport class SdSideDrawer {\n id = `I${Utilities.generateUuid()}`;\n\n portal = viewChild.required(CdkPortal);\n\n title = input<string>('');\n width = input<string>('480px');\n hideClose = input<boolean, boolean \| ''>(false, { transform: booleanAttribute });\n disableBackdropClose = input<boolean, boolean \| ''>(false, { transform: booleanAttribute });\n\n // Custom CSS class added to the root side-drawer container\n drawerClass = input<any>('');\n\n readonly autoIdInput = input<string \| undefined \| null>(undefined, { alias: 'autoId' });\n readonly autoId = computed(() => (this.autoIdInput() ? `components-side-drawer-${this.autoIdInput()}` : undefined));\n\n sdClosed = output<void>();\n\n #embeddedViewRef!: EmbeddedViewRef<any>;\n\n readonly #isOpenedSignal = signal(false);\n readonly #isLoadingSignal = signal(false);\n readonly isOpened = this.#isOpenedSignal.asReadonly();\n readonly isLoading = this.#isLoadingSignal.asReadonly();\n readonly dataOpened = computed(() => (this.#isOpenedSignal() ? 'true' : 'false'));\n readonly dataLoading = computed(() => (this.#isLoadingSignal() ? 'true' : 'false'));\n\n isHovered$!: Observable<boolean>;\n #destroy$ = new Subject<void>();\n #previousBodyOverflow: string \| null = null;\n\n #viewContainerRef = inject(ViewContainerRef);\n #ar = inject(ApplicationRef);\n #injector = inject(Injector);\n #ref = inject(ChangeDetectorRef);\n #loadingService = inject(SdLoadingService);\n #destroyRef = inject(DestroyRef);\n\n constructor() {\n // Thay thế ngAfterViewInit, tự động chạy nội dung này khi DOM sẵn sàng để render\n afterNextRender(() => {\n // 1. Gắn portal vào body và lưu lại EmbeddedViewRef\n const outlet = new DomPortalOutlet(document.body, this.#viewContainerRef, this.#ar, this.#injector);\n this.#embeddedViewRef = outlet.attachTemplatePortal(this.portal());\n\n // 2. Setup sự kiện hover ngay sau khi DOM thật đã được in ra\n this.#setupHoverSubscription();\n });\n\n // Thay thế ngOnDestroy bằng logic destroy trực tiếp\n this.#destroyRef.onDestroy(() => {\n this.#destroy$.next();\n this.#destroy$.complete();\n\n if (this.#embeddedViewRef) {\n this.#embeddedViewRef.destroy();\n }\n\n if (this.#isOpenedSignal()) {\n if (this.#previousBodyOverflow !== null) {\n document.body.style.overflow = this.#previousBodyOverflow;\n } else {\n document.body.style.overflow = '';\n }\n }\n });\n }\n\n open = () => {\n this.#ref.markForCheck();\n this.#isOpenedSignal.set(true);\n\n // Chặn scroll ở document body\n this.#previousBodyOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n };\n\n close = () => {\n this.#ref.markForCheck();\n this.#isOpenedSignal.set(false);\n this.sdClosed.emit();\n this.stopLoading();\n\n // Khôi phục lại scroll ở document body\n if (this.#previousBodyOverflow !== null) {\n document.body.style.overflow = this.#previousBodyOverflow;\n this.#previousBodyOverflow = null;\n } else {\n document.body.style.overflow = '';\n }\n };\n\n startLoading = () => {\n this.#isLoadingSignal.set(true);\n this.#loadingService.stop(`#${this.id}`);\n this.#loadingService.start(`#${this.id}`);\n };\n\n stopLoading = () => {\n this.#isLoadingSignal.set(false);\n this.#loadingService.stop(`#${this.id}`);\n };\n\n preventScroll = (event: Event) => {\n event.preventDefault();\n };\n\n #setupHoverSubscription(): void {\n if (!this.#embeddedViewRef) return;\n\n // 3. Lấy DOM element trực tiếp từ rootNodes của EmbeddedViewRef\n const rootNodes = this.#embeddedViewRef.rootNodes;\n const element = rootNodes.find(\n node => node.nodeType === Node.ELEMENT_NODE && (node as HTMLElement).classList?.contains('sd-side-drawer')\n );\n\n if (!element) {\n console.warn('SdSideDrawer: Cannot find sd-side-drawer element to attach hover event');\n return;\n }\n\n // 4. Gắn event listeners trực tiếp lên element thật\n const mouseEnter$ = fromEvent(element, 'mouseenter').pipe(map(() => true));\n const mouseLeave$ = fromEvent(element, 'mouseleave').pipe(map(() => false));\n\n this.isHovered$ = merge(mouseEnter$, mouseLeave$).pipe(startWith(false), distinctUntilChanged(), takeUntil(this.#destroy$));\n }\n}\n","<ng-template cdkPortal>\n @let _isOpened = isOpened();\n <div\n [id]=\"id\"\n class=\"sd-side-drawer\"\n [ngStyle]=\"{ width: width() }\"\n [ngClass]=\"drawerClass()\"\n [class.sd-side-drawer-active]=\"_isOpened\"\n [attr.data-autoId]=\"autoId()\"\n [attr.data-opened]=\"dataOpened()\"\n [attr.data-loading]=\"dataLoading()\"\n #drawerContainer>\n @if (_isOpened) {\n <ng-container>\n <div class=\"sd-side-drawer-header\">\n <div class=\"sd-side-drawer-header-left\">\n <ng-content select=\"[sdHeaderLeft]\">\n <div class=\"sd-side-drawer-title\">{{ title() }}</div>\n </ng-content>\n </div>\n <div class=\"sd-side-drawer-header-right\">\n <ng-content select=\"[sdHeaderRight]\"></ng-content>\n @if (!hideClose()) {\n <button type=\"button\" class=\"sd-side-drawer-close-btn\" (click)=\"close()\" aria-label=\"Close\">\n <sd-icon name=\"close\"></sd-icon>\n </button>\n }\n </div>\n </div>\n @if (_isOpened) {\n <div class=\"sd-side-drawer-body\">\n <div class=\"sd-side-drawer-content\">\n <ng-content></ng-content>\n </div>\n </div>\n }\n <div class=\"sd-side-drawer-footer\">\n <div class=\"sd-side-drawer-footer-left\"><ng-content select=\"[sdFooterLeft]\"></ng-content></div>\n <div class=\"sd-side-drawer-footer-right\"><ng-content select=\"[sdFooterRight]\"></ng-content></div>\n </div>\n </ng-container>\n }\n </div>\n @if (_isOpened) {\n <div\n aria-hidden=\"true\"\n class=\"sd-side-drawer-backdrop\"\n (click)=\"disableBackdropClose() ? null : close()\"\n (wheel)=\"preventScroll($event)\"\n (touchmove)=\"preventScroll($event)\"></div>\n }\n</ng-template>\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-splitter.mjs CHANGED Viewed

@@ -99,7 +99,7 @@ class SdSplitterHandleComponent {
         this.dragEnd.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSplitterHandleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.21", type: SdSplitterHandleComponent, isStandalone: true, selector: "sd-splitter-handle", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, keyboardStep: { classPropertyName: "keyboardStep", publicName: "keyboardStep", isSignal: true, isRequired: false, transformFunction: null }, ariaValueMin: { classPropertyName: "ariaValueMin", publicName: "ariaValueMin", isSignal: true, isRequired: false, transformFunction: null }, ariaValueMax: { classPropertyName: "ariaValueMax", publicName: "ariaValueMax", isSignal: true, isRequired: false, transformFunction: null }, ariaValueNow: { classPropertyName: "ariaValueNow", publicName: "ariaValueNow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dragStart: "dragStart", dragMove: "dragMove", dragEnd: "dragEnd", toggleRequest: "toggleRequest" }, host: { listeners: { "dblclick": "onDblClick()", "keydown": "onKeyDown($event)", "pointerdown": "onPointerDown($event)", "pointermove": "onPointerMove($event)", "pointerup": "onPointerUp($event)", "pointercancel": "onPointerUp($event)" }, properties: { "class.sd-splitter__handle--horizontal": "orientation() === \"horizontal\"", "class.sd-splitter__handle--vertical": "orientation() === \"vertical\"", "class.sd-splitter__handle--disabled": "disabled()", "attr.tabindex": "disabled() ? -1 : 0", "attr.role": "\"separator\"", "attr.aria-orientation": "orientation() === \"horizontal\" ? \"vertical\" : \"horizontal\"", "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.aria-valuemin": "ariaValueMin() ?? null", "attr.aria-valuemax": "ariaValueMax() ?? null", "attr.aria-valuenow": "ariaValueNow() ?? null" }, classAttribute: "sd-splitter__handle" }, ngImport: i0, template: "<span class=\"sd-splitter__handle-bar\"></span>\n", styles: [":host{--sd-splitter-handle-size: 4px;--sd-splitter-handle-color: var(--sd-color-primary-light, #b0bec5);--sd-splitter-handle-hover-color: var(--sd-color-primary, #1976d2);--sd-splitter-handle-active-color: var(--sd-color-primary, #1976d2);--sd-splitter-handle-hit-area: 8px;--sd-splitter-handle-radius: 0;--sd-splitter-disabled-opacity: .5;display:flex;align-items:center;justify-content:center;flex:0 0 var(--sd-splitter-handle-hit-area);-webkit-user-select:none;user-select:none;outline:none}:host.sd-splitter__handle--horizontal{cursor:col-resize}:host.sd-splitter__handle--horizontal .sd-splitter__handle-bar{width:var(--sd-splitter-handle-size);height:100%}:host.sd-splitter__handle--vertical{cursor:row-resize;flex-direction:column}:host.sd-splitter__handle--vertical .sd-splitter__handle-bar{width:100%;height:var(--sd-splitter-handle-size)}:host .sd-splitter__handle-bar{background:var(--sd-splitter-handle-color);border-radius:var(--sd-splitter-handle-radius);transition:background-color .12s ease}:host:hover .sd-splitter__handle-bar{background:var(--sd-splitter-handle-hover-color)}:host:focus-visible{outline:2px solid var(--sd-splitter-handle-active-color);outline-offset:1px}:host.sd-splitter__handle--disabled{cursor:default;opacity:var(--sd-splitter-disabled-opacity);pointer-events:none}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.21", type: SdSplitterHandleComponent, isStandalone: true, selector: "sd-splitter-handle", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, keyboardStep: { classPropertyName: "keyboardStep", publicName: "keyboardStep", isSignal: true, isRequired: false, transformFunction: null }, ariaValueMin: { classPropertyName: "ariaValueMin", publicName: "ariaValueMin", isSignal: true, isRequired: false, transformFunction: null }, ariaValueMax: { classPropertyName: "ariaValueMax", publicName: "ariaValueMax", isSignal: true, isRequired: false, transformFunction: null }, ariaValueNow: { classPropertyName: "ariaValueNow", publicName: "ariaValueNow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dragStart: "dragStart", dragMove: "dragMove", dragEnd: "dragEnd", toggleRequest: "toggleRequest" }, host: { listeners: { "dblclick": "onDblClick()", "keydown": "onKeyDown($event)", "pointerdown": "onPointerDown($event)", "pointermove": "onPointerMove($event)", "pointerup": "onPointerUp($event)", "pointercancel": "onPointerUp($event)" }, properties: { "class.sd-splitter__handle--horizontal": "orientation() === \"horizontal\"", "class.sd-splitter__handle--vertical": "orientation() === \"vertical\"", "class.sd-splitter__handle--disabled": "disabled()", "attr.tabindex": "disabled() ? -1 : 0", "attr.role": "\"separator\"", "attr.aria-orientation": "orientation() === \"horizontal\" ? \"vertical\" : \"horizontal\"", "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.aria-valuemin": "ariaValueMin() ?? null", "attr.aria-valuemax": "ariaValueMax() ?? null", "attr.aria-valuenow": "ariaValueNow() ?? null" }, classAttribute: "sd-splitter__handle" }, ngImport: i0, template: "<span class=\"sd-splitter__handle-bar\"></span>\n", styles: [":host{--sd-splitter-handle-size: 4px;--sd-splitter-handle-color: var(--sd-primary-light, #d7e3ff);--sd-splitter-handle-hover-color: var(--sd-primary, #005cbb);--sd-splitter-handle-active-color: var(--sd-primary, #005cbb);--sd-splitter-handle-hit-area: 8px;--sd-splitter-handle-radius: 0;--sd-splitter-disabled-opacity: .5;display:flex;align-items:center;justify-content:center;flex:0 0 var(--sd-splitter-handle-hit-area);-webkit-user-select:none;user-select:none;outline:none}:host.sd-splitter__handle--horizontal{cursor:col-resize}:host.sd-splitter__handle--horizontal .sd-splitter__handle-bar{width:var(--sd-splitter-handle-size);height:100%}:host.sd-splitter__handle--vertical{cursor:row-resize;flex-direction:column}:host.sd-splitter__handle--vertical .sd-splitter__handle-bar{width:100%;height:var(--sd-splitter-handle-size)}:host .sd-splitter__handle-bar{background:var(--sd-splitter-handle-color);border-radius:var(--sd-splitter-handle-radius);transition:background-color .12s ease}:host:hover .sd-splitter__handle-bar{background:var(--sd-splitter-handle-hover-color)}:host:focus-visible{outline:2px solid var(--sd-splitter-handle-active-color);outline-offset:1px}:host.sd-splitter__handle--disabled{cursor:default;opacity:var(--sd-splitter-disabled-opacity);pointer-events:none}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSplitterHandleComponent, decorators: [{
             type: Component,
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                         '[attr.aria-valuemin]': 'ariaValueMin() ?? null',
                         '[attr.aria-valuemax]': 'ariaValueMax() ?? null',
                         '[attr.aria-valuenow]': 'ariaValueNow() ?? null',
-                    }, template: "<span class=\"sd-splitter__handle-bar\"></span>\n", styles: [":host{--sd-splitter-handle-size: 4px;--sd-splitter-handle-color: var(--sd-color-primary-light, #b0bec5);--sd-splitter-handle-hover-color: var(--sd-color-primary, #1976d2);--sd-splitter-handle-active-color: var(--sd-color-primary, #1976d2);--sd-splitter-handle-hit-area: 8px;--sd-splitter-handle-radius: 0;--sd-splitter-disabled-opacity: .5;display:flex;align-items:center;justify-content:center;flex:0 0 var(--sd-splitter-handle-hit-area);-webkit-user-select:none;user-select:none;outline:none}:host.sd-splitter__handle--horizontal{cursor:col-resize}:host.sd-splitter__handle--horizontal .sd-splitter__handle-bar{width:var(--sd-splitter-handle-size);height:100%}:host.sd-splitter__handle--vertical{cursor:row-resize;flex-direction:column}:host.sd-splitter__handle--vertical .sd-splitter__handle-bar{width:100%;height:var(--sd-splitter-handle-size)}:host .sd-splitter__handle-bar{background:var(--sd-splitter-handle-color);border-radius:var(--sd-splitter-handle-radius);transition:background-color .12s ease}:host:hover .sd-splitter__handle-bar{background:var(--sd-splitter-handle-hover-color)}:host:focus-visible{outline:2px solid var(--sd-splitter-handle-active-color);outline-offset:1px}:host.sd-splitter__handle--disabled{cursor:default;opacity:var(--sd-splitter-disabled-opacity);pointer-events:none}\n"] }]
+                    }, template: "<span class=\"sd-splitter__handle-bar\"></span>\n", styles: [":host{--sd-splitter-handle-size: 4px;--sd-splitter-handle-color: var(--sd-primary-light, #d7e3ff);--sd-splitter-handle-hover-color: var(--sd-primary, #005cbb);--sd-splitter-handle-active-color: var(--sd-primary, #005cbb);--sd-splitter-handle-hit-area: 8px;--sd-splitter-handle-radius: 0;--sd-splitter-disabled-opacity: .5;display:flex;align-items:center;justify-content:center;flex:0 0 var(--sd-splitter-handle-hit-area);-webkit-user-select:none;user-select:none;outline:none}:host.sd-splitter__handle--horizontal{cursor:col-resize}:host.sd-splitter__handle--horizontal .sd-splitter__handle-bar{width:var(--sd-splitter-handle-size);height:100%}:host.sd-splitter__handle--vertical{cursor:row-resize;flex-direction:column}:host.sd-splitter__handle--vertical .sd-splitter__handle-bar{width:100%;height:var(--sd-splitter-handle-size)}:host .sd-splitter__handle-bar{background:var(--sd-splitter-handle-color);border-radius:var(--sd-splitter-handle-radius);transition:background-color .12s ease}:host:hover .sd-splitter__handle-bar{background:var(--sd-splitter-handle-hover-color)}:host:focus-visible{outline:2px solid var(--sd-splitter-handle-active-color);outline-offset:1px}:host.sd-splitter__handle--disabled{cursor:default;opacity:var(--sd-splitter-disabled-opacity);pointer-events:none}\n"] }]
         }], propDecorators: { onDblClick: [{
                 type: HostListener,
                 args: ['dblclick']

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 styleUrl: './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':\n if (isH) delta = step;\n break;\n case 'ArrowLeft':\n if (isH) delta = -step;\n break;\n case 'ArrowDown':\n if (!isH) delta = step;\n break;\n case 'ArrowUp':\n if (!isH) delta = -step;\n 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 styleUrl: './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(): readonly 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(meta: ResolvedPanelMeta, currentSize: number, nextPx: number, nextFlexBudgetPx: number, totalFlexWeight: number): 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 {\n afterNextRender,\n booleanAttribute,\n Component,\n ComponentRef,\n computed,\n contentChildren,\n createComponent,\n DestroyRef,\n effect,\n ElementRef,\n EnvironmentInjector,\n inject,\n Injector,\n input,\n numberAttribute,\n output,\n} 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 styleUrl: './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 styleUrl: './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':\n if (isH) delta = step;\n break;\n case 'ArrowLeft':\n if (isH) delta = -step;\n break;\n case 'ArrowDown':\n if (!isH) delta = step;\n break;\n case 'ArrowUp':\n if (!isH) delta = -step;\n 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 styleUrl: './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(): readonly 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(meta: ResolvedPanelMeta, currentSize: number, nextPx: number, nextFlexBudgetPx: number, totalFlexWeight: number): 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 {\n afterNextRender,\n booleanAttribute,\n Component,\n ComponentRef,\n computed,\n contentChildren,\n createComponent,\n DestroyRef,\n effect,\n ElementRef,\n EnvironmentInjector,\n inject,\n Injector,\n input,\n numberAttribute,\n output,\n} 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 styleUrl: './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

@@ -107,11 +107,11 @@ class SdStepper {
         step?.selectChange.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdStepper, isStandalone: true, selector: "sd-stepper", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, autoId: { classPropertyName: "autoId", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", selectionChange: "selectionChange" }, host: { properties: { "attr.data-autoId": "this.autoIdAttr", "style.--sd-stepper-active-color": "this.cssActive", "style.--sd-stepper-active-bg": "this.cssActiveBg", "style.--sd-stepper-completed-color": "this.cssCompleted", "style.--sd-stepper-line-active-color": "this.cssLine" } }, queries: [{ propertyName: "steps", predicate: SdStep, isSignal: true }], viewQueries: [{ propertyName: "matStepper", first: true, predicate: MatStepper, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-stepper\n  class=\"sd-stepper\"\n  [(selectedIndex)]=\"selectedIndex\"\n  [linear]=\"linear()\"\n  [orientation]=\"orientation()\"\n  [labelPosition]=\"labelPosition()\"\n  [headerPosition]=\"headerPosition()\"\n  [animationDuration]=\"animationDuration()\"\n  [disableRipple]=\"disableRipple()\"\n  (selectionChange)=\"onSelectionChange($event)\">\n  @for (step of steps(); track step; let i = $index) {\n    <mat-step\n      [stepControl]=\"step.stepControl() ?? undefined!\"\n      [optional]=\"step.optional()\"\n      [editable]=\"step.editable()\"\n      [state]=\"step.state() ?? ''\"\n      [errorMessage]=\"step.errorMessage() ?? ''\">\n      <ng-template matStepLabel>\n        <span class=\"sd-step__label\">\n          @if (step.icon(); as ic) {\n            <sd-icon class=\"sd-step__icon\" [name]=\"ic\"></sd-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: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdStepper, isStandalone: true, selector: "sd-stepper", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, autoId: { classPropertyName: "autoId", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", selectionChange: "selectionChange" }, host: { properties: { "attr.data-autoId": "this.autoIdAttr", "style.--sd-stepper-active-color": "this.cssActive", "style.--sd-stepper-active-bg": "this.cssActiveBg", "style.--sd-stepper-completed-color": "this.cssCompleted", "style.--sd-stepper-line-active-color": "this.cssLine" } }, queries: [{ propertyName: "steps", predicate: SdStep, isSignal: true }], viewQueries: [{ propertyName: "matStepper", first: true, predicate: MatStepper, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-stepper\n  class=\"sd-stepper\"\n  [(selectedIndex)]=\"selectedIndex\"\n  [linear]=\"linear()\"\n  [orientation]=\"orientation()\"\n  [labelPosition]=\"labelPosition()\"\n  [headerPosition]=\"headerPosition()\"\n  [animationDuration]=\"animationDuration()\"\n  [disableRipple]=\"disableRipple()\"\n  (selectionChange)=\"onSelectionChange($event)\">\n  @for (step of steps(); track step; let i = $index) {\n    <mat-step\n      [stepControl]=\"step.stepControl() ?? undefined!\"\n      [optional]=\"step.optional()\"\n      [editable]=\"step.editable()\"\n      [state]=\"step.state() ?? ''\"\n      [errorMessage]=\"step.errorMessage() ?? ''\">\n      <ng-template matStepLabel>\n        <span class=\"sd-step__label\">\n          @if (step.icon(); as ic) {\n            <sd-icon class=\"sd-step__icon\" [name]=\"ic\"></sd-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, #005cbb);--sd-stepper-active-bg: var(--sd-primary, #005cbb);--sd-stepper-completed-color: var(--sd-primary, #005cbb);--sd-stepper-line-active-color: var(--sd-primary, #005cbb);--sd-stepper-error-color: var(--sd-error, #ba1a1a);--sd-stepper-pending-bg: var(--sd-disabled-bg, rgba(26, 27, 31, .08));--sd-stepper-pending-color: var(--sd-disabled-text, rgba(26, 27, 31, .6));--sd-stepper-text-color: var(--sd-text, #1a1b1f)}.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: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdStepper, decorators: [{
             type: Component,
-            args: [{ selector: 'sd-stepper', standalone: true, imports: [SdIcon, MatStepperModule, 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            <sd-icon class=\"sd-step__icon\" [name]=\"ic\"></sd-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"] }]
+            args: [{ selector: 'sd-stepper', standalone: true, imports: [SdIcon, MatStepperModule, 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            <sd-icon class=\"sd-step__icon\" [name]=\"ic\"></sd-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, #005cbb);--sd-stepper-active-bg: var(--sd-primary, #005cbb);--sd-stepper-completed-color: var(--sd-primary, #005cbb);--sd-stepper-line-active-color: var(--sd-primary, #005cbb);--sd-stepper-error-color: var(--sd-error, #ba1a1a);--sd-stepper-pending-bg: var(--sd-disabled-bg, rgba(26, 27, 31, .08));--sd-stepper-pending-color: var(--sd-disabled-text, rgba(26, 27, 31, .6));--sd-stepper-text-color: var(--sd-text, #1a1b1f)}.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: { autoIdAttr: [{
                 type: HostBinding,
                 args: ['attr.data-autoId']