@nova-ui/bits/esm2022/lib/overlay/arrow-component/overlay-arrow.component.mjs

SolarWinds Nova Framework

// © 2022 SolarWinds Worldwide, LLC. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
//  of this software and associated documentation files (the "Software"), to
//  deal in the Software without restriction, including without limitation the
//  rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
//  sell copies of the Software, and to permit persons to whom the Software is
//  furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
//  all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
//  THE SOFTWARE.
import { Component, ViewEncapsulation } from "@angular/core";
import * as i0 from "@angular/core";
/**
 * Internal component that wraps the overlay's content to render an arrow
 */
/** @ignore */
export class OverlayArrowComponent {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverlayArrowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OverlayArrowComponent, selector: "nui-overlay-arrow", ngImport: i0, template: `<div class="nui-overlay-arrow"></div>`, isInline: true, styles: [".nui-overlay-arrow{display:none;width:12.72px;height:12.72px;background-color:transparent;border:6px solid;position:absolute;border-color:var(--nui-color-bg-content_popover,#fff);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.overlay-center-top .nui-overlay-arrow{display:block;left:49%;bottom:6px;border-left-color:transparent;border-top-color:transparent;box-shadow:3px 3px 3px #0000000d}.overlay-top-left .nui-overlay-arrow,.overlay-top-right .nui-overlay-arrow{display:block;bottom:6px;border-bottom-color:var(--nui-color-bg-content_popover,#fff);border-top-color:transparent;box-shadow:3px 3px 3px #0000000d}.overlay-top-left .nui-overlay-arrow{right:19.08px;border-left-color:transparent}.overlay-top-right .nui-overlay-arrow{left:19.08px;border-left-color:transparent}.overlay-center-bottom .nui-overlay-arrow{display:block;left:49%;top:6px;border-right-color:transparent;border-bottom-color:transparent;box-shadow:-3px -3px 3px #0000000d}.overlay-bottom-left .nui-overlay-arrow,.overlay-bottom-right .nui-overlay-arrow{display:block;top:6px;border-bottom-color:transparent;border-top-color:var(--nui-color-bg-content_popover,#fff);box-shadow:-3px -3px 3px #0000000d}.overlay-bottom-left .nui-overlay-arrow{right:19.08px;border-right-color:transparent}.overlay-bottom-right .nui-overlay-arrow{left:19.08px;border-right-color:transparent}.overlay-left-bottom .nui-overlay-arrow,.overlay-left-top .nui-overlay-arrow,.overlay-center-left .nui-overlay-arrow{display:block;right:6px;top:50%;transform:translateY(-50%) rotate(45deg);border-left-color:transparent;border-bottom-color:transparent;box-shadow:3px -3px 3px #0000000d}.overlay-left-top .nui-overlay-arrow{top:unset;bottom:12.72px}.overlay-left-bottom .nui-overlay-arrow{top:19.08px}.overlay-right-bottom .nui-overlay-arrow,.overlay-right-top .nui-overlay-arrow,.overlay-center-right .nui-overlay-arrow{display:block;left:6px;top:50%;transform:translateY(-50%) rotate(45deg);border-right-color:transparent;border-top-color:transparent;box-shadow:-3px 3px 3px #0000000d}.overlay-right-top .nui-overlay-arrow{top:unset;bottom:12.72px}.overlay-right-bottom .nui-overlay-arrow{top:19.08px}\n"], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverlayArrowComponent, decorators: [{
            type: Component,
            args: [{ selector: "nui-overlay-arrow", template: `<div class="nui-overlay-arrow"></div>`, encapsulation: ViewEncapsulation.None, styles: [".nui-overlay-arrow{display:none;width:12.72px;height:12.72px;background-color:transparent;border:6px solid;position:absolute;border-color:var(--nui-color-bg-content_popover,#fff);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.overlay-center-top .nui-overlay-arrow{display:block;left:49%;bottom:6px;border-left-color:transparent;border-top-color:transparent;box-shadow:3px 3px 3px #0000000d}.overlay-top-left .nui-overlay-arrow,.overlay-top-right .nui-overlay-arrow{display:block;bottom:6px;border-bottom-color:var(--nui-color-bg-content_popover,#fff);border-top-color:transparent;box-shadow:3px 3px 3px #0000000d}.overlay-top-left .nui-overlay-arrow{right:19.08px;border-left-color:transparent}.overlay-top-right .nui-overlay-arrow{left:19.08px;border-left-color:transparent}.overlay-center-bottom .nui-overlay-arrow{display:block;left:49%;top:6px;border-right-color:transparent;border-bottom-color:transparent;box-shadow:-3px -3px 3px #0000000d}.overlay-bottom-left .nui-overlay-arrow,.overlay-bottom-right .nui-overlay-arrow{display:block;top:6px;border-bottom-color:transparent;border-top-color:var(--nui-color-bg-content_popover,#fff);box-shadow:-3px -3px 3px #0000000d}.overlay-bottom-left .nui-overlay-arrow{right:19.08px;border-right-color:transparent}.overlay-bottom-right .nui-overlay-arrow{left:19.08px;border-right-color:transparent}.overlay-left-bottom .nui-overlay-arrow,.overlay-left-top .nui-overlay-arrow,.overlay-center-left .nui-overlay-arrow{display:block;right:6px;top:50%;transform:translateY(-50%) rotate(45deg);border-left-color:transparent;border-bottom-color:transparent;box-shadow:3px -3px 3px #0000000d}.overlay-left-top .nui-overlay-arrow{top:unset;bottom:12.72px}.overlay-left-bottom .nui-overlay-arrow{top:19.08px}.overlay-right-bottom .nui-overlay-arrow,.overlay-right-top .nui-overlay-arrow,.overlay-center-right .nui-overlay-arrow{display:block;left:6px;top:50%;transform:translateY(-50%) rotate(45deg);border-right-color:transparent;border-top-color:transparent;box-shadow:-3px 3px 3px #0000000d}.overlay-right-top .nui-overlay-arrow{top:unset;bottom:12.72px}.overlay-right-bottom .nui-overlay-arrow{top:19.08px}\n"] }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS1hcnJvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL292ZXJsYXkvYXJyb3ctY29tcG9uZW50L292ZXJsYXktYXJyb3cuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlEQUF5RDtBQUN6RCxFQUFFO0FBQ0YsK0VBQStFO0FBQy9FLDRFQUE0RTtBQUM1RSw4RUFBOEU7QUFDOUUsK0VBQStFO0FBQy9FLDhFQUE4RTtBQUM5RSw0REFBNEQ7QUFDNUQsRUFBRTtBQUNGLDZFQUE2RTtBQUM3RSx1REFBdUQ7QUFDdkQsRUFBRTtBQUNGLDZFQUE2RTtBQUM3RSw0RUFBNEU7QUFDNUUsK0VBQStFO0FBQy9FLDBFQUEwRTtBQUMxRSxpRkFBaUY7QUFDakYsNkVBQTZFO0FBQzdFLGlCQUFpQjtBQUVqQixPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUU3RDs7R0FFRztBQUVILGNBQWM7QUFPZCxNQUFNLE9BQU8scUJBQXFCOytHQUFyQixxQkFBcUI7bUdBQXJCLHFCQUFxQix5REFKcEIsdUNBQXVDOzs0RkFJeEMscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNJLG1CQUFtQixZQUNuQix1Q0FBdUMsaUJBRWxDLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyIvLyDCqSAyMDIyIFNvbGFyV2luZHMgV29ybGR3aWRlLCBMTEMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvXG4vLyAgZGVhbCBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGVcbi8vICByaWdodHMgdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Jcbi8vICBzZWxsIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vICBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyAgSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyAgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyAgQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyAgT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbi8qKlxuICogSW50ZXJuYWwgY29tcG9uZW50IHRoYXQgd3JhcHMgdGhlIG92ZXJsYXkncyBjb250ZW50IHRvIHJlbmRlciBhbiBhcnJvd1xuICovXG5cbi8qKiBAaWdub3JlICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJudWktb3ZlcmxheS1hcnJvd1wiLFxuICAgIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cIm51aS1vdmVybGF5LWFycm93XCI+PC9kaXY+YCxcbiAgICBzdHlsZVVybHM6IFtcIi4vb3ZlcmxheS1hcnJvdy5jb21wb25lbnQubGVzc1wiXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBPdmVybGF5QXJyb3dDb21wb25lbnQge31cbiJdfQ==