{"__symbolic":"module","version":4,"metadata":{"SbbBreadcrumbs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"sbb-breadcrumbs","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":19,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"SBB_BREADCRUMB_PARENT_COMPONENT"},"useExisting":{"__symbolic":"reference","name":"SbbBreadcrumbs"}}],"host":{"class":"sbb-breadcrumbs","[class.sbb-breadcrumbs-expanded]":"this.expanded","$quoted$":["[class.sbb-breadcrumbs-expanded]"]},"template":"<ng-content select=\"sbb-breadcrumb\"></ng-content>\n","styles":[".sbb-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;min-height:48px}@media all and (min-width: 160.0625em){.sbb-breadcrumbs{min-height:72px}}@media all and (min-width: 240.0625em){.sbb-breadcrumbs{min-height:96px}}.sbb-breadcrumbs-expanded .sbb-breadcrumb{display:flex}.sbb-breadcrumbs-expanded .sbb-breadcrumb-dots{display:none}\n"]}]}],"members":{"levels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":34,"character":3},"arguments":[{"__symbolic":"reference","name":"SbbBreadcrumb"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":45,"character":42}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"SbbBreadcrumbParent":{"__symbolic":"interface"},"SBB_BREADCRUMB_PARENT_COMPONENT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":45,"character":51},"arguments":["SBB_BREADCRUMB_PARENT_COMPONENT"]},"SBB_BREADCRUMB_LEVEL_OFFSET":60,"SbbBreadcrumb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@sbb-esta/angular-business/dropdown","name":"SbbDropdownTrigger","line":61,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"selector":"sbb-breadcrumb","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":55,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":56,"character":19},"member":"OnPush"},"host":{"class":"sbb-breadcrumb sbb-icon-fit"},"template":"<ng-container *ngIf=\"!isFirst\">\n  <div class=\"sbb-breadcrumb-arrow\">\n    <sbb-icon svgIcon=\"kom:chevron-small-right-small\"></sbb-icon>\n  </div>\n</ng-container>\n<ng-content select=\"a, button\"></ng-content>\n<span\n  #breadcrumbTrigger\n  *ngIf=\"dropdown\"\n  tabindex=\"0\"\n  class=\"sbb-breadcrumb-trigger\"\n  [class.sbb-breadcrumb-trigger-open]=\"dropdown.open\"\n>\n  <span class=\"sbb-breadcrumb-label\"><ng-content></ng-content></span>\n  <div\n    class=\"sbb-breadcrumb-trigger-icon sbb-breadcrumb-trigger-icon-visible\"\n    [class.sbb-breadcrumb-trigger-icon-active]=\"dropdown.open\"\n  >\n    <sbb-icon svgIcon=\"kom:chevron-small-down-circle-small\"></sbb-icon>\n  </div>\n</span>\n\n<div class=\"sbb-breadcrumb-dots\" *ngIf=\"isFirst\">\n  <div class=\"sbb-breadcrumb-arrow\">\n    <sbb-icon svgIcon=\"kom:chevron-small-right-small\"></sbb-icon>\n  </div>\n  <button type=\"button\" (click)=\"expand($event)\">...</button>\n</div>\n","styles":[".sbb-breadcrumb{display:none;align-items:center;padding-left:0;height:48px;margin-right:4px}.sbb-breadcrumb:first-of-type,.sbb-breadcrumb:last-of-type{display:flex}.sbb-breadcrumb:first-of-type a{height:24px}.sbb-breadcrumb:last-of-type a{color:#000}@media all and (min-width: 40.1875em){.sbb-breadcrumb{display:flex}}.sbb-breadcrumb .sbb-breadcrumb-trigger{outline:0;display:flex;align-items:center;cursor:pointer;color:#686868;position:relative;height:100%}.sbb-breadcrumb .sbb-breadcrumb-trigger:hover,.sbb-breadcrumb .sbb-breadcrumb-trigger:focus{color:#c60018}.sbb-breadcrumb .sbb-breadcrumb-trigger::before{border:solid 2px #fff}.sbb-breadcrumb .sbb-breadcrumb-trigger .sbb-breadcrumb-trigger-icon{width:24px;height:24px;line-height:20px;margin:0;margin-right:-4px;margin-left:6.5px;display:none;transition:transform .225s cubic-bezier(0.4, 0, 0.2, 1)}.sbb-breadcrumb .sbb-breadcrumb-trigger .sbb-breadcrumb-trigger-icon.sbb-breadcrumb-trigger-icon-visible{display:block}.sbb-breadcrumb .sbb-breadcrumb-trigger .sbb-breadcrumb-trigger-icon.sbb-breadcrumb-trigger-icon-active{transform:rotate(-180deg)}.sbb-breadcrumb .sbb-breadcrumb-trigger.sbb-breadcrumb-trigger-open::before{content:\"\";border-top:solid 2px #686868;border-right:solid 2px #686868;border-left:solid 2px #686868;position:absolute;top:0;background-color:#fff;height:calc(100% + 1px);min-width:132px;transform:translateX(-30px);width:calc(100% + 60px)}.sbb-breadcrumb .sbb-breadcrumb-arrow{color:#686868;line-height:20px;margin-right:4px;width:24px;height:24px}.sbb-breadcrumb a,.sbb-breadcrumb button{outline:0;color:#686868}.sbb-breadcrumb a svg.sbb-svg-icon,.sbb-breadcrumb button svg.sbb-svg-icon{fill:#686868}.sbb-breadcrumb a svg.sbb-svg-icon>path[fill=none],.sbb-breadcrumb button svg.sbb-svg-icon>path[fill=none]{stroke:#686868}.sbb-breadcrumb a svg.sbb-svg-icon>path:not([fill]),.sbb-breadcrumb button svg.sbb-svg-icon>path:not([fill]){fill:#686868}.sbb-breadcrumb a:hover,.sbb-breadcrumb a:focus,.sbb-breadcrumb button:hover,.sbb-breadcrumb button:focus{color:#c60018}.sbb-breadcrumb a:hover svg.sbb-svg-icon,.sbb-breadcrumb a:focus svg.sbb-svg-icon,.sbb-breadcrumb button:hover svg.sbb-svg-icon,.sbb-breadcrumb button:focus svg.sbb-svg-icon{fill:#c60018}.sbb-breadcrumb a:hover svg.sbb-svg-icon>path[fill=none],.sbb-breadcrumb a:focus svg.sbb-svg-icon>path[fill=none],.sbb-breadcrumb button:hover svg.sbb-svg-icon>path[fill=none],.sbb-breadcrumb button:focus svg.sbb-svg-icon>path[fill=none]{stroke:#c60018}.sbb-breadcrumb a:hover svg.sbb-svg-icon>path:not([fill]),.sbb-breadcrumb a:focus svg.sbb-svg-icon>path:not([fill]),.sbb-breadcrumb button:hover svg.sbb-svg-icon>path:not([fill]),.sbb-breadcrumb button:focus svg.sbb-svg-icon>path:not([fill]){fill:#c60018}.sbb-breadcrumb a,.sbb-breadcrumb button,.sbb-breadcrumb .sbb-breadcrumb-label{background:none;max-width:none;min-width:0;padding:0;margin:0;border:none;white-space:nowrap;font-family:\"SBBWeb Roman\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;text-decoration:none;position:relative;cursor:pointer;font-size:13px;line-height:20px;min-width:24px}.sbb-breadcrumb a:hover,.sbb-breadcrumb a:focus,.sbb-breadcrumb button:hover,.sbb-breadcrumb button:focus,.sbb-breadcrumb .sbb-breadcrumb-label:hover,.sbb-breadcrumb .sbb-breadcrumb-label:focus{color:#c60018}.sbb-breadcrumb a .sbb-icon,.sbb-breadcrumb button .sbb-icon,.sbb-breadcrumb .sbb-breadcrumb-label .sbb-icon{display:inline-flex}.sbb-breadcrumb a>.sbb-icon-component:hover,.sbb-breadcrumb a>.sbb-icon-component:focus,.sbb-breadcrumb button>.sbb-icon-component:hover,.sbb-breadcrumb button>.sbb-icon-component:focus,.sbb-breadcrumb .sbb-breadcrumb-label>.sbb-icon-component:hover,.sbb-breadcrumb .sbb-breadcrumb-label>.sbb-icon-component:focus{color:#c60018}.sbb-breadcrumb a>.sbb-icon-component:hover svg.sbb-svg-icon,.sbb-breadcrumb a>.sbb-icon-component:focus svg.sbb-svg-icon,.sbb-breadcrumb button>.sbb-icon-component:hover svg.sbb-svg-icon,.sbb-breadcrumb button>.sbb-icon-component:focus svg.sbb-svg-icon,.sbb-breadcrumb .sbb-breadcrumb-label>.sbb-icon-component:hover svg.sbb-svg-icon,.sbb-breadcrumb .sbb-breadcrumb-label>.sbb-icon-component:focus svg.sbb-svg-icon{fill:#c60018}.sbb-breadcrumb a>.sbb-icon-component:hover svg.sbb-svg-icon>path[fill=none],.sbb-breadcrumb a>.sbb-icon-component:focus svg.sbb-svg-icon>path[fill=none],.sbb-breadcrumb button>.sbb-icon-component:hover svg.sbb-svg-icon>path[fill=none],.sbb-breadcrumb button>.sbb-icon-component:focus svg.sbb-svg-icon>path[fill=none],.sbb-breadcrumb .sbb-breadcrumb-label>.sbb-icon-component:hover svg.sbb-svg-icon>path[fill=none],.sbb-breadcrumb .sbb-breadcrumb-label>.sbb-icon-component:focus svg.sbb-svg-icon>path[fill=none]{stroke:#c60018}.sbb-breadcrumb a>.sbb-icon-component:hover svg.sbb-svg-icon>path:not([fill]),.sbb-breadcrumb a>.sbb-icon-component:focus svg.sbb-svg-icon>path:not([fill]),.sbb-breadcrumb button>.sbb-icon-component:hover svg.sbb-svg-icon>path:not([fill]),.sbb-breadcrumb button>.sbb-icon-component:focus svg.sbb-svg-icon>path:not([fill]),.sbb-breadcrumb .sbb-breadcrumb-label>.sbb-icon-component:hover svg.sbb-svg-icon>path:not([fill]),.sbb-breadcrumb .sbb-breadcrumb-label>.sbb-icon-component:focus svg.sbb-svg-icon>path:not([fill]){fill:#c60018}.sbb-breadcrumb-panel{min-width:132px;transform:translateX(-30px)}.sbb-breadcrumb-panel .sbb-dropdown-panel a{font-size:13px;white-space:normal;text-overflow:clip;padding-left:28px;padding-right:28px;font-family:\"SBBWeb Roman\",\"Helvetica Neue\",Helvetica,Arial,sans-serif}.sbb-breadcrumb-panel .sbb-dropdown-panel a.sbb-active{color:#c60018}.sbb-breadcrumb-panel .sbb-dropdown-panel a.sbb-active svg.sbb-svg-icon{fill:#c60018}.sbb-breadcrumb-panel .sbb-dropdown-panel a.sbb-active svg.sbb-svg-icon>path[fill=none]{stroke:#c60018}.sbb-breadcrumb-panel .sbb-dropdown-panel a.sbb-active svg.sbb-svg-icon>path:not([fill]){fill:#c60018}.sbb-breadcrumb-dots{margin-left:4px;display:flex;align-items:center}@media all and (min-width: 40.1875em){.sbb-breadcrumb-dots{display:none}}\n"]}]}],"members":{"dropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":63,"character":3},"arguments":[{"__symbolic":"reference","module":"@sbb-esta/angular-business/dropdown","name":"SbbDropdown","line":63,"character":16}]}]}],"breadcrumbTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":3},"arguments":["breadcrumbTrigger"]}]}],"expandEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":82,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":83,"character":5},"arguments":[{"__symbolic":"reference","name":"SBB_BREADCRUMB_PARENT_COMPONENT"}]}],null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":91,"character":5},"arguments":[{"__symbolic":"reference","module":"@sbb-esta/angular-business/dropdown","name":"SBB_DROPDOWN_SCROLL_STRATEGY","line":91,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":92,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":92,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":92,"character":24}]}],null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":85,"character":33},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":86,"character":47,"context":{"typeName":"HTMLInputElement"},"module":"./breadcrumb/breadcrumb.component"}]},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":87,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":88,"character":42},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":89,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":90,"character":43},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":93,"character":40}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}],"_getPanelWidth":[{"__symbolic":"method"}],"_attachOverlay":[{"__symbolic":"method"}]}},"SbbBreadcrumbModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SbbBreadcrumbs"},{"__symbolic":"reference","name":"SbbBreadcrumb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":12},{"__symbolic":"reference","module":"@sbb-esta/angular-business/dropdown","name":"SbbDropdownModule","line":13,"character":26},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"LayoutModule","line":13,"character":45},{"__symbolic":"reference","module":"@sbb-esta/angular-core/icon","name":"SbbIconModule","line":13,"character":59}],"exports":[{"__symbolic":"reference","name":"SbbBreadcrumbs"},{"__symbolic":"reference","name":"SbbBreadcrumb"}]}]}],"members":{}}},"origins":{"SbbBreadcrumbs":"./breadcrumbs/breadcrumbs.component","SbbBreadcrumbParent":"./breadcrumb/breadcrumb.component","SBB_BREADCRUMB_PARENT_COMPONENT":"./breadcrumb/breadcrumb.component","SBB_BREADCRUMB_LEVEL_OFFSET":"./breadcrumb/breadcrumb.component","SbbBreadcrumb":"./breadcrumb/breadcrumb.component","SbbBreadcrumbModule":"./breadcrumb.module"},"importAs":"@sbb-esta/angular-business/breadcrumb"}