@toolbox-web/grid-angular 1.5.1 → 1.6.0

package/fesm2022/toolbox-web-grid-angular-features-sticky-rows.mjs

@@ -0,0 +1,58 @@
+import '@toolbox-web/grid/features/sticky-rows';
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, Directive } from '@angular/core';
+import { registerFeatureClaim, unregisterFeatureClaim } from '@toolbox-web/grid-angular';
+
+/**
+ * `GridStickyRowsDirective` — owns `[stickyRows]` on `<tbw-grid>`.
+ * No event outputs. See `GridFilteringDirective` for the full rationale.
+ *
+ * @category Directive
+ */
+/**
+ * Owns the binding `[stickyRows]` on `<tbw-grid>` for the matching feature plugin.
+ * See `GridFilteringDirective` for the full rationale.
+ *
+ * @category Directive
+ */
+class GridStickyRowsDirective {
+    elementRef = inject((ElementRef));
+    stickyRows = input(...(ngDevMode ? [undefined, { debugName: "stickyRows" }] : /* istanbul ignore next */ []));
+    constructor() {
+        registerFeatureClaim(this.elementRef.nativeElement, 'stickyRows', () => this.stickyRows());
+    }
+    ngOnDestroy() {
+        unregisterFeatureClaim(this.elementRef.nativeElement, 'stickyRows');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridStickyRowsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: GridStickyRowsDirective, isStandalone: true, selector: "tbw-grid[stickyRows]", inputs: { stickyRows: { classPropertyName: "stickyRows", publicName: "stickyRows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridStickyRowsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tbw-grid[stickyRows]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { stickyRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyRows", required: false }] }] } });
+
+/**
+ * Sticky rows feature for @toolbox-web/grid-angular
+ *
+ * Import this module to enable the `stickyRows` input on the Grid directive.
+ *
+ * @example
+ * ```typescript
+ * import '@toolbox-web/grid-angular/features/sticky-rows';
+ *
+ * <tbw-grid [stickyRows]="{ isSticky: 'isSection' }" />
+ * ```
+ *
+ * @packageDocumentation
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GridStickyRowsDirective };
+//# sourceMappingURL=toolbox-web-grid-angular-features-sticky-rows.mjs.map

package/fesm2022/toolbox-web-grid-angular-features-sticky-rows.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbox-web-grid-angular-features-sticky-rows.mjs","sources":["../../../../libs/grid-angular/features/sticky-rows/src/grid-sticky-rows.directive.ts","../../../../libs/grid-angular/features/sticky-rows/src/index.ts","../../../../libs/grid-angular/features/sticky-rows/src/toolbox-web-grid-angular-features-sticky-rows.ts"],"sourcesContent":["/**\n * `GridStickyRowsDirective` — owns `[stickyRows]` on `<tbw-grid>`.\n * No event outputs. See `GridFilteringDirective` for the full rationale.\n *\n * @category Directive\n */\nimport { Directive, ElementRef, inject, input, OnDestroy } from '@angular/core';\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport { registerFeatureClaim, unregisterFeatureClaim } from '@toolbox-web/grid-angular';\nimport type { StickyRowsConfig } from '@toolbox-web/grid/plugins/sticky-rows';\n\n/**\n * Owns the binding `[stickyRows]` on `<tbw-grid>` for the matching feature plugin.\n * See `GridFilteringDirective` for the full rationale.\n *\n * @category Directive\n */\n@Directive({\n  selector: 'tbw-grid[stickyRows]',\n  standalone: true,\n})\nexport class GridStickyRowsDirective implements OnDestroy {\n  private readonly elementRef = inject(ElementRef<DataGridElement>);\n\n  readonly stickyRows = input<StickyRowsConfig>();\n\n  constructor() {\n    registerFeatureClaim(this.elementRef.nativeElement, 'stickyRows', () => this.stickyRows());\n  }\n\n  ngOnDestroy(): void {\n    unregisterFeatureClaim(this.elementRef.nativeElement, 'stickyRows');\n  }\n}\n","/**\n * Sticky rows feature for @toolbox-web/grid-angular\n *\n * Import this module to enable the `stickyRows` input on the Grid directive.\n *\n * @example\n * ```typescript\n * import '@toolbox-web/grid-angular/features/sticky-rows';\n *\n * <tbw-grid [stickyRows]=\"{ isSticky: 'isSection' }\" />\n * ```\n *\n * @packageDocumentation\n */\n\nimport '@toolbox-web/grid/features/sticky-rows';\nexport { GridStickyRowsDirective } from './grid-sticky-rows.directive';\nexport type { _Augmentation as _StickyRowsAugmentation } from '@toolbox-web/grid/features/sticky-rows';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAAA;;;;;AAKG;AAMH;;;;;AAKG;MAKU,uBAAuB,CAAA;AACjB,IAAA,UAAU,GAAG,MAAM,EAAC,UAA2B,EAAC;IAExD,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAoB;AAE/C,IAAA,WAAA,GAAA;AACE,QAAA,oBAAoB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IAC5F;IAEA,WAAW,GAAA;QACT,sBAAsB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,YAAY,CAAC;IACrE;uGAXW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,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,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACpBD;;;;;;;;;;;;;AAaG;;ACbH;;AAEG;;;;"}

package/fesm2022/toolbox-web-grid-angular.mjs

@@ -1849,7 +1849,7 @@ class GridAdapter {
     createEditor(element) {
         const template = getAnyEditorTemplate(element);
         // Find the parent grid element for FormArray context access
-        const gridElement = element.closest('tbw-grid');
+        const gridElement = element.closest('tbw-grid, [data-tbw-grid]');
         if (!template) {
             // No template registered - return undefined to let the grid use its default editor.
             // This allows columns with only *tbwRenderer (no *tbwEditor) to still be editable
@@ -1940,7 +1940,7 @@ class GridAdapter {
      * to {@link createDetailRenderer} (bridge installed by master-detail feature).
      */
     parseDetailElement(detailElement) {
-        const gridElement = detailElement.closest('tbw-grid');
+        const gridElement = detailElement.closest('tbw-grid, [data-tbw-grid]');
         if (!gridElement)
             return undefined;
         return getDetailRendererBridge()?.(gridElement, this);
@@ -1957,7 +1957,7 @@ class GridAdapter {
      * to {@link createResponsiveCardRenderer} (bridge installed by responsive feature).
      */
     parseResponsiveCardElement(cardElement) {
-        const gridElement = cardElement.closest('tbw-grid');
+        const gridElement = cardElement.closest('tbw-grid, [data-tbw-grid]');
         if (!gridElement)
             return undefined;
         return getResponsiveCardRendererBridge()?.(gridElement, this);
@@ -1972,7 +1972,7 @@ class GridAdapter {
             return undefined;
         }
         // Find the parent grid element for context
-        const gridElement = element.closest('tbw-grid');
+        const gridElement = element.closest('tbw-grid, [data-tbw-grid]');
         return (container) => {
             // Create the context for the template
             const context = {
@@ -2376,7 +2376,7 @@ class GridAdapter {
      */
     runEditorMountHooks(host) {
         queueMicrotask(() => {
-            const gridEl = host.closest('tbw-grid');
+            const gridEl = host.closest('tbw-grid, [data-tbw-grid]');
             if (!gridEl)
                 return;
             this.editorMountTeardowns.set(host, notifyEditorMounted(host, gridEl));
@@ -2956,7 +2956,7 @@ class BaseGridEditor {
         });
     }
     _initEditCloseListener() {
-        const grid = this.elementRef.nativeElement.closest('tbw-grid');
+        const grid = this.elementRef.nativeElement.closest('tbw-grid, [data-tbw-grid]');
         if (!grid)
             return;
         let unsubBefore;
@@ -3687,7 +3687,7 @@ class BaseOverlayEditor extends BaseGridEditor {
     }
     /** Find the parent `<tbw-grid>` element for this editor. */
     _getGridElement() {
-        return this._elementRef.nativeElement.closest('tbw-grid') ?? null;
+        return this._elementRef.nativeElement.closest('tbw-grid, [data-tbw-grid]') ?? null;
     }
     /**
      * JS fallback positioning for browsers without CSS Anchor Positioning.
@@ -6275,6 +6275,11 @@ class Grid {
         addPlugin('print', this.print());
         addPlugin('pivot', this.pivot());
         addPlugin('serverSide', this.serverSide());
+        // `stickyRows` has no deprecated `Grid` input — `GridStickyRowsDirective`
+        // is the only owner. Iterate it here so the directive's feature claim is
+        // consulted; without this call the directive would set a claim that
+        // nobody reads and `[stickyRows]` would silently do nothing.
+        addPlugin('stickyRows', undefined);
         addPlugin('tooltip', this.tooltip());
         return plugins;
     }