@apipass/permissions 1.0.194 → 1.0.195

package/esm2022/permission-gate/permission-gate-structural.directive.mjs

@@ -1,72 +1,149 @@
-import { Directive, HostBinding, HostListener, Input } from '@angular/core';
+import { Directive, ElementRef, HostBinding, HostListener, Input, Renderer2, ViewContainerRef } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { ApipassGateTooltipComponent } from './permission-gate-tooltip.component';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
 /**
  * Gates an action element by user permission — single, unified API.
  *
- * IMPORTANT: this is UX gating only. The real authorization boundary is the
- * backend Cerbos PEP (fail-closed). Never rely on this directive for security.
+ * Modes:
+ *  - `shadow` (default): element stays visible but visually grayed out, cursor not-allowed, clicks blocked.
+ *  - `hide`: element removed from layout (display:none) when blocked.
  *
- * Works on:
- *  - native `<button>` and `mat-menu-item` — disabled via the native `disabled`
- *    property (Material grays them out automatically);
- *  - apipass buttons (`secondary-button`, `primary-button`, `tertiary-button`)
- *    that read the `aria-disabled` attribute set here and disable themselves;
- *  - any other element — `.apipass-gate-blocked` class is exposed as a CSS hook.
+ * Tooltip: uses CDK Overlay to render a Material-styled tooltip.
+ *  - blocked + label: shows the permission label (why access is denied)
+ *  - allowed + tooltip: shows the action tooltip (what the element does)
+ *  - otherwise: no tooltip
  */
 class ApipassGateDirective {
+    el;
+    renderer;
+    overlay;
+    vcr;
     isAllowed = true;
     label = '';
-    get blocked() { return !this.isAllowed; }
-    // Native disabled — <button>, mat-menu-item gray out on their own.
-    get _disabled() { return this.blocked || null; }
-    // Accessibility + the signal apipass buttons read to disable themselves.
-    get _ariaDisabled() { return this.blocked || null; }
-    // CSS hook for elements that are neither native buttons nor apipass buttons.
-    get _blockedClass() { return this.blocked; }
-    get _title() { return this.blocked && this.label ? this.label : null; }
-    get _cursor() { return this.blocked ? 'not-allowed' : null; }
-    // Keeps pointer-events active so the native title tooltip fires on hover
-    // even when the element is disabled (Material sets pointer-events:none).
-    get _pointerEvents() { return this.blocked ? 'auto' : null; }
-    // Belt-and-suspenders: block the action even if the host still emits an
-    // event. Covers mouse click and keyboard activation (Enter / Space).
+    tooltip = '';
+    mode = 'shadow';
+    overlayRef = null;
+    tooltipRef = null;
+    constructor(el, renderer, overlay, vcr) {
+        this.el = el;
+        this.renderer = renderer;
+        this.overlay = overlay;
+        this.vcr = vcr;
+    }
+    get blocked() {
+        return !this.isAllowed;
+    }
+    get tooltipMessage() {
+        return this.blocked ? this.label : this.tooltip;
+    }
+    ngOnChanges() {
+        this.applyVisualState();
+        if (this.tooltipRef) {
+            this.tooltipRef.instance.message = this.tooltipMessage;
+        }
+    }
+    ngOnDestroy() {
+        this.destroyOverlay();
+    }
+    onMouseEnter() {
+        if (!this.tooltipMessage || this.overlayRef)
+            return;
+        this.showTooltip();
+    }
+    onMouseLeave() {
+        this.destroyOverlay();
+    }
+    get _ariaDisabled() {
+        return this.blocked ? true : null;
+    }
+    get _blockedClass() {
+        return this.blocked;
+    }
     block(e) {
         if (this.blocked) {
             e.preventDefault();
             e.stopImmediatePropagation();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ApipassGateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: ApipassGateDirective, selector: "[apipassGate]", inputs: { isAllowed: ["apipassGate", "isAllowed"], label: ["apipassGateLabel", "label"] }, host: { listeners: { "click": "block($event)", "keydown.enter": "block($event)", "keydown.space": "block($event)" }, properties: { "disabled": "this._disabled", "attr.aria-disabled": "this._ariaDisabled", "class.apipass-gate-blocked": "this._blockedClass", "attr.title": "this._title", "style.cursor": "this._cursor", "style.pointer-events": "this._pointerEvents" } }, ngImport: i0 });
+    applyVisualState() {
+        const el = this.el.nativeElement;
+        if (this.blocked && this.mode === 'shadow') {
+            this.renderer.setStyle(el, 'filter', 'grayscale(1) opacity(0.5)');
+            this.renderer.setStyle(el, 'cursor', 'not-allowed');
+            this.renderer.setStyle(el, 'pointer-events', 'auto');
+            this.renderer.removeStyle(el, 'display');
+        }
+        else if (this.blocked && this.mode === 'hide') {
+            this.renderer.setStyle(el, 'display', 'none');
+            this.renderer.removeStyle(el, 'filter');
+            this.renderer.removeStyle(el, 'cursor');
+            this.renderer.removeStyle(el, 'pointer-events');
+        }
+        else {
+            this.renderer.removeStyle(el, 'filter');
+            this.renderer.removeStyle(el, 'cursor');
+            this.renderer.removeStyle(el, 'pointer-events');
+            this.renderer.removeStyle(el, 'display');
+        }
+    }
+    showTooltip() {
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(this.el)
+            .withPositions([
+            { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -8 },
+            { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 8 }
+        ]);
+        this.overlayRef = this.overlay.create({
+            positionStrategy,
+            scrollStrategy: this.overlay.scrollStrategies.close()
+        });
+        const portal = new ComponentPortal(ApipassGateTooltipComponent, this.vcr);
+        this.tooltipRef = this.overlayRef.attach(portal);
+        this.tooltipRef.instance.message = this.tooltipMessage;
+        this.tooltipRef.changeDetectorRef.detectChanges();
+    }
+    destroyOverlay() {
+        this.overlayRef?.dispose();
+        this.overlayRef = null;
+        this.tooltipRef = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ApipassGateDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: ApipassGateDirective, selector: "[apipassGate]", inputs: { isAllowed: ["apipassGate", "isAllowed"], label: ["apipassGateLabel", "label"], tooltip: ["apipassGateTooltip", "tooltip"], mode: ["apipassGateMode", "mode"] }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "block($event)", "keydown.enter": "block($event)", "keydown.space": "block($event)" }, properties: { "attr.aria-disabled": "this._ariaDisabled", "class.apipass-gate-blocked": "this._blockedClass" } }, usesOnChanges: true, ngImport: i0 });
 }
 export { ApipassGateDirective };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ApipassGateDirective, decorators: [{
             type: Directive,
-            args: [{ selector: '[apipassGate]' }]
-        }], propDecorators: { isAllowed: [{
+            args: [{
+                    selector: '[apipassGate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { isAllowed: [{
                 type: Input,
                 args: ['apipassGate']
             }], label: [{
                 type: Input,
                 args: ['apipassGateLabel']
-            }], _disabled: [{
-                type: HostBinding,
-                args: ['disabled']
+            }], tooltip: [{
+                type: Input,
+                args: ['apipassGateTooltip']
+            }], mode: [{
+                type: Input,
+                args: ['apipassGateMode']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
             }], _ariaDisabled: [{
                 type: HostBinding,
                 args: ['attr.aria-disabled']
             }], _blockedClass: [{
                 type: HostBinding,
                 args: ['class.apipass-gate-blocked']
-            }], _title: [{
-                type: HostBinding,
-                args: ['attr.title']
-            }], _cursor: [{
-                type: HostBinding,
-                args: ['style.cursor']
-            }], _pointerEvents: [{
-                type: HostBinding,
-                args: ['style.pointer-events']
             }], block: [{
                 type: HostListener,
                 args: ['click', ['$event']]
@@ -77,4 +154,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
                 type: HostListener,
                 args: ['keydown.space', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVybWlzc2lvbi1nYXRlLXN0cnVjdHVyYWwuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvcGVybWlzc2lvbnMvc3JjL3Blcm1pc3Npb24tZ2F0ZS9wZXJtaXNzaW9uLWdhdGUtc3RydWN0dXJhbC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQTs7QUFFM0U7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsTUFDYSxvQkFBb0I7SUFFVCxTQUFTLEdBQUcsSUFBSSxDQUFBO0lBQ1gsS0FBSyxHQUFHLEVBQUUsQ0FBQTtJQUVyQyxJQUFZLE9BQU8sS0FBYyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQSxDQUFDLENBQUM7SUFFekQsbUVBQW1FO0lBQ25FLElBQ0ksU0FBUyxLQUFrQixPQUFPLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFBLENBQUMsQ0FBQztJQUU1RCx5RUFBeUU7SUFDekUsSUFDSSxhQUFhLEtBQWtCLE9BQU8sSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUEsQ0FBQyxDQUFDO0lBRWhFLDZFQUE2RTtJQUM3RSxJQUNJLGFBQWEsS0FBYyxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUEsQ0FBQyxDQUFDO0lBRXBELElBQ0ksTUFBTSxLQUFvQixPQUFPLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBLENBQUMsQ0FBQztJQUVyRixJQUNJLE9BQU8sS0FBb0IsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQSxDQUFDLENBQUM7SUFFM0UseUVBQXlFO0lBQ3pFLHlFQUF5RTtJQUN6RSxJQUNJLGNBQWMsS0FBb0IsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQSxDQUFDLENBQUM7SUFFM0Usd0VBQXdFO0lBQ3hFLHFFQUFxRTtJQUlyRSxLQUFLLENBQUMsQ0FBUTtRQUNaLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNoQixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUE7WUFDbEIsQ0FBQyxDQUFDLHdCQUF3QixFQUFFLENBQUE7U0FDN0I7SUFDSCxDQUFDO3VHQXhDVSxvQkFBb0I7MkZBQXBCLG9CQUFvQjs7U0FBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBRGhDLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsZUFBZSxFQUFFOzhCQUdoQixTQUFTO3NCQUE5QixLQUFLO3VCQUFDLGFBQWE7Z0JBQ08sS0FBSztzQkFBL0IsS0FBSzt1QkFBQyxrQkFBa0I7Z0JBTXJCLFNBQVM7c0JBRFosV0FBVzt1QkFBQyxVQUFVO2dCQUtuQixhQUFhO3NCQURoQixXQUFXO3VCQUFDLG9CQUFvQjtnQkFLN0IsYUFBYTtzQkFEaEIsV0FBVzt1QkFBQyw0QkFBNEI7Z0JBSXJDLE1BQU07c0JBRFQsV0FBVzt1QkFBQyxZQUFZO2dCQUlyQixPQUFPO3NCQURWLFdBQVc7dUJBQUMsY0FBYztnQkFNdkIsY0FBYztzQkFEakIsV0FBVzt1QkFBQyxzQkFBc0I7Z0JBUW5DLEtBQUs7c0JBSEosWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUM7O3NCQUNoQyxZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQzs7c0JBQ3hDLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbi8qKlxuICogR2F0ZXMgYW4gYWN0aW9uIGVsZW1lbnQgYnkgdXNlciBwZXJtaXNzaW9uIOKAlCBzaW5nbGUsIHVuaWZpZWQgQVBJLlxuICpcbiAqIElNUE9SVEFOVDogdGhpcyBpcyBVWCBnYXRpbmcgb25seS4gVGhlIHJlYWwgYXV0aG9yaXphdGlvbiBib3VuZGFyeSBpcyB0aGVcbiAqIGJhY2tlbmQgQ2VyYm9zIFBFUCAoZmFpbC1jbG9zZWQpLiBOZXZlciByZWx5IG9uIHRoaXMgZGlyZWN0aXZlIGZvciBzZWN1cml0eS5cbiAqXG4gKiBXb3JrcyBvbjpcbiAqICAtIG5hdGl2ZSBgPGJ1dHRvbj5gIGFuZCBgbWF0LW1lbnUtaXRlbWAg4oCUIGRpc2FibGVkIHZpYSB0aGUgbmF0aXZlIGBkaXNhYmxlZGBcbiAqICAgIHByb3BlcnR5IChNYXRlcmlhbCBncmF5cyB0aGVtIG91dCBhdXRvbWF0aWNhbGx5KTtcbiAqICAtIGFwaXBhc3MgYnV0dG9ucyAoYHNlY29uZGFyeS1idXR0b25gLCBgcHJpbWFyeS1idXR0b25gLCBgdGVydGlhcnktYnV0dG9uYClcbiAqICAgIHRoYXQgcmVhZCB0aGUgYGFyaWEtZGlzYWJsZWRgIGF0dHJpYnV0ZSBzZXQgaGVyZSBhbmQgZGlzYWJsZSB0aGVtc2VsdmVzO1xuICogIC0gYW55IG90aGVyIGVsZW1lbnQg4oCUIGAuYXBpcGFzcy1nYXRlLWJsb2NrZWRgIGNsYXNzIGlzIGV4cG9zZWQgYXMgYSBDU1MgaG9vay5cbiAqL1xuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW2FwaXBhc3NHYXRlXScgfSlcbmV4cG9ydCBjbGFzcyBBcGlwYXNzR2F0ZURpcmVjdGl2ZSB7XG5cbiAgQElucHV0KCdhcGlwYXNzR2F0ZScpIGlzQWxsb3dlZCA9IHRydWVcbiAgQElucHV0KCdhcGlwYXNzR2F0ZUxhYmVsJykgbGFiZWwgPSAnJ1xuXG4gIHByaXZhdGUgZ2V0IGJsb2NrZWQoKTogYm9vbGVhbiB7IHJldHVybiAhdGhpcy5pc0FsbG93ZWQgfVxuXG4gIC8vIE5hdGl2ZSBkaXNhYmxlZCDigJQgPGJ1dHRvbj4sIG1hdC1tZW51LWl0ZW0gZ3JheSBvdXQgb24gdGhlaXIgb3duLlxuICBASG9zdEJpbmRpbmcoJ2Rpc2FibGVkJylcbiAgZ2V0IF9kaXNhYmxlZCgpOiB0cnVlIHwgbnVsbCB7IHJldHVybiB0aGlzLmJsb2NrZWQgfHwgbnVsbCB9XG5cbiAgLy8gQWNjZXNzaWJpbGl0eSArIHRoZSBzaWduYWwgYXBpcGFzcyBidXR0b25zIHJlYWQgdG8gZGlzYWJsZSB0aGVtc2VsdmVzLlxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1kaXNhYmxlZCcpXG4gIGdldCBfYXJpYURpc2FibGVkKCk6IHRydWUgfCBudWxsIHsgcmV0dXJuIHRoaXMuYmxvY2tlZCB8fCBudWxsIH1cblxuICAvLyBDU1MgaG9vayBmb3IgZWxlbWVudHMgdGhhdCBhcmUgbmVpdGhlciBuYXRpdmUgYnV0dG9ucyBub3IgYXBpcGFzcyBidXR0b25zLlxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFwaXBhc3MtZ2F0ZS1ibG9ja2VkJylcbiAgZ2V0IF9ibG9ja2VkQ2xhc3MoKTogYm9vbGVhbiB7IHJldHVybiB0aGlzLmJsb2NrZWQgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci50aXRsZScpXG4gIGdldCBfdGl0bGUoKTogc3RyaW5nIHwgbnVsbCB7IHJldHVybiB0aGlzLmJsb2NrZWQgJiYgdGhpcy5sYWJlbCA/IHRoaXMubGFiZWwgOiBudWxsIH1cblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLmN1cnNvcicpXG4gIGdldCBfY3Vyc29yKCk6IHN0cmluZyB8IG51bGwgeyByZXR1cm4gdGhpcy5ibG9ja2VkID8gJ25vdC1hbGxvd2VkJyA6IG51bGwgfVxuXG4gIC8vIEtlZXBzIHBvaW50ZXItZXZlbnRzIGFjdGl2ZSBzbyB0aGUgbmF0aXZlIHRpdGxlIHRvb2x0aXAgZmlyZXMgb24gaG92ZXJcbiAgLy8gZXZlbiB3aGVuIHRoZSBlbGVtZW50IGlzIGRpc2FibGVkIChNYXRlcmlhbCBzZXRzIHBvaW50ZXItZXZlbnRzOm5vbmUpLlxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLnBvaW50ZXItZXZlbnRzJylcbiAgZ2V0IF9wb2ludGVyRXZlbnRzKCk6IHN0cmluZyB8IG51bGwgeyByZXR1cm4gdGhpcy5ibG9ja2VkID8gJ2F1dG8nIDogbnVsbCB9XG5cbiAgLy8gQmVsdC1hbmQtc3VzcGVuZGVyczogYmxvY2sgdGhlIGFjdGlvbiBldmVuIGlmIHRoZSBob3N0IHN0aWxsIGVtaXRzIGFuXG4gIC8vIGV2ZW50LiBDb3ZlcnMgbW91c2UgY2xpY2sgYW5kIGtleWJvYXJkIGFjdGl2YXRpb24gKEVudGVyIC8gU3BhY2UpLlxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24uZW50ZXInLCBbJyRldmVudCddKVxuICBASG9zdExpc3RlbmVyKCdrZXlkb3duLnNwYWNlJywgWyckZXZlbnQnXSlcbiAgYmxvY2soZTogRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5ibG9ja2VkKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgIGUuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKClcbiAgICB9XG4gIH1cblxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVybWlzc2lvbi1nYXRlLXN0cnVjdHVyYWwuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvcGVybWlzc2lvbnMvc3JjL3Blcm1pc3Npb24tZ2F0ZS9wZXJtaXNzaW9uLWdhdGUtc3RydWN0dXJhbC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBR0wsU0FBUyxFQUNULGdCQUFnQixFQUNqQixNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsT0FBTyxFQUFjLE1BQU0sc0JBQXNCLENBQUE7QUFDMUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3JELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHFDQUFxQyxDQUFBOzs7QUFFakY7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxNQUdhLG9CQUFvQjtJQVdaO0lBQ0E7SUFDQTtJQUNBO0lBWkcsU0FBUyxHQUFHLElBQUksQ0FBQTtJQUNYLEtBQUssR0FBRyxFQUFFLENBQUE7SUFDUixPQUFPLEdBQUcsRUFBRSxDQUFBO0lBQ2YsSUFBSSxHQUFzQixRQUFRLENBQUE7SUFFcEQsVUFBVSxHQUFzQixJQUFJLENBQUE7SUFDcEMsVUFBVSxHQUFxRCxJQUFJLENBQUE7SUFFM0UsWUFDbUIsRUFBYyxFQUNkLFFBQW1CLEVBQ25CLE9BQWdCLEVBQ2hCLEdBQXFCO1FBSHJCLE9BQUUsR0FBRixFQUFFLENBQVk7UUFDZCxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLFlBQU8sR0FBUCxPQUFPLENBQVM7UUFDaEIsUUFBRyxHQUFILEdBQUcsQ0FBa0I7SUFDckMsQ0FBQztJQUVKLElBQVksT0FBTztRQUNqQixPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQTtJQUN4QixDQUFDO0lBRUQsSUFBWSxjQUFj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MkZBQXBCLG9CQUFvQjtrQkFIaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtpQkFDMUI7OEtBR3VCLFNBQVM7c0JBQTlCLEtBQUs7dUJBQUMsYUFBYTtnQkFDTyxLQUFLO3NCQUEvQixLQUFLO3VCQUFDLGtCQUFrQjtnQkFDSSxPQUFPO3NCQUFuQyxLQUFLO3VCQUFDLG9CQUFvQjtnQkFDRCxJQUFJO3NCQUE3QixLQUFLO3VCQUFDLGlCQUFpQjtnQkFnQ3hCLFlBQVk7c0JBRFgsWUFBWTt1QkFBQyxZQUFZO2dCQU8xQixZQUFZO3NCQURYLFlBQVk7dUJBQUMsWUFBWTtnQkFNdEIsYUFBYTtzQkFEaEIsV0FBVzt1QkFBQyxvQkFBb0I7Z0JBTTdCLGFBQWE7c0JBRGhCLFdBQVc7dUJBQUMsNEJBQTRCO2dCQVF6QyxLQUFLO3NCQUhKLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDOztzQkFDaEMsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUM7O3NCQUN4QyxZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudFJlZixcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLFxuICBIb3N0QmluZGluZyxcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkRlc3Ryb3ksXG4gIFJlbmRlcmVyMixcbiAgVmlld0NvbnRhaW5lclJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5J1xuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCdcbmltcG9ydCB7IEFwaXBhc3NHYXRlVG9vbHRpcENvbXBvbmVudCB9IGZyb20gJy4vcGVybWlzc2lvbi1nYXRlLXRvb2x0aXAuY29tcG9uZW50J1xuXG4vKipcbiAqIEdhdGVzIGFuIGFjdGlvbiBlbGVtZW50IGJ5IHVzZXIgcGVybWlzc2lvbiDigJQgc2luZ2xlLCB1bmlmaWVkIEFQSS5cbiAqXG4gKiBNb2RlczpcbiAqICAtIGBzaGFkb3dgIChkZWZhdWx0KTogZWxlbWVudCBzdGF5cyB2aXNpYmxlIGJ1dCB2aXN1YWxseSBncmF5ZWQgb3V0LCBjdXJzb3Igbm90LWFsbG93ZWQsIGNsaWNrcyBibG9ja2VkLlxuICogIC0gYGhpZGVgOiBlbGVtZW50IHJlbW92ZWQgZnJvbSBsYXlvdXQgKGRpc3BsYXk6bm9uZSkgd2hlbiBibG9ja2VkLlxuICpcbiAqIFRvb2x0aXA6IHVzZXMgQ0RLIE92ZXJsYXkgdG8gcmVuZGVyIGEgTWF0ZXJpYWwtc3R5bGVkIHRvb2x0aXAuXG4gKiAgLSBibG9ja2VkICsgbGFiZWw6IHNob3dzIHRoZSBwZXJtaXNzaW9uIGxhYmVsICh3aHkgYWNjZXNzIGlzIGRlbmllZClcbiAqICAtIGFsbG93ZWQgKyB0b29sdGlwOiBzaG93cyB0aGUgYWN0aW9uIHRvb2x0aXAgKHdoYXQgdGhlIGVsZW1lbnQgZG9lcylcbiAqICAtIG90aGVyd2lzZTogbm8gdG9vbHRpcFxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYXBpcGFzc0dhdGVdJ1xufSlcbmV4cG9ydCBjbGFzcyBBcGlwYXNzR2F0ZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcblxuICBASW5wdXQoJ2FwaXBhc3NHYXRlJykgaXNBbGxvd2VkID0gdHJ1ZVxuICBASW5wdXQoJ2FwaXBhc3NHYXRlTGFiZWwnKSBsYWJlbCA9ICcnXG4gIEBJbnB1dCgnYXBpcGFzc0dhdGVUb29sdGlwJykgdG9vbHRpcCA9ICcnXG4gIEBJbnB1dCgnYXBpcGFzc0dhdGVNb2RlJykgbW9kZTogJ3NoYWRvdycgfCAnaGlkZScgPSAnc2hhZG93J1xuXG4gIHByaXZhdGUgb3ZlcmxheVJlZjogT3ZlcmxheVJlZiB8IG51bGwgPSBudWxsXG4gIHByaXZhdGUgdG9vbHRpcFJlZjogQ29tcG9uZW50UmVmPEFwaXBhc3NHYXRlVG9vbHRpcENvbXBvbmVudD4gfCBudWxsID0gbnVsbFxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgZWw6IEVsZW1lbnRSZWYsXG4gICAgcHJpdmF0ZSByZWFkb25seSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgb3ZlcmxheTogT3ZlcmxheSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IHZjcjogVmlld0NvbnRhaW5lclJlZlxuICApIHt9XG5cbiAgcHJpdmF0ZSBnZXQgYmxvY2tlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gIXRoaXMuaXNBbGxvd2VkXG4gIH1cblxuICBwcml2YXRlIGdldCB0b29sdGlwTWVzc2FnZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmJsb2NrZWQgPyB0aGlzLmxhYmVsIDogdGhpcy50b29sdGlwXG4gIH1cblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICB0aGlzLmFwcGx5VmlzdWFsU3RhdGUoKVxuICAgIGlmICh0aGlzLnRvb2x0aXBSZWYpIHtcbiAgICAgIHRoaXMudG9vbHRpcFJlZi5pbnN0YW5jZS5tZXNzYWdlID0gdGhpcy50b29sdGlwTWVzc2FnZVxuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuZGVzdHJveU92ZXJsYXkoKVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignbW91c2VlbnRlcicpXG4gIG9uTW91c2VFbnRlcigpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMudG9vbHRpcE1lc3NhZ2UgfHwgdGhpcy5vdmVybGF5UmVmKSByZXR1cm5cbiAgICB0aGlzLnNob3dUb29sdGlwKClcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnKVxuICBvbk1vdXNlTGVhdmUoKTogdm9pZCB7XG4gICAgdGhpcy5kZXN0cm95T3ZlcmxheSgpXG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1kaXNhYmxlZCcpXG4gIGdldCBfYXJpYURpc2FibGVkKCk6IHRydWUgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5ibG9ja2VkID8gdHJ1ZSA6IG51bGxcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuYXBpcGFzcy1nYXRlLWJsb2NrZWQnKVxuICBnZXQgX2Jsb2NrZWRDbGFzcygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5ibG9ja2VkXG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24uZW50ZXInLCBbJyRldmVudCddKVxuICBASG9zdExpc3RlbmVyKCdrZXlkb3duLnNwYWNlJywgWyckZXZlbnQnXSlcbiAgYmxvY2soZTogRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5ibG9ja2VkKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgIGUuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKClcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGFwcGx5VmlzdWFsU3RhdGUoKTogdm9pZCB7XG4gICAgY29uc3QgZWwgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnRcbiAgICBpZiAodGhpcy5ibG9ja2VkICYmIHRoaXMubW9kZSA9PT0gJ3NoYWRvdycpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoZWwsICdmaWx0ZXInLCAnZ3JheXNjYWxlKDEpIG9wYWNpdHkoMC41KScpXG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKGVsLCAnY3Vyc29yJywgJ25vdC1hbGxvd2VkJylcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoZWwsICdwb2ludGVyLWV2ZW50cycsICdhdXRvJylcbiAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlU3R5bGUoZWwsICdkaXNwbGF5JylcbiAgICB9IGVsc2UgaWYgKHRoaXMuYmxvY2tlZCAmJiB0aGlzLm1vZGUgPT09ICdoaWRlJykge1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShlbCwgJ2Rpc3BsYXknLCAnbm9uZScpXG4gICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZVN0eWxlKGVsLCAnZmlsdGVyJylcbiAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlU3R5bGUoZWwsICdjdXJzb3InKVxuICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVTdHlsZShlbCwgJ3BvaW50ZXItZXZlbnRzJylcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVTdHlsZShlbCwgJ2ZpbHRlcicpXG4gICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZVN0eWxlKGVsLCAnY3Vyc29yJylcbiAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlU3R5bGUoZWwsICdwb2ludGVyLWV2ZW50cycpXG4gICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZVN0eWxlKGVsLCAnZGlzcGxheScpXG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBzaG93VG9vbHRpcCgpOiB2b2lkIHtcbiAgICBjb25zdCBwb3NpdGlvblN0cmF0ZWd5ID0gdGhpcy5vdmVybGF5XG4gICAgICAucG9zaXRpb24oKVxuICAgICAgLmZsZXhpYmxlQ29ubmVjdGVkVG8odGhpcy5lbClcbiAgICAgIC53aXRoUG9zaXRpb25zKFtcbiAgICAgICAgeyBvcmlnaW5YOiAnY2VudGVyJywgb3JpZ2luWTogJ3RvcCcsIG92ZXJsYXlYOiAnY2VudGVyJywgb3ZlcmxheVk6ICdib3R0b20nLCBvZmZzZXRZOiAtOCB9LFxuICAgICAgICB7IG9yaWdpblg6ICdjZW50ZXInLCBvcmlnaW5ZOiAnYm90dG9tJywgb3ZlcmxheVg6ICdjZW50ZXInLCBvdmVybGF5WTogJ3RvcCcsIG9mZnNldFk6IDggfVxuICAgICAgXSlcblxuICAgIHRoaXMub3ZlcmxheVJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUoe1xuICAgICAgcG9zaXRpb25TdHJhdGVneSxcbiAgICAgIHNjcm9sbFN0cmF0ZWd5OiB0aGlzLm92ZXJsYXkuc2Nyb2xsU3RyYXRlZ2llcy5jbG9zZSgpXG4gICAgfSlcblxuICAgIGNvbnN0IHBvcnRhbCA9IG5ldyBDb21wb25lbnRQb3J0YWwoQXBpcGFzc0dhdGVUb29sdGlwQ29tcG9uZW50LCB0aGlzLnZjcilcbiAgICB0aGlzLnRvb2x0aXBSZWYgPSB0aGlzLm92ZXJsYXlSZWYuYXR0YWNoKHBvcnRhbClcbiAgICB0aGlzLnRvb2x0aXBSZWYuaW5zdGFuY2UubWVzc2FnZSA9IHRoaXMudG9vbHRpcE1lc3NhZ2VcbiAgICB0aGlzLnRvb2x0aXBSZWYuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpXG4gIH1cblxuICBwcml2YXRlIGRlc3Ryb3lPdmVybGF5KCk6IHZvaWQge1xuICAgIHRoaXMub3ZlcmxheVJlZj8uZGlzcG9zZSgpXG4gICAgdGhpcy5vdmVybGF5UmVmID0gbnVsbFxuICAgIHRoaXMudG9vbHRpcFJlZiA9IG51bGxcbiAgfVxuXG59XG4iXX0=

package/esm2022/permission-gate/permission-gate-tooltip.component.mjs

@@ -0,0 +1,17 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Internal tooltip overlay component used by ApipassGateDirective.
+ * Styled to match Angular Material's tooltip appearance.
+ */
+class ApipassGateTooltipComponent {
+    message = '';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ApipassGateTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: ApipassGateTooltipComponent, isStandalone: true, selector: "apipass-gate-tooltip", ngImport: i0, template: '<div class="apipass-gate-tooltip">{{ message }}</div>', isInline: true, styles: [":host{pointer-events:none}.apipass-gate-tooltip{background:rgba(97,97,97,.9);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;line-height:16px;max-width:250px;word-break:break-word;white-space:pre-line}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+export { ApipassGateTooltipComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ApipassGateTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'apipass-gate-tooltip', template: '<div class="apipass-gate-tooltip">{{ message }}</div>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{pointer-events:none}.apipass-gate-tooltip{background:rgba(97,97,97,.9);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;line-height:16px;max-width:250px;word-break:break-word;white-space:pre-line}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVybWlzc2lvbi1nYXRlLXRvb2x0aXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvcGVybWlzc2lvbnMvc3JjL3Blcm1pc3Npb24tZ2F0ZS9wZXJtaXNzaW9uLWdhdGUtdG9vbHRpcC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQTs7QUFFbEU7OztHQUdHO0FBQ0gsTUFvQmEsMkJBQTJCO0lBRXRDLE9BQU8sR0FBRyxFQUFFLENBQUE7dUdBRkQsMkJBQTJCOzJGQUEzQiwyQkFBMkIsZ0ZBakI1Qix1REFBdUQ7O1NBaUJ0RCwyQkFBMkI7MkZBQTNCLDJCQUEyQjtrQkFwQnZDLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLHNCQUFzQixZQUN0Qix1REFBdUQsbUJBZWhELHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuLyoqXG4gKiBJbnRlcm5hbCB0b29sdGlwIG92ZXJsYXkgY29tcG9uZW50IHVzZWQgYnkgQXBpcGFzc0dhdGVEaXJlY3RpdmUuXG4gKiBTdHlsZWQgdG8gbWF0Y2ggQW5ndWxhciBNYXRlcmlhbCdzIHRvb2x0aXAgYXBwZWFyYW5jZS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnYXBpcGFzcy1nYXRlLXRvb2x0aXAnLFxuICB0ZW1wbGF0ZTogJzxkaXYgY2xhc3M9XCJhcGlwYXNzLWdhdGUtdG9vbHRpcFwiPnt7IG1lc3NhZ2UgfX08L2Rpdj4nLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3QgeyBwb2ludGVyLWV2ZW50czogbm9uZTsgfVxuICAgIC5hcGlwYXNzLWdhdGUtdG9vbHRpcCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDk3LCA5NywgOTcsIDAuOSk7XG4gICAgICBjb2xvcjogI2ZmZjtcbiAgICAgIHBhZGRpbmc6IDRweCA4cHg7XG4gICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICBsaW5lLWhlaWdodDogMTZweDtcbiAgICAgIG1heC13aWR0aDogMjUwcHg7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgd2hpdGUtc3BhY2U6IHByZS1saW5lO1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEFwaXBhc3NHYXRlVG9vbHRpcENvbXBvbmVudCB7XG5cbiAgbWVzc2FnZSA9ICcnXG5cbn1cbiJdfQ==

package/esm2022/permission-gate/permission-gate.component.mjs

@@ -3,11 +3,13 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/material/tooltip";
 /**
- * Angular equivalent of the React `PermissionGate`.
+ * Wraps projected content with a permission gate.
  *
- * It **never hides** the protected action: when blocked it still renders the
- * content, disabled, wrapped in a tooltip that explains why. The decision
- * (`isAllowed`) is supplied by the caller — this component only presents it.
+ * The decision (`isAllowed`) is supplied by the caller — this component only presents it.
+ *
+ * Modes:
+ *  - `shadow` (default): renders content grayed out with a tooltip explaining why access is denied.
+ *  - `hide`: removes the content entirely from the layout when blocked.
  *
  * @example
  * ```html
@@ -23,20 +25,24 @@ class PermissionGateComponent {
     isAllowed = false;
     /** Tooltip text shown when the action is blocked. */
     noAccessLabel = '';
+    /** Display mode when permission is denied. Default: `shadow`. */
+    mode = 'shadow';
     template;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PermissionGateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: PermissionGateComponent, selector: "apipass-permission-gate", inputs: { isAllowed: "isAllowed", noAccessLabel: "noAccessLabel" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"isAllowed; else blocked\">\n  <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: true }\"></ng-container>\n</ng-container>\n\n<ng-template #blocked>\n  <span\n    class=\"permission-gate-blocked\"\n    [matTooltip]=\"noAccessLabel\"\n    [matTooltipDisabled]=\"!noAccessLabel\">\n    <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: false }\"></ng-container>\n  </span>\n</ng-template>\n", styles: [".permission-gate-blocked{display:inline-flex;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: PermissionGateComponent, selector: "apipass-permission-gate", inputs: { isAllowed: "isAllowed", noAccessLabel: "noAccessLabel", mode: "mode" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"isAllowed\">\n  <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: true }\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"!isAllowed && mode === 'shadow'\">\n  <span\n    class=\"permission-gate-blocked\"\n    [matTooltip]=\"noAccessLabel\"\n    [matTooltipDisabled]=\"!noAccessLabel\">\n    <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: false }\"></ng-container>\n  </span>\n</ng-container>\n", styles: [".permission-gate-blocked{display:inline-flex;cursor:not-allowed;filter:grayscale(1) opacity(.5)}.permission-gate-blocked ::ng-deep *{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
 }
 export { PermissionGateComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PermissionGateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'apipass-permission-gate', template: "<ng-container *ngIf=\"isAllowed; else blocked\">\n  <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: true }\"></ng-container>\n</ng-container>\n\n<ng-template #blocked>\n  <span\n    class=\"permission-gate-blocked\"\n    [matTooltip]=\"noAccessLabel\"\n    [matTooltipDisabled]=\"!noAccessLabel\">\n    <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: false }\"></ng-container>\n  </span>\n</ng-template>\n", styles: [".permission-gate-blocked{display:inline-flex;cursor:not-allowed}\n"] }]
+            args: [{ selector: 'apipass-permission-gate', template: "<ng-container *ngIf=\"isAllowed\">\n  <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: true }\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"!isAllowed && mode === 'shadow'\">\n  <span\n    class=\"permission-gate-blocked\"\n    [matTooltip]=\"noAccessLabel\"\n    [matTooltipDisabled]=\"!noAccessLabel\">\n    <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: false }\"></ng-container>\n  </span>\n</ng-container>\n", styles: [".permission-gate-blocked{display:inline-flex;cursor:not-allowed;filter:grayscale(1) opacity(.5)}.permission-gate-blocked ::ng-deep *{pointer-events:none}\n"] }]
         }], propDecorators: { isAllowed: [{
                 type: Input
             }], noAccessLabel: [{
                 type: Input
+            }], mode: [{
+                type: Input
             }], template: [{
                 type: ContentChild,
                 args: [TemplateRef]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVybWlzc2lvbi1nYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3Blcm1pc3Npb25zL3NyYy9wZXJtaXNzaW9uLWdhdGUvcGVybWlzc2lvbi1nYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL3Blcm1pc3Npb25zL3NyYy9wZXJtaXNzaW9uLWdhdGUvcGVybWlzc2lvbi1nYXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUE7Ozs7QUFPM0U7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsTUFLYSx1QkFBdUI7SUFFbEMsMkNBQTJDO0lBQ2xDLFNBQVMsR0FBRyxLQUFLLENBQUE7SUFFMUIscURBQXFEO0lBQzVDLGFBQWEsR0FBRyxFQUFFLENBQUE7SUFFQSxRQUFRLENBQXFDO3VHQVI3RCx1QkFBdUI7MkZBQXZCLHVCQUF1Qix5S0FRcEIsV0FBVyxnRENwQzNCLDJjQVlBOztTRGdCYSx1QkFBdUI7MkZBQXZCLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSx5QkFBeUI7OEJBTzFCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBR0csYUFBYTtzQkFBckIsS0FBSztnQkFFcUIsUUFBUTtzQkFBbEMsWUFBWTt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbi8qKiBDb250ZXh0IG9iamVjdCBwYXNzZWQgdG8gdGhlIHByb2plY3RlZCB0ZW1wbGF0ZSDigJQgYCRpbXBsaWNpdGAgaXMgdGhlIGBhbGxvd2VkYCBmbGFnLiAqL1xuZXhwb3J0IGludGVyZmFjZSBQZXJtaXNzaW9uR2F0ZUNvbnRleHQge1xuICAkaW1wbGljaXQ6IGJvb2xlYW5cbn1cblxuLyoqXG4gKiBBbmd1bGFyIGVxdWl2YWxlbnQgb2YgdGhlIFJlYWN0IGBQZXJtaXNzaW9uR2F0ZWAuXG4gKlxuICogSXQgKipuZXZlciBoaWRlcyoqIHRoZSBwcm90ZWN0ZWQgYWN0aW9uOiB3aGVuIGJsb2NrZWQgaXQgc3RpbGwgcmVuZGVycyB0aGVcbiAqIGNvbnRlbnQsIGRpc2FibGVkLCB3cmFwcGVkIGluIGEgdG9vbHRpcCB0aGF0IGV4cGxhaW5zIHdoeS4gVGhlIGRlY2lzaW9uXG4gKiAoYGlzQWxsb3dlZGApIGlzIHN1cHBsaWVkIGJ5IHRoZSBjYWxsZXIg4oCUIHRoaXMgY29tcG9uZW50IG9ubHkgcHJlc2VudHMgaXQuXG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYGh0bWxcbiAqIDxhcGlwYXNzLXBlcm1pc3Npb24tZ2F0ZSBbaXNBbGxvd2VkXT1cImNhbkNyZWF0ZVwiIFtub0FjY2Vzc0xhYmVsXT1cIidQRVJNSVNTSU9OUy5OT19DUkVBVEUnIHwgdHJhbnNsYXRlXCI+XG4gKiAgIDxuZy10ZW1wbGF0ZSBsZXQtYWxsb3dlZD5cbiAqICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIFtkaXNhYmxlZF09XCIhYWxsb3dlZFwiIChjbGljayk9XCJhbGxvd2VkICYmIGNyZWF0ZSgpXCI+TmV3PC9idXR0b24+XG4gKiAgIDwvbmctdGVtcGxhdGU+XG4gKiA8L2FwaXBhc3MtcGVybWlzc2lvbi1nYXRlPlxuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwaXBhc3MtcGVybWlzc2lvbi1nYXRlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Blcm1pc3Npb24tZ2F0ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Blcm1pc3Npb24tZ2F0ZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFBlcm1pc3Npb25HYXRlQ29tcG9uZW50IHtcblxuICAvKiogV2hldGhlciB0aGUgZ2F0ZWQgYWN0aW9uIGlzIGFsbG93ZWQuICovXG4gIEBJbnB1dCgpIGlzQWxsb3dlZCA9IGZhbHNlXG5cbiAgLyoqIFRvb2x0aXAgdGV4dCBzaG93biB3aGVuIHRoZSBhY3Rpb24gaXMgYmxvY2tlZC4gKi9cbiAgQElucHV0KCkgbm9BY2Nlc3NMYWJlbCA9ICcnXG5cbiAgQENvbnRlbnRDaGlsZChUZW1wbGF0ZVJlZikgdGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxQZXJtaXNzaW9uR2F0ZUNvbnRleHQ+XG5cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJpc0FsbG93ZWQ7IGVsc2UgYmxvY2tlZFwiPlxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGUgPz8gbnVsbDsgY29udGV4dDogeyAkaW1wbGljaXQ6IHRydWUgfVwiPjwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjYmxvY2tlZD5cbiAgPHNwYW5cbiAgICBjbGFzcz1cInBlcm1pc3Npb24tZ2F0ZS1ibG9ja2VkXCJcbiAgICBbbWF0VG9vbHRpcF09XCJub0FjY2Vzc0xhYmVsXCJcbiAgICBbbWF0VG9vbHRpcERpc2FibGVkXT1cIiFub0FjY2Vzc0xhYmVsXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlID8/IG51bGw7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBmYWxzZSB9XCI+PC9uZy1jb250YWluZXI+XG4gIDwvc3Bhbj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVybWlzc2lvbi1nYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3Blcm1pc3Npb25zL3NyYy9wZXJtaXNzaW9uLWdhdGUvcGVybWlzc2lvbi1nYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL3Blcm1pc3Npb25zL3NyYy9wZXJtaXNzaW9uLWdhdGUvcGVybWlzc2lvbi1nYXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUE7Ozs7QUFPM0U7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsTUFLYSx1QkFBdUI7SUFFbEMsMkNBQTJDO0lBQ2xDLFNBQVMsR0FBRyxLQUFLLENBQUE7SUFFMUIscURBQXFEO0lBQzVDLGFBQWEsR0FBRyxFQUFFLENBQUE7SUFFM0IsaUVBQWlFO0lBQ3hELElBQUksR0FBc0IsUUFBUSxDQUFBO0lBRWhCLFFBQVEsQ0FBcUM7dUdBWDdELHVCQUF1QjsyRkFBdkIsdUJBQXVCLHVMQVdwQixXQUFXLGdEQ3pDM0IsZ2VBWUE7O1NEa0JhLHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFPMUIsU0FBUztzQkFBakIsS0FBSztnQkFHRyxhQUFhO3NCQUFyQixLQUFLO2dCQUdHLElBQUk7c0JBQVosS0FBSztnQkFFcUIsUUFBUTtzQkFBbEMsWUFBWTt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbi8qKiBDb250ZXh0IG9iamVjdCBwYXNzZWQgdG8gdGhlIHByb2plY3RlZCB0ZW1wbGF0ZSDigJQgYCRpbXBsaWNpdGAgaXMgdGhlIGBhbGxvd2VkYCBmbGFnLiAqL1xuZXhwb3J0IGludGVyZmFjZSBQZXJtaXNzaW9uR2F0ZUNvbnRleHQge1xuICAkaW1wbGljaXQ6IGJvb2xlYW5cbn1cblxuLyoqXG4gKiBXcmFwcyBwcm9qZWN0ZWQgY29udGVudCB3aXRoIGEgcGVybWlzc2lvbiBnYXRlLlxuICpcbiAqIFRoZSBkZWNpc2lvbiAoYGlzQWxsb3dlZGApIGlzIHN1cHBsaWVkIGJ5IHRoZSBjYWxsZXIg4oCUIHRoaXMgY29tcG9uZW50IG9ubHkgcHJlc2VudHMgaXQuXG4gKlxuICogTW9kZXM6XG4gKiAgLSBgc2hhZG93YCAoZGVmYXVsdCk6IHJlbmRlcnMgY29udGVudCBncmF5ZWQgb3V0IHdpdGggYSB0b29sdGlwIGV4cGxhaW5pbmcgd2h5IGFjY2VzcyBpcyBkZW5pZWQuXG4gKiAgLSBgaGlkZWA6IHJlbW92ZXMgdGhlIGNvbnRlbnQgZW50aXJlbHkgZnJvbSB0aGUgbGF5b3V0IHdoZW4gYmxvY2tlZC5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgaHRtbFxuICogPGFwaXBhc3MtcGVybWlzc2lvbi1nYXRlIFtpc0FsbG93ZWRdPVwiY2FuQ3JlYXRlXCIgW25vQWNjZXNzTGFiZWxdPVwiJ1BFUk1JU1NJT05TLk5PX0NSRUFURScgfCB0cmFuc2xhdGVcIj5cbiAqICAgPG5nLXRlbXBsYXRlIGxldC1hbGxvd2VkPlxuICogICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gW2Rpc2FibGVkXT1cIiFhbGxvd2VkXCIgKGNsaWNrKT1cImFsbG93ZWQgJiYgY3JlYXRlKClcIj5OZXc8L2J1dHRvbj5cbiAqICAgPC9uZy10ZW1wbGF0ZT5cbiAqIDwvYXBpcGFzcy1wZXJtaXNzaW9uLWdhdGU+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBpcGFzcy1wZXJtaXNzaW9uLWdhdGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGVybWlzc2lvbi1nYXRlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGVybWlzc2lvbi1nYXRlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUGVybWlzc2lvbkdhdGVDb21wb25lbnQge1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBnYXRlZCBhY3Rpb24gaXMgYWxsb3dlZC4gKi9cbiAgQElucHV0KCkgaXNBbGxvd2VkID0gZmFsc2VcblxuICAvKiogVG9vbHRpcCB0ZXh0IHNob3duIHdoZW4gdGhlIGFjdGlvbiBpcyBibG9ja2VkLiAqL1xuICBASW5wdXQoKSBub0FjY2Vzc0xhYmVsID0gJydcblxuICAvKiogRGlzcGxheSBtb2RlIHdoZW4gcGVybWlzc2lvbiBpcyBkZW5pZWQuIERlZmF1bHQ6IGBzaGFkb3dgLiAqL1xuICBASW5wdXQoKSBtb2RlOiAnc2hhZG93JyB8ICdoaWRlJyA9ICdzaGFkb3cnXG5cbiAgQENvbnRlbnRDaGlsZChUZW1wbGF0ZVJlZikgdGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxQZXJtaXNzaW9uR2F0ZUNvbnRleHQ+XG5cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJpc0FsbG93ZWRcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlID8/IG51bGw7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiB0cnVlIH1cIj48L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwiIWlzQWxsb3dlZCAmJiBtb2RlID09PSAnc2hhZG93J1wiPlxuICA8c3BhblxuICAgIGNsYXNzPVwicGVybWlzc2lvbi1nYXRlLWJsb2NrZWRcIlxuICAgIFttYXRUb29sdGlwXT1cIm5vQWNjZXNzTGFiZWxcIlxuICAgIFttYXRUb29sdGlwRGlzYWJsZWRdPVwiIW5vQWNjZXNzTGFiZWxcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGUgPz8gbnVsbDsgY29udGV4dDogeyAkaW1wbGljaXQ6IGZhbHNlIH1cIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2022/permissions.module.mjs

@@ -1,6 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import { OverlayModule } from '@angular/cdk/overlay';
 import { PermissionGateComponent } from './permission-gate/permission-gate.component';
 import { PermissionGateDirective } from './permission-gate/permission-gate.directive';
 import { ApipassGateDirective } from './permission-gate/permission-gate-structural.directive';
@@ -11,13 +12,15 @@ class PermissionsModule {
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: PermissionsModule, declarations: [PermissionGateComponent,
             PermissionGateDirective,
             ApipassGateDirective], imports: [CommonModule,
-            MatTooltipModule], exports: [PermissionGateComponent,
+            MatTooltipModule,
+            OverlayModule], exports: [PermissionGateComponent,
             PermissionGateDirective,
             ApipassGateDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PermissionsModule, providers: [
             PermissionsService
         ], imports: [CommonModule,
-            MatTooltipModule] });
+            MatTooltipModule,
+            OverlayModule] });
 }
 export { PermissionsModule };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PermissionsModule, decorators: [{
@@ -25,7 +28,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
             args: [{
                     imports: [
                         CommonModule,
-                        MatTooltipModule
+                        MatTooltipModule,
+                        OverlayModule
                     ],
                     declarations: [
                         PermissionGateComponent,
@@ -42,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVybWlzc2lvbnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvcGVybWlzc2lvbnMvc3JjL3Blcm1pc3Npb25zLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQTtBQUNyRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQTtBQUNyRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3REFBd0QsQ0FBQTtBQUM3RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQTs7QUFFbEUsTUFtQmEsaUJBQWlCO3VHQUFqQixpQkFBaUI7d0dBQWpCLGlCQUFpQixpQkFiMUIsdUJBQXVCO1lBQ3ZCLHVCQUF1QjtZQUN2QixvQkFBb0IsYUFOcEIsWUFBWTtZQUNaLGdCQUFnQixhQVFoQix1QkFBdUI7WUFDdkIsdUJBQXVCO1lBQ3ZCLG9CQUFvQjt3R0FNWCxpQkFBaUIsYUFKakI7WUFDVCxrQkFBa0I7U0FDbkIsWUFmQyxZQUFZO1lBQ1osZ0JBQWdCOztTQWdCUCxpQkFBaUI7MkZBQWpCLGlCQUFpQjtrQkFuQjdCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZ0JBQWdCO3FCQUNqQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osdUJBQXVCO3dCQUN2Qix1QkFBdUI7d0JBQ3ZCLG9CQUFvQjtxQkFDckI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHVCQUF1Qjt3QkFDdkIsdUJBQXVCO3dCQUN2QixvQkFBb0I7cUJBQ3JCO29CQUNELFNBQVMsRUFBRTt3QkFDVCxrQkFBa0I7cUJBQ25CO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnXG5pbXBvcnQgeyBQZXJtaXNzaW9uR2F0ZUNvbXBvbmVudCB9IGZyb20gJy4vcGVybWlzc2lvbi1nYXRlL3Blcm1pc3Npb24tZ2F0ZS5jb21wb25lbnQnXG5pbXBvcnQgeyBQZXJtaXNzaW9uR2F0ZURpcmVjdGl2ZSB9IGZyb20gJy4vcGVybWlzc2lvbi1nYXRlL3Blcm1pc3Npb24tZ2F0ZS5kaXJlY3RpdmUnXG5pbXBvcnQgeyBBcGlwYXNzR2F0ZURpcmVjdGl2ZSB9IGZyb20gJy4vcGVybWlzc2lvbi1nYXRlL3Blcm1pc3Npb24tZ2F0ZS1zdHJ1Y3R1cmFsLmRpcmVjdGl2ZSdcbmltcG9ydCB7IFBlcm1pc3Npb25zU2VydmljZSB9IGZyb20gJy4vc2VydmljZS9wZXJtaXNzaW9ucy5zZXJ2aWNlJ1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdFRvb2x0aXBNb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgUGVybWlzc2lvbkdhdGVDb21wb25lbnQsXG4gICAgUGVybWlzc2lvbkdhdGVEaXJlY3RpdmUsXG4gICAgQXBpcGFzc0dhdGVEaXJlY3RpdmVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFBlcm1pc3Npb25HYXRlQ29tcG9uZW50LFxuICAgIFBlcm1pc3Npb25HYXRlRGlyZWN0aXZlLFxuICAgIEFwaXBhc3NHYXRlRGlyZWN0aXZlXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIFBlcm1pc3Npb25zU2VydmljZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFBlcm1pc3Npb25zTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVybWlzc2lvbnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvcGVybWlzc2lvbnMvc3JjL3Blcm1pc3Npb25zLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDcEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUE7QUFDckYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUE7QUFDckYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0RBQXdELENBQUE7QUFDN0YsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sK0JBQStCLENBQUE7O0FBRWxFLE1Bb0JhLGlCQUFpQjt1R0FBakIsaUJBQWlCO3dHQUFqQixpQkFBaUIsaUJBYjFCLHVCQUF1QjtZQUN2Qix1QkFBdUI7WUFDdkIsb0JBQW9CLGFBUHBCLFlBQVk7WUFDWixnQkFBZ0I7WUFDaEIsYUFBYSxhQVFiLHVCQUF1QjtZQUN2Qix1QkFBdUI7WUFDdkIsb0JBQW9CO3dHQU1YLGlCQUFpQixhQUpqQjtZQUNULGtCQUFrQjtTQUNuQixZQWhCQyxZQUFZO1lBQ1osZ0JBQWdCO1lBQ2hCLGFBQWE7O1NBZ0JKLGlCQUFpQjsyRkFBakIsaUJBQWlCO2tCQXBCN0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLGFBQWE7cUJBQ2Q7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHVCQUF1Qjt3QkFDdkIsdUJBQXVCO3dCQUN2QixvQkFBb0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRTt3QkFDUCx1QkFBdUI7d0JBQ3ZCLHVCQUF1Qjt3QkFDdkIsb0JBQW9CO3FCQUNyQjtvQkFDRCxTQUFTLEVBQUU7d0JBQ1Qsa0JBQWtCO3FCQUNuQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJ1xuaW1wb3J0IHsgT3ZlcmxheU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5J1xuaW1wb3J0IHsgUGVybWlzc2lvbkdhdGVDb21wb25lbnQgfSBmcm9tICcuL3Blcm1pc3Npb24tZ2F0ZS9wZXJtaXNzaW9uLWdhdGUuY29tcG9uZW50J1xuaW1wb3J0IHsgUGVybWlzc2lvbkdhdGVEaXJlY3RpdmUgfSBmcm9tICcuL3Blcm1pc3Npb24tZ2F0ZS9wZXJtaXNzaW9uLWdhdGUuZGlyZWN0aXZlJ1xuaW1wb3J0IHsgQXBpcGFzc0dhdGVEaXJlY3RpdmUgfSBmcm9tICcuL3Blcm1pc3Npb24tZ2F0ZS9wZXJtaXNzaW9uLWdhdGUtc3RydWN0dXJhbC5kaXJlY3RpdmUnXG5pbXBvcnQgeyBQZXJtaXNzaW9uc1NlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2UvcGVybWlzc2lvbnMuc2VydmljZSdcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxuICAgIE92ZXJsYXlNb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgUGVybWlzc2lvbkdhdGVDb21wb25lbnQsXG4gICAgUGVybWlzc2lvbkdhdGVEaXJlY3RpdmUsXG4gICAgQXBpcGFzc0dhdGVEaXJlY3RpdmVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFBlcm1pc3Npb25HYXRlQ29tcG9uZW50LFxuICAgIFBlcm1pc3Npb25HYXRlRGlyZWN0aXZlLFxuICAgIEFwaXBhc3NHYXRlRGlyZWN0aXZlXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIFBlcm1pc3Npb25zU2VydmljZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFBlcm1pc3Npb25zTW9kdWxlIHt9XG4iXX0=

package/fesm2022/apipass-permissions.mjs

@@ -1,17 +1,22 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, Component, Input, ContentChild, Directive, HostBinding, HostListener, InjectionToken, Injectable, Inject, Optional, NgModule } from '@angular/core';
+import { TemplateRef, Component, Input, ContentChild, Directive, ChangeDetectionStrategy, HostListener, HostBinding, InjectionToken, Injectable, Inject, Optional, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i1$1 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
 import { CERBOS_SERVICE, provideCerbos } from '@apipass/frontend-utils';
 
 /**
- * Angular equivalent of the React `PermissionGate`.
+ * Wraps projected content with a permission gate.
  *
- * It **never hides** the protected action: when blocked it still renders the
- * content, disabled, wrapped in a tooltip that explains why. The decision
- * (`isAllowed`) is supplied by the caller — this component only presents it.
+ * The decision (`isAllowed`) is supplied by the caller — this component only presents it.
+ *
+ * Modes:
+ *  - `shadow` (default): renders content grayed out with a tooltip explaining why access is denied.
+ *  - `hide`: removes the content entirely from the layout when blocked.
  *
  * @example
  * ```html
@@ -27,17 +32,21 @@ class PermissionGateComponent {
     isAllowed = false;
     /** Tooltip text shown when the action is blocked. */
     noAccessLabel = '';
+    /** Display mode when permission is denied. Default: `shadow`. */
+    mode = 'shadow';
     template;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PermissionGateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: PermissionGateComponent, selector: "apipass-permission-gate", inputs: { isAllowed: "isAllowed", noAccessLabel: "noAccessLabel" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"isAllowed; else blocked\">\n  <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: true }\"></ng-container>\n</ng-container>\n\n<ng-template #blocked>\n  <span\n    class=\"permission-gate-blocked\"\n    [matTooltip]=\"noAccessLabel\"\n    [matTooltipDisabled]=\"!noAccessLabel\">\n    <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: false }\"></ng-container>\n  </span>\n</ng-template>\n", styles: [".permission-gate-blocked{display:inline-flex;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: PermissionGateComponent, selector: "apipass-permission-gate", inputs: { isAllowed: "isAllowed", noAccessLabel: "noAccessLabel", mode: "mode" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"isAllowed\">\n  <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: true }\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"!isAllowed && mode === 'shadow'\">\n  <span\n    class=\"permission-gate-blocked\"\n    [matTooltip]=\"noAccessLabel\"\n    [matTooltipDisabled]=\"!noAccessLabel\">\n    <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: false }\"></ng-container>\n  </span>\n</ng-container>\n", styles: [".permission-gate-blocked{display:inline-flex;cursor:not-allowed;filter:grayscale(1) opacity(.5)}.permission-gate-blocked ::ng-deep *{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PermissionGateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'apipass-permission-gate', template: "<ng-container *ngIf=\"isAllowed; else blocked\">\n  <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: true }\"></ng-container>\n</ng-container>\n\n<ng-template #blocked>\n  <span\n    class=\"permission-gate-blocked\"\n    [matTooltip]=\"noAccessLabel\"\n    [matTooltipDisabled]=\"!noAccessLabel\">\n    <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: false }\"></ng-container>\n  </span>\n</ng-template>\n", styles: [".permission-gate-blocked{display:inline-flex;cursor:not-allowed}\n"] }]
+            args: [{ selector: 'apipass-permission-gate', template: "<ng-container *ngIf=\"isAllowed\">\n  <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: true }\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"!isAllowed && mode === 'shadow'\">\n  <span\n    class=\"permission-gate-blocked\"\n    [matTooltip]=\"noAccessLabel\"\n    [matTooltipDisabled]=\"!noAccessLabel\">\n    <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: false }\"></ng-container>\n  </span>\n</ng-container>\n", styles: [".permission-gate-blocked{display:inline-flex;cursor:not-allowed;filter:grayscale(1) opacity(.5)}.permission-gate-blocked ::ng-deep *{pointer-events:none}\n"] }]
         }], propDecorators: { isAllowed: [{
                 type: Input
             }], noAccessLabel: [{
                 type: Input
+            }], mode: [{
+                type: Input
             }], template: [{
                 type: ContentChild,
                 args: [TemplateRef]
@@ -100,72 +109,159 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
                 type: Input
             }] } });
 
+/**
+ * Internal tooltip overlay component used by ApipassGateDirective.
+ * Styled to match Angular Material's tooltip appearance.
+ */
+class ApipassGateTooltipComponent {
+    message = '';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ApipassGateTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: ApipassGateTooltipComponent, isStandalone: true, selector: "apipass-gate-tooltip", ngImport: i0, template: '<div class="apipass-gate-tooltip">{{ message }}</div>', isInline: true, styles: [":host{pointer-events:none}.apipass-gate-tooltip{background:rgba(97,97,97,.9);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;line-height:16px;max-width:250px;word-break:break-word;white-space:pre-line}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ApipassGateTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'apipass-gate-tooltip', template: '<div class="apipass-gate-tooltip">{{ message }}</div>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{pointer-events:none}.apipass-gate-tooltip{background:rgba(97,97,97,.9);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;line-height:16px;max-width:250px;word-break:break-word;white-space:pre-line}\n"] }]
+        }] });
+
 /**
  * Gates an action element by user permission — single, unified API.
  *
- * IMPORTANT: this is UX gating only. The real authorization boundary is the
- * backend Cerbos PEP (fail-closed). Never rely on this directive for security.
+ * Modes:
+ *  - `shadow` (default): element stays visible but visually grayed out, cursor not-allowed, clicks blocked.
+ *  - `hide`: element removed from layout (display:none) when blocked.
  *
- * Works on:
- *  - native `<button>` and `mat-menu-item` — disabled via the native `disabled`
- *    property (Material grays them out automatically);
- *  - apipass buttons (`secondary-button`, `primary-button`, `tertiary-button`)
- *    that read the `aria-disabled` attribute set here and disable themselves;
- *  - any other element — `.apipass-gate-blocked` class is exposed as a CSS hook.
+ * Tooltip: uses CDK Overlay to render a Material-styled tooltip.
+ *  - blocked + label: shows the permission label (why access is denied)
+ *  - allowed + tooltip: shows the action tooltip (what the element does)
+ *  - otherwise: no tooltip
  */
 class ApipassGateDirective {
+    el;
+    renderer;
+    overlay;
+    vcr;
     isAllowed = true;
     label = '';
-    get blocked() { return !this.isAllowed; }
-    // Native disabled — <button>, mat-menu-item gray out on their own.
-    get _disabled() { return this.blocked || null; }
-    // Accessibility + the signal apipass buttons read to disable themselves.
-    get _ariaDisabled() { return this.blocked || null; }
-    // CSS hook for elements that are neither native buttons nor apipass buttons.
-    get _blockedClass() { return this.blocked; }
-    get _title() { return this.blocked && this.label ? this.label : null; }
-    get _cursor() { return this.blocked ? 'not-allowed' : null; }
-    // Keeps pointer-events active so the native title tooltip fires on hover
-    // even when the element is disabled (Material sets pointer-events:none).
-    get _pointerEvents() { return this.blocked ? 'auto' : null; }
-    // Belt-and-suspenders: block the action even if the host still emits an
-    // event. Covers mouse click and keyboard activation (Enter / Space).
+    tooltip = '';
+    mode = 'shadow';
+    overlayRef = null;
+    tooltipRef = null;
+    constructor(el, renderer, overlay, vcr) {
+        this.el = el;
+        this.renderer = renderer;
+        this.overlay = overlay;
+        this.vcr = vcr;
+    }
+    get blocked() {
+        return !this.isAllowed;
+    }
+    get tooltipMessage() {
+        return this.blocked ? this.label : this.tooltip;
+    }
+    ngOnChanges() {
+        this.applyVisualState();
+        if (this.tooltipRef) {
+            this.tooltipRef.instance.message = this.tooltipMessage;
+        }
+    }
+    ngOnDestroy() {
+        this.destroyOverlay();
+    }
+    onMouseEnter() {
+        if (!this.tooltipMessage || this.overlayRef)
+            return;
+        this.showTooltip();
+    }
+    onMouseLeave() {
+        this.destroyOverlay();
+    }
+    get _ariaDisabled() {
+        return this.blocked ? true : null;
+    }
+    get _blockedClass() {
+        return this.blocked;
+    }
     block(e) {
         if (this.blocked) {
             e.preventDefault();
             e.stopImmediatePropagation();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ApipassGateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: ApipassGateDirective, selector: "[apipassGate]", inputs: { isAllowed: ["apipassGate", "isAllowed"], label: ["apipassGateLabel", "label"] }, host: { listeners: { "click": "block($event)", "keydown.enter": "block($event)", "keydown.space": "block($event)" }, properties: { "disabled": "this._disabled", "attr.aria-disabled": "this._ariaDisabled", "class.apipass-gate-blocked": "this._blockedClass", "attr.title": "this._title", "style.cursor": "this._cursor", "style.pointer-events": "this._pointerEvents" } }, ngImport: i0 });
+    applyVisualState() {
+        const el = this.el.nativeElement;
+        if (this.blocked && this.mode === 'shadow') {
+            this.renderer.setStyle(el, 'filter', 'grayscale(1) opacity(0.5)');
+            this.renderer.setStyle(el, 'cursor', 'not-allowed');
+            this.renderer.setStyle(el, 'pointer-events', 'auto');
+            this.renderer.removeStyle(el, 'display');
+        }
+        else if (this.blocked && this.mode === 'hide') {
+            this.renderer.setStyle(el, 'display', 'none');
+            this.renderer.removeStyle(el, 'filter');
+            this.renderer.removeStyle(el, 'cursor');
+            this.renderer.removeStyle(el, 'pointer-events');
+        }
+        else {
+            this.renderer.removeStyle(el, 'filter');
+            this.renderer.removeStyle(el, 'cursor');
+            this.renderer.removeStyle(el, 'pointer-events');
+            this.renderer.removeStyle(el, 'display');
+        }
+    }
+    showTooltip() {
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(this.el)
+            .withPositions([
+            { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -8 },
+            { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 8 }
+        ]);
+        this.overlayRef = this.overlay.create({
+            positionStrategy,
+            scrollStrategy: this.overlay.scrollStrategies.close()
+        });
+        const portal = new ComponentPortal(ApipassGateTooltipComponent, this.vcr);
+        this.tooltipRef = this.overlayRef.attach(portal);
+        this.tooltipRef.instance.message = this.tooltipMessage;
+        this.tooltipRef.changeDetectorRef.detectChanges();
+    }
+    destroyOverlay() {
+        this.overlayRef?.dispose();
+        this.overlayRef = null;
+        this.tooltipRef = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ApipassGateDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: ApipassGateDirective, selector: "[apipassGate]", inputs: { isAllowed: ["apipassGate", "isAllowed"], label: ["apipassGateLabel", "label"], tooltip: ["apipassGateTooltip", "tooltip"], mode: ["apipassGateMode", "mode"] }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "block($event)", "keydown.enter": "block($event)", "keydown.space": "block($event)" }, properties: { "attr.aria-disabled": "this._ariaDisabled", "class.apipass-gate-blocked": "this._blockedClass" } }, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ApipassGateDirective, decorators: [{
             type: Directive,
-            args: [{ selector: '[apipassGate]' }]
-        }], propDecorators: { isAllowed: [{
+            args: [{
+                    selector: '[apipassGate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { isAllowed: [{
                 type: Input,
                 args: ['apipassGate']
             }], label: [{
                 type: Input,
                 args: ['apipassGateLabel']
-            }], _disabled: [{
-                type: HostBinding,
-                args: ['disabled']
+            }], tooltip: [{
+                type: Input,
+                args: ['apipassGateTooltip']
+            }], mode: [{
+                type: Input,
+                args: ['apipassGateMode']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
             }], _ariaDisabled: [{
                 type: HostBinding,
                 args: ['attr.aria-disabled']
             }], _blockedClass: [{
                 type: HostBinding,
                 args: ['class.apipass-gate-blocked']
-            }], _title: [{
-                type: HostBinding,
-                args: ['attr.title']
-            }], _cursor: [{
-                type: HostBinding,
-                args: ['style.cursor']
-            }], _pointerEvents: [{
-                type: HostBinding,
-                args: ['style.pointer-events']
             }], block: [{
                 type: HostListener,
                 args: ['click', ['$event']]
@@ -273,20 +369,23 @@ class PermissionsModule {
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: PermissionsModule, declarations: [PermissionGateComponent,
             PermissionGateDirective,
             ApipassGateDirective], imports: [CommonModule,
-            MatTooltipModule], exports: [PermissionGateComponent,
+            MatTooltipModule,
+            OverlayModule], exports: [PermissionGateComponent,
             PermissionGateDirective,
             ApipassGateDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PermissionsModule, providers: [
             PermissionsService
         ], imports: [CommonModule,
-            MatTooltipModule] });
+            MatTooltipModule,
+            OverlayModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PermissionsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         CommonModule,
-                        MatTooltipModule
+                        MatTooltipModule,
+                        OverlayModule
                     ],
                     declarations: [
                         PermissionGateComponent,

package/fesm2022/apipass-permissions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"apipass-permissions.mjs","sources":["../../../projects/permissions/src/permission-gate/permission-gate.component.ts","../../../projects/permissions/src/permission-gate/permission-gate.component.html","../../../projects/permissions/src/permission-gate/permission-gate.directive.ts","../../../projects/permissions/src/permission-gate/permission-gate-structural.directive.ts","../../../projects/permissions/src/service/permissions.config.ts","../../../projects/permissions/src/service/permissions.service.ts","../../../projects/permissions/src/permissions.module.ts","../../../projects/permissions/src/service/permissions.providers.ts","../../../projects/permissions/src/apipass-permissions.ts"],"sourcesContent":["import { Component, ContentChild, Input, TemplateRef } from '@angular/core'\n\n/** Context object passed to the projected template — `$implicit` is the `allowed` flag. */\nexport interface PermissionGateContext {\n  $implicit: boolean\n}\n\n/**\n * Angular equivalent of the React `PermissionGate`.\n *\n * It **never hides** the protected action: when blocked it still renders the\n * content, disabled, wrapped in a tooltip that explains why. The decision\n * (`isAllowed`) is supplied by the caller — this component only presents it.\n *\n * @example\n * ```html\n * <apipass-permission-gate [isAllowed]=\"canCreate\" [noAccessLabel]=\"'PERMISSIONS.NO_CREATE' | translate\">\n *   <ng-template let-allowed>\n *     <button mat-raised-button [disabled]=\"!allowed\" (click)=\"allowed && create()\">New</button>\n *   </ng-template>\n * </apipass-permission-gate>\n * ```\n */\n@Component({\n  selector: 'apipass-permission-gate',\n  templateUrl: './permission-gate.component.html',\n  styleUrls: ['./permission-gate.component.scss']\n})\nexport class PermissionGateComponent {\n\n  /** Whether the gated action is allowed. */\n  @Input() isAllowed = false\n\n  /** Tooltip text shown when the action is blocked. */\n  @Input() noAccessLabel = ''\n\n  @ContentChild(TemplateRef) template?: TemplateRef<PermissionGateContext>\n\n}\n","<ng-container *ngIf=\"isAllowed; else blocked\">\n  <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: true }\"></ng-container>\n</ng-container>\n\n<ng-template #blocked>\n  <span\n    class=\"permission-gate-blocked\"\n    [matTooltip]=\"noAccessLabel\"\n    [matTooltipDisabled]=\"!noAccessLabel\">\n    <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: false }\"></ng-container>\n  </span>\n</ng-template>\n","import { Directive, ElementRef, Input, OnChanges, Renderer2 } from '@angular/core'\n\n/**\n * Lightweight, dependency-free variant of {@link PermissionGateComponent} for\n * **native** elements (e.g. `<button>`, `<a>`). When blocked it sets the\n * `disabled` attribute, a `.permission-blocked` class and a native `title`\n * tooltip — the element stays in the DOM, never hidden.\n *\n * For Angular Material controls (`mat-button`, etc.) prefer the component, since\n * Material reads its own `disabled` @Input rather than the DOM attribute.\n *\n * @example\n * ```html\n * <button [apipassPermissionGate]=\"canCreate\" noAccessLabel=\"No permission\" (click)=\"create()\">New</button>\n * ```\n */\n@Directive({\n  selector: '[apipassPermissionGate]'\n})\nexport class PermissionGateDirective implements OnChanges {\n\n  /** Whether the gated action is allowed. */\n  @Input('apipassPermissionGate') isAllowed = false\n\n  /** Native tooltip text shown when the action is blocked. */\n  @Input() noAccessLabel = ''\n\n  constructor(\n    private readonly el: ElementRef<HTMLElement>,\n    private readonly renderer: Renderer2\n  ) {}\n\n  ngOnChanges(): void {\n    const node = this.el.nativeElement\n    if (this.isAllowed) {\n      this.renderer.removeAttribute(node, 'disabled')\n      this.renderer.removeAttribute(node, 'title')\n      this.renderer.removeClass(node, 'permission-blocked')\n      return\n    }\n    this.renderer.setAttribute(node, 'disabled', 'true')\n    this.renderer.addClass(node, 'permission-blocked')\n    if (this.noAccessLabel) {\n      this.renderer.setAttribute(node, 'title', this.noAccessLabel)\n    } else {\n      this.renderer.removeAttribute(node, 'title')\n    }\n  }\n\n}\n","import { Directive, HostBinding, HostListener, Input } from '@angular/core'\n\n/**\n * Gates an action element by user permission — single, unified API.\n *\n * IMPORTANT: this is UX gating only. The real authorization boundary is the\n * backend Cerbos PEP (fail-closed). Never rely on this directive for security.\n *\n * Works on:\n *  - native `<button>` and `mat-menu-item` — disabled via the native `disabled`\n *    property (Material grays them out automatically);\n *  - apipass buttons (`secondary-button`, `primary-button`, `tertiary-button`)\n *    that read the `aria-disabled` attribute set here and disable themselves;\n *  - any other element — `.apipass-gate-blocked` class is exposed as a CSS hook.\n */\n@Directive({ selector: '[apipassGate]' })\nexport class ApipassGateDirective {\n\n  @Input('apipassGate') isAllowed = true\n  @Input('apipassGateLabel') label = ''\n\n  private get blocked(): boolean { return !this.isAllowed }\n\n  // Native disabled — <button>, mat-menu-item gray out on their own.\n  @HostBinding('disabled')\n  get _disabled(): true | null { return this.blocked || null }\n\n  // Accessibility + the signal apipass buttons read to disable themselves.\n  @HostBinding('attr.aria-disabled')\n  get _ariaDisabled(): true | null { return this.blocked || null }\n\n  // CSS hook for elements that are neither native buttons nor apipass buttons.\n  @HostBinding('class.apipass-gate-blocked')\n  get _blockedClass(): boolean { return this.blocked }\n\n  @HostBinding('attr.title')\n  get _title(): string | null { return this.blocked && this.label ? this.label : null }\n\n  @HostBinding('style.cursor')\n  get _cursor(): string | null { return this.blocked ? 'not-allowed' : null }\n\n  // Keeps pointer-events active so the native title tooltip fires on hover\n  // even when the element is disabled (Material sets pointer-events:none).\n  @HostBinding('style.pointer-events')\n  get _pointerEvents(): string | null { return this.blocked ? 'auto' : null }\n\n  // Belt-and-suspenders: block the action even if the host still emits an\n  // event. Covers mouse click and keyboard activation (Enter / Space).\n  @HostListener('click', ['$event'])\n  @HostListener('keydown.enter', ['$event'])\n  @HostListener('keydown.space', ['$event'])\n  block(e: Event): void {\n    if (this.blocked) {\n      e.preventDefault()\n      e.stopImmediatePropagation()\n    }\n  }\n\n}\n","import { InjectionToken, Provider } from '@angular/core'\nimport { UserInfo } from '@apipass/frontend-utils'\n\nexport type MaybeAsync<T> = T | Promise<T>\n\n/** A single `{ kind, action }` pair handed to the legacy resolver. */\nexport interface LegacyCheck {\n  kind: string\n  action: string\n}\n\n/**\n * Per-application configuration for {@link PermissionsService}.\n *\n * The library is decoupled from any concrete app: each consumer wires in how to\n * read the Cerbos toggle, how to build the Cerbos principal, and how to resolve\n * the legacy (pre-Cerbos) decision.\n */\nexport interface PermissionsConfig {\n  /** Whether Cerbos authorization is active. When `false`, only `legacyResolver` runs. */\n  cerbosEnabled(): MaybeAsync<boolean>\n  /** Builds the Cerbos principal (`{ accountId, domain, roles }`). Only called when Cerbos is enabled. */\n  userInfo(): MaybeAsync<UserInfo>\n  /**\n   * Resolves a single check using the legacy role model. Only called when Cerbos is disabled.\n   * `context` is the `legacyContext` carried by the originating {@link PermissionCheck}.\n   */\n  legacyResolver(check: LegacyCheck, context?: unknown): MaybeAsync<boolean>\n}\n\nexport const PERMISSIONS_CONFIG = new InjectionToken<PermissionsConfig>('PERMISSIONS_CONFIG')\n\n/** Registers the {@link PermissionsConfig} used by {@link PermissionsService}. */\nexport function providePermissionsConfig(config: PermissionsConfig): Provider {\n  return { provide: PERMISSIONS_CONFIG, useValue: config }\n}\n","import { Inject, Injectable, Optional } from '@angular/core'\nimport { CERBOS_SERVICE, ICerbosService } from '@apipass/frontend-utils'\nimport { PERMISSIONS_CONFIG, PermissionsConfig } from './permissions.config'\nimport { PermissionCheck } from '../model/permission-check.interface'\nimport { PermissionResult, PermissionResultMap } from '../model/permission-result.interface'\n\ntype DecisionMap = Record<string, Record<string, boolean>>\n\n/**\n * Hybrid authorization orchestrator: decides between Cerbos and the legacy role\n * model based on {@link PermissionsConfig.cerbosEnabled}.\n *\n * - **Cerbos disabled** → behavior is identical to the pre-Cerbos system (legacy resolver).\n * - **Cerbos enabled** → asks the PDP; on any failure it is **fail-closed** (every action denied),\n *   so a PDP outage never silently grants access.\n */\n@Injectable()\nexport class PermissionsService {\n\n  constructor(\n    @Inject(PERMISSIONS_CONFIG) private readonly config: PermissionsConfig,\n    @Optional() @Inject(CERBOS_SERVICE) private readonly cerbos: ICerbosService | null\n  ) {}\n\n  /** Evaluates several resource kinds at once. With Cerbos enabled this is a single round-trip. */\n  async checkResources(checks: PermissionCheck[]): Promise<PermissionResultMap> {\n    const cerbosEnabled = await this.config.cerbosEnabled()\n    const decisions = cerbosEnabled\n      ? await this.resolveWithCerbos(checks)\n      : await this.resolveWithLegacy(checks)\n    return this.buildResultMap(decisions)\n  }\n\n  /** Convenience for the common single-kind case. */\n  async checkResource(check: PermissionCheck): Promise<PermissionResult> {\n    const map = await this.checkResources([check])\n    return map.for(check.kind)\n  }\n\n  private async resolveWithCerbos(checks: PermissionCheck[]): Promise<DecisionMap> {\n    // Fail-closed: no PDP wired in means no grants.\n    if (!this.cerbos) {\n      console.error(`${PermissionsService.name} - CERBOS_SERVICE not provided; denying all (fail-closed)`)\n      return this.denyAll(checks)\n    }\n    try {\n      const userInfo = await this.config.userInfo()\n      return await this.cerbos.checkResources(\n        userInfo,\n        checks.map(({ kind, actions, id }) => ({ kind, actions, id }))\n      )\n    } catch (e) {\n      console.error(`${PermissionsService.name} - Cerbos check failed; denying all (fail-closed)`, e)\n      return this.denyAll(checks)\n    }\n  }\n\n  private async resolveWithLegacy(checks: PermissionCheck[]): Promise<DecisionMap> {\n    const decisions: DecisionMap = {}\n    for (const check of checks) {\n      const actions: Record<string, boolean> = {}\n      for (const action of check.actions) {\n        actions[action] = await this.config.legacyResolver({ kind: check.kind, action }, check.legacyContext)\n      }\n      decisions[check.kind] = actions\n    }\n    return decisions\n  }\n\n  private denyAll(checks: PermissionCheck[]): DecisionMap {\n    return checks.reduce<DecisionMap>((acc, check) => {\n      acc[check.kind] = check.actions.reduce<Record<string, boolean>>((actions, action) => {\n        actions[action] = false\n        return actions\n      }, {})\n      return acc\n    }, {})\n  }\n\n  private buildResultMap(decisions: DecisionMap): PermissionResultMap {\n    const can = (kind: string, action: string): boolean => decisions[kind]?.[action] ?? false\n    return {\n      can,\n      for: (kind: string): PermissionResult => ({ can: (action: string) => can(kind, action) })\n    }\n  }\n\n}\n","import { NgModule } from '@angular/core'\nimport { CommonModule } from '@angular/common'\nimport { MatTooltipModule } from '@angular/material/tooltip'\nimport { PermissionGateComponent } from './permission-gate/permission-gate.component'\nimport { PermissionGateDirective } from './permission-gate/permission-gate.directive'\nimport { ApipassGateDirective } from './permission-gate/permission-gate-structural.directive'\nimport { PermissionsService } from './service/permissions.service'\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatTooltipModule\n  ],\n  declarations: [\n    PermissionGateComponent,\n    PermissionGateDirective,\n    ApipassGateDirective\n  ],\n  exports: [\n    PermissionGateComponent,\n    PermissionGateDirective,\n    ApipassGateDirective\n  ],\n  providers: [\n    PermissionsService\n  ]\n})\nexport class PermissionsModule {}\n","import { Provider } from '@angular/core'\nimport { provideCerbos } from '@apipass/frontend-utils'\nimport { PERMISSIONS_CONFIG, PermissionsConfig } from './permissions.config'\nimport { PermissionsService } from './permissions.service'\n\nexport interface ProvidePermissionsOptions {\n  /** Static config (registered with `useValue`). Mutually exclusive with `configFactory`. */\n  config?: PermissionsConfig\n  /** Config factory with DI (registered with `useFactory`). Mutually exclusive with `config`. */\n  configFactory?: (...deps: never[]) => PermissionsConfig\n  /** Injection tokens passed to `configFactory`, in parameter order. */\n  deps?: unknown[]\n  /** Optional Cerbos PDP url; when set, also registers `CERBOS_SERVICE` via `provideCerbos`. */\n  cerbosUrl?: string\n}\n\n/**\n * One-call setup for `@apipass/permissions`: registers the {@link PERMISSIONS_CONFIG},\n * the {@link PermissionsService} and (optionally) the Cerbos service.\n *\n * @example\n * ```ts\n * @NgModule({\n *   providers: [\n *     providePermissions({\n *       cerbosUrl: $ENV.CERBOS_PDP_URL,\n *       configFactory: permissionsConfigFactory,\n *       deps: [FEATURE_TOGGLE_SERVICE, IAM_SERVICE]\n *     })\n *   ]\n * })\n * ```\n */\nexport function providePermissions(options: ProvidePermissionsOptions): Provider[] {\n  const { config, configFactory, deps, cerbosUrl } = options\n\n  if ((config && configFactory) || (!config && !configFactory)) {\n    throw new Error('providePermissions: provide exactly one of `config` or `configFactory`')\n  }\n\n  const providers: Provider[] = [\n    config\n      ? { provide: PERMISSIONS_CONFIG, useValue: config }\n      : { provide: PERMISSIONS_CONFIG, useFactory: configFactory, deps: deps ?? [] },\n    PermissionsService\n  ]\n\n  if (cerbosUrl) {\n    providers.push(provideCerbos(cerbosUrl))\n  }\n\n  return providers\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"apipass-permissions.mjs","sources":["../../../projects/permissions/src/permission-gate/permission-gate.component.ts","../../../projects/permissions/src/permission-gate/permission-gate.component.html","../../../projects/permissions/src/permission-gate/permission-gate.directive.ts","../../../projects/permissions/src/permission-gate/permission-gate-tooltip.component.ts","../../../projects/permissions/src/permission-gate/permission-gate-structural.directive.ts","../../../projects/permissions/src/service/permissions.config.ts","../../../projects/permissions/src/service/permissions.service.ts","../../../projects/permissions/src/permissions.module.ts","../../../projects/permissions/src/service/permissions.providers.ts","../../../projects/permissions/src/apipass-permissions.ts"],"sourcesContent":["import { Component, ContentChild, Input, TemplateRef } from '@angular/core'\n\n/** Context object passed to the projected template — `$implicit` is the `allowed` flag. */\nexport interface PermissionGateContext {\n  $implicit: boolean\n}\n\n/**\n * Wraps projected content with a permission gate.\n *\n * The decision (`isAllowed`) is supplied by the caller — this component only presents it.\n *\n * Modes:\n *  - `shadow` (default): renders content grayed out with a tooltip explaining why access is denied.\n *  - `hide`: removes the content entirely from the layout when blocked.\n *\n * @example\n * ```html\n * <apipass-permission-gate [isAllowed]=\"canCreate\" [noAccessLabel]=\"'PERMISSIONS.NO_CREATE' | translate\">\n *   <ng-template let-allowed>\n *     <button mat-raised-button [disabled]=\"!allowed\" (click)=\"allowed && create()\">New</button>\n *   </ng-template>\n * </apipass-permission-gate>\n * ```\n */\n@Component({\n  selector: 'apipass-permission-gate',\n  templateUrl: './permission-gate.component.html',\n  styleUrls: ['./permission-gate.component.scss']\n})\nexport class PermissionGateComponent {\n\n  /** Whether the gated action is allowed. */\n  @Input() isAllowed = false\n\n  /** Tooltip text shown when the action is blocked. */\n  @Input() noAccessLabel = ''\n\n  /** Display mode when permission is denied. Default: `shadow`. */\n  @Input() mode: 'shadow' | 'hide' = 'shadow'\n\n  @ContentChild(TemplateRef) template?: TemplateRef<PermissionGateContext>\n\n}\n","<ng-container *ngIf=\"isAllowed\">\n  <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: true }\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"!isAllowed && mode === 'shadow'\">\n  <span\n    class=\"permission-gate-blocked\"\n    [matTooltip]=\"noAccessLabel\"\n    [matTooltipDisabled]=\"!noAccessLabel\">\n    <ng-container *ngTemplateOutlet=\"template ?? null; context: { $implicit: false }\"></ng-container>\n  </span>\n</ng-container>\n","import { Directive, ElementRef, Input, OnChanges, Renderer2 } from '@angular/core'\n\n/**\n * Lightweight, dependency-free variant of {@link PermissionGateComponent} for\n * **native** elements (e.g. `<button>`, `<a>`). When blocked it sets the\n * `disabled` attribute, a `.permission-blocked` class and a native `title`\n * tooltip — the element stays in the DOM, never hidden.\n *\n * For Angular Material controls (`mat-button`, etc.) prefer the component, since\n * Material reads its own `disabled` @Input rather than the DOM attribute.\n *\n * @example\n * ```html\n * <button [apipassPermissionGate]=\"canCreate\" noAccessLabel=\"No permission\" (click)=\"create()\">New</button>\n * ```\n */\n@Directive({\n  selector: '[apipassPermissionGate]'\n})\nexport class PermissionGateDirective implements OnChanges {\n\n  /** Whether the gated action is allowed. */\n  @Input('apipassPermissionGate') isAllowed = false\n\n  /** Native tooltip text shown when the action is blocked. */\n  @Input() noAccessLabel = ''\n\n  constructor(\n    private readonly el: ElementRef<HTMLElement>,\n    private readonly renderer: Renderer2\n  ) {}\n\n  ngOnChanges(): void {\n    const node = this.el.nativeElement\n    if (this.isAllowed) {\n      this.renderer.removeAttribute(node, 'disabled')\n      this.renderer.removeAttribute(node, 'title')\n      this.renderer.removeClass(node, 'permission-blocked')\n      return\n    }\n    this.renderer.setAttribute(node, 'disabled', 'true')\n    this.renderer.addClass(node, 'permission-blocked')\n    if (this.noAccessLabel) {\n      this.renderer.setAttribute(node, 'title', this.noAccessLabel)\n    } else {\n      this.renderer.removeAttribute(node, 'title')\n    }\n  }\n\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n/**\n * Internal tooltip overlay component used by ApipassGateDirective.\n * Styled to match Angular Material's tooltip appearance.\n */\n@Component({\n  standalone: true,\n  selector: 'apipass-gate-tooltip',\n  template: '<div class=\"apipass-gate-tooltip\">{{ message }}</div>',\n  styles: [`\n    :host { pointer-events: none; }\n    .apipass-gate-tooltip {\n      background: rgba(97, 97, 97, 0.9);\n      color: #fff;\n      padding: 4px 8px;\n      border-radius: 4px;\n      font-size: 12px;\n      line-height: 16px;\n      max-width: 250px;\n      word-break: break-word;\n      white-space: pre-line;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ApipassGateTooltipComponent {\n\n  message = ''\n\n}\n","import {\n  ComponentRef,\n  Directive,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Renderer2,\n  ViewContainerRef\n} from '@angular/core'\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay'\nimport { ComponentPortal } from '@angular/cdk/portal'\nimport { ApipassGateTooltipComponent } from './permission-gate-tooltip.component'\n\n/**\n * Gates an action element by user permission — single, unified API.\n *\n * Modes:\n *  - `shadow` (default): element stays visible but visually grayed out, cursor not-allowed, clicks blocked.\n *  - `hide`: element removed from layout (display:none) when blocked.\n *\n * Tooltip: uses CDK Overlay to render a Material-styled tooltip.\n *  - blocked + label: shows the permission label (why access is denied)\n *  - allowed + tooltip: shows the action tooltip (what the element does)\n *  - otherwise: no tooltip\n */\n@Directive({\n  selector: '[apipassGate]'\n})\nexport class ApipassGateDirective implements OnChanges, OnDestroy {\n\n  @Input('apipassGate') isAllowed = true\n  @Input('apipassGateLabel') label = ''\n  @Input('apipassGateTooltip') tooltip = ''\n  @Input('apipassGateMode') mode: 'shadow' | 'hide' = 'shadow'\n\n  private overlayRef: OverlayRef | null = null\n  private tooltipRef: ComponentRef<ApipassGateTooltipComponent> | null = null\n\n  constructor(\n    private readonly el: ElementRef,\n    private readonly renderer: Renderer2,\n    private readonly overlay: Overlay,\n    private readonly vcr: ViewContainerRef\n  ) {}\n\n  private get blocked(): boolean {\n    return !this.isAllowed\n  }\n\n  private get tooltipMessage(): string {\n    return this.blocked ? this.label : this.tooltip\n  }\n\n  ngOnChanges(): void {\n    this.applyVisualState()\n    if (this.tooltipRef) {\n      this.tooltipRef.instance.message = this.tooltipMessage\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.destroyOverlay()\n  }\n\n  @HostListener('mouseenter')\n  onMouseEnter(): void {\n    if (!this.tooltipMessage || this.overlayRef) return\n    this.showTooltip()\n  }\n\n  @HostListener('mouseleave')\n  onMouseLeave(): void {\n    this.destroyOverlay()\n  }\n\n  @HostBinding('attr.aria-disabled')\n  get _ariaDisabled(): true | null {\n    return this.blocked ? true : null\n  }\n\n  @HostBinding('class.apipass-gate-blocked')\n  get _blockedClass(): boolean {\n    return this.blocked\n  }\n\n  @HostListener('click', ['$event'])\n  @HostListener('keydown.enter', ['$event'])\n  @HostListener('keydown.space', ['$event'])\n  block(e: Event): void {\n    if (this.blocked) {\n      e.preventDefault()\n      e.stopImmediatePropagation()\n    }\n  }\n\n  private applyVisualState(): void {\n    const el = this.el.nativeElement\n    if (this.blocked && this.mode === 'shadow') {\n      this.renderer.setStyle(el, 'filter', 'grayscale(1) opacity(0.5)')\n      this.renderer.setStyle(el, 'cursor', 'not-allowed')\n      this.renderer.setStyle(el, 'pointer-events', 'auto')\n      this.renderer.removeStyle(el, 'display')\n    } else if (this.blocked && this.mode === 'hide') {\n      this.renderer.setStyle(el, 'display', 'none')\n      this.renderer.removeStyle(el, 'filter')\n      this.renderer.removeStyle(el, 'cursor')\n      this.renderer.removeStyle(el, 'pointer-events')\n    } else {\n      this.renderer.removeStyle(el, 'filter')\n      this.renderer.removeStyle(el, 'cursor')\n      this.renderer.removeStyle(el, 'pointer-events')\n      this.renderer.removeStyle(el, 'display')\n    }\n  }\n\n  private showTooltip(): void {\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.el)\n      .withPositions([\n        { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -8 },\n        { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 8 }\n      ])\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.close()\n    })\n\n    const portal = new ComponentPortal(ApipassGateTooltipComponent, this.vcr)\n    this.tooltipRef = this.overlayRef.attach(portal)\n    this.tooltipRef.instance.message = this.tooltipMessage\n    this.tooltipRef.changeDetectorRef.detectChanges()\n  }\n\n  private destroyOverlay(): void {\n    this.overlayRef?.dispose()\n    this.overlayRef = null\n    this.tooltipRef = null\n  }\n\n}\n","import { InjectionToken, Provider } from '@angular/core'\nimport { UserInfo } from '@apipass/frontend-utils'\n\nexport type MaybeAsync<T> = T | Promise<T>\n\n/** A single `{ kind, action }` pair handed to the legacy resolver. */\nexport interface LegacyCheck {\n  kind: string\n  action: string\n}\n\n/**\n * Per-application configuration for {@link PermissionsService}.\n *\n * The library is decoupled from any concrete app: each consumer wires in how to\n * read the Cerbos toggle, how to build the Cerbos principal, and how to resolve\n * the legacy (pre-Cerbos) decision.\n */\nexport interface PermissionsConfig {\n  /** Whether Cerbos authorization is active. When `false`, only `legacyResolver` runs. */\n  cerbosEnabled(): MaybeAsync<boolean>\n  /** Builds the Cerbos principal (`{ accountId, domain, roles }`). Only called when Cerbos is enabled. */\n  userInfo(): MaybeAsync<UserInfo>\n  /**\n   * Resolves a single check using the legacy role model. Only called when Cerbos is disabled.\n   * `context` is the `legacyContext` carried by the originating {@link PermissionCheck}.\n   */\n  legacyResolver(check: LegacyCheck, context?: unknown): MaybeAsync<boolean>\n}\n\nexport const PERMISSIONS_CONFIG = new InjectionToken<PermissionsConfig>('PERMISSIONS_CONFIG')\n\n/** Registers the {@link PermissionsConfig} used by {@link PermissionsService}. */\nexport function providePermissionsConfig(config: PermissionsConfig): Provider {\n  return { provide: PERMISSIONS_CONFIG, useValue: config }\n}\n","import { Inject, Injectable, Optional } from '@angular/core'\nimport { CERBOS_SERVICE, ICerbosService } from '@apipass/frontend-utils'\nimport { PERMISSIONS_CONFIG, PermissionsConfig } from './permissions.config'\nimport { PermissionCheck } from '../model/permission-check.interface'\nimport { PermissionResult, PermissionResultMap } from '../model/permission-result.interface'\n\ntype DecisionMap = Record<string, Record<string, boolean>>\n\n/**\n * Hybrid authorization orchestrator: decides between Cerbos and the legacy role\n * model based on {@link PermissionsConfig.cerbosEnabled}.\n *\n * - **Cerbos disabled** → behavior is identical to the pre-Cerbos system (legacy resolver).\n * - **Cerbos enabled** → asks the PDP; on any failure it is **fail-closed** (every action denied),\n *   so a PDP outage never silently grants access.\n */\n@Injectable()\nexport class PermissionsService {\n\n  constructor(\n    @Inject(PERMISSIONS_CONFIG) private readonly config: PermissionsConfig,\n    @Optional() @Inject(CERBOS_SERVICE) private readonly cerbos: ICerbosService | null\n  ) {}\n\n  /** Evaluates several resource kinds at once. With Cerbos enabled this is a single round-trip. */\n  async checkResources(checks: PermissionCheck[]): Promise<PermissionResultMap> {\n    const cerbosEnabled = await this.config.cerbosEnabled()\n    const decisions = cerbosEnabled\n      ? await this.resolveWithCerbos(checks)\n      : await this.resolveWithLegacy(checks)\n    return this.buildResultMap(decisions)\n  }\n\n  /** Convenience for the common single-kind case. */\n  async checkResource(check: PermissionCheck): Promise<PermissionResult> {\n    const map = await this.checkResources([check])\n    return map.for(check.kind)\n  }\n\n  private async resolveWithCerbos(checks: PermissionCheck[]): Promise<DecisionMap> {\n    // Fail-closed: no PDP wired in means no grants.\n    if (!this.cerbos) {\n      console.error(`${PermissionsService.name} - CERBOS_SERVICE not provided; denying all (fail-closed)`)\n      return this.denyAll(checks)\n    }\n    try {\n      const userInfo = await this.config.userInfo()\n      return await this.cerbos.checkResources(\n        userInfo,\n        checks.map(({ kind, actions, id }) => ({ kind, actions, id }))\n      )\n    } catch (e) {\n      console.error(`${PermissionsService.name} - Cerbos check failed; denying all (fail-closed)`, e)\n      return this.denyAll(checks)\n    }\n  }\n\n  private async resolveWithLegacy(checks: PermissionCheck[]): Promise<DecisionMap> {\n    const decisions: DecisionMap = {}\n    for (const check of checks) {\n      const actions: Record<string, boolean> = {}\n      for (const action of check.actions) {\n        actions[action] = await this.config.legacyResolver({ kind: check.kind, action }, check.legacyContext)\n      }\n      decisions[check.kind] = actions\n    }\n    return decisions\n  }\n\n  private denyAll(checks: PermissionCheck[]): DecisionMap {\n    return checks.reduce<DecisionMap>((acc, check) => {\n      acc[check.kind] = check.actions.reduce<Record<string, boolean>>((actions, action) => {\n        actions[action] = false\n        return actions\n      }, {})\n      return acc\n    }, {})\n  }\n\n  private buildResultMap(decisions: DecisionMap): PermissionResultMap {\n    const can = (kind: string, action: string): boolean => decisions[kind]?.[action] ?? false\n    return {\n      can,\n      for: (kind: string): PermissionResult => ({ can: (action: string) => can(kind, action) })\n    }\n  }\n\n}\n","import { NgModule } from '@angular/core'\nimport { CommonModule } from '@angular/common'\nimport { MatTooltipModule } from '@angular/material/tooltip'\nimport { OverlayModule } from '@angular/cdk/overlay'\nimport { PermissionGateComponent } from './permission-gate/permission-gate.component'\nimport { PermissionGateDirective } from './permission-gate/permission-gate.directive'\nimport { ApipassGateDirective } from './permission-gate/permission-gate-structural.directive'\nimport { PermissionsService } from './service/permissions.service'\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatTooltipModule,\n    OverlayModule\n  ],\n  declarations: [\n    PermissionGateComponent,\n    PermissionGateDirective,\n    ApipassGateDirective\n  ],\n  exports: [\n    PermissionGateComponent,\n    PermissionGateDirective,\n    ApipassGateDirective\n  ],\n  providers: [\n    PermissionsService\n  ]\n})\nexport class PermissionsModule {}\n","import { Provider } from '@angular/core'\nimport { provideCerbos } from '@apipass/frontend-utils'\nimport { PERMISSIONS_CONFIG, PermissionsConfig } from './permissions.config'\nimport { PermissionsService } from './permissions.service'\n\nexport interface ProvidePermissionsOptions {\n  /** Static config (registered with `useValue`). Mutually exclusive with `configFactory`. */\n  config?: PermissionsConfig\n  /** Config factory with DI (registered with `useFactory`). Mutually exclusive with `config`. */\n  configFactory?: (...deps: never[]) => PermissionsConfig\n  /** Injection tokens passed to `configFactory`, in parameter order. */\n  deps?: unknown[]\n  /** Optional Cerbos PDP url; when set, also registers `CERBOS_SERVICE` via `provideCerbos`. */\n  cerbosUrl?: string\n}\n\n/**\n * One-call setup for `@apipass/permissions`: registers the {@link PERMISSIONS_CONFIG},\n * the {@link PermissionsService} and (optionally) the Cerbos service.\n *\n * @example\n * ```ts\n * @NgModule({\n *   providers: [\n *     providePermissions({\n *       cerbosUrl: $ENV.CERBOS_PDP_URL,\n *       configFactory: permissionsConfigFactory,\n *       deps: [FEATURE_TOGGLE_SERVICE, IAM_SERVICE]\n *     })\n *   ]\n * })\n * ```\n */\nexport function providePermissions(options: ProvidePermissionsOptions): Provider[] {\n  const { config, configFactory, deps, cerbosUrl } = options\n\n  if ((config && configFactory) || (!config && !configFactory)) {\n    throw new Error('providePermissions: provide exactly one of `config` or `configFactory`')\n  }\n\n  const providers: Provider[] = [\n    config\n      ? { provide: PERMISSIONS_CONFIG, useValue: config }\n      : { provide: PERMISSIONS_CONFIG, useFactory: configFactory, deps: deps ?? [] },\n    PermissionsService\n  ]\n\n  if (cerbosUrl) {\n    providers.push(provideCerbos(cerbosUrl))\n  }\n\n  return providers\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apipass/permissions",
-  "version": "1.0.194",
+  "version": "1.0.195",
   "peerDependencies": {
     "@angular/common": "16.0.2",
     "@angular/core": "16.0.2",

package/permission-gate/permission-gate-structural.directive.d.ts

@@ -1,28 +1,42 @@
+import { ElementRef, OnChanges, OnDestroy, Renderer2, ViewContainerRef } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
 /**
  * Gates an action element by user permission — single, unified API.
  *
- * IMPORTANT: this is UX gating only. The real authorization boundary is the
- * backend Cerbos PEP (fail-closed). Never rely on this directive for security.
+ * Modes:
+ *  - `shadow` (default): element stays visible but visually grayed out, cursor not-allowed, clicks blocked.
+ *  - `hide`: element removed from layout (display:none) when blocked.
  *
- * Works on:
- *  - native `<button>` and `mat-menu-item` — disabled via the native `disabled`
- *    property (Material grays them out automatically);
- *  - apipass buttons (`secondary-button`, `primary-button`, `tertiary-button`)
- *    that read the `aria-disabled` attribute set here and disable themselves;
- *  - any other element — `.apipass-gate-blocked` class is exposed as a CSS hook.
+ * Tooltip: uses CDK Overlay to render a Material-styled tooltip.
+ *  - blocked + label: shows the permission label (why access is denied)
+ *  - allowed + tooltip: shows the action tooltip (what the element does)
+ *  - otherwise: no tooltip
  */
-export declare class ApipassGateDirective {
+export declare class ApipassGateDirective implements OnChanges, OnDestroy {
+    private readonly el;
+    private readonly renderer;
+    private readonly overlay;
+    private readonly vcr;
     isAllowed: boolean;
     label: string;
+    tooltip: string;
+    mode: 'shadow' | 'hide';
+    private overlayRef;
+    private tooltipRef;
+    constructor(el: ElementRef, renderer: Renderer2, overlay: Overlay, vcr: ViewContainerRef);
     private get blocked();
-    get _disabled(): true | null;
+    private get tooltipMessage();
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
     get _ariaDisabled(): true | null;
     get _blockedClass(): boolean;
-    get _title(): string | null;
-    get _cursor(): string | null;
-    get _pointerEvents(): string | null;
     block(e: Event): void;
+    private applyVisualState;
+    private showTooltip;
+    private destroyOverlay;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApipassGateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ApipassGateDirective, "[apipassGate]", never, { "isAllowed": { "alias": "apipassGate"; "required": false; }; "label": { "alias": "apipassGateLabel"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ApipassGateDirective, "[apipassGate]", never, { "isAllowed": { "alias": "apipassGate"; "required": false; }; "label": { "alias": "apipassGateLabel"; "required": false; }; "tooltip": { "alias": "apipassGateTooltip"; "required": false; }; "mode": { "alias": "apipassGateMode"; "required": false; }; }, {}, never, never, false, never>;
 }

package/permission-gate/permission-gate-tooltip.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+/**
+ * Internal tooltip overlay component used by ApipassGateDirective.
+ * Styled to match Angular Material's tooltip appearance.
+ */
+export declare class ApipassGateTooltipComponent {
+    message: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ApipassGateTooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApipassGateTooltipComponent, "apipass-gate-tooltip", never, {}, {}, never, never, true, never>;
+}

package/permission-gate/permission-gate.component.d.ts

@@ -5,11 +5,13 @@ export interface PermissionGateContext {
     $implicit: boolean;
 }
 /**
- * Angular equivalent of the React `PermissionGate`.
+ * Wraps projected content with a permission gate.
  *
- * It **never hides** the protected action: when blocked it still renders the
- * content, disabled, wrapped in a tooltip that explains why. The decision
- * (`isAllowed`) is supplied by the caller — this component only presents it.
+ * The decision (`isAllowed`) is supplied by the caller — this component only presents it.
+ *
+ * Modes:
+ *  - `shadow` (default): renders content grayed out with a tooltip explaining why access is denied.
+ *  - `hide`: removes the content entirely from the layout when blocked.
  *
  * @example
  * ```html
@@ -25,7 +27,9 @@ export declare class PermissionGateComponent {
     isAllowed: boolean;
     /** Tooltip text shown when the action is blocked. */
     noAccessLabel: string;
+    /** Display mode when permission is denied. Default: `shadow`. */
+    mode: 'shadow' | 'hide';
     template?: TemplateRef<PermissionGateContext>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PermissionGateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PermissionGateComponent, "apipass-permission-gate", never, { "isAllowed": { "alias": "isAllowed"; "required": false; }; "noAccessLabel": { "alias": "noAccessLabel"; "required": false; }; }, {}, ["template"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PermissionGateComponent, "apipass-permission-gate", never, { "isAllowed": { "alias": "isAllowed"; "required": false; }; "noAccessLabel": { "alias": "noAccessLabel"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, ["template"], never, false, never>;
 }

package/permissions.module.d.ts

@@ -4,8 +4,9 @@ import * as i2 from "./permission-gate/permission-gate.directive";
 import * as i3 from "./permission-gate/permission-gate-structural.directive";
 import * as i4 from "@angular/common";
 import * as i5 from "@angular/material/tooltip";
+import * as i6 from "@angular/cdk/overlay";
 export declare class PermissionsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PermissionsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PermissionsModule, [typeof i1.PermissionGateComponent, typeof i2.PermissionGateDirective, typeof i3.ApipassGateDirective], [typeof i4.CommonModule, typeof i5.MatTooltipModule], [typeof i1.PermissionGateComponent, typeof i2.PermissionGateDirective, typeof i3.ApipassGateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PermissionsModule, [typeof i1.PermissionGateComponent, typeof i2.PermissionGateDirective, typeof i3.ApipassGateDirective], [typeof i4.CommonModule, typeof i5.MatTooltipModule, typeof i6.OverlayModule], [typeof i1.PermissionGateComponent, typeof i2.PermissionGateDirective, typeof i3.ApipassGateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PermissionsModule>;
 }

package/styles.css

@@ -0,0 +1,15 @@
+/*
+ * @apipass/permissions — global styles
+ *
+ * Add to angular.json styles array:
+ *   "node_modules/@apipass/permissions/styles.css"
+ *
+ * Suppresses pointer-events on all descendants of permission gate wrappers so
+ * cursor and tooltip always come from the gate host element, not inner elements.
+ * This fixes: (1) cursor showing as pointer when inner elements have cursor:pointer,
+ * (2) inner [matTooltip] directives firing alongside the gate's own tooltip.
+ */
+.permission-gate-blocked *,
+.apipass-gate-blocked * {
+  pointer-events: none;
+}