JezK

Edit File: sc-breadcrumb.entry.js.map

{"file":"sc-breadcrumb.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,4jDAA4jD,CAAC;AACrlD,2BAAe,eAAe;;MCajB,YAAY;;;;;mBAYT,qBAAqB;;;;IAKnC,gBAAgB;QACd,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAC5D,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;KAC7D;IAED,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC;QAEpC,QACE,4DACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;gBACL,iBAAiB,EAAE,IAAI;gBACvB,6BAA6B,EAAE,IAAI,CAAC,SAAS;gBAC7C,6BAA6B,EAAE,IAAI,CAAC,SAAS;aAC9C,IAED,6DAAM,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,yBAAyB,IACjD,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACtB,EACP,EAAC,GAAG,qDAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,qDAAqD,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IAC/H,8DAAQ,CACJ,EACN,6DAAM,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,yBAAyB,IACjD,6DAAM,IAAI,EAAC,QAAQ,EAAC,YAAY,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,GAAS,CACnE,EACP,6DAAM,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,iBAAa,MAAM,IAC1E,6DAAM,IAAI,EAAC,WAAW,EAAC,YAAY,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,IAChE,gEAAS,IAAI,EAAC,eAAe,GAAW,CACnC,CACF,CACH,EACN;KACH;;;;;;;","names":[],"sources":["src/components/ui/breadcrumb/sc-breadcrumb.css?tag=sc-breadcrumb&encapsulation=shadow","src/components/ui/breadcrumb/sc-breadcrumb.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n.breadcrumb-item {\n display: inline-flex;\n align-items: center;\n font-family: var(--sc-font-sans);\n font-size: var(--sc-font-size-small);\n font-weight: var(--sc-font-weight-semibold);\n color: var(--sc-breadcrumb-color, var(--sc-color-gray-600));\n line-height: var(--sc-line-height-normal);\n white-space: nowrap;\n}\n.breadcrumb-item__label {\n display: inline-block;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n text-decoration: none;\n color: inherit;\n background: none;\n border: none;\n border-radius: var(--sc-border-radius-medium);\n padding: 0;\n margin: 0;\n cursor: pointer;\n transition: color var(--sc-transition-fast) ease;\n}\n:host(:not(:last-of-type)) .breadcrumb-item__label {\n color: var(--sc-breadcrumb-item-label-color, var(--sc-color-gray-900));\n}\n:host(:not(:last-of-type)) .breadcrumb-item__label:hover {\n color: var(--sc-breadcrumb-item-label-hover-color, var(--sc-color-primary-500));\n}\n:host(:not(:last-of-type)) .breadcrumb-item__label:active {\n color: var(--sc-breadcrumb-item-label-active-color, var(--sc-color-gray-900));\n}\n.breadcrumb-item__label:focus {\n box-shadow: var(--sc-focus-ring);\n}\n.breadcrumb-item__prefix,\n.breadcrumb-item__suffix {\n display: none;\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n}\n.breadcrumb-item--has-prefix .breadcrumb-item__prefix {\n display: inline-flex;\n margin-right: var(--sc-spacing-x-small);\n}\n.breadcrumb-item--has-suffix .breadcrumb-item__suffix {\n display: inline-flex;\n margin-left: var(--sc-spacing-x-small);\n}\n:host(:last-of-type) .breadcrumb-item__separator {\n display: none;\n}\n.breadcrumb-item__separator {\n display: inline-flex;\n align-items: center;\n margin: 0 var(--sc-spacing-x-small);\n user-select: none;\n}\n","import { Component, Element, h, Prop, State } from '@stencil/core';\n\n/**\n * @part base - The elements base wrapper.\n * @part label - The label.\n * @part suffix - The suffix item.\n * @part prefix - The prefix item.\n * @part separator - The separator.\n */\n@Component({\n tag: 'sc-breadcrumb',\n styleUrl: 'sc-breadcrumb.css',\n shadow: true,\n})\nexport class ScBreadcrumb {\n @Element() el: HTMLScBreadcrumbElement;\n /**\n * Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\n * internally. When unset, a button will be rendered instead.\n */\n @Prop() href?: string;\n\n /** Tells the browser where to open the link. Only used when `href` is set. */\n @Prop() target?: '_blank' | '_parent' | '_self' | '_top';\n\n /** The `rel` attribute to use on the link. Only used when `href` is set. */\n @Prop() rel = 'noreferrer noopener';\n\n @State() hasPrefix: boolean;\n @State() hasSuffix: boolean;\n\n handleSlotChange() {\n this.hasPrefix = !!this.el.querySelector('[slot=\"prefix\"]');\n this.hasSuffix = !!this.el.querySelector('[slot=\"suffix\"]');\n }\n\n render() {\n const Tag = this.href ? 'a' : 'div';\n\n return (\n <div\n part=\"base\"\n class={{\n 'breadcrumb-item': true,\n 'breadcrumb-item--has-prefix': this.hasPrefix,\n 'breadcrumb-item--has-suffix': this.hasSuffix,\n }}\n >\n <span part=\"prefix\" class=\"breadcrumb-item__prefix\">\n <slot name=\"prefix\"></slot>\n </span>\n <Tag part=\"label\" class=\"breadcrumb-item__label breadcrumb-item__label--link\" href={this.href} target={this.target} rel={this.rel}>\n <slot />\n </Tag>\n <span part=\"suffix\" class=\"breadcrumb-item__suffix\">\n <slot name=\"suffix\" onSlotchange={() => this.handleSlotChange()}></slot>\n </span>\n <span part=\"separator\" class=\"breadcrumb-item__separator\" aria-hidden=\"true\">\n <slot name=\"separator\" onSlotchange={() => this.handleSlotChange()}>\n <sc-icon name=\"chevron-right\"></sc-icon>\n </slot>\n </span>\n </div>\n );\n }\n}\n"],"version":3}