| 1 | 'use strict';
|
| 2 |
|
| 3 | Object.defineProperty(exports, '__esModule', { value: true });
|
| 4 |
|
| 5 | const index = require('./index-8e7d875f.js');
|
| 6 |
|
| 7 | const 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}";
|
| 8 |
|
| 9 | const Breadcrumb = class {
|
| 10 | constructor(hostRef) {
|
| 11 | index.registerInstance(this, hostRef);
|
| 12 | }
|
| 13 | render() {
|
| 14 | return (index.h("nav", { class: {
|
| 15 | breadcrumb: true,
|
| 16 | [this.size]: Boolean(this.size),
|
| 17 | [this.separator]: Boolean(this.separator),
|
| 18 | [this.alignment]: Boolean(this.alignment),
|
| 19 | }, "aria-label": "breadcrumbs" }, index.h("slot", null)));
|
| 20 | }
|
| 21 | };
|
| 22 | Breadcrumb.style = breadcrumbCss;
|
| 23 |
|
| 24 | exports.bm_breadcrumb = Breadcrumb;
|