@igo2/common 18.0.1-next.2 → 18.0.2

package/esm2022/entity/entity-table/entity-table-row.directive.mjs

@@ -0,0 +1,138 @@
+import { Directive, ElementRef, EventEmitter, HostListener, Input, Output, Renderer2 } from '@angular/core';
+import scrollIntoView from 'scroll-into-view-if-needed';
+import { EntityTableScrollBehavior } from '../shared/entity.enums';
+import * as i0 from "@angular/core";
+/**
+ * Directive that handles an entity table row click and selection.
+ */
+export class EntityTableRowDirective {
+    renderer;
+    el;
+    /**
+     * Class added to a selected row
+     */
+    static selectedCls = 'igo-entity-table-row-selected';
+    /**
+     * Class added to a highlighted row
+     */
+    static highlightedCls = 'igo-entity-table-row-highlighted';
+    /**
+     * Whether a row supports selection
+     */
+    selection = false;
+    /**
+     * Whether clicking a row should select it (if selection is true)
+     */
+    selectOnClick = true;
+    /**
+     * Whether the selected row should be highlighted
+     */
+    highlightSelection = true;
+    /**
+     * Whether a row is selected
+     */
+    set selected(value) {
+        if (this.selection === false) {
+            return;
+        }
+        if (value === this._selected) {
+            return;
+        }
+        this.toggleSelected(value);
+        this.scroll();
+    }
+    get selected() {
+        return this._selected;
+    }
+    _selected = false;
+    /**
+     * Scroll behavior on selection
+     */
+    scrollBehavior = EntityTableScrollBehavior.Auto;
+    /**
+     * Event emitted when a row is selected
+     */
+    select = new EventEmitter();
+    /**
+     * When a row is clicked, select it if it's supported
+     * @ignore
+     */
+    onClick() {
+        if (this.selection === false || this.selectOnClick === false) {
+            return;
+        }
+        this.toggleSelected(true);
+        this.select.emit(this);
+    }
+    constructor(renderer, el) {
+        this.renderer = renderer;
+        this.el = el;
+    }
+    /**
+     * Select a row and add or remove the selected class from it
+     * @param selected Whether the row should be selected
+     */
+    toggleSelected(selected) {
+        this._selected = selected;
+        if (selected === true) {
+            this.addCls(EntityTableRowDirective.selectedCls);
+            if (this.highlightSelection === true) {
+                this.addCls(EntityTableRowDirective.highlightedCls);
+            }
+        }
+        else {
+            this.removeCls(EntityTableRowDirective.selectedCls);
+            this.removeCls(EntityTableRowDirective.highlightedCls);
+        }
+    }
+    /**
+     * Scroll to the selected row
+     */
+    scroll() {
+        if (this._selected === true) {
+            scrollIntoView(this.el.nativeElement, {
+                scrollMode: 'if-needed',
+                behavior: 'smooth',
+                block: 'end',
+                inline: 'nearest'
+            });
+        }
+    }
+    /**
+     * Add the selected CSS class
+     */
+    addCls(cls) {
+        this.renderer.addClass(this.el.nativeElement, cls);
+    }
+    /**
+     * Remove the selected CSS class
+     */
+    removeCls(cls) {
+        this.renderer.removeClass(this.el.nativeElement, cls);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EntityTableRowDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EntityTableRowDirective, isStandalone: true, selector: "[igoEntityTableRow]", inputs: { selection: "selection", selectOnClick: "selectOnClick", highlightSelection: "highlightSelection", selected: "selected", scrollBehavior: "scrollBehavior" }, outputs: { select: "select" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EntityTableRowDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[igoEntityTableRow]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { selection: [{
+                type: Input
+            }], selectOnClick: [{
+                type: Input
+            }], highlightSelection: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], scrollBehavior: [{
+                type: Input
+            }], select: [{
+                type: Output
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50aXR5LXRhYmxlLXJvdy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21tb24vZW50aXR5L3NyYy9lbnRpdHktdGFibGUvZW50aXR5LXRhYmxlLXJvdy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLGNBQWMsTUFBTSw0QkFBNEIsQ0FBQztBQUV4RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFFbkU7O0dBRUc7QUFLSCxNQUFNLE9BQU8sdUJBQXVCO0lBd0V4QjtJQUNBO0lBeEVWOztPQUVHO0lBQ0gsTUFBTSxDQUFDLFdBQVcsR0FBRywrQkFBK0IsQ0FBQztJQUVyRDs7T0FFRztJQUNILE1BQU0sQ0FBQyxjQUFjLEdBQUcsa0NBQWtDLENBQUM7SUFFM0Q7O09BRUc7SUFDTSxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBRTNCOztPQUVHO0lBQ00sYUFBYSxHQUFHLElBQUksQ0FBQztJQUU5Qjs7T0FFRztJQUNNLGtCQUFrQixHQUFHLElBQUksQ0FBQztJQUVuQzs7T0FFRztJQUNILElBQ0ksUUFBUSxDQUFDLEtBQWM7UUFDekIsSUFBSSxJQUFJLENBQUMsU0FBUyxLQUFLLEtBQUssRUFBRSxDQUFDO1lBQzdCLE9BQU87UUFDVCxDQUFDO1FBQ0QsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQzdCLE9BQU87UUFDVCxDQUFDO1FBRUQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQUNELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBQ08sU0FBUyxHQUFHLEtBQUssQ0FBQztJQUUxQjs7T0FFRztJQUVILGNBQWMsR0FBOEIseUJBQXlCLENBQUMsSUFBSSxDQUFDO0lBRTNFOztPQUVHO0lBQ08sTUFBTSxHQUFHLElBQUksWUFBWSxFQUEyQixDQUFDO0lBRS9EOzs7T0FHRztJQUVILE9BQU87UUFDTCxJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSyxJQUFJLElBQUksQ0FBQyxhQUFhLEtBQUssS0FBSyxFQUFFLENBQUM7WUFDN0QsT0FBTztRQUNULENBQUM7UUFFRCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxZQUNVLFFBQW1CLEVBQ25CLEVBQWM7UUFEZCxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLE9BQUUsR0FBRixFQUFFLENBQVk7SUFDckIsQ0FBQztJQUVKOzs7T0FHRztJQUNLLGNBQWMsQ0FBQyxRQUFpQjtRQUN0QyxJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUMxQixJQUFJLFFBQVEsS0FBSyxJQUFJLEVBQUUsQ0FBQztZQUN0QixJQUFJLENBQUMsTUFBTSxDQUFDLHVCQUF1QixDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBQ2pELElBQUksSUFBSSxDQUFDLGtCQUFrQixLQUFLLElBQUksRUFBRSxDQUFDO2dCQUNyQyxJQUFJLENBQUMsTUFBTSxDQUFDLHVCQUF1QixDQUFDLGNBQWMsQ0FBQyxDQUFDO1lBQ3RELENBQUM7UUFDSCxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsdUJBQXVCLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDcEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyx1QkFBdUIsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUN6RCxDQUFDO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0ssTUFBTTtRQUNaLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxJQUFJLEVBQUUsQ0FBQztZQUM1QixjQUFjLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUU7Z0JBQ3BDLFVBQVUsRUFBRSxXQUFXO2dCQUN2QixRQUFRLEVBQUUsUUFBUTtnQkFDbEIsS0FBSyxFQUFFLEtBQUs7Z0JBQ1osTUFBTSxFQUFFLFNBQVM7YUFDbEIsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztJQUNILENBQUM7SUFFRDs7T0FFRztJQUNLLE1BQU0sQ0FBQyxHQUFXO1FBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ3JELENBQUM7SUFFRDs7T0FFRztJQUNLLFNBQVMsQ0FBQyxHQUFXO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ3hELENBQUM7d0dBdkhVLHVCQUF1Qjs0RkFBdkIsdUJBQXVCOzs0RkFBdkIsdUJBQXVCO2tCQUpuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjt1R0FlVSxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBS0csa0JBQWtCO3NCQUExQixLQUFLO2dCQU1GLFFBQVE7c0JBRFgsS0FBSztnQkFxQk4sY0FBYztzQkFEYixLQUFLO2dCQU1JLE1BQU07c0JBQWYsTUFBTTtnQkFPUCxPQUFPO3NCQUROLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFJlbmRlcmVyMlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHNjcm9sbEludG9WaWV3IGZyb20gJ3Njcm9sbC1pbnRvLXZpZXctaWYtbmVlZGVkJztcblxuaW1wb3J0IHsgRW50aXR5VGFibGVTY3JvbGxCZWhhdmlvciB9IGZyb20gJy4uL3NoYXJlZC9lbnRpdHkuZW51bXMnO1xuXG4vKipcbiAqIERpcmVjdGl2ZSB0aGF0IGhhbmRsZXMgYW4gZW50aXR5IHRhYmxlIHJvdyBjbGljayBhbmQgc2VsZWN0aW9uLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbaWdvRW50aXR5VGFibGVSb3ddJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBFbnRpdHlUYWJsZVJvd0RpcmVjdGl2ZSB7XG4gIC8qKlxuICAgKiBDbGFzcyBhZGRlZCB0byBhIHNlbGVjdGVkIHJvd1xuICAgKi9cbiAgc3RhdGljIHNlbGVjdGVkQ2xzID0gJ2lnby1lbnRpdHktdGFibGUtcm93LXNlbGVjdGVkJztcblxuICAvKipcbiAgICogQ2xhc3MgYWRkZWQgdG8gYSBoaWdobGlnaHRlZCByb3dcbiAgICovXG4gIHN0YXRpYyBoaWdobGlnaHRlZENscyA9ICdpZ28tZW50aXR5LXRhYmxlLXJvdy1oaWdobGlnaHRlZCc7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgYSByb3cgc3VwcG9ydHMgc2VsZWN0aW9uXG4gICAqL1xuICBASW5wdXQoKSBzZWxlY3Rpb24gPSBmYWxzZTtcblxuICAvKipcbiAgICogV2hldGhlciBjbGlja2luZyBhIHJvdyBzaG91bGQgc2VsZWN0IGl0IChpZiBzZWxlY3Rpb24gaXMgdHJ1ZSlcbiAgICovXG4gIEBJbnB1dCgpIHNlbGVjdE9uQ2xpY2sgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBzZWxlY3RlZCByb3cgc2hvdWxkIGJlIGhpZ2hsaWdodGVkXG4gICAqL1xuICBASW5wdXQoKSBoaWdobGlnaHRTZWxlY3Rpb24gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIGEgcm93IGlzIHNlbGVjdGVkXG4gICAqL1xuICBASW5wdXQoKVxuICBzZXQgc2VsZWN0ZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICBpZiAodGhpcy5zZWxlY3Rpb24gPT09IGZhbHNlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmICh2YWx1ZSA9PT0gdGhpcy5fc2VsZWN0ZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnRvZ2dsZVNlbGVjdGVkKHZhbHVlKTtcbiAgICB0aGlzLnNjcm9sbCgpO1xuICB9XG4gIGdldCBzZWxlY3RlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fc2VsZWN0ZWQ7XG4gIH1cbiAgcHJpdmF0ZSBfc2VsZWN0ZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogU2Nyb2xsIGJlaGF2aW9yIG9uIHNlbGVjdGlvblxuICAgKi9cbiAgQElucHV0KClcbiAgc2Nyb2xsQmVoYXZpb3I6IEVudGl0eVRhYmxlU2Nyb2xsQmVoYXZpb3IgPSBFbnRpdHlUYWJsZVNjcm9sbEJlaGF2aW9yLkF1dG87XG5cbiAgLyoqXG4gICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiBhIHJvdyBpcyBzZWxlY3RlZFxuICAgKi9cbiAgQE91dHB1dCgpIHNlbGVjdCA9IG5ldyBFdmVudEVtaXR0ZXI8RW50aXR5VGFibGVSb3dEaXJlY3RpdmU+KCk7XG5cbiAgLyoqXG4gICAqIFdoZW4gYSByb3cgaXMgY2xpY2tlZCwgc2VsZWN0IGl0IGlmIGl0J3Mgc3VwcG9ydGVkXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgb25DbGljaygpIHtcbiAgICBpZiAodGhpcy5zZWxlY3Rpb24gPT09IGZhbHNlIHx8IHRoaXMuc2VsZWN0T25DbGljayA9PT0gZmFsc2UpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnRvZ2dsZVNlbGVjdGVkKHRydWUpO1xuICAgIHRoaXMuc2VsZWN0LmVtaXQodGhpcyk7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgcHJpdmF0ZSBlbDogRWxlbWVudFJlZlxuICApIHt9XG5cbiAgLyoqXG4gICAqIFNlbGVjdCBhIHJvdyBhbmQgYWRkIG9yIHJlbW92ZSB0aGUgc2VsZWN0ZWQgY2xhc3MgZnJvbSBpdFxuICAgKiBAcGFyYW0gc2VsZWN0ZWQgV2hldGhlciB0aGUgcm93IHNob3VsZCBiZSBzZWxlY3RlZFxuICAgKi9cbiAgcHJpdmF0ZSB0b2dnbGVTZWxlY3RlZChzZWxlY3RlZDogYm9vbGVhbikge1xuICAgIHRoaXMuX3NlbGVjdGVkID0gc2VsZWN0ZWQ7XG4gICAgaWYgKHNlbGVjdGVkID09PSB0cnVlKSB7XG4gICAgICB0aGlzLmFkZENscyhFbnRpdHlUYWJsZVJvd0RpcmVjdGl2ZS5zZWxlY3RlZENscyk7XG4gICAgICBpZiAodGhpcy5oaWdobGlnaHRTZWxlY3Rpb24gPT09IHRydWUpIHtcbiAgICAgICAgdGhpcy5hZGRDbHMoRW50aXR5VGFibGVSb3dEaXJlY3RpdmUuaGlnaGxpZ2h0ZWRDbHMpO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJlbW92ZUNscyhFbnRpdHlUYWJsZVJvd0RpcmVjdGl2ZS5zZWxlY3RlZENscyk7XG4gICAgICB0aGlzLnJlbW92ZUNscyhFbnRpdHlUYWJsZVJvd0RpcmVjdGl2ZS5oaWdobGlnaHRlZENscyk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFNjcm9sbCB0byB0aGUgc2VsZWN0ZWQgcm93XG4gICAqL1xuICBwcml2YXRlIHNjcm9sbCgpIHtcbiAgICBpZiAodGhpcy5fc2VsZWN0ZWQgPT09IHRydWUpIHtcbiAgICAgIHNjcm9sbEludG9WaWV3KHRoaXMuZWwubmF0aXZlRWxlbWVudCwge1xuICAgICAgICBzY3JvbGxNb2RlOiAnaWYtbmVlZGVkJyxcbiAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICBibG9jazogJ2VuZCcsXG4gICAgICAgIGlubGluZTogJ25lYXJlc3QnXG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogQWRkIHRoZSBzZWxlY3RlZCBDU1MgY2xhc3NcbiAgICovXG4gIHByaXZhdGUgYWRkQ2xzKGNsczogc3RyaW5nKSB7XG4gICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLmVsLm5hdGl2ZUVsZW1lbnQsIGNscyk7XG4gIH1cblxuICAvKipcbiAgICogUmVtb3ZlIHRoZSBzZWxlY3RlZCBDU1MgY2xhc3NcbiAgICovXG4gIHByaXZhdGUgcmVtb3ZlQ2xzKGNsczogc3RyaW5nKSB7XG4gICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyh0aGlzLmVsLm5hdGl2ZUVsZW1lbnQsIGNscyk7XG4gIH1cbn1cbiJdfQ==