moh-common-lib
Version:
A library of Angular components, services, and styles for B.C. Government Ministry of Health (MoH).
39 lines • 3.9 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component } from '@angular/core';
/**
*
* The base styles for a breadcrumb with slots for content to go. If you need a
* complex breadcrumb, the idea is you can extend this CoreBreadcrumb and use
* the base styles. There are 3 slots: left, center, and right - all are
* optional and any configuration works. You select the slot by adding it as an
* attribute to the top level elements inside of the breadcrumb element.
*
* Example usage:
*
* <common-core-breadcrumb>
* <div left>
* <a routerLink="/provisioner/">Dashboard</a> /
* <strong>Provision by {{ IS_SHOWING_PERSON ? "User" : "Site" }}</strong>
* </div>
* <div center></div>
* <div right></div>
* </common-core-breadcrumb>
*
* @export
*/
export class CoreBreadcrumbComponent {
constructor() { }
}
CoreBreadcrumbComponent.decorators = [
{ type: Component, args: [{
selector: 'common-core-breadcrumb',
template: "<nav class=\"breadcrumb d-flex justify-content-between horizontal-scroll\" aria-label=\"breadcrumb\">\r\n <ng-content select=\"[left]\"></ng-content>\r\n <ng-content class='d-flex' select=\"[center]\"></ng-content>\r\n <ng-content select=\"[right]\"></ng-content>\r\n</nav>\r\n",
styles: [".breadcrumb{display:flex;justify-content:space-between;background-color:transparent}@media (min-width:992px){.breadcrumb{flex-wrap:nowrap}}.horizontal-scroll{overflow-x:scroll;overflow-y:hidden}.horizontal-scroll::-webkit-scrollbar{background:0 0;height:5px}.horizontal-scroll::-webkit-scrollbar-thumb{background:#5475a7;border-radius:10px}"]
}] }
];
/** @nocollapse */
CoreBreadcrumbComponent.ctorParameters = () => [];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1icmVhZGNydW1iLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL21vaC1jb21tb24tbGliLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvY29yZS1icmVhZGNydW1iL2NvcmUtYnJlYWRjcnVtYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUE0QjFDLE1BQU0sT0FBTyx1QkFBdUI7SUFFbEMsZ0JBQWdCLENBQUM7OztZQVBsQixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtnQkFDbEMsMFNBQStDOzthQUVoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqXHJcbiAqIFRoZSBiYXNlIHN0eWxlcyBmb3IgYSBicmVhZGNydW1iIHdpdGggc2xvdHMgZm9yIGNvbnRlbnQgdG8gZ28uICBJZiB5b3UgbmVlZCBhXHJcbiAqIGNvbXBsZXggYnJlYWRjcnVtYiwgdGhlIGlkZWEgaXMgeW91IGNhbiBleHRlbmQgdGhpcyBDb3JlQnJlYWRjcnVtYiBhbmQgdXNlXHJcbiAqIHRoZSBiYXNlIHN0eWxlcy4gIFRoZXJlIGFyZSAzIHNsb3RzOiBsZWZ0LCBjZW50ZXIsIGFuZCByaWdodCAtIGFsbCBhcmVcclxuICogb3B0aW9uYWwgYW5kIGFueSBjb25maWd1cmF0aW9uIHdvcmtzLiBZb3Ugc2VsZWN0IHRoZSBzbG90IGJ5IGFkZGluZyBpdCBhcyBhblxyXG4gKiBhdHRyaWJ1dGUgdG8gdGhlIHRvcCBsZXZlbCBlbGVtZW50cyBpbnNpZGUgb2YgdGhlIGJyZWFkY3J1bWIgZWxlbWVudC5cclxuICpcclxuICogICBFeGFtcGxlIHVzYWdlOlxyXG4gKlxyXG4gKiAgIDxjb21tb24tY29yZS1icmVhZGNydW1iPlxyXG4gKiAgICA8ZGl2IGxlZnQ+XHJcbiAqICAgICAgPGEgcm91dGVyTGluaz1cIi9wcm92aXNpb25lci9cIj5EYXNoYm9hcmQ8L2E+IC9cclxuICogICAgICA8c3Ryb25nPlByb3Zpc2lvbiBieSB7eyBJU19TSE9XSU5HX1BFUlNPTiA/IFwiVXNlclwiIDogXCJTaXRlXCIgfX08L3N0cm9uZz5cclxuICogICAgPC9kaXY+XHJcbiAqICAgIDxkaXYgY2VudGVyPjwvZGl2PlxyXG4gKiAgICA8ZGl2IHJpZ2h0PjwvZGl2PlxyXG4gKiAgIDwvY29tbW9uLWNvcmUtYnJlYWRjcnVtYj5cclxuICpcclxuICogICBAZXhwb3J0XHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvbW1vbi1jb3JlLWJyZWFkY3J1bWInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLWJyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvcmUtYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb3JlQnJlYWRjcnVtYkNvbXBvbmVudCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcbn1cclxuIl19