@nova-ui/bits
Version:
SolarWinds Nova Framework
44 lines • 9.9 kB
JavaScript
// © 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;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WizardOverflowComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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", "nuiTooltipEllipsis", "nuiTooltip"], exportAs: ["nuiTooltip"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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: () => [{ type: i0.ElementRef }], propDecorators: { template: [{
type: Input
}], value: [{
type: Input
}], completed: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLW92ZXJmbG93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvd2l6YXJkLXYyL3dpemFyZC1vdmVyZmxvdy93aXphcmQtb3ZlcmZsb3cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi93aXphcmQtdjIvd2l6YXJkLW92ZXJmbG93L3dpemFyZC1vdmVyZmxvdy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx5REFBeUQ7QUFDekQsRUFBRTtBQUNGLCtFQUErRTtBQUMvRSw0RUFBNEU7QUFDNUUsOEVBQThFO0FBQzlFLCtFQUErRTtBQUMvRSw4RUFBOEU7QUFDOUUsNERBQTREO0FBQzVELEVBQUU7QUFDRiw2RUFBNkU7QUFDN0UsdURBQXVEO0FBQ3ZELEVBQUU7QUFDRiw2RUFBNkU7QUFDN0UsNEVBQTRFO0FBQzVFLCtFQUErRTtBQUMvRSwwRUFBMEU7QUFDMUUsaUZBQWlGO0FBQ2pGLDZFQUE2RTtBQUM3RSxpQkFBaUI7QUFFakIsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUUxRSxjQUFjO0FBTWQsTUFBTSxPQUFPLHVCQUF1QjtJQU9oQyxZQUFtQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQU4xQixnQkFBVyxHQUFXLFNBQVMsQ0FBQSwyQkFBMkIsQ0FBQztRQUl6RCxjQUFTLEdBQUcsS0FBSyxDQUFDO0lBRVMsQ0FBQzsrR0FQNUIsdUJBQXVCO21HQUF2Qix1QkFBdUIscUlDNUJwQyx1WkFhQTs7NEZEZWEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNJLHFCQUFxQjsrRUFPdEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIMKpIDIwMjIgU29sYXJXaW5kcyBXb3JsZHdpZGUsIExMQy4gQWxsIHJpZ2h0cyByZXNlcnZlZC5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyAgb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG9cbi8vICBkZWFsIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZVxuLy8gIHJpZ2h0cyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vclxuLy8gIHNlbGwgY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyAgZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vICBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vICBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vICBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyAgTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vICBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyAgVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbi8qKiBAaWdub3JlICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJudWktd2l6YXJkLW92ZXJmbG93XCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi93aXphcmQtb3ZlcmZsb3cuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybHM6IFtcIi4vd2l6YXJkLW92ZXJmbG93LmNvbXBvbmVudC5sZXNzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBXaXphcmRPdmVyZmxvd0NvbXBvbmVudCB7XG4gICAgcHVibGljIHRvb2x0aXBUZXh0OiBzdHJpbmcgPSAkbG9jYWxpemVgIG1vcmUgc3RlcHMgYXJlIGF2YWlsYWJsZWA7XG5cbiAgICBASW5wdXQoKSB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcbiAgICBASW5wdXQoKSB2YWx1ZTogbnVtYmVyIHwgc3RyaW5nO1xuICAgIEBJbnB1dCgpIGNvbXBsZXRlZCA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGVsOiBFbGVtZW50UmVmKSB7fVxufVxuIiwiPGRpdiBjbGFzcz1cIm51aS13aXphcmQtb3ZlcmZsb3dcIiBbbnVpVG9vbHRpcF09XCInKycgKyB2YWx1ZSArIHRvb2x0aXBUZXh0XCIgaTE4bj5cbiAgICA8bnVpLXBvcG92ZXJcbiAgICAgICAgdHJpZ2dlcj1cImZvY3VzXCJcbiAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgICAgW3VubGltaXRlZF09XCJ0cnVlXCJcbiAgICAgICAgW3RlbXBsYXRlXT1cInRlbXBsYXRlXCJcbiAgICA+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJudWktdGFnXCIgW2NsYXNzLm51aS10YWctLWNvbXBsZXRlZF09XCJjb21wbGV0ZWRcIj5cbiAgICAgICAgICAgIHt7IFwiK1wiICsgdmFsdWUgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgPC9udWktcG9wb3Zlcj5cbjwvZGl2PlxuIl19