@ng-doc/ui-kit/fesm2022/ng-doc-ui-kit-components-overlay-pointer.mjs

<!-- PROJECT LOGO --> <br /> <div align="center"> <a href="https://github.com/ng-doc/ng-doc"> <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px"> </a>

import * as i0 from '@angular/core';
import { Input, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';

class NgDocOverlayPointerComponent {
    constructor() {
        this.overlayPosition = null;
        this.overlayAlign = null;
        this.withPointer = true;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocOverlayPointerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: NgDocOverlayPointerComponent, isStandalone: true, selector: "ng-doc-overlay-pointer", inputs: { overlayPosition: "overlayPosition", overlayAlign: "overlayAlign", withPointer: "withPointer" }, host: { properties: { "attr.data-ng-doc-overlay-position": "this.overlayPosition", "attr.data-ng-doc-overlay-align": "this.overlayAlign" } }, ngImport: i0, template: "<div class=\"ng-doc-overlay-pointer-wrapper\">\n  @if (withPointer) {\n    <div class=\"ng-doc-overlay-pointer\">\n      <div class=\"ng-doc-pointer\"></div>\n    </div>\n  }\n  <div class=\"ng-doc-overlay-pointer-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{display:block;height:100%}.ng-doc-overlay-pointer-wrapper{display:flex;flex-direction:column;height:100%}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer{display:flex}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer .ng-doc-pointer{position:relative}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer .ng-doc-pointer:before{position:relative;display:block;content:\"\";width:0;height:0;border:8px solid transparent}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer .ng-doc-pointer:after{position:absolute;display:block;content:\"\";width:0;height:0;border:7px solid transparent}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer-content{display:flex;flex:1;height:100%}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer-wrapper,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer-wrapper{min-width:calc(var(--ng-doc-base-gutter) * 4)}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer{justify-content:center}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer .ng-doc-pointer,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer .ng-doc-pointer{top:1px}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer .ng-doc-pointer:before,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer .ng-doc-pointer:before{border-bottom:8px solid;border-bottom-color:var(--ng-doc-overlay-border)}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer .ng-doc-pointer:after,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer .ng-doc-pointer:after{top:2px;right:1px;border-bottom:7px solid;border-bottom-color:var(--ng-doc-overlay-background)}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer-wrapper{flex-direction:column-reverse}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer{transform:rotate(180deg) scaleX(-1)}:host[data-ng-doc-overlay-align=left] .ng-doc-overlay-pointer{justify-content:flex-start}:host[data-ng-doc-overlay-align=left] .ng-doc-overlay-pointer .ng-doc-pointer{margin-left:calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-overlay-align=right] .ng-doc-overlay-pointer{justify-content:flex-end}:host[data-ng-doc-overlay-align=right] .ng-doc-overlay-pointer .ng-doc-pointer{margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer-wrapper,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer-wrapper{flex-direction:row;min-height:calc(var(--ng-doc-base-gutter) * 4)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer{align-items:center}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer .ng-doc-pointer,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer .ng-doc-pointer{left:1px}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer .ng-doc-pointer:before,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer .ng-doc-pointer:before{border-right:8px solid var(--ng-doc-overlay-border)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer .ng-doc-pointer:after,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer .ng-doc-pointer:after{top:1px;right:0;border-right:7px solid var(--ng-doc-overlay-background)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer-wrapper{flex-direction:row-reverse}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer{transform:rotate(180deg) scaleY(-1)}:host[data-ng-doc-overlay-align=top] .ng-doc-overlay-pointer{align-items:flex-start}:host[data-ng-doc-overlay-align=top] .ng-doc-overlay-pointer .ng-doc-pointer{margin-top:calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-overlay-align=bottom] .ng-doc-overlay-pointer{align-items:flex-end}:host[data-ng-doc-overlay-align=bottom] .ng-doc-overlay-pointer .ng-doc-pointer{margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocOverlayPointerComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ng-doc-overlay-pointer', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "<div class=\"ng-doc-overlay-pointer-wrapper\">\n  @if (withPointer) {\n    <div class=\"ng-doc-overlay-pointer\">\n      <div class=\"ng-doc-pointer\"></div>\n    </div>\n  }\n  <div class=\"ng-doc-overlay-pointer-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{display:block;height:100%}.ng-doc-overlay-pointer-wrapper{display:flex;flex-direction:column;height:100%}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer{display:flex}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer .ng-doc-pointer{position:relative}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer .ng-doc-pointer:before{position:relative;display:block;content:\"\";width:0;height:0;border:8px solid transparent}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer .ng-doc-pointer:after{position:absolute;display:block;content:\"\";width:0;height:0;border:7px solid transparent}.ng-doc-overlay-pointer-wrapper .ng-doc-overlay-pointer-content{display:flex;flex:1;height:100%}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer-wrapper,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer-wrapper{min-width:calc(var(--ng-doc-base-gutter) * 4)}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer{justify-content:center}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer .ng-doc-pointer,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer .ng-doc-pointer{top:1px}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer .ng-doc-pointer:before,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer .ng-doc-pointer:before{border-bottom:8px solid;border-bottom-color:var(--ng-doc-overlay-border)}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer .ng-doc-pointer:after,:host[data-ng-doc-overlay-position=bottom] .ng-doc-overlay-pointer .ng-doc-pointer:after{top:2px;right:1px;border-bottom:7px solid;border-bottom-color:var(--ng-doc-overlay-background)}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer-wrapper{flex-direction:column-reverse}:host[data-ng-doc-overlay-position=top] .ng-doc-overlay-pointer{transform:rotate(180deg) scaleX(-1)}:host[data-ng-doc-overlay-align=left] .ng-doc-overlay-pointer{justify-content:flex-start}:host[data-ng-doc-overlay-align=left] .ng-doc-overlay-pointer .ng-doc-pointer{margin-left:calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-overlay-align=right] .ng-doc-overlay-pointer{justify-content:flex-end}:host[data-ng-doc-overlay-align=right] .ng-doc-overlay-pointer .ng-doc-pointer{margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer-wrapper,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer-wrapper{flex-direction:row;min-height:calc(var(--ng-doc-base-gutter) * 4)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer{align-items:center}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer .ng-doc-pointer,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer .ng-doc-pointer{left:1px}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer .ng-doc-pointer:before,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer .ng-doc-pointer:before{border-right:8px solid var(--ng-doc-overlay-border)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer .ng-doc-pointer:after,:host[data-ng-doc-overlay-position=right] .ng-doc-overlay-pointer .ng-doc-pointer:after{top:1px;right:0;border-right:7px solid var(--ng-doc-overlay-background)}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer-wrapper{flex-direction:row-reverse}:host[data-ng-doc-overlay-position=left] .ng-doc-overlay-pointer{transform:rotate(180deg) scaleY(-1)}:host[data-ng-doc-overlay-align=top] .ng-doc-overlay-pointer{align-items:flex-start}:host[data-ng-doc-overlay-align=top] .ng-doc-overlay-pointer .ng-doc-pointer{margin-top:calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-overlay-align=bottom] .ng-doc-overlay-pointer{align-items:flex-end}:host[data-ng-doc-overlay-align=bottom] .ng-doc-overlay-pointer .ng-doc-pointer{margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}\n"] }]
        }], propDecorators: { overlayPosition: [{
                type: Input
            }, {
                type: HostBinding,
                args: ['attr.data-ng-doc-overlay-position']
            }], overlayAlign: [{
                type: Input
            }, {
                type: HostBinding,
                args: ['attr.data-ng-doc-overlay-align']
            }], withPointer: [{
                type: Input
            }] } });

/**
 * Generated bundle index. Do not edit.
 */

export { NgDocOverlayPointerComponent };
//# sourceMappingURL=ng-doc-ui-kit-components-overlay-pointer.mjs.map