UNPKG

3.05 kBJavaScriptView Raw
1System.register(['./index-1a441b18.system.js'], function (exports) {
2 'use strict';
3 var registerInstance, h;
4 return {
5 setters: [function (module) {
6 registerInstance = module.r;
7 h = module.h;
8 }],
9 execute: function () {
10 var breadcrumbCss = "@charset \"UTF-8\";.breadcrumb{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.breadcrumb:not(:last-child){margin-bottom:1.5rem}.breadcrumb{font-size:1rem;white-space:nowrap}.breadcrumb a{-ms-flex-align:center;align-items:center;color:#5851ff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:0 0.75em}.breadcrumb a:hover{color:#363636}.breadcrumb li{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.breadcrumb li:first-child a{padding-left:0}.breadcrumb li.is-active a{color:#363636;cursor:default;pointer-events:none}.breadcrumb li+li::before{color:#b5b5b5;content:\"/\"}.breadcrumb ul,.breadcrumb ol{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.breadcrumb .icon:first-child{margin-right:0.5em}.breadcrumb .icon:last-child{margin-left:0.5em}.breadcrumb.is-centered ol,.breadcrumb.is-centered ul{-ms-flex-pack:center;justify-content:center}.breadcrumb.is-right ol,.breadcrumb.is-right ul{-ms-flex-pack:end;justify-content:flex-end}.breadcrumb.is-small{font-size:0.75rem}.breadcrumb.is-medium{font-size:1.25rem}.breadcrumb.is-large{font-size:1.5rem}.breadcrumb.has-arrow-separator li+li::before{content:\"→\"}.breadcrumb.has-bullet-separator li+li::before{content:\"•\"}.breadcrumb.has-dot-separator li+li::before{content:\"·\"}.breadcrumb.has-succeeds-separator li+li::before{content:\"≻\"}bm-breadcrumb bm-icon:first-child .icon{margin-right:0.5em}bm-breadcrumb bm-icon:last-child .icon{margin-left:0.5em}";
11 var Breadcrumb = /** @class */ (function () {
12 function Breadcrumb(hostRef) {
13 registerInstance(this, hostRef);
14 /**
15 * CSS Classes
16 */
17 this.class = '';
18 }
19 Breadcrumb.prototype.render = function () {
20 var _a;
21 return (h("nav", { class: (_a = {
22 breadcrumb: true
23 },
24 _a[this.size] = Boolean(this.size),
25 _a[this.separator] = Boolean(this.separator),
26 _a[this.alignment] = Boolean(this.alignment),
27 _a[this.class] = Boolean(this.class),
28 _a), "aria-label": "breadcrumbs" }, h("slot", null)));
29 };
30 return Breadcrumb;
31 }());
32 exports('bm_breadcrumb', Breadcrumb);
33 Breadcrumb.style = breadcrumbCss;
34 }
35 };
36});