moh-common-lib
Version:
A library of Angular components, services, and styles for B.C. Government Ministry of Health (MoH).
42 lines • 4.11 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
*/
var CoreBreadcrumbComponent = /** @class */ (function () {
function CoreBreadcrumbComponent() {
}
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 = function () { return []; };
return CoreBreadcrumbComponent;
}());
export { CoreBreadcrumbComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1icmVhZGNydW1iLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL21vaC1jb21tb24tbGliLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvY29yZS1icmVhZGNydW1iL2NvcmUtYnJlYWRjcnVtYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUF1QjFDO0lBT0U7SUFBZ0IsQ0FBQzs7Z0JBUGxCLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsd0JBQXdCO29CQUNsQywwU0FBK0M7O2lCQUVoRDs7OztJQUlELDhCQUFDO0NBQUEsQUFSRCxJQVFDO1NBSFksdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vKipcclxuICpcclxuICogVGhlIGJhc2Ugc3R5bGVzIGZvciBhIGJyZWFkY3J1bWIgd2l0aCBzbG90cyBmb3IgY29udGVudCB0byBnby4gIElmIHlvdSBuZWVkIGFcclxuICogY29tcGxleCBicmVhZGNydW1iLCB0aGUgaWRlYSBpcyB5b3UgY2FuIGV4dGVuZCB0aGlzIENvcmVCcmVhZGNydW1iIGFuZCB1c2VcclxuICogdGhlIGJhc2Ugc3R5bGVzLiAgVGhlcmUgYXJlIDMgc2xvdHM6IGxlZnQsIGNlbnRlciwgYW5kIHJpZ2h0IC0gYWxsIGFyZVxyXG4gKiBvcHRpb25hbCBhbmQgYW55IGNvbmZpZ3VyYXRpb24gd29ya3MuIFlvdSBzZWxlY3QgdGhlIHNsb3QgYnkgYWRkaW5nIGl0IGFzIGFuXHJcbiAqIGF0dHJpYnV0ZSB0byB0aGUgdG9wIGxldmVsIGVsZW1lbnRzIGluc2lkZSBvZiB0aGUgYnJlYWRjcnVtYiBlbGVtZW50LlxyXG4gKlxyXG4gKiAgIEV4YW1wbGUgdXNhZ2U6XHJcbiAqXHJcbiAqICAgPGNvbW1vbi1jb3JlLWJyZWFkY3J1bWI+XHJcbiAqICAgIDxkaXYgbGVmdD5cclxuICogICAgICA8YSByb3V0ZXJMaW5rPVwiL3Byb3Zpc2lvbmVyL1wiPkRhc2hib2FyZDwvYT4gL1xyXG4gKiAgICAgIDxzdHJvbmc+UHJvdmlzaW9uIGJ5IHt7IElTX1NIT1dJTkdfUEVSU09OID8gXCJVc2VyXCIgOiBcIlNpdGVcIiB9fTwvc3Ryb25nPlxyXG4gKiAgICA8L2Rpdj5cclxuICogICAgPGRpdiBjZW50ZXI+PC9kaXY+XHJcbiAqICAgIDxkaXYgcmlnaHQ+PC9kaXY+XHJcbiAqICAgPC9jb21tb24tY29yZS1icmVhZGNydW1iPlxyXG4gKlxyXG4gKiAgIEBleHBvcnRcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29tbW9uLWNvcmUtYnJlYWRjcnVtYicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvcmUtYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS1icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVCcmVhZGNydW1iQ29tcG9uZW50IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxufVxyXG4iXX0=