// © 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, ElementRef, Input, TemplateRef } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "../../popover/popover.component";
import * as i2 from "../../tooltip/tooltip.directive";
/** @ignore */
export class WizardOverflowComponent {
    constructor(el) {
        this.el = el;
        this.tooltipText = $localize ` more steps are available`;
        this.completed = false;
    }
}
WizardOverflowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: WizardOverflowComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
WizardOverflowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: WizardOverflowComponent, selector: "nui-wizard-overflow", inputs: { template: "template", value: "value", completed: "completed" }, ngImport: i0, template: "<div class=\"nui-wizard-overflow\" [nuiTooltip]=\"'+' + value + tooltipText\" i18n>\n    <nui-popover\n        trigger=\"focus\"\n        tabindex=\"0\"\n        placement=\"bottom\"\n        [unlimited]=\"true\"\n        [template]=\"template\"\n    >\n        <div class=\"nui-tag\" [class.nui-tag--completed]=\"completed\">\n            {{ \"+\" + value }}\n        </div>\n    </nui-popover>\n</div>\n", styles: [":host{margin-top:auto}:host(.overflow-right) .nui-wizard-overflow:before{border-top-width:2px;border-top-style:solid;border-color:var(--nui-color-line-default,#d9d9d9);bottom:8px;position:absolute;content:\"\";right:35px;width:66px}:host(.overflow-right-completed) .nui-wizard-overflow:before{border-color:var(--nui-color-text-link,#0079aa)}:host(.overflow-left) .nui-wizard-overflow:after{border-top-width:2px;border-top-style:solid;border-color:var(--nui-color-line-default,#d9d9d9);bottom:8px;position:absolute;content:\"\";left:35px;width:66px;border-color:var(--nui-color-text-link,#0079aa)}.nui-wizard-overflow{position:relative}.nui-wizard-overflow .nui-tag{z-index:1;width:35px;justify-content:center;cursor:pointer;border-color:var(--nui-color-line-default,#d9d9d9);color:var(--nui-color-text-link,#0079aa)}.nui-wizard-overflow .nui-tag--completed{border-color:var(--nui-color-text-link,#0079aa);color:var(--nui-color-text-link,#0079aa)}\n"], dependencies: [{ kind: "component", type: i1.PopoverComponent, selector: "nui-popover", inputs: ["closePopover", "openPopover", "disabled", "trigger", "template", "placement", "popoverTitle", "icon", "modal", "container", "hasPadding", "preventClosing", "unlimited", "delay", "withGrowAfterOpen", "popoverOverlayPosition"], outputs: ["shown", "hidden"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[nuiTooltip]", inputs: ["tooltipPlacement", "nuiTooltipDisabled", "nuiTooltip"], exportAs: ["nuiTooltip"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: WizardOverflowComponent, decorators: [{
            type: Component,
            args: [{ selector: "nui-wizard-overflow", template: "<div class=\"nui-wizard-overflow\" [nuiTooltip]=\"'+' + value + tooltipText\" i18n>\n    <nui-popover\n        trigger=\"focus\"\n        tabindex=\"0\"\n        placement=\"bottom\"\n        [unlimited]=\"true\"\n        [template]=\"template\"\n    >\n        <div class=\"nui-tag\" [class.nui-tag--completed]=\"completed\">\n            {{ \"+\" + value }}\n        </div>\n    </nui-popover>\n</div>\n", styles: [":host{margin-top:auto}:host(.overflow-right) .nui-wizard-overflow:before{border-top-width:2px;border-top-style:solid;border-color:var(--nui-color-line-default,#d9d9d9);bottom:8px;position:absolute;content:\"\";right:35px;width:66px}:host(.overflow-right-completed) .nui-wizard-overflow:before{border-color:var(--nui-color-text-link,#0079aa)}:host(.overflow-left) .nui-wizard-overflow:after{border-top-width:2px;border-top-style:solid;border-color:var(--nui-color-line-default,#d9d9d9);bottom:8px;position:absolute;content:\"\";left:35px;width:66px;border-color:var(--nui-color-text-link,#0079aa)}.nui-wizard-overflow{position:relative}.nui-wizard-overflow .nui-tag{z-index:1;width:35px;justify-content:center;cursor:pointer;border-color:var(--nui-color-line-default,#d9d9d9);color:var(--nui-color-text-link,#0079aa)}.nui-wizard-overflow .nui-tag--completed{border-color:var(--nui-color-text-link,#0079aa);color:var(--nui-color-text-link,#0079aa)}\n"] }]
        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { template: [{
                type: Input
            }], value: [{
                type: Input
            }], completed: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLW92ZXJmbG93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvd2l6YXJkLXYyL3dpemFyZC1vdmVyZmxvdy93aXphcmQtb3ZlcmZsb3cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi93aXphcmQtdjIvd2l6YXJkLW92ZXJmbG93L3dpemFyZC1vdmVyZmxvdy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx5REFBeUQ7QUFDekQsRUFBRTtBQUNGLCtFQUErRTtBQUMvRSw0RUFBNEU7QUFDNUUsOEVBQThFO0FBQzlFLCtFQUErRTtBQUMvRSw4RUFBOEU7QUFDOUUsNERBQTREO0FBQzVELEVBQUU7QUFDRiw2RUFBNkU7QUFDN0UsdURBQXVEO0FBQ3ZELEVBQUU7QUFDRiw2RUFBNkU7QUFDN0UsNEVBQTRFO0FBQzVFLCtFQUErRTtBQUMvRSwwRUFBMEU7QUFDMUUsaUZBQWlGO0FBQ2pGLDZFQUE2RTtBQUM3RSxpQkFBaUI7QUFFakIsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUUxRSxjQUFjO0FBTWQsTUFBTSxPQUFPLHVCQUF1QjtJQU9oQyxZQUFtQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQU4xQixnQkFBVyxHQUFXLFNBQVMsQ0FBQSwyQkFBMkIsQ0FBQztRQUl6RCxjQUFTLEdBQUcsS0FBSyxDQUFDO0lBRVMsQ0FBQzs7b0hBUDVCLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHFJQzVCcEMsdVpBYUE7MkZEZWEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNJLHFCQUFxQjtpR0FPdEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIMKpIDIwMjIgU29sYXJXaW5kcyBXb3JsZHdpZGUsIExMQy4gQWxsIHJpZ2h0cyByZXNlcnZlZC5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyAgb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG9cbi8vICBkZWFsIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZVxuLy8gIHJpZ2h0cyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vclxuLy8gIHNlbGwgY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyAgZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vICBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vICBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vICBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyAgTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vICBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyAgVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbi8qKiBAaWdub3JlICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJudWktd2l6YXJkLW92ZXJmbG93XCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi93aXphcmQtb3ZlcmZsb3cuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybHM6IFtcIi4vd2l6YXJkLW92ZXJmbG93LmNvbXBvbmVudC5sZXNzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBXaXphcmRPdmVyZmxvd0NvbXBvbmVudCB7XG4gICAgcHVibGljIHRvb2x0aXBUZXh0OiBzdHJpbmcgPSAkbG9jYWxpemVgIG1vcmUgc3RlcHMgYXJlIGF2YWlsYWJsZWA7XG5cbiAgICBASW5wdXQoKSB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcbiAgICBASW5wdXQoKSB2YWx1ZTogbnVtYmVyIHwgc3RyaW5nO1xuICAgIEBJbnB1dCgpIGNvbXBsZXRlZCA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGVsOiBFbGVtZW50UmVmKSB7fVxufVxuIiwiPGRpdiBjbGFzcz1cIm51aS13aXphcmQtb3ZlcmZsb3dcIiBbbnVpVG9vbHRpcF09XCInKycgKyB2YWx1ZSArIHRvb2x0aXBUZXh0XCIgaTE4bj5cbiAgICA8bnVpLXBvcG92ZXJcbiAgICAgICAgdHJpZ2dlcj1cImZvY3VzXCJcbiAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgICAgW3VubGltaXRlZF09XCJ0cnVlXCJcbiAgICAgICAgW3RlbXBsYXRlXT1cInRlbXBsYXRlXCJcbiAgICA+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJudWktdGFnXCIgW2NsYXNzLm51aS10YWctLWNvbXBsZXRlZF09XCJjb21wbGV0ZWRcIj5cbiAgICAgICAgICAgIHt7IFwiK1wiICsgdmFsdWUgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgPC9udWktcG9wb3Zlcj5cbjwvZGl2PlxuIl19