Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@decision/angular-breadcrumb

Package Overview
Dependencies
Maintainers
3
Versions
22
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@decision/angular-breadcrumb - npm Package Compare versions

Comparing version 1.0.12 to 1.0.13

6

bundles/decision-angular-breadcrumb.umd.js

@@ -376,3 +376,3 @@ (function (global, factory) {

template: "\n \n<div *ngIf=\"!hideBreadcrumb\" class=\"breadcrumb\">\n\n <ng-container *ngFor=\"let route of breadcrumbRoutes; let inx = index; let isLast=last\" >\n <div *ngIf=\"!route.breadcrumb.hide\" class=\"breadcrumb-holder\">\n <a [routerLink]=\"[route.url]\" [queryParams]=\"route.params\" class=\"breadcrumb-link\">\n <i *ngIf=\"route.breadcrumb.icon && inx==0\" class=\"{{route.breadcrumb.icon}} home-icon\"></i>\n <i *ngIf=\"route.breadcrumb.icon && inx!=0\" class=\"{{route.breadcrumb.icon}} icon link-icon\" ></i>\n <span *ngIf=\"!isString(route.breadcrumb.label)\">{{route.breadcrumb.label |async}}</span>\n <div *ngIf=\"isString(route.breadcrumb.label)\" class=\"breadcrumb-holder__tooltip ellipsis\">{{route.breadcrumb.label}}\n <span class=\"breadcrumb-holder__tooltip--text\">{{route.breadcrumb.label}}</span>\n </div>\n </a>\n <dcn-breadcrumb-popup [isLast]=\"isLast\" [breadcrumbDropDown]=\"route.breadcrumb.dropDown\"></dcn-breadcrumb-popup>\n </div>\n </ng-container>\n</div>\n\n",
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -832,3 +832,3 @@ ];

template: "\n<div class=\"popover\" >\n <button *ngIf=\"isShowNextArrow\" #btn3 [ngClass]=\"{'menu-button':true, 'has-no-popup':!isShowBreadcrumbDropDown,'has-popup':isShowBreadcrumbDropDown,'is-active':showPopup}\" (click)=\"setInitialFilter($event)\">\n <i class=\"fa fa-angle-right menu-button-icon\"></i>\n </button>\n <div *ngIf=\"showPopup\" class=\"breadcrumbPopup\">\n <div class=\"arrowUp\"></div>\n <h4 *ngIf=\"breadcrumbDropDown.popupTitle\">{{breadcrumbDropDown.popupTitle}}</h4>\n <dcn-search-box class=\"breadcrumb-popup-search\"\n #searchbox\n [searchData]=\"search\"\n (keydown.arrowDown)=\"selectElementDown($event)\"\n (keydown.arrowUp)=\"selectElementUp($event)\"\n (keydown.enter)=\"navigate()\"\n [minLength]=\"0\"\n (results)=\"onFiltered($event)\">\n </dcn-search-box>\n \n <div class=\"breadcrumb-popup-menu\" #scrollMe >\n <div *ngFor=\"let nextLink of filteredItems; let inx=index;\" class=\"breadcrumb-popup-menu-item\">\n\n <a *ngIf=\"nextLink.disabled\"\n (mouseenter)=\"selectedItemIndex=inx\"\n [ngClass]=\"{'breadcrumb-popup-link':true, 'is-disabled':nextLink.disabled, 'is-selected':inx==selectedItemIndex}\" >\n <i class=\"{{nextLink.icon}} icon breadcrumb-popup-link-icon\" ></i>\n <span class=\"breadcrumb-popup-link-text\" [innerHTML]=\"nextLink.label\"></span></a>\n\n\n <a *ngIf=\"!nextLink.disabled\" \n [routerLink]=\"[nextLink.url]\"\n [queryParams]=\"nextLink.params\"\n (mouseenter)=\"selectedItemIndex=inx\"\n (click)=\"hidePopup()\"\n [ngClass]=\"{'breadcrumb-popup-link':true, 'is-selected':inx==selectedItemIndex}\" >\n <i class=\"{{nextLink.icon}} icon breadcrumb-popup-link-icon\" ></i>\n <span class=\"breadcrumb-popup-link-text\" [innerHTML]=\"nextLink.label\"></span></a>\n </div>\n </div>\n </div>\n</div>\n\n",
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -915,3 +915,3 @@ ];

template: "\n <div class=\"search-box\">\n <input #input type=\"search\"\n [value]=\"filterText\" \n (input)=\"filterText = $event.target.value\"\n class=\"input-class\" \n placeholder=\"search\"\n />\n </div>\n ",
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -918,0 +918,0 @@ ];

2

bundles/decision-angular-breadcrumb.umd.min.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("rxjs/index"),require("@angular/common"),require("@angular/router"),require("rxjs"),require("rxjs/operators"),require("@angular/core")):"function"==typeof define&&define.amd?define("@decision/angular-breadcrumb",["exports","rxjs/index","@angular/common","@angular/router","rxjs","rxjs/operators","@angular/core"],t):t((e.decision=e.decision||{},e.decision["angular-breadcrumb"]={}),e.rxjs.index,e.ng.common,e.ng.router,e.rxjs,e.rxjs.operators,e.ng.core)}(this,function(e,t,r,u,n,o,i){"use strict";function a(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var o,n,i=r.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(o=i.next()).done;)a.push(o.value)}catch(p){n={error:p}}finally{try{o&&!o.done&&(r=i["return"])&&r.call(i)}finally{if(n)throw n.error}}return a}function p(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(a(arguments[t]));return e}var s="breadcrumb",d=function(){function e(){this.refreshed=new t.Subject}return Object.defineProperty(e.prototype,"refreshed$",{get:function(){return this.refreshed.asObservable()},enumerable:!0,configurable:!0}),e.prototype.refresh=function(){this.refreshed.next()},e.prototype.getBaseUrl=function(e){return e.pathFromRoot.reduce(function(e,t){return e+t.url.map(function(e){return e.path}).join("/")+"/"},"")},e.prototype.getBreadcrumbs=function(e){var t=[];return this.getBreadcrumbsRecursive(e,"",t),t},e.prototype.getBreadcrumbsRecursive=function(e,t,r){var o=e.children;if(o&&0!==o.length){var n=o.find(function(e){return e.outlet===u.PRIMARY_OUTLET}),i=n&&n.snapshot.data&&n.snapshot.data[s];if((!i||!i.hideChildren)&&n&&(0!==n.routeConfig.path.length||this.hasChildren(n))){i||(n.snapshot.data[s]=this.buildPlainBreadcrumbData(n)),t+="/"+n.snapshot.url.map(function(e){return e.path}).join("/");var a=n.snapshot.data[s],p={breadcrumb:n.snapshot.data[s],params:a.queryParams,url:t};return r.push(p),this.addBreadcrumbExtensions(p,r),this.getBreadcrumbsRecursive(n,t,r)}}},e.prototype.addBreadcrumbExtensions=function(e,t){e.breadcrumb.children&&t.push.apply(t,p(e.breadcrumb.children))},e.prototype.hasChildren=function(e){return e.children&&0<e.children.length},e.prototype.buildPlainBreadcrumbData=function(e){return{label:e.routeConfig.path,icon:"icon-explanation_mark"}},e.decorators=[{type:i.Injectable}],e.ctorParameters=function(){return[]},e}(),c=function(){function e(e,t,r){this.breadcrumbService=e,this.activatedRoute=t,this.router=r,this.hideWhenNothingToShow=!1,this.destroyed=!1,this.breadcrumbRoutes=[],this.homeBreadcrumbRoute={breadcrumb:{label:"",icon:"fa fa-home home-icon"},url:"",params:undefined}}return Object.defineProperty(e.prototype,"homeBreadcrumb",{set:function(e){e&&(this.homeBreadcrumbRoute.breadcrumb=e)},enumerable:!0,configurable:!0}),e.prototype.isString=function(e){return"string"==typeof e},Object.defineProperty(e.prototype,"hideBreadcrumb",{get:function(){return this.hideWhenNothingToShow&&!this.hasRoutes},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasRoutes",{get:function(){return this.calculateHasRoutes()},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var t=this;this.router.events.pipe(o.takeWhile(function(){return!t.destroyed}),o.filter(function(e){return e instanceof u.NavigationEnd})).subscribe(function(e){t.refreshBreadcrumbRoutes()}),this.breadcrumbService.refreshed$.pipe(o.takeWhile(function(){return!t.destroyed})).subscribe(function(){return t.refreshBreadcrumbRoutes()})},e.prototype.refreshBreadcrumbRoutes=function(){var e;this.breadcrumbRoutes=[],this.breadcrumbRoutes.push(this.homeBreadcrumbRoute),(e=this.breadcrumbRoutes).push.apply(e,p(this.breadcrumbService.getBreadcrumbs(this.activatedRoute.root).filter(function(e){return!e.breadcrumb.hide})))},e.prototype.ngOnDestroy=function(){this.destroyed=!0},e.prototype.calculateHasRoutes=function(){return this.breadcrumbRoutes&&0<this.breadcrumbRoutes.length&&this.breadcrumbRoutes.find(function(e){return!e.breadcrumb.hide})!==undefined},e.decorators=[{type:i.Component,args:[{selector:"dcn-breadcrumb",template:'\n \n<div *ngIf="!hideBreadcrumb" class="breadcrumb">\n\n <ng-container *ngFor="let route of breadcrumbRoutes; let inx = index; let isLast=last" >\n <div *ngIf="!route.breadcrumb.hide" class="breadcrumb-holder">\n <a [routerLink]="[route.url]" [queryParams]="route.params" class="breadcrumb-link">\n <i *ngIf="route.breadcrumb.icon && inx==0" class="{{route.breadcrumb.icon}} home-icon"></i>\n <i *ngIf="route.breadcrumb.icon && inx!=0" class="{{route.breadcrumb.icon}} icon link-icon" ></i>\n <span *ngIf="!isString(route.breadcrumb.label)">{{route.breadcrumb.label |async}}</span>\n <div *ngIf="isString(route.breadcrumb.label)" class="breadcrumb-holder__tooltip ellipsis">{{route.breadcrumb.label}}\n <span class="breadcrumb-holder__tooltip--text">{{route.breadcrumb.label}}</span>\n </div>\n </a>\n <dcn-breadcrumb-popup [isLast]="isLast" [breadcrumbDropDown]="route.breadcrumb.dropDown"></dcn-breadcrumb-popup>\n </div>\n </ng-container>\n</div>\n\n',styles:['.breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:" ";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}']}]}],e.ctorParameters=function(){return[{type:d},{type:u.ActivatedRoute},{type:u.Router}]},e.propDecorators={hideWhenNothingToShow:[{type:i.Input}],homeBreadcrumb:[{type:i.Input}]},e}(),l=function(){function e(e){this.activatedRoute=e}return e.decorators=[{type:i.Injectable}],e.ctorParameters=function(){return[{type:u.ActivatedRoute}]},e}(),b=function(){function e(e){this.activatedRoute=e}return e.prototype.ngOnInit=function(){this.activatedRoute.data.subscribe(function(e){e[s]=e.breadcrumb})},e.decorators=[{type:i.Component,args:[{selector:"selector",providers:[l],template:"\n<router-outlet></router-outlet>\n"}]}],e.ctorParameters=function(){return[{type:u.ActivatedRoute}]},e}(),m=function(){function e(){}return e.prototype.resolve=function(e,t){return e.data[s]},e.decorators=[{type:i.Injectable}],e}(),h=function(){function e(){}return e.prototype.resolve=function(e,t){return{label:""}},e.decorators=[{type:i.Injectable}],e}(),f=function(){function e(e,t){this.elementRef=e,this.router=t,this.itemSelectedByKeyboard=!1,this._showPopup=!1,this.search=this.search.bind(this)}return Object.defineProperty(e.prototype,"showPopup",{get:function(){return this._showPopup},set:function(e){this._showPopup=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isShowNextArrow",{get:function(){return this.isShowBreadcrumbDropDown||!this.isLast},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isShowBreadcrumbDropDown",{get:function(){return this.breadcrumbDropDown&&(this.breadcrumbDropDown.getItems!=undefined||this.breadcrumbDropDown.items instanceof n.Observable||this.breadcrumbDropDown.items&&0<this.breadcrumbDropDown.items.length)},enumerable:!0,configurable:!0}),e.prototype.onKeyEscape=function(e){this.hidePopup()},e.prototype.onClick=function(e){this.elementRef.nativeElement.contains(e.target)||this.hidePopup()},e.prototype.hidePopup=function(){this.showPopup=!1},e.prototype.search=function(e){var t=e.toUpperCase(),r=this.allItems.filter(function(e){return-1<e.label.toLocaleUpperCase().indexOf(t)});return n.of(r)},e.prototype.setInitialFilter=function(e){var t=this;this.resetSelection();var r=this.items;if(r instanceof n.Observable)var o=r.subscribe(function(e){t.allItems=e,t.filteredItems=e,t.showPopup=!t.showPopup,o&&o.unsubscribe()});else this.allItems=r,this.filteredItems=r,this.showPopup=!this.showPopup},Object.defineProperty(e.prototype,"items",{get:function(){return this.breadcrumbDropDown.getItems?this.breadcrumbDropDown.getItems():this.breadcrumbDropDown.items},enumerable:!0,configurable:!0}),e.prototype.onFiltered=function(e){var t=this;e&&e.find(function(e){return e==t.selectedItem})?e&&(this.selectedItemIndex=e.findIndex(function(e){return e==t.selectedItem})):this.resetSelection(),this.filteredItems=e},e.prototype.resetSelection=function(){this.selectedItemIndex=-1},e.prototype.selectElementDown=function(e){this.selectedItemIndex!=this.filteredItems.length-1&&(this.selectedItemIndex++,this.itemSelectedByKeyboard=!0),e.preventDefault()},e.prototype.selectElementUp=function(e){0!=this.selectedItemIndex&&(this.selectedItemIndex--,this.itemSelectedByKeyboard=!0),e.preventDefault()},e.prototype.navigate=function(){0<=this.selectedItemIndex&&this.selectedItemIndex<=this.filteredItems.length&&!this.filteredItems[this.selectedItemIndex].disabled&&this.router.navigateByUrl(this.filteredItems[this.selectedItemIndex].url)},Object.defineProperty(e.prototype,"selectedItem",{get:function(){return this.filteredItems?this.filteredItems[this.selectedItemIndex]:undefined},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewChecked=function(){this.itemSelectedByKeyboard&&(this.scrollIntoView(),this.itemSelectedByKeyboard=!1)},e.prototype.scrollIntoView=function(){if(this.myScrollContainer&&this.myScrollContainer.nativeElement){var e=this.myScrollContainer.nativeElement.querySelector(".is-selected");e&&this.scrollInView(this.myScrollContainer.nativeElement,e)}},e.prototype.scrollInView=function(e,t){var r=getComputedStyle(e).getPropertyValue("borderTopWidth"),o=r?parseFloat(r):0,n=getComputedStyle(e).getPropertyValue("paddingTop"),i=n?parseFloat(n):0,a=e.getBoundingClientRect(),p=t.getBoundingClientRect().top+document.body.scrollTop-(a.top+document.body.scrollTop)-o-i,u=e.scrollTop,s=e.clientHeight,d=this.getOuterHeight(t);p<0?e.scrollTop=u+p:s<p+d&&(e.scrollTop=u+p-s+d)},e.prototype.getOuterHeight=function(e,t){var r=e.offsetHeight;if(t){var o=getComputedStyle(e);r+=parseFloat(o.marginTop)+parseFloat(o.marginBottom)}return r},e.decorators=[{type:i.Component,args:[{selector:"dcn-breadcrumb-popup",template:'\n<div class="popover" >\n <button *ngIf="isShowNextArrow" #btn3 [ngClass]="{\'menu-button\':true, \'has-no-popup\':!isShowBreadcrumbDropDown,\'has-popup\':isShowBreadcrumbDropDown,\'is-active\':showPopup}" (click)="setInitialFilter($event)">\n <i class="fa fa-angle-right menu-button-icon"></i>\n </button>\n <div *ngIf="showPopup" class="breadcrumbPopup">\n <div class="arrowUp"></div>\n <h4 *ngIf="breadcrumbDropDown.popupTitle">{{breadcrumbDropDown.popupTitle}}</h4>\n <dcn-search-box class="breadcrumb-popup-search"\n #searchbox\n [searchData]="search"\n (keydown.arrowDown)="selectElementDown($event)"\n (keydown.arrowUp)="selectElementUp($event)"\n (keydown.enter)="navigate()"\n [minLength]="0"\n (results)="onFiltered($event)">\n </dcn-search-box>\n \n <div class="breadcrumb-popup-menu" #scrollMe >\n <div *ngFor="let nextLink of filteredItems; let inx=index;" class="breadcrumb-popup-menu-item">\n\n <a *ngIf="nextLink.disabled"\n (mouseenter)="selectedItemIndex=inx"\n [ngClass]="{\'breadcrumb-popup-link\':true, \'is-disabled\':nextLink.disabled, \'is-selected\':inx==selectedItemIndex}" >\n <i class="{{nextLink.icon}} icon breadcrumb-popup-link-icon" ></i>\n <span class="breadcrumb-popup-link-text" [innerHTML]="nextLink.label"></span></a>\n\n\n <a *ngIf="!nextLink.disabled" \n [routerLink]="[nextLink.url]"\n [queryParams]="nextLink.params"\n (mouseenter)="selectedItemIndex=inx"\n (click)="hidePopup()"\n [ngClass]="{\'breadcrumb-popup-link\':true, \'is-selected\':inx==selectedItemIndex}" >\n <i class="{{nextLink.icon}} icon breadcrumb-popup-link-icon" ></i>\n <span class="breadcrumb-popup-link-text" [innerHTML]="nextLink.label"></span></a>\n </div>\n </div>\n </div>\n</div>\n\n',styles:['.breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:" ";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}']}]}],e.ctorParameters=function(){return[{type:i.ElementRef},{type:u.Router}]},e.propDecorators={breadcrumbDropDown:[{type:i.Input}],isLast:[{type:i.Input}],onKeyEscape:[{type:i.HostListener,args:["keydown.escape",["$event"]]}],onClick:[{type:i.HostListener,args:["document:click",["$event"]]}],myScrollContainer:[{type:i.ViewChild,args:["scrollMe"]}]},e}(),x=function(){function e(e){this.el=e,this.loading=new i.EventEmitter,this.results=new i.EventEmitter,this.filterText="",this.minLength=1,this.maxResults=Number.MAX_SAFE_INTEGER}return e.prototype.ngOnInit=function(){var t=this;this.input.nativeElement.focus();var e=n.fromEvent(this.input.nativeElement,"keyup").pipe(o.map(function(e){return e.target.value}),o.filter(function(e){return e.length>=t.minLength}),o.debounceTime(250)),r=n.fromEvent(this.input.nativeElement,"search").pipe(o.tap(function(){return t.filterText=""}),o.map(function(e){return""}));n.merge(e,r).pipe(o.tap(function(){return t.loading.next(!0)}),o.map(function(e){return t.searchData?t.searchData(e,t.maxResults):n.of([])}),o.switchAll()).subscribe(function(e){t.loading.next(!1),t.results.next(e)},function(e){t.loading.next(!1)})},e.decorators=[{type:i.Component,args:[{selector:"dcn-search-box",template:'\n <div class="search-box">\n <input #input type="search"\n [value]="filterText" \n (input)="filterText = $event.target.value"\n class="input-class" \n placeholder="search"\n />\n </div>\n ',styles:['.breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:" ";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}']}]}],e.ctorParameters=function(){return[{type:i.ElementRef}]},e.propDecorators={maxResults:[{type:i.Input}],minLength:[{type:i.Input}],searchData:[{type:i.Input}],loading:[{type:i.Output}],results:[{type:i.Output}],input:[{type:i.ViewChild,args:["input"]}]},e}(),g=function(){function e(){}return e.decorators=[{type:i.NgModule,args:[{imports:[r.CommonModule,u.RouterModule],declarations:[c,f,x,b],exports:[c,b],providers:[d,l,m,h]}]}],e}();e.BreadcrumbComponent=c,e.BreadcrumbModule=g,e.BreadcrumbDynamicResolver=h,e.BreadcrumbResolver=m,e.BREADCRUMB_DATA_KEY=s,e.BreadcrumbService=d,e.ɵc=b,e.ɵd=l,e.ɵa=f,e.ɵb=x,Object.defineProperty(e,"__esModule",{value:!0})});
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("rxjs/index"),require("@angular/common"),require("@angular/router"),require("rxjs"),require("rxjs/operators"),require("@angular/core")):"function"==typeof define&&define.amd?define("@decision/angular-breadcrumb",["exports","rxjs/index","@angular/common","@angular/router","rxjs","rxjs/operators","@angular/core"],t):t((e.decision=e.decision||{},e.decision["angular-breadcrumb"]={}),e.rxjs.index,e.ng.common,e.ng.router,e.rxjs,e.rxjs.operators,e.ng.core)}(this,function(e,t,r,u,n,o,i){"use strict";function a(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var o,n,i=r.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(o=i.next()).done;)a.push(o.value)}catch(p){n={error:p}}finally{try{o&&!o.done&&(r=i["return"])&&r.call(i)}finally{if(n)throw n.error}}return a}function p(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(a(arguments[t]));return e}var s="breadcrumb",d=function(){function e(){this.refreshed=new t.Subject}return Object.defineProperty(e.prototype,"refreshed$",{get:function(){return this.refreshed.asObservable()},enumerable:!0,configurable:!0}),e.prototype.refresh=function(){this.refreshed.next()},e.prototype.getBaseUrl=function(e){return e.pathFromRoot.reduce(function(e,t){return e+t.url.map(function(e){return e.path}).join("/")+"/"},"")},e.prototype.getBreadcrumbs=function(e){var t=[];return this.getBreadcrumbsRecursive(e,"",t),t},e.prototype.getBreadcrumbsRecursive=function(e,t,r){var o=e.children;if(o&&0!==o.length){var n=o.find(function(e){return e.outlet===u.PRIMARY_OUTLET}),i=n&&n.snapshot.data&&n.snapshot.data[s];if((!i||!i.hideChildren)&&n&&(0!==n.routeConfig.path.length||this.hasChildren(n))){i||(n.snapshot.data[s]=this.buildPlainBreadcrumbData(n)),t+="/"+n.snapshot.url.map(function(e){return e.path}).join("/");var a=n.snapshot.data[s],p={breadcrumb:n.snapshot.data[s],params:a.queryParams,url:t};return r.push(p),this.addBreadcrumbExtensions(p,r),this.getBreadcrumbsRecursive(n,t,r)}}},e.prototype.addBreadcrumbExtensions=function(e,t){e.breadcrumb.children&&t.push.apply(t,p(e.breadcrumb.children))},e.prototype.hasChildren=function(e){return e.children&&0<e.children.length},e.prototype.buildPlainBreadcrumbData=function(e){return{label:e.routeConfig.path,icon:"icon-explanation_mark"}},e.decorators=[{type:i.Injectable}],e.ctorParameters=function(){return[]},e}(),c=function(){function e(e,t,r){this.breadcrumbService=e,this.activatedRoute=t,this.router=r,this.hideWhenNothingToShow=!1,this.destroyed=!1,this.breadcrumbRoutes=[],this.homeBreadcrumbRoute={breadcrumb:{label:"",icon:"fa fa-home home-icon"},url:"",params:undefined}}return Object.defineProperty(e.prototype,"homeBreadcrumb",{set:function(e){e&&(this.homeBreadcrumbRoute.breadcrumb=e)},enumerable:!0,configurable:!0}),e.prototype.isString=function(e){return"string"==typeof e},Object.defineProperty(e.prototype,"hideBreadcrumb",{get:function(){return this.hideWhenNothingToShow&&!this.hasRoutes},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasRoutes",{get:function(){return this.calculateHasRoutes()},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var t=this;this.router.events.pipe(o.takeWhile(function(){return!t.destroyed}),o.filter(function(e){return e instanceof u.NavigationEnd})).subscribe(function(e){t.refreshBreadcrumbRoutes()}),this.breadcrumbService.refreshed$.pipe(o.takeWhile(function(){return!t.destroyed})).subscribe(function(){return t.refreshBreadcrumbRoutes()})},e.prototype.refreshBreadcrumbRoutes=function(){var e;this.breadcrumbRoutes=[],this.breadcrumbRoutes.push(this.homeBreadcrumbRoute),(e=this.breadcrumbRoutes).push.apply(e,p(this.breadcrumbService.getBreadcrumbs(this.activatedRoute.root).filter(function(e){return!e.breadcrumb.hide})))},e.prototype.ngOnDestroy=function(){this.destroyed=!0},e.prototype.calculateHasRoutes=function(){return this.breadcrumbRoutes&&0<this.breadcrumbRoutes.length&&this.breadcrumbRoutes.find(function(e){return!e.breadcrumb.hide})!==undefined},e.decorators=[{type:i.Component,args:[{selector:"dcn-breadcrumb",template:'\n \n<div *ngIf="!hideBreadcrumb" class="breadcrumb">\n\n <ng-container *ngFor="let route of breadcrumbRoutes; let inx = index; let isLast=last" >\n <div *ngIf="!route.breadcrumb.hide" class="breadcrumb-holder">\n <a [routerLink]="[route.url]" [queryParams]="route.params" class="breadcrumb-link">\n <i *ngIf="route.breadcrumb.icon && inx==0" class="{{route.breadcrumb.icon}} home-icon"></i>\n <i *ngIf="route.breadcrumb.icon && inx!=0" class="{{route.breadcrumb.icon}} icon link-icon" ></i>\n <span *ngIf="!isString(route.breadcrumb.label)">{{route.breadcrumb.label |async}}</span>\n <div *ngIf="isString(route.breadcrumb.label)" class="breadcrumb-holder__tooltip ellipsis">{{route.breadcrumb.label}}\n <span class="breadcrumb-holder__tooltip--text">{{route.breadcrumb.label}}</span>\n </div>\n </a>\n <dcn-breadcrumb-popup [isLast]="isLast" [breadcrumbDropDown]="route.breadcrumb.dropDown"></dcn-breadcrumb-popup>\n </div>\n </ng-container>\n</div>\n\n',styles:['.breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:" ";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}']}]}],e.ctorParameters=function(){return[{type:d},{type:u.ActivatedRoute},{type:u.Router}]},e.propDecorators={hideWhenNothingToShow:[{type:i.Input}],homeBreadcrumb:[{type:i.Input}]},e}(),l=function(){function e(e){this.activatedRoute=e}return e.decorators=[{type:i.Injectable}],e.ctorParameters=function(){return[{type:u.ActivatedRoute}]},e}(),b=function(){function e(e){this.activatedRoute=e}return e.prototype.ngOnInit=function(){this.activatedRoute.data.subscribe(function(e){e[s]=e.breadcrumb})},e.decorators=[{type:i.Component,args:[{selector:"selector",providers:[l],template:"\n<router-outlet></router-outlet>\n"}]}],e.ctorParameters=function(){return[{type:u.ActivatedRoute}]},e}(),m=function(){function e(){}return e.prototype.resolve=function(e,t){return e.data[s]},e.decorators=[{type:i.Injectable}],e}(),h=function(){function e(){}return e.prototype.resolve=function(e,t){return{label:""}},e.decorators=[{type:i.Injectable}],e}(),f=function(){function e(e,t){this.elementRef=e,this.router=t,this.itemSelectedByKeyboard=!1,this._showPopup=!1,this.search=this.search.bind(this)}return Object.defineProperty(e.prototype,"showPopup",{get:function(){return this._showPopup},set:function(e){this._showPopup=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isShowNextArrow",{get:function(){return this.isShowBreadcrumbDropDown||!this.isLast},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isShowBreadcrumbDropDown",{get:function(){return this.breadcrumbDropDown&&(this.breadcrumbDropDown.getItems!=undefined||this.breadcrumbDropDown.items instanceof n.Observable||this.breadcrumbDropDown.items&&0<this.breadcrumbDropDown.items.length)},enumerable:!0,configurable:!0}),e.prototype.onKeyEscape=function(e){this.hidePopup()},e.prototype.onClick=function(e){this.elementRef.nativeElement.contains(e.target)||this.hidePopup()},e.prototype.hidePopup=function(){this.showPopup=!1},e.prototype.search=function(e){var t=e.toUpperCase(),r=this.allItems.filter(function(e){return-1<e.label.toLocaleUpperCase().indexOf(t)});return n.of(r)},e.prototype.setInitialFilter=function(e){var t=this;this.resetSelection();var r=this.items;if(r instanceof n.Observable)var o=r.subscribe(function(e){t.allItems=e,t.filteredItems=e,t.showPopup=!t.showPopup,o&&o.unsubscribe()});else this.allItems=r,this.filteredItems=r,this.showPopup=!this.showPopup},Object.defineProperty(e.prototype,"items",{get:function(){return this.breadcrumbDropDown.getItems?this.breadcrumbDropDown.getItems():this.breadcrumbDropDown.items},enumerable:!0,configurable:!0}),e.prototype.onFiltered=function(e){var t=this;e&&e.find(function(e){return e==t.selectedItem})?e&&(this.selectedItemIndex=e.findIndex(function(e){return e==t.selectedItem})):this.resetSelection(),this.filteredItems=e},e.prototype.resetSelection=function(){this.selectedItemIndex=-1},e.prototype.selectElementDown=function(e){this.selectedItemIndex!=this.filteredItems.length-1&&(this.selectedItemIndex++,this.itemSelectedByKeyboard=!0),e.preventDefault()},e.prototype.selectElementUp=function(e){0!=this.selectedItemIndex&&(this.selectedItemIndex--,this.itemSelectedByKeyboard=!0),e.preventDefault()},e.prototype.navigate=function(){0<=this.selectedItemIndex&&this.selectedItemIndex<=this.filteredItems.length&&!this.filteredItems[this.selectedItemIndex].disabled&&this.router.navigateByUrl(this.filteredItems[this.selectedItemIndex].url)},Object.defineProperty(e.prototype,"selectedItem",{get:function(){return this.filteredItems?this.filteredItems[this.selectedItemIndex]:undefined},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewChecked=function(){this.itemSelectedByKeyboard&&(this.scrollIntoView(),this.itemSelectedByKeyboard=!1)},e.prototype.scrollIntoView=function(){if(this.myScrollContainer&&this.myScrollContainer.nativeElement){var e=this.myScrollContainer.nativeElement.querySelector(".is-selected");e&&this.scrollInView(this.myScrollContainer.nativeElement,e)}},e.prototype.scrollInView=function(e,t){var r=getComputedStyle(e).getPropertyValue("borderTopWidth"),o=r?parseFloat(r):0,n=getComputedStyle(e).getPropertyValue("paddingTop"),i=n?parseFloat(n):0,a=e.getBoundingClientRect(),p=t.getBoundingClientRect().top+document.body.scrollTop-(a.top+document.body.scrollTop)-o-i,u=e.scrollTop,s=e.clientHeight,d=this.getOuterHeight(t);p<0?e.scrollTop=u+p:s<p+d&&(e.scrollTop=u+p-s+d)},e.prototype.getOuterHeight=function(e,t){var r=e.offsetHeight;if(t){var o=getComputedStyle(e);r+=parseFloat(o.marginTop)+parseFloat(o.marginBottom)}return r},e.decorators=[{type:i.Component,args:[{selector:"dcn-breadcrumb-popup",template:'\n<div class="popover" >\n <button *ngIf="isShowNextArrow" #btn3 [ngClass]="{\'menu-button\':true, \'has-no-popup\':!isShowBreadcrumbDropDown,\'has-popup\':isShowBreadcrumbDropDown,\'is-active\':showPopup}" (click)="setInitialFilter($event)">\n <i class="fa fa-angle-right menu-button-icon"></i>\n </button>\n <div *ngIf="showPopup" class="breadcrumbPopup">\n <div class="arrowUp"></div>\n <h4 *ngIf="breadcrumbDropDown.popupTitle">{{breadcrumbDropDown.popupTitle}}</h4>\n <dcn-search-box class="breadcrumb-popup-search"\n #searchbox\n [searchData]="search"\n (keydown.arrowDown)="selectElementDown($event)"\n (keydown.arrowUp)="selectElementUp($event)"\n (keydown.enter)="navigate()"\n [minLength]="0"\n (results)="onFiltered($event)">\n </dcn-search-box>\n \n <div class="breadcrumb-popup-menu" #scrollMe >\n <div *ngFor="let nextLink of filteredItems; let inx=index;" class="breadcrumb-popup-menu-item">\n\n <a *ngIf="nextLink.disabled"\n (mouseenter)="selectedItemIndex=inx"\n [ngClass]="{\'breadcrumb-popup-link\':true, \'is-disabled\':nextLink.disabled, \'is-selected\':inx==selectedItemIndex}" >\n <i class="{{nextLink.icon}} icon breadcrumb-popup-link-icon" ></i>\n <span class="breadcrumb-popup-link-text" [innerHTML]="nextLink.label"></span></a>\n\n\n <a *ngIf="!nextLink.disabled" \n [routerLink]="[nextLink.url]"\n [queryParams]="nextLink.params"\n (mouseenter)="selectedItemIndex=inx"\n (click)="hidePopup()"\n [ngClass]="{\'breadcrumb-popup-link\':true, \'is-selected\':inx==selectedItemIndex}" >\n <i class="{{nextLink.icon}} icon breadcrumb-popup-link-icon" ></i>\n <span class="breadcrumb-popup-link-text" [innerHTML]="nextLink.label"></span></a>\n </div>\n </div>\n </div>\n</div>\n\n',styles:['.breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:" ";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}']}]}],e.ctorParameters=function(){return[{type:i.ElementRef},{type:u.Router}]},e.propDecorators={breadcrumbDropDown:[{type:i.Input}],isLast:[{type:i.Input}],onKeyEscape:[{type:i.HostListener,args:["keydown.escape",["$event"]]}],onClick:[{type:i.HostListener,args:["document:click",["$event"]]}],myScrollContainer:[{type:i.ViewChild,args:["scrollMe"]}]},e}(),x=function(){function e(e){this.el=e,this.loading=new i.EventEmitter,this.results=new i.EventEmitter,this.filterText="",this.minLength=1,this.maxResults=Number.MAX_SAFE_INTEGER}return e.prototype.ngOnInit=function(){var t=this;this.input.nativeElement.focus();var e=n.fromEvent(this.input.nativeElement,"keyup").pipe(o.map(function(e){return e.target.value}),o.filter(function(e){return e.length>=t.minLength}),o.debounceTime(250)),r=n.fromEvent(this.input.nativeElement,"search").pipe(o.tap(function(){return t.filterText=""}),o.map(function(e){return""}));n.merge(e,r).pipe(o.tap(function(){return t.loading.next(!0)}),o.map(function(e){return t.searchData?t.searchData(e,t.maxResults):n.of([])}),o.switchAll()).subscribe(function(e){t.loading.next(!1),t.results.next(e)},function(e){t.loading.next(!1)})},e.decorators=[{type:i.Component,args:[{selector:"dcn-search-box",template:'\n <div class="search-box">\n <input #input type="search"\n [value]="filterText" \n (input)="filterText = $event.target.value"\n class="input-class" \n placeholder="search"\n />\n </div>\n ',styles:['.breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:" ";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}']}]}],e.ctorParameters=function(){return[{type:i.ElementRef}]},e.propDecorators={maxResults:[{type:i.Input}],minLength:[{type:i.Input}],searchData:[{type:i.Input}],loading:[{type:i.Output}],results:[{type:i.Output}],input:[{type:i.ViewChild,args:["input"]}]},e}(),g=function(){function e(){}return e.decorators=[{type:i.NgModule,args:[{imports:[r.CommonModule,u.RouterModule],declarations:[c,f,x,b],exports:[c,b],providers:[d,l,m,h]}]}],e}();e.BreadcrumbComponent=c,e.BreadcrumbModule=g,e.BreadcrumbDynamicResolver=h,e.BreadcrumbResolver=m,e.BREADCRUMB_DATA_KEY=s,e.BreadcrumbService=d,e.ɵc=b,e.ɵd=l,e.ɵa=f,e.ɵb=x,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=decision-angular-breadcrumb.umd.min.js.map

2

decision-angular-breadcrumb.metadata.json

@@ -1,1 +0,1 @@

{"__symbolic":"module","version":4,"metadata":{"BreadcrumbComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"dcn-breadcrumb","template":"\n \n<div *ngIf=\"!hideBreadcrumb\" class=\"breadcrumb\">\n\n <ng-container *ngFor=\"let route of breadcrumbRoutes; let inx = index; let isLast=last\" >\n <div *ngIf=\"!route.breadcrumb.hide\" class=\"breadcrumb-holder\">\n <a [routerLink]=\"[route.url]\" [queryParams]=\"route.params\" class=\"breadcrumb-link\">\n <i *ngIf=\"route.breadcrumb.icon && inx==0\" class=\"{{route.breadcrumb.icon}} home-icon\"></i>\n <i *ngIf=\"route.breadcrumb.icon && inx!=0\" class=\"{{route.breadcrumb.icon}} icon link-icon\" ></i>\n <span *ngIf=\"!isString(route.breadcrumb.label)\">{{route.breadcrumb.label |async}}</span>\n <div *ngIf=\"isString(route.breadcrumb.label)\" class=\"breadcrumb-holder__tooltip ellipsis\">{{route.breadcrumb.label}}\n <span class=\"breadcrumb-holder__tooltip--text\">{{route.breadcrumb.label}}</span>\n </div>\n </a>\n <dcn-breadcrumb-popup [isLast]=\"isLast\" [breadcrumbDropDown]=\"route.breadcrumb.dropDown\"></dcn-breadcrumb-popup>\n </div>\n </ng-container>\n</div>\n\n","styles":[".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]}]}],"members":{"hideWhenNothingToShow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"homeBreadcrumb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"isString":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"BreadcrumbService"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":60,"character":38},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":61,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"refreshBreadcrumbRoutes":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"calculateHasRoutes":[{"__symbolic":"method"}]}},"BreadcrumbModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":12},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":12,"character":26}],"declarations":[{"__symbolic":"reference","name":"BreadcrumbComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"BreadcrumbComponent"},{"__symbolic":"reference","name":"ɵc"}],"providers":[{"__symbolic":"reference","name":"BreadcrumbService"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"BreadcrumbResolver"},{"__symbolic":"reference","name":"BreadcrumbDynamicResolver"}]}]}],"members":{}},"Breadcrumb":{"__symbolic":"interface"},"BreadcrumbDropDown":{"__symbolic":"interface"},"BreadcrumbDropDownItem":{"__symbolic":"interface"},"BreadcrumbRoute":{"__symbolic":"interface"},"BreadcrumbDynamicResolver":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"resolve":[{"__symbolic":"method"}]}},"BreadcrumbResolver":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"resolve":[{"__symbolic":"method"}]}},"BREADCRUMB_DATA_KEY":"breadcrumb","BreadcrumbService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"refresh":[{"__symbolic":"method"}],"getBaseUrl":[{"__symbolic":"method"}],"getBreadcrumbs":[{"__symbolic":"method"}],"getBreadcrumbsRecursive":[{"__symbolic":"method"}],"addBreadcrumbExtensions":[{"__symbolic":"method"}],"hasChildren":[{"__symbolic":"method"}],"buildPlainBreadcrumbData":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"dcn-breadcrumb-popup","template":"\n<div class=\"popover\" >\n <button *ngIf=\"isShowNextArrow\" #btn3 [ngClass]=\"{'menu-button':true, 'has-no-popup':!isShowBreadcrumbDropDown,'has-popup':isShowBreadcrumbDropDown,'is-active':showPopup}\" (click)=\"setInitialFilter($event)\">\n <i class=\"fa fa-angle-right menu-button-icon\"></i>\n </button>\n <div *ngIf=\"showPopup\" class=\"breadcrumbPopup\">\n <div class=\"arrowUp\"></div>\n <h4 *ngIf=\"breadcrumbDropDown.popupTitle\">{{breadcrumbDropDown.popupTitle}}</h4>\n <dcn-search-box class=\"breadcrumb-popup-search\"\n #searchbox\n [searchData]=\"search\"\n (keydown.arrowDown)=\"selectElementDown($event)\"\n (keydown.arrowUp)=\"selectElementUp($event)\"\n (keydown.enter)=\"navigate()\"\n [minLength]=\"0\"\n (results)=\"onFiltered($event)\">\n </dcn-search-box>\n \n <div class=\"breadcrumb-popup-menu\" #scrollMe >\n <div *ngFor=\"let nextLink of filteredItems; let inx=index;\" class=\"breadcrumb-popup-menu-item\">\n\n <a *ngIf=\"nextLink.disabled\"\n (mouseenter)=\"selectedItemIndex=inx\"\n [ngClass]=\"{'breadcrumb-popup-link':true, 'is-disabled':nextLink.disabled, 'is-selected':inx==selectedItemIndex}\" >\n <i class=\"{{nextLink.icon}} icon breadcrumb-popup-link-icon\" ></i>\n <span class=\"breadcrumb-popup-link-text\" [innerHTML]=\"nextLink.label\"></span></a>\n\n\n <a *ngIf=\"!nextLink.disabled\" \n [routerLink]=\"[nextLink.url]\"\n [queryParams]=\"nextLink.params\"\n (mouseenter)=\"selectedItemIndex=inx\"\n (click)=\"hidePopup()\"\n [ngClass]=\"{'breadcrumb-popup-link':true, 'is-selected':inx==selectedItemIndex}\" >\n <i class=\"{{nextLink.icon}} icon breadcrumb-popup-link-icon\" ></i>\n <span class=\"breadcrumb-popup-link-text\" [innerHTML]=\"nextLink.label\"></span></a>\n </div>\n </div>\n </div>\n</div>\n\n","styles":[".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]}]}],"members":{"breadcrumbDropDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"isLast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":75,"character":34},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":75,"character":62}]}],"onKeyEscape":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":90,"character":3},"arguments":["keydown.escape",["$event"]]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":95,"character":3},"arguments":["document:click",["$event"]]}]}],"hidePopup":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"setInitialFilter":[{"__symbolic":"method"}],"onFiltered":[{"__symbolic":"method"}],"resetSelection":[{"__symbolic":"method"}],"selectElementDown":[{"__symbolic":"method"}],"selectElementUp":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"scrollIntoView":[{"__symbolic":"method"}],"myScrollContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":202,"character":3},"arguments":["scrollMe"]}]}],"scrollInView":[{"__symbolic":"method"}],"getOuterHeight":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"dcn-search-box","template":"\n <div class=\"search-box\">\n <input #input type=\"search\"\n [value]=\"filterText\" \n (input)=\"filterText = $event.target.value\"\n class=\"input-class\" \n placeholder=\"search\"\n />\n </div>\n ","styles":[".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]}]}],"members":{"maxResults":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"minLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"searchData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"results":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":40,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"selector","providers":[{"__symbolic":"reference","name":"ɵd"}],"template":"\n<router-outlet></router-outlet>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":16,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":4,"character":37}]}]}}},"origins":{"BreadcrumbComponent":"./src/breadcrumb/component/breadcrumb.component","BreadcrumbModule":"./src/breadcrumb/breadcrumb.module","Breadcrumb":"./src/common/model/breadcrumb.model","BreadcrumbDropDown":"./src/common/model/dropdown.model","BreadcrumbDropDownItem":"./src/common/model/dropdown-item.model","BreadcrumbRoute":"./src/common/model/route.model","BreadcrumbDynamicResolver":"./src/breadcrumb/resolver/breadcrumb-dynamic.resolver","BreadcrumbResolver":"./src/breadcrumb/resolver/breadcrumb.resolver","BREADCRUMB_DATA_KEY":"./src/breadcrumb/service/breadcrumb.service","BreadcrumbService":"./src/breadcrumb/service/breadcrumb.service","ɵa":"./src/popup/breadcrumb-popup.component","ɵb":"./src/searchbox/searchbox.component","ɵc":"./src/breadcrumb/route-place-holder.component","ɵd":"./src/breadcrumb/service/breadcrumb-router.service"},"importAs":"@decision/angular-breadcrumb"}
{"__symbolic":"module","version":4,"metadata":{"BreadcrumbComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"dcn-breadcrumb","template":"\n \n<div *ngIf=\"!hideBreadcrumb\" class=\"breadcrumb\">\n\n <ng-container *ngFor=\"let route of breadcrumbRoutes; let inx = index; let isLast=last\" >\n <div *ngIf=\"!route.breadcrumb.hide\" class=\"breadcrumb-holder\">\n <a [routerLink]=\"[route.url]\" [queryParams]=\"route.params\" class=\"breadcrumb-link\">\n <i *ngIf=\"route.breadcrumb.icon && inx==0\" class=\"{{route.breadcrumb.icon}} home-icon\"></i>\n <i *ngIf=\"route.breadcrumb.icon && inx!=0\" class=\"{{route.breadcrumb.icon}} icon link-icon\" ></i>\n <span *ngIf=\"!isString(route.breadcrumb.label)\">{{route.breadcrumb.label |async}}</span>\n <div *ngIf=\"isString(route.breadcrumb.label)\" class=\"breadcrumb-holder__tooltip ellipsis\">{{route.breadcrumb.label}}\n <span class=\"breadcrumb-holder__tooltip--text\">{{route.breadcrumb.label}}</span>\n </div>\n </a>\n <dcn-breadcrumb-popup [isLast]=\"isLast\" [breadcrumbDropDown]=\"route.breadcrumb.dropDown\"></dcn-breadcrumb-popup>\n </div>\n </ng-container>\n</div>\n\n","styles":[".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]}]}],"members":{"hideWhenNothingToShow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"homeBreadcrumb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"isString":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"BreadcrumbService"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":60,"character":38},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":61,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"refreshBreadcrumbRoutes":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"calculateHasRoutes":[{"__symbolic":"method"}]}},"BreadcrumbModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":12},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":12,"character":26}],"declarations":[{"__symbolic":"reference","name":"BreadcrumbComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"BreadcrumbComponent"},{"__symbolic":"reference","name":"ɵc"}],"providers":[{"__symbolic":"reference","name":"BreadcrumbService"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"BreadcrumbResolver"},{"__symbolic":"reference","name":"BreadcrumbDynamicResolver"}]}]}],"members":{}},"Breadcrumb":{"__symbolic":"interface"},"BreadcrumbDropDown":{"__symbolic":"interface"},"BreadcrumbDropDownItem":{"__symbolic":"interface"},"BreadcrumbRoute":{"__symbolic":"interface"},"BreadcrumbDynamicResolver":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"resolve":[{"__symbolic":"method"}]}},"BreadcrumbResolver":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"resolve":[{"__symbolic":"method"}]}},"BREADCRUMB_DATA_KEY":"breadcrumb","BreadcrumbService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"refresh":[{"__symbolic":"method"}],"getBaseUrl":[{"__symbolic":"method"}],"getBreadcrumbs":[{"__symbolic":"method"}],"getBreadcrumbsRecursive":[{"__symbolic":"method"}],"addBreadcrumbExtensions":[{"__symbolic":"method"}],"hasChildren":[{"__symbolic":"method"}],"buildPlainBreadcrumbData":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"dcn-breadcrumb-popup","template":"\n<div class=\"popover\" >\n <button *ngIf=\"isShowNextArrow\" #btn3 [ngClass]=\"{'menu-button':true, 'has-no-popup':!isShowBreadcrumbDropDown,'has-popup':isShowBreadcrumbDropDown,'is-active':showPopup}\" (click)=\"setInitialFilter($event)\">\n <i class=\"fa fa-angle-right menu-button-icon\"></i>\n </button>\n <div *ngIf=\"showPopup\" class=\"breadcrumbPopup\">\n <div class=\"arrowUp\"></div>\n <h4 *ngIf=\"breadcrumbDropDown.popupTitle\">{{breadcrumbDropDown.popupTitle}}</h4>\n <dcn-search-box class=\"breadcrumb-popup-search\"\n #searchbox\n [searchData]=\"search\"\n (keydown.arrowDown)=\"selectElementDown($event)\"\n (keydown.arrowUp)=\"selectElementUp($event)\"\n (keydown.enter)=\"navigate()\"\n [minLength]=\"0\"\n (results)=\"onFiltered($event)\">\n </dcn-search-box>\n \n <div class=\"breadcrumb-popup-menu\" #scrollMe >\n <div *ngFor=\"let nextLink of filteredItems; let inx=index;\" class=\"breadcrumb-popup-menu-item\">\n\n <a *ngIf=\"nextLink.disabled\"\n (mouseenter)=\"selectedItemIndex=inx\"\n [ngClass]=\"{'breadcrumb-popup-link':true, 'is-disabled':nextLink.disabled, 'is-selected':inx==selectedItemIndex}\" >\n <i class=\"{{nextLink.icon}} icon breadcrumb-popup-link-icon\" ></i>\n <span class=\"breadcrumb-popup-link-text\" [innerHTML]=\"nextLink.label\"></span></a>\n\n\n <a *ngIf=\"!nextLink.disabled\" \n [routerLink]=\"[nextLink.url]\"\n [queryParams]=\"nextLink.params\"\n (mouseenter)=\"selectedItemIndex=inx\"\n (click)=\"hidePopup()\"\n [ngClass]=\"{'breadcrumb-popup-link':true, 'is-selected':inx==selectedItemIndex}\" >\n <i class=\"{{nextLink.icon}} icon breadcrumb-popup-link-icon\" ></i>\n <span class=\"breadcrumb-popup-link-text\" [innerHTML]=\"nextLink.label\"></span></a>\n </div>\n </div>\n </div>\n</div>\n\n","styles":[".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]}]}],"members":{"breadcrumbDropDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"isLast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":75,"character":34},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":75,"character":62}]}],"onKeyEscape":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":90,"character":3},"arguments":["keydown.escape",["$event"]]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":95,"character":3},"arguments":["document:click",["$event"]]}]}],"hidePopup":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"setInitialFilter":[{"__symbolic":"method"}],"onFiltered":[{"__symbolic":"method"}],"resetSelection":[{"__symbolic":"method"}],"selectElementDown":[{"__symbolic":"method"}],"selectElementUp":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"scrollIntoView":[{"__symbolic":"method"}],"myScrollContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":202,"character":3},"arguments":["scrollMe"]}]}],"scrollInView":[{"__symbolic":"method"}],"getOuterHeight":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"dcn-search-box","template":"\n <div class=\"search-box\">\n <input #input type=\"search\"\n [value]=\"filterText\" \n (input)=\"filterText = $event.target.value\"\n class=\"input-class\" \n placeholder=\"search\"\n />\n </div>\n ","styles":[".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]}]}],"members":{"maxResults":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"minLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"searchData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"results":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":40,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"selector","providers":[{"__symbolic":"reference","name":"ɵd"}],"template":"\n<router-outlet></router-outlet>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":16,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":4,"character":37}]}]}}},"origins":{"BreadcrumbComponent":"./src/breadcrumb/component/breadcrumb.component","BreadcrumbModule":"./src/breadcrumb/breadcrumb.module","Breadcrumb":"./src/common/model/breadcrumb.model","BreadcrumbDropDown":"./src/common/model/dropdown.model","BreadcrumbDropDownItem":"./src/common/model/dropdown-item.model","BreadcrumbRoute":"./src/common/model/route.model","BreadcrumbDynamicResolver":"./src/breadcrumb/resolver/breadcrumb-dynamic.resolver","BreadcrumbResolver":"./src/breadcrumb/resolver/breadcrumb.resolver","BREADCRUMB_DATA_KEY":"./src/breadcrumb/service/breadcrumb.service","BreadcrumbService":"./src/breadcrumb/service/breadcrumb.service","ɵa":"./src/popup/breadcrumb-popup.component","ɵb":"./src/searchbox/searchbox.component","ɵc":"./src/breadcrumb/route-place-holder.component","ɵd":"./src/breadcrumb/service/breadcrumb-router.service"},"importAs":"@decision/angular-breadcrumb"}

2

esm2015/src/breadcrumb/component/breadcrumb.component.js

@@ -143,3 +143,3 @@ /**

`,
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -146,0 +146,0 @@ ];

2

esm2015/src/popup/breadcrumb-popup.component.js

@@ -308,3 +308,3 @@ /**

`,
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -311,0 +311,0 @@ ];

2

esm2015/src/searchbox/searchbox.component.js

@@ -81,3 +81,3 @@ /**

`,
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -84,0 +84,0 @@ ];

2

esm5/src/breadcrumb/component/breadcrumb.component.js

@@ -151,3 +151,3 @@ /**

template: "\n \n<div *ngIf=\"!hideBreadcrumb\" class=\"breadcrumb\">\n\n <ng-container *ngFor=\"let route of breadcrumbRoutes; let inx = index; let isLast=last\" >\n <div *ngIf=\"!route.breadcrumb.hide\" class=\"breadcrumb-holder\">\n <a [routerLink]=\"[route.url]\" [queryParams]=\"route.params\" class=\"breadcrumb-link\">\n <i *ngIf=\"route.breadcrumb.icon && inx==0\" class=\"{{route.breadcrumb.icon}} home-icon\"></i>\n <i *ngIf=\"route.breadcrumb.icon && inx!=0\" class=\"{{route.breadcrumb.icon}} icon link-icon\" ></i>\n <span *ngIf=\"!isString(route.breadcrumb.label)\">{{route.breadcrumb.label |async}}</span>\n <div *ngIf=\"isString(route.breadcrumb.label)\" class=\"breadcrumb-holder__tooltip ellipsis\">{{route.breadcrumb.label}}\n <span class=\"breadcrumb-holder__tooltip--text\">{{route.breadcrumb.label}}</span>\n </div>\n </a>\n <dcn-breadcrumb-popup [isLast]=\"isLast\" [breadcrumbDropDown]=\"route.breadcrumb.dropDown\"></dcn-breadcrumb-popup>\n </div>\n </ng-container>\n</div>\n\n",
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -154,0 +154,0 @@ ];

2

esm5/src/popup/breadcrumb-popup.component.js

@@ -341,3 +341,3 @@ /**

template: "\n<div class=\"popover\" >\n <button *ngIf=\"isShowNextArrow\" #btn3 [ngClass]=\"{'menu-button':true, 'has-no-popup':!isShowBreadcrumbDropDown,'has-popup':isShowBreadcrumbDropDown,'is-active':showPopup}\" (click)=\"setInitialFilter($event)\">\n <i class=\"fa fa-angle-right menu-button-icon\"></i>\n </button>\n <div *ngIf=\"showPopup\" class=\"breadcrumbPopup\">\n <div class=\"arrowUp\"></div>\n <h4 *ngIf=\"breadcrumbDropDown.popupTitle\">{{breadcrumbDropDown.popupTitle}}</h4>\n <dcn-search-box class=\"breadcrumb-popup-search\"\n #searchbox\n [searchData]=\"search\"\n (keydown.arrowDown)=\"selectElementDown($event)\"\n (keydown.arrowUp)=\"selectElementUp($event)\"\n (keydown.enter)=\"navigate()\"\n [minLength]=\"0\"\n (results)=\"onFiltered($event)\">\n </dcn-search-box>\n \n <div class=\"breadcrumb-popup-menu\" #scrollMe >\n <div *ngFor=\"let nextLink of filteredItems; let inx=index;\" class=\"breadcrumb-popup-menu-item\">\n\n <a *ngIf=\"nextLink.disabled\"\n (mouseenter)=\"selectedItemIndex=inx\"\n [ngClass]=\"{'breadcrumb-popup-link':true, 'is-disabled':nextLink.disabled, 'is-selected':inx==selectedItemIndex}\" >\n <i class=\"{{nextLink.icon}} icon breadcrumb-popup-link-icon\" ></i>\n <span class=\"breadcrumb-popup-link-text\" [innerHTML]=\"nextLink.label\"></span></a>\n\n\n <a *ngIf=\"!nextLink.disabled\" \n [routerLink]=\"[nextLink.url]\"\n [queryParams]=\"nextLink.params\"\n (mouseenter)=\"selectedItemIndex=inx\"\n (click)=\"hidePopup()\"\n [ngClass]=\"{'breadcrumb-popup-link':true, 'is-selected':inx==selectedItemIndex}\" >\n <i class=\"{{nextLink.icon}} icon breadcrumb-popup-link-icon\" ></i>\n <span class=\"breadcrumb-popup-link-text\" [innerHTML]=\"nextLink.label\"></span></a>\n </div>\n </div>\n </div>\n</div>\n\n",
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -344,0 +344,0 @@ ];

2

esm5/src/searchbox/searchbox.component.js

@@ -74,3 +74,3 @@ /**

template: "\n <div class=\"search-box\">\n <input #input type=\"search\"\n [value]=\"filterText\" \n (input)=\"filterText = $event.target.value\"\n class=\"input-class\" \n placeholder=\"search\"\n />\n </div>\n ",
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -77,0 +77,0 @@ ];

6

fesm2015/decision-angular-breadcrumb.js

@@ -292,3 +292,3 @@ import { Subject } from 'rxjs/index';

`,
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -705,3 +705,3 @@ ];

`,
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -799,3 +799,3 @@ ];

`,
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -802,0 +802,0 @@ ];

6

fesm5/decision-angular-breadcrumb.js

@@ -349,3 +349,3 @@ import { __spread } from 'tslib';

template: "\n \n<div *ngIf=\"!hideBreadcrumb\" class=\"breadcrumb\">\n\n <ng-container *ngFor=\"let route of breadcrumbRoutes; let inx = index; let isLast=last\" >\n <div *ngIf=\"!route.breadcrumb.hide\" class=\"breadcrumb-holder\">\n <a [routerLink]=\"[route.url]\" [queryParams]=\"route.params\" class=\"breadcrumb-link\">\n <i *ngIf=\"route.breadcrumb.icon && inx==0\" class=\"{{route.breadcrumb.icon}} home-icon\"></i>\n <i *ngIf=\"route.breadcrumb.icon && inx!=0\" class=\"{{route.breadcrumb.icon}} icon link-icon\" ></i>\n <span *ngIf=\"!isString(route.breadcrumb.label)\">{{route.breadcrumb.label |async}}</span>\n <div *ngIf=\"isString(route.breadcrumb.label)\" class=\"breadcrumb-holder__tooltip ellipsis\">{{route.breadcrumb.label}}\n <span class=\"breadcrumb-holder__tooltip--text\">{{route.breadcrumb.label}}</span>\n </div>\n </a>\n <dcn-breadcrumb-popup [isLast]=\"isLast\" [breadcrumbDropDown]=\"route.breadcrumb.dropDown\"></dcn-breadcrumb-popup>\n </div>\n </ng-container>\n</div>\n\n",
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -810,3 +810,3 @@ ];

template: "\n<div class=\"popover\" >\n <button *ngIf=\"isShowNextArrow\" #btn3 [ngClass]=\"{'menu-button':true, 'has-no-popup':!isShowBreadcrumbDropDown,'has-popup':isShowBreadcrumbDropDown,'is-active':showPopup}\" (click)=\"setInitialFilter($event)\">\n <i class=\"fa fa-angle-right menu-button-icon\"></i>\n </button>\n <div *ngIf=\"showPopup\" class=\"breadcrumbPopup\">\n <div class=\"arrowUp\"></div>\n <h4 *ngIf=\"breadcrumbDropDown.popupTitle\">{{breadcrumbDropDown.popupTitle}}</h4>\n <dcn-search-box class=\"breadcrumb-popup-search\"\n #searchbox\n [searchData]=\"search\"\n (keydown.arrowDown)=\"selectElementDown($event)\"\n (keydown.arrowUp)=\"selectElementUp($event)\"\n (keydown.enter)=\"navigate()\"\n [minLength]=\"0\"\n (results)=\"onFiltered($event)\">\n </dcn-search-box>\n \n <div class=\"breadcrumb-popup-menu\" #scrollMe >\n <div *ngFor=\"let nextLink of filteredItems; let inx=index;\" class=\"breadcrumb-popup-menu-item\">\n\n <a *ngIf=\"nextLink.disabled\"\n (mouseenter)=\"selectedItemIndex=inx\"\n [ngClass]=\"{'breadcrumb-popup-link':true, 'is-disabled':nextLink.disabled, 'is-selected':inx==selectedItemIndex}\" >\n <i class=\"{{nextLink.icon}} icon breadcrumb-popup-link-icon\" ></i>\n <span class=\"breadcrumb-popup-link-text\" [innerHTML]=\"nextLink.label\"></span></a>\n\n\n <a *ngIf=\"!nextLink.disabled\" \n [routerLink]=\"[nextLink.url]\"\n [queryParams]=\"nextLink.params\"\n (mouseenter)=\"selectedItemIndex=inx\"\n (click)=\"hidePopup()\"\n [ngClass]=\"{'breadcrumb-popup-link':true, 'is-selected':inx==selectedItemIndex}\" >\n <i class=\"{{nextLink.icon}} icon breadcrumb-popup-link-icon\" ></i>\n <span class=\"breadcrumb-popup-link-text\" [innerHTML]=\"nextLink.label\"></span></a>\n </div>\n </div>\n </div>\n</div>\n\n",
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -899,3 +899,3 @@ ];

template: "\n <div class=\"search-box\">\n <input #input type=\"search\"\n [value]=\"filterText\" \n (input)=\"filterText = $event.target.value\"\n class=\"input-class\" \n placeholder=\"search\"\n />\n </div>\n ",
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
styles: [".breadcrumb{display:flex;height:50px;background:#0cb6e7}.breadcrumb-holder{display:flex;align-items:center;font-size:18px;position:relative}.breadcrumb-holder:first-child{padding-left:12px}.breadcrumb-holder .home-icon{font-size:1.5em}.breadcrumb-holder__tooltip{max-width:200px;display:inline-block;white-space:nowrap;height:18px}.breadcrumb-holder__tooltip:hover{text-decoration:underline}.breadcrumb-holder__tooltip:hover .breadcrumb-holder__tooltip--text{visibility:visible}.breadcrumb-holder__tooltip--text{visibility:hidden;padding:5px 10px;background-color:rgba(60,72,81,.92);border-radius:3px;font-size:12px;color:#fff;position:absolute;word-break:break-word;white-space:normal;top:45px;left:26px;z-index:99999}.breadcrumb-holder__tooltip--text::after{content:\" \";position:absolute;bottom:100%;left:calc(100% / 2);margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(60,72,81,.92)}.menu-button{display:flex;font-size:18px;padding:0;align-items:center;width:20px;height:30px;margin:0 5px;outline:0;border:transparent;background-color:transparent}.menu-button.has-no-popup{pointer-events:none;cursor:default}.menu-button.has-popup:hover,.menu-button.is-active{pointer-events:auto;cursor:pointer;border-radius:2px;border:1px solid #fff}.menu-button.has-popup:hover .menu-button-icon,.menu-button.is-active .menu-button-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s linear}.menu-button .menu-button-icon{margin:auto;transition:.3s linear}.breadcrumb-link{text-decoration:none;outline:0;display:flex;align-items:center}.breadcrumb-link .link-icon{padding-right:6px}.breadcrumb-link .link-icon:hover+.breadcrumb-holder__tooltip--text{text-decoration:underline}.popover{position:relative}.popover .breadcrumbPopup{visibility:visible;box-shadow:1px 2px 1px #e0e0e0;text-align:left;position:absolute;z-index:1000;top:100%;left:-9px;margin-top:7px;margin-left:5px;-webkit-animation:1s fadeIn;animation:1s fadeIn;border-left-width:1px;border-left-style:solid}.popover .breadcrumbPopup .breadcrumb-popup-menu{max-height:160px;width:100%;overflow-x:hidden;overflow-y:auto;outline:0}.popover .breadcrumbPopup .breadcrumb-popup-menu-item{height:40px}.popover .breadcrumbPopup .breadcrumb-popup-link{height:100%;width:100%;display:flex;padding:0 12px;align-items:center;font-size:12px;text-decoration:none;outline:0;cursor:pointer}.popover .breadcrumbPopup .breadcrumb-popup-link.is-disabled{cursor:default}.popover .breadcrumbPopup .breadcrumb-popup-link-icon{font-size:1.5em;margin-right:15px}.popover .breadcrumbPopup .breadcrumb-popup-link-text{margin-top:1px}.popover .breadcrumbPopup .breadcrumb-popup-search{padding:12px;display:block}.arrowUp{position:absolute;margin-top:-7px;margin-left:9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.search-box{width:100%}.input-class{line-height:1;height:38px;width:100%;font-size:14px;padding:6px;border:1px solid #dee5e7;border-radius:2px}.input-class:active,.input-class:focus{border-color:#5ea6dd}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"]
}] }

@@ -902,0 +902,0 @@ ];

2

package.json
{
"$schema": "../../node_modules/ng-packagr/package.schema.json",
"name": "@decision/angular-breadcrumb",
"version": "1.0.12",
"version": "1.0.13",
"license": "MIT",

@@ -6,0 +6,0 @@ "peerDependencies": {

bundles/decision-angular-breadcrumb.umd.min.js.map

Sorry, the diff of this file is not supported yet

src/breadcrumb/component/breadcrumb.component.less

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc