@one-grid-core/angular 0.1.0-beta.5 → 0.2.0

package/scss/_one-grid.scss

@@ -51,6 +51,16 @@ $row-even-bg: var(--#{$prefix}body-bg, #f8f9fa) !default;
 $row-action-btn-width-height: 20px !default;
 $row-action-btn-border-radius: 4px !default;
 
+// Row drag & drop
+$row-drag-handle-color: var(--#{$prefix}secondary-color, #6c757d) !default;
+$row-drag-indicator-size: 2px !default;
+
+// Master / detail
+//
+// The detail area is a continuation of the row that opened it, so it sits
+// flush by default. Set this to inset it.
+$detail-padding: 0 !default;
+
 // Cell
 $cell-height: 30px !default;
 $cell-line-height: 1.2 !default;
@@ -105,6 +115,9 @@ $_og-defaults: (
     cell-line-height: $cell-line-height,
     cell-item-space: $cell-item-space,
     cell-padding: $cell-padding,
+    detail-padding: $detail-padding,
+    row-drag-handle-color: $row-drag-handle-color,
+    row-drag-indicator-size: $row-drag-indicator-size,
     action-btn-size: $row-action-btn-width-height,
     action-btn-radius: $row-action-btn-border-radius,
     border-radius: $border-radius,
@@ -143,8 +156,47 @@ $_og-defaults: (
     @return var(--#{$og-prefix}#{$token}, #{map-get($_og-defaults, $token)});
 }
 
+// ----------------------------------------------------------------------------
+// Pinned columns
+//
+// The grid reorders pinned columns to their edge and publishes the distance
+// from that edge as `_pinnedOffset`, which the templates bind to `left` /
+// `right`. Sticky does the rest, against the body's virtual-scroll viewport and
+// the header's own viewport.
+//
+// `background: inherit` rather than a fixed colour: a pinned body cell has to
+// keep whatever the row is painted — striping, hover, selection — while still
+// being opaque enough to hide the columns sliding underneath it.
+// ----------------------------------------------------------------------------
+@mixin one-pinned-column {
+    position: sticky;
+    // Colour is set per context and must always be opaque — see below. A sticky
+    // cell has the scrolling columns passing underneath it, so any transparency
+    // lets them read straight through.
+}
+
+// A shadow cast inwards, so it is obvious where the frozen region ends and the
+// scrolling one begins. Only the innermost column of each band carries it.
+@mixin one-pinned-edge($side) {
+    @if $side == left {
+        box-shadow: 2px 0 4px -2px rgba(0, 0, 0, 0.18);
+    } @else {
+        box-shadow: -2px 0 4px -2px rgba(0, 0, 0, 0.18);
+    }
+}
+
 // One Grid UI
 .one-grid {
+    // Declared, not inherited from the host. Row height has to be exact — the
+    // virtual scroller is configured with a fixed itemSize — and that arithmetic
+    // cannot depend on whether the consuming application ships a reset.
+    &,
+    *,
+    *::before,
+    *::after {
+        box-sizing: border-box;
+    }
+
     height: inherit;
     position: relative;
     overflow: hidden;
@@ -216,7 +268,13 @@ $_og-defaults: (
         .one-header-row {
             position: relative;
             display: flex;
-            width: inherit;
+            // max-content plus flex: 0 0 auto, so the row keeps its natural
+            // width and the viewport above it genuinely overflows. The viewport
+            // is a flex container, so without this the row would shrink to fit
+            // and `scrollLeft` would clamp to zero. It used to be translated
+            // inside a clipped box, which needed no real overflow at all.
+            flex: 0 0 auto;
+            width: max-content;
             z-index: 10 !important;
 
             // One Grid Header Column UI
@@ -227,6 +285,22 @@ $_og-defaults: (
                 max-width: inherit;
                 background-color: og-var(header-bg);
 
+                &.one-column-pinned-left,
+                &.one-column-pinned-right {
+                    @include one-pinned-column;
+                    // Above the scrolling headers, below the resize handle.
+                    z-index: 2;
+                    background-color: og-var(header-bg);
+                }
+
+                &.one-column-pinned-left.one-column-pinned-edge {
+                    @include one-pinned-edge(left);
+                }
+
+                &.one-column-pinned-right.one-column-pinned-edge {
+                    @include one-pinned-edge(right);
+                }
+
                 &::after {
                     content: '';
                     position: absolute;
@@ -315,6 +389,11 @@ $_og-defaults: (
     // One Grid Body UI
     .one-grid-body {
         height: 100%;
+        // A column stack: pinned top, the scrolling viewport, pinned bottom.
+        // With no pinned rows this is one flex child filling the box, which is
+        // what `height: 100%` on the viewport used to do on its own.
+        display: flex;
+        flex-direction: column;
         background-color: og-var(body-bg);
         user-select: none;
         -webkit-user-select: none;
@@ -324,13 +403,37 @@ $_og-defaults: (
 
         .one-grid-body-viewport {
             width: 100%;
-            height: 100%;
+            flex: 1 1 auto;
+            min-height: 0;
+
+            // The viewport carries tabindex="0" so it can be scrolled from the
+            // keyboard. A tab stop nobody can see is worse than no tab stop, so
+            // it gets a ring; the offset keeps it inside the CDK's containment
+            // box, which would otherwise clip an outward outline.
+            &:focus-visible {
+                outline: 2px solid og-var(primary);
+                outline-offset: -2px;
+            }
 
+            // A detail row is a continuation of the master row above it, not a
+            // card floating inside the grid, so it sits flush: its left edge
+            // lines up with the master grid's and it occupies exactly the
+            // height the API reserved.
+            //
+            // That reserved height is the reason the default is 0 rather than
+            // a taste call. `node.detailRowHeight` is what the grid computes
+            // for an open row, and the body's virtual-scroll viewport is
+            // configured with a single fixed `itemSize` — any padding here is
+            // height the scroller cannot see, so it becomes scroll drift on
+            // top of the drift an expanded row already causes.
+            //
+            // `height: inherit` used to sit here. It resolved to `auto`, since
+            // that is the content wrapper's computed height, so it never did
+            // anything; had the wrapper ever carried a pixel height it would
+            // have clipped the detail grid instead. Gone rather than kept.
             .one-row-detail-container {
                 width: 100%;
-                height: inherit;
-                padding: calc(#{og-var(cell-height)} / 2);
-                border-radius: og-var(action-btn-radius);
+                padding: og-var(detail-padding);
             }
 
             &::-webkit-scrollbar-corner {
@@ -338,13 +441,142 @@ $_og-defaults: (
             }
         }
 
+        // Rows anchored to an edge of the body. They are scrolled horizontally
+        // in step with the viewport, and never scroll vertically.
+        .one-pinned-rows {
+            flex: 0 0 auto;
+            overflow: hidden;
+            background-color: og-var(body-bg);
+            // Above the scrolling rows, so a pinned column's shadow from the
+            // body cannot bleed over the summary.
+            position: relative;
+            z-index: 2;
+
+            &.one-pinned-rows-top {
+                border-bottom: 1px solid og-var(border-color);
+            }
+
+            &.one-pinned-rows-bottom {
+                border-top: 1px solid og-var(border-color);
+            }
+
+            // Specificity has to beat `.one-row:nth-child(odd)`, which would
+            // otherwise stripe the summary row like a data row.
+            .one-row.one-row-pinned {
+                width: max-content;
+                background-color: og-var(header-bg);
+                font-weight: 600;
+
+                .one-column-pinned-left,
+                .one-column-pinned-right {
+                    background-color: og-var(header-bg);
+                    background-image: none;
+                }
+            }
+        }
+
+        // ------------------------------------------------------------------
+        // Row drag & drop
+        // ------------------------------------------------------------------
+
+        // The grab handle. Dimmed until the row is hovered or the handle itself
+        // is focused, so a column of grips does not compete with the data for
+        // attention — but never hidden outright, because a control that only
+        // exists on hover cannot be found by touch and cannot be tabbed to.
+        .one-row-drag-handle {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            flex: 0 0 auto;
+            width: og-var(action-btn-size);
+            height: og-var(action-btn-size);
+            margin-right: og-var(cell-item-space);
+            padding: 0;
+            border: 0;
+            border-radius: og-var(action-btn-radius);
+            background: transparent;
+            color: og-var(row-drag-handle-color);
+            opacity: 0.45;
+            cursor: grab;
+            touch-action: none; // the service owns the gesture; do not also pan
+            transition: opacity 120ms ease, background-color 120ms ease;
+
+            &:hover:not(:disabled) {
+                opacity: 1;
+                background-color: og-var(primary-subtle-bg);
+            }
+
+            // A visible focus ring is what makes the keyboard path discoverable.
+            &:focus-visible {
+                opacity: 1;
+                outline: 2px solid og-var(primary);
+                outline-offset: -1px;
+            }
+
+            &:active:not(:disabled),
+            &.one-row-drag-handle-grabbed {
+                cursor: grabbing;
+                opacity: 1;
+                background-color: og-var(primary-subtle-bg);
+                color: og-var(primary);
+            }
+
+            // Disabled rather than removed: the handle keeps its place in the
+            // layout and its tooltip says why reordering is unavailable, so the
+            // column does not reflow when a sort is applied.
+            &:disabled {
+                opacity: 0.25;
+                cursor: not-allowed;
+            }
+        }
+
+        .one-row:hover .one-row-drag-handle:not(:disabled) {
+            opacity: 1;
+        }
+
+        // The row being moved. Left in place and faded rather than lifted out:
+        // the viewport is virtualised at a fixed row height, so removing a row
+        // mid-drag would shift everything below it and fight the scroller.
+        .one-row-dragging {
+            opacity: 0.4;
+        }
+
+        // The insertion line. Sits above the rows and ignores the pointer, so
+        // it can never intercept the drag it is describing.
+        .one-row-drop-indicator {
+            position: absolute;
+            left: 0;
+            // Width is set inline from the row width less the horizontal
+            // scroll: rows are `fit-content`, so a full-bleed line would hang
+            // past the last column into empty space and read as part of the
+            // container rather than the rows.
+            height: og-var(row-drag-indicator-size);
+            margin-top: calc(#{og-var(row-drag-indicator-size)} / -2);
+            background-color: og-var(primary);
+            pointer-events: none;
+            z-index: 3;
+
+            // A cap at the leading edge, so the line reads as an insertion point
+            // rather than a row border at a glance.
+            &::before {
+                content: '';
+                position: absolute;
+                left: 0;
+                top: 50%;
+                width: 8px;
+                height: 8px;
+                margin-top: -4px;
+                border-radius: 50%;
+                background-color: og-var(primary);
+            }
+        }
+
         // One Grid Odd & Event Row UI
         .one-row {
             display: flex;
             flex-wrap: nowrap;
             width: fit-content;
             height: og-var(cell-height);
-            border-bottom: 1px solid og-var(border-color);
             font-size: og-var(font-size);
 
             .one-column {
@@ -355,6 +587,39 @@ $_og-defaults: (
                 margin: 0;
                 padding: 0;
                 height: og-var(cell-height);
+                // The row separator lives on the cell, not the row.
+                //
+                // It used to be `border-bottom` on `.one-row`, which reserved a
+                // pixel of the row's 30px box — while every cell was still a
+                // full 30px and so overhung it. Transparent cells let the line
+                // show through and nobody noticed; an opaque pinned cell
+                // covered it, and the frozen columns lost their row borders.
+                //
+                // Drawn per cell, the separator is part of what each cell
+                // paints, so nothing can sit on top of it. The row still
+                // measures exactly `cell-height`, which the virtual scroller
+                // depends on.
+                border-bottom: 1px solid og-var(border-color);
+
+                &.one-column-pinned-left,
+                &.one-column-pinned-right {
+                    @include one-pinned-column;
+                    z-index: 1;
+                    // The opaque base. `background: inherit` was used here, and
+                    // it worked until the row was hovered or selected: those
+                    // colours are deliberately translucent so they tint the
+                    // striping, and inheriting one made the frozen column
+                    // see-through with the scrolling cells sliding under it.
+                    background-color: og-var(row-odd-bg);
+                }
+
+                &.one-column-pinned-left.one-column-pinned-edge {
+                    @include one-pinned-edge(left);
+                }
+
+                &.one-column-pinned-right.one-column-pinned-edge {
+                    @include one-pinned-edge(right);
+                }
 
                 .one-column-object-active {
                     position: absolute;
@@ -389,13 +654,26 @@ $_og-defaults: (
                         bottom: 100%;
                     }
 
+                    // Real <button>s now, for keyboard operability — so the
+                    // button chrome has to be reset back to a menu row.
                     .cell-option-menu-item {
                         display: flex;
                         align-items: center;
+                        width: 100%;
                         padding: 6px 12px;
                         cursor: pointer;
+                        text-align: left;
+                        font: inherit;
+                        color: inherit;
+                        background: none;
+                        border: 0;
                         border-bottom: 1px solid og-var(border-color);
 
+                        &:focus-visible {
+                            outline: 2px solid og-var(primary);
+                            outline-offset: -2px;
+                        }
+
 
                         &:last-child {
                             border-bottom: none;
@@ -555,6 +833,26 @@ $_og-defaults: (
                         height: og-var(cell-height);
                         margin-right: og-var(cell-item-space);
 
+                        // The expander is a <button>, so the UA styling has to
+                        // be reset back to the bare glyph it was before.
+                        .expansion-button {
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            padding: 0;
+                            border: 0;
+                            background: none;
+                            color: inherit;
+                            font: inherit;
+                            cursor: pointer;
+
+                            &:focus-visible {
+                                outline: 2px solid og-var(primary);
+                                outline-offset: 1px;
+                                border-radius: og-var(action-btn-radius);
+                            }
+                        }
+
                         .expansion-icon {
                             display: flex;
                             justify-content: center;
@@ -563,9 +861,11 @@ $_og-defaults: (
                             height: og-var(action-btn-size);
                             border-radius: og-var(action-btn-radius);
                             transition: transform 0.2s ease-in-out;
+                        }
 
-                            &:hover {
-                                cursor: pointer;
+                        @media (prefers-reduced-motion: reduce) {
+                            .expansion-icon {
+                                transition: none;
                             }
                         }
 
@@ -586,6 +886,24 @@ $_og-defaults: (
                         &.one-cell-placeholder {
                             opacity: .5 !important;
                         }
+
+                        // Applied by OneCellTextExpandDirective on hover.
+                        // `position` is what makes `z-index` mean anything, and
+                        // the background is what stops the revealed text from
+                        // being read on top of the next column.
+                        &.one-cell-text-expanded {
+                            position: relative;
+                            z-index: 3;
+                            overflow: visible;
+                            text-overflow: unset;
+                            width: max-content;
+                            max-width: 60ch;
+                            white-space: normal;
+                            padding: 4px 8px;
+                            border-radius: og-var(action-btn-radius);
+                            background: og-var(body-bg);
+                            box-shadow: og-var(menu-shadow);
+                        }
                     }
                 }
 
@@ -677,10 +995,29 @@ $_og-defaults: (
             &:nth-child(even) {
                 background-color: og-var(row-even-bg);
             }
+
+            // Pinned cells cannot take the row's state colour directly, because
+            // it is translucent. They keep an opaque base and receive the same
+            // tint as a background-image layer, which composites over that base
+            // instead of replacing it — visually identical, but opaque.
+            &:nth-child(even) .one-column-pinned-left,
+            &:nth-child(even) .one-column-pinned-right {
+                background-color: og-var(row-even-bg);
+            }
+
+            &:hover .one-column-pinned-left,
+            &:hover .one-column-pinned-right {
+                background-image: linear-gradient(og-var(hover-bg), og-var(hover-bg));
+            }
         }
 
         .one-row-selected {
             background-color: og-var(selected-bg) !important;
+
+            .one-column-pinned-left,
+            .one-column-pinned-right {
+                background-image: linear-gradient(og-var(selected-bg), og-var(selected-bg));
+            }
         }
     }
 
@@ -707,6 +1044,27 @@ $_og-defaults: (
                 margin-left: 0 !important;
             }
 
+            // These are real <button>s and now carry the real `disabled`
+            // attribute, so they need a visible focus ring and their own
+            // disabled look — a class alone left them tabbable and clickable.
+            &:focus-visible {
+                outline: 2px solid og-var(primary);
+                outline-offset: 1px;
+            }
+
+            &:disabled {
+                cursor: not-allowed;
+                opacity: .5;
+            }
+
+            // The expander chevron: a button for keyboard reasons, but it
+            // should not look like one.
+            &.btn-action-plain {
+                border: 0;
+                color: inherit;
+                background-color: transparent;
+            }
+
             &.btn-action-primary {
                 color: og-var(primary);
                 border: 1px solid og-var(primary);
@@ -873,14 +1231,11 @@ $_og-defaults: (
     }
 
     // Drag & Drop Feature
-    .one-row-dragging {
-        opacity: 0.6;
-        /* fade */
-        border: 1px dashed og-var(primary);
-        border-radius: og-var(action-btn-radius);
-        cursor: grabbing;
-    }
-
+    //
+    // `.one-row-dragging` used to be defined here too, unused, from an earlier
+    // unbuilt attempt at row dragging. It shadowed the real rule further up
+    // with a dashed outline nothing asked for. The one definition that governs
+    // a dragged row now lives with the rest of the row-drag styles.
     .drop-valid {
         border: 2px solid og-var(success);
         background-color: og-var(drop-valid-bg);
@@ -892,6 +1247,23 @@ $_og-defaults: (
     }
 
     // Utilities Class
+
+    // Screen-reader only. Clipped rather than `display: none`, which would take
+    // the element out of the accessibility tree and silence it. At grid scope,
+    // not body scope: the pagination bar is a sibling of the body and needs it
+    // too.
+    .one-grid-visually-hidden {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        margin: -1px;
+        padding: 0;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border: 0;
+    }
+
     .hidden {
         display: none;
     }
@@ -966,7 +1338,7 @@ $_og-defaults: (
         }
     }
 
-    // Placeholder Disply Empty Rows Data Message
+    // Placeholder Display Empty Rows Data Message
     .one-grid-empty-message {
         z-index: 10;
         line-height: og-var(cell-line-height);

package/esm2022/lib/core/pipes/cell-disable-resolver.pipe.mjs

@@ -1,26 +0,0 @@
-import { Pipe } from '@angular/core';
-import { resolveOneCellRendererParams } from '../../helpers/one-column-def.helper';
-import * as i0 from "@angular/core";
-export class CellDisableResolverPipe {
-    transform(node, column, context, allowedEdit) {
-        if (!column || !node)
-            return false;
-        return resolveOneCellRendererParams(column.disable, {
-            node,
-            data: node.data,
-            columnDef: column,
-            rowIndex: node.rowIndex,
-            context
-        }) || !allowedEdit;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellDisableResolverPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellDisableResolverPipe, name: "cellDisableResolver" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellDisableResolverPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: false,
-                    name: 'cellDisableResolver'
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VsbC1kaXNhYmxlLXJlc29sdmVyLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vbmUtZ3JpZC9zcmMvbGliL2NvcmUvcGlwZXMvY2VsbC1kaXNhYmxlLXJlc29sdmVyLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFFcEQsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBT25GLE1BQU0sT0FBTyx1QkFBdUI7SUFFbEMsU0FBUyxDQUFDLElBQWdCLEVBQUUsTUFBb0IsRUFBRSxPQUFZLEVBQUUsV0FBb0I7UUFFbEYsSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLElBQUk7WUFBRSxPQUFPLEtBQUssQ0FBQztRQUVuQyxPQUFPLDRCQUE0QixDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUU7WUFDbEQsSUFBSTtZQUNKLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLFNBQVMsRUFBRSxNQUFNO1lBQ2pCLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUN2QixPQUFPO1NBQ1IsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3JCLENBQUM7K0dBYlUsdUJBQXVCOzZHQUF2Qix1QkFBdUI7OzRGQUF2Qix1QkFBdUI7a0JBSm5DLElBQUk7bUJBQUM7b0JBQ0osVUFBVSxFQUFFLEtBQUs7b0JBQ2pCLElBQUksRUFBRSxxQkFBcUI7aUJBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT25lUm93Tm9kZSB9IGZyb20gJy4uL2luc3RhbnRzL29uZS1yb3ctbm9kZS5jbGFzcyc7XG5pbXBvcnQgeyByZXNvbHZlT25lQ2VsbFJlbmRlcmVyUGFyYW1zIH0gZnJvbSAnLi4vLi4vaGVscGVycy9vbmUtY29sdW1uLWRlZi5oZWxwZXInO1xuaW1wb3J0IHsgT25lQ29sdW1uRGVmIH0gZnJvbSAnLi4vbW9kZWxzL29uZS1jb2x1bW4tZGVmLXR5cGVzLm1vZGVsJztcblxuQFBpcGUoe1xuICBzdGFuZGFsb25lOiBmYWxzZSxcbiAgbmFtZTogJ2NlbGxEaXNhYmxlUmVzb2x2ZXInXG59KVxuZXhwb3J0IGNsYXNzIENlbGxEaXNhYmxlUmVzb2x2ZXJQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG5cbiAgdHJhbnNmb3JtKG5vZGU6IE9uZVJvd05vZGUsIGNvbHVtbjogT25lQ29sdW1uRGVmLCBjb250ZXh0OiBhbnksIGFsbG93ZWRFZGl0OiBib29sZWFuKTogYm9vbGVhbiB7XG5cbiAgICBpZiAoIWNvbHVtbiB8fCAhbm9kZSkgcmV0dXJuIGZhbHNlO1xuXG4gICAgcmV0dXJuIHJlc29sdmVPbmVDZWxsUmVuZGVyZXJQYXJhbXMoY29sdW1uLmRpc2FibGUsIHtcbiAgICAgIG5vZGUsXG4gICAgICBkYXRhOiBub2RlLmRhdGEsXG4gICAgICBjb2x1bW5EZWY6IGNvbHVtbixcbiAgICAgIHJvd0luZGV4OiBub2RlLnJvd0luZGV4LFxuICAgICAgY29udGV4dFxuICAgIH0pIHx8ICFhbGxvd2VkRWRpdDtcbiAgfVxuXG59XG4iXX0=

package/lib/core/pipes/cell-disable-resolver.pipe.d.ts

@@ -1,9 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { OneRowNode } from '../instants/one-row-node.class';
-import { OneColumnDef } from '../models/one-column-def-types.model';
-import * as i0 from "@angular/core";
-export declare class CellDisableResolverPipe implements PipeTransform {
-    transform(node: OneRowNode, column: OneColumnDef, context: any, allowedEdit: boolean): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CellDisableResolverPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<CellDisableResolverPipe, "cellDisableResolver", false>;
-}