[{"__symbolic":"module","version":3,"metadata":{"Breadcrumb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"breadcrumb","template":"\n        <ol class=\"breadcrumb navbar-breadcrumb\">\n            <ng-container *ngFor=\"let node of Nodes; let isFirst = first; let isLast = last\">\n                <li [ngClass]=\"{'first': isFirst, 'last': isLast}\">\n                    <a *ngIf=\"node.Url\" [routerLink]=\"node.Url\" id={{node.Id}} title={{node.Title}}>{{node.Title}}</a>\n                    <span *ngIf=\"(node.Url == null || node.Url == '')\" id={{node.Id}} title={{node.Title}}>{{node.Title}}</span>\n                </li>\n                <li *ngIf=\"isFirst\" class=\"ellipsis\">\n                    <span class=\".dropdown-toggle\" id=\"{{node.Id}}-ellipsis\" title=\"Show more\" data-toggle=\"dropdown\">...</span>\n                    <ul class=\"dropdown-menu\">\n                        <li *ngFor=\"let mn of Nodes\">\n                            <a *ngIf=\"mn.Url\" [routerLink]=\"mn.Url\" id={{mn.Id}} title={{mn.Title}}>{{mn.Title}}</a>\n                            <span *ngIf=\"(mn.Url == null || mn.Url == '')\" id={{mn.Id}} title={{mn.Title}}>{{mn.Title}}</span>                    \n                        </li>\n                    </ul>\n                </li>\n            </ng-container>\n        </ol>\n        ","styles":["\n        :host { float: left }\n        * { color: white !Important ;}\n        .breadcrumb.navbar-breadcrumb { margin-bottom: 0px; max-width: 100px; white-space: nowrap; position: relative; }\n        .navbar-breadcrumb { margin-left: 0px; background-color: transparent; padding: 0px; }\n        .navbar-breadcrumb > li { height: 60px; line-height: 60px; vertical-align: middle; font-size: 1.5em; padding-left: 10px; margin-left: -4px}\n        .navbar-breadcrumb > li.ellipsis { display: none; cursor: pointer; }\n        .navbar-breadcrumb > li:first-child { padding-left: 0px }\n        .breadcrumb > li + li:before { margin-right: 0px; padding: 0px }\n        .dropdown-menu { border-radius: 0; padding: 0; margin: -1px 0 0 -3px; background-color: black; }\n        .dropdown-menu > li { padding-left: 0 !important; line-height: initial !important; }\n        .dropdown-menu > li > a, .dropdown-menu > li > span  { font-size: 0.9em; padding: 5px 10px; display: block;  }\n        .dropdown-menu > li > a:before, .dropdown-menu > li > span:before { font-family: FontAwesome; content: \"\\f101\"; padding-right: 5px;}\n        .dropdown-menu > li:first-child > a:before, .dropdown-menu > li:first-child > span:before { display: none; }\n        .dropdown-menu > li:nth-child(2){ padding-left: 10px !important; }\n        .dropdown-menu > li:nth-child(3){ padding-left: 20px !important; }\n        .dropdown-menu > li:nth-child(4){ padding-left: 30px !important; }\n        .dropdown-menu > li:nth-child(5){ padding-left: 40px !important; }\n        .dropdown-menu > li:nth-child(6){ padding-left: 50px !important; }\n        .dropdown-menu > li:hover { background-color: #414141; }\n        .dropdown-menu > li > a:hover { background-color: transparent; }\n        @media (max-width: 900px) {\n            .navbar-breadcrumb > li {display: none; }\n            .navbar-breadcrumb > li.first {display: inline-block; }\n            .navbar-breadcrumb > li.last {display: inline-block; }\n            .navbar-breadcrumb > li.ellipsis {display: inline-block; }\n        }\n        @media (max-width: 850px) {\n            .navbar-breadcrumb > li.first {display: none; }\n            .navbar-breadcrumb > li.ellipsis:before {display: none; }\n        }\n        @media (max-width: 768px) {\n            .navbar-breadcrumb > li.first {display: inline-block; }\n            .navbar-breadcrumb > li {display: inline-block; }\n            .navbar-breadcrumb > li.ellipsis {display: none; }            \n        }\n        @media (max-width: 650px) {\n            .navbar-breadcrumb > li {display: none; }\n            .navbar-breadcrumb > li.first {display: inline-block; }\n            .navbar-breadcrumb > li.last {display: inline-block; }\n            .navbar-breadcrumb > li.ellipsis {display: inline-block; }\n            .navbar-breadcrumb > li.ellipsis:before {display: initial}\n        }\n        @media (max-width: 480px) {\n            .navbar-breadcrumb > li.first {display: none; }\n            .navbar-breadcrumb > li.ellipsis:before { display: none; }\n        }\n    "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/breadcrumb","name":"BreadcrumbService"}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"Breadcrumb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"breadcrumb","template":"\n        <ol class=\"breadcrumb navbar-breadcrumb\">\n            <ng-container *ngFor=\"let node of Nodes; let isFirst = first; let isLast = last\">\n                <li [ngClass]=\"{'first': isFirst, 'last': isLast}\">\n                    <a *ngIf=\"node.Url\" [routerLink]=\"node.Url\" id={{node.Id}} title={{node.Title}}>{{node.Title}}</a>\n                    <span *ngIf=\"(node.Url == null || node.Url == '')\" id={{node.Id}} title={{node.Title}}>{{node.Title}}</span>\n                </li>\n                <li *ngIf=\"isFirst\" class=\"ellipsis\">\n                    <span class=\".dropdown-toggle\" id=\"{{node.Id}}-ellipsis\" title=\"Show more\" data-toggle=\"dropdown\">...</span>\n                    <ul class=\"dropdown-menu\">\n                        <li *ngFor=\"let mn of Nodes\">\n                            <a *ngIf=\"mn.Url\" [routerLink]=\"mn.Url\" id={{mn.Id}} title={{mn.Title}}>{{mn.Title}}</a>\n                            <span *ngIf=\"(mn.Url == null || mn.Url == '')\" id={{mn.Id}} title={{mn.Title}}>{{mn.Title}}</span>                    \n                        </li>\n                    </ul>\n                </li>\n            </ng-container>\n        </ol>\n        ","styles":["\n        :host { float: left }\n        * { color: white !Important ;}\n        .breadcrumb.navbar-breadcrumb { margin-bottom: 0px; max-width: 100px; white-space: nowrap; position: relative; }\n        .navbar-breadcrumb { margin-left: 0px; background-color: transparent; padding: 0px; }\n        .navbar-breadcrumb > li { height: 60px; line-height: 60px; vertical-align: middle; font-size: 1.5em; padding-left: 10px; margin-left: -4px}\n        .navbar-breadcrumb > li.ellipsis { display: none; cursor: pointer; }\n        .navbar-breadcrumb > li:first-child { padding-left: 0px }\n        .breadcrumb > li + li:before { margin-right: 0px; padding: 0px }\n        .dropdown-menu { border-radius: 0; padding: 0; margin: -1px 0 0 -3px; background-color: black; }\n        .dropdown-menu > li { padding-left: 0 !important; line-height: initial !important; }\n        .dropdown-menu > li > a, .dropdown-menu > li > span  { font-size: 0.9em; padding: 5px 10px; display: block;  }\n        .dropdown-menu > li > a:before, .dropdown-menu > li > span:before { font-family: FontAwesome; content: \"\\f101\"; padding-right: 5px;}\n        .dropdown-menu > li:first-child > a:before, .dropdown-menu > li:first-child > span:before { display: none; }\n        .dropdown-menu > li:nth-child(2){ padding-left: 10px !important; }\n        .dropdown-menu > li:nth-child(3){ padding-left: 20px !important; }\n        .dropdown-menu > li:nth-child(4){ padding-left: 30px !important; }\n        .dropdown-menu > li:nth-child(5){ padding-left: 40px !important; }\n        .dropdown-menu > li:nth-child(6){ padding-left: 50px !important; }\n        .dropdown-menu > li:hover { background-color: #414141; }\n        .dropdown-menu > li > a:hover { background-color: transparent; }\n        @media (max-width: 900px) {\n            .navbar-breadcrumb > li {display: none; }\n            .navbar-breadcrumb > li.first {display: inline-block; }\n            .navbar-breadcrumb > li.last {display: inline-block; }\n            .navbar-breadcrumb > li.ellipsis {display: inline-block; }\n        }\n        @media (max-width: 850px) {\n            .navbar-breadcrumb > li.first {display: none; }\n            .navbar-breadcrumb > li.ellipsis:before {display: none; }\n        }\n        @media (max-width: 768px) {\n            .navbar-breadcrumb > li.first {display: inline-block; }\n            .navbar-breadcrumb > li {display: inline-block; }\n            .navbar-breadcrumb > li.ellipsis {display: none; }            \n        }\n        @media (max-width: 650px) {\n            .navbar-breadcrumb > li {display: none; }\n            .navbar-breadcrumb > li.first {display: inline-block; }\n            .navbar-breadcrumb > li.last {display: inline-block; }\n            .navbar-breadcrumb > li.ellipsis {display: inline-block; }\n            .navbar-breadcrumb > li.ellipsis:before {display: initial}\n        }\n        @media (max-width: 480px) {\n            .navbar-breadcrumb > li.first {display: none; }\n            .navbar-breadcrumb > li.ellipsis:before { display: none; }\n        }\n    "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/breadcrumb","name":"BreadcrumbService"}]}]}}}}]