@spectrum-web-components/breadcrumbs 1.1.0 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +7 -7
- package/sp-breadcrumb-item.d.ts +6 -0
- package/sp-breadcrumb-item.dev.js +4 -0
- package/sp-breadcrumb-item.dev.js.map +7 -0
- package/sp-breadcrumb-item.js +2 -0
- package/sp-breadcrumb-item.js.map +7 -0
- package/sp-breadcrumbs.d.ts +6 -0
- package/sp-breadcrumbs.dev.js +4 -0
- package/sp-breadcrumbs.dev.js.map +7 -0
- package/sp-breadcrumbs.js +2 -0
- package/sp-breadcrumbs.js.map +7 -0
- package/src/BreadcrumbItem.d.ts +29 -0
- package/src/BreadcrumbItem.dev.js +115 -0
- package/src/BreadcrumbItem.dev.js.map +7 -0
- package/src/BreadcrumbItem.js +23 -0
- package/src/BreadcrumbItem.js.map +7 -0
- package/src/Breadcrumbs.d.ts +69 -0
- package/src/Breadcrumbs.dev.js +252 -0
- package/src/Breadcrumbs.dev.js.map +7 -0
- package/src/Breadcrumbs.js +33 -0
- package/src/Breadcrumbs.js.map +7 -0
- package/src/breadcrumb-item.css.d.ts +2 -0
- package/src/breadcrumb-item.css.dev.js +7 -0
- package/src/breadcrumb-item.css.dev.js.map +7 -0
- package/src/breadcrumb-item.css.js +4 -0
- package/src/breadcrumb-item.css.js.map +7 -0
- package/src/breadcrumbs-item-overrides.css.d.ts +2 -0
- package/src/breadcrumbs-item-overrides.css.dev.js +7 -0
- package/src/breadcrumbs-item-overrides.css.dev.js.map +7 -0
- package/src/breadcrumbs-item-overrides.css.js +4 -0
- package/src/breadcrumbs-item-overrides.css.js.map +7 -0
- package/src/breadcrumbs-overrides.css.d.ts +2 -0
- package/src/breadcrumbs-overrides.css.dev.js +7 -0
- package/src/breadcrumbs-overrides.css.dev.js.map +7 -0
- package/src/breadcrumbs-overrides.css.js +4 -0
- package/src/breadcrumbs-overrides.css.js.map +7 -0
- package/src/breadcrumbs.css.d.ts +2 -0
- package/src/breadcrumbs.css.dev.js +7 -0
- package/src/breadcrumbs.css.dev.js.map +7 -0
- package/src/breadcrumbs.css.js +4 -0
- package/src/breadcrumbs.css.js.map +7 -0
- package/src/index.d.ts +2 -0
- package/src/index.dev.js +4 -0
- package/src/index.dev.js.map +7 -0
- package/src/index.js +2 -0
- package/src/index.js.map +7 -0
- package/src/spectrum-breadcrumbs-item.css.d.ts +2 -0
- package/src/spectrum-breadcrumbs-item.css.dev.js +7 -0
- package/src/spectrum-breadcrumbs-item.css.dev.js.map +7 -0
- package/src/spectrum-breadcrumbs-item.css.js +4 -0
- package/src/spectrum-breadcrumbs-item.css.js.map +7 -0
- package/src/spectrum-breadcrumbs.css.d.ts +2 -0
- package/src/spectrum-breadcrumbs.css.dev.js +7 -0
- package/src/spectrum-breadcrumbs.css.dev.js.map +7 -0
- package/src/spectrum-breadcrumbs.css.js +4 -0
- package/src/spectrum-breadcrumbs.css.js.map +7 -0
- package/stories/args.js +35 -0
- package/stories/args.js.map +7 -0
- package/stories/breadcrumbs.stories.js +70 -0
- package/stories/breadcrumbs.stories.js.map +7 -0
- package/stories/template.js +67 -0
- package/stories/template.js.map +7 -0
- package/test/benchmark/basic-test.js +28 -0
- package/test/benchmark/basic-test.js.map +7 -0
- package/test/breadcrumb-item.test.js +77 -0
- package/test/breadcrumb-item.test.js.map +7 -0
- package/test/breadcrumbs.test-vrt.js +5 -0
- package/test/breadcrumbs.test-vrt.js.map +7 -0
- package/test/breadcrumbs.test.js +141 -0
- package/test/breadcrumbs.test.js.map +7 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["Breadcrumbs.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport {\n CSSResultArray,\n html,\n PropertyValues,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n property,\n query,\n queryAssignedElements,\n state,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport '@spectrum-web-components/breadcrumbs/sp-breadcrumb-item.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-folder-open.js';\nimport '@spectrum-web-components/action-menu/sp-action-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport { ActionMenu } from '@spectrum-web-components/action-menu';\nimport {\n BreadcrumbItem as BreadcrumbElement,\n BreadcrumbSelectDetail,\n} from './BreadcrumbItem.dev.js'\nimport {\n createRef,\n Ref,\n ref,\n} from '@spectrum-web-components/base/src/directives.js';\n\nimport styles from './breadcrumbs.css.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\ntype BreadcrumbItem = {\n label?: string;\n href?: string;\n value: string;\n offsetWidth: number;\n isVisible: boolean; // false if displayed in menu overlay\n};\n\n/**\n * @element sp-breadcrumbs\n *\n * @slot icon - change the default icon of the action menu\n * @slot root - Breadcrumb item to always display\n * @slot - Breadcrumb items\n * @fires change - Announces the selected breadcrumb item\n */\nexport class Breadcrumbs extends SpectrumElement {\n public static override get styles(): CSSResultArray {\n return [styles];\n }\n\n /**\n * Override the maximum number of visible items\n */\n @property({ type: Number, attribute: 'max-visible-items' })\n public maxVisibleItems = 4;\n\n /**\n * Accessible name for the Breadcrumbs component\n */\n @property({ type: String })\n public label = '';\n\n /**\n * Change the default label of the action menu\n */\n @property({ type: String, attribute: 'menu-label' })\n public menuLabel = 'More items';\n\n /**\n * compact option is useful for reducing the height of the breadcrumbs\n */\n @property({ type: Boolean })\n public compact = false;\n\n @queryAssignedElements({ selector: 'sp-breadcrumb-item' })\n private breadcrumbsElements!: BreadcrumbElement[];\n\n @queryAssignedElements({ slot: 'root', selector: 'sp-breadcrumb-item' })\n private rootElement!: BreadcrumbElement[];\n\n @query('#list')\n private list!: HTMLUListElement;\n\n @state()\n private items: BreadcrumbItem[] = [];\n\n @state()\n private visibleItems = 0;\n\n private resizeObserver: ResizeObserver | undefined;\n private firstRender = true;\n\n private menuRef: Ref<ActionMenu> = createRef();\n\n private get hasMenu(): boolean {\n return this.visibleItems < (this.breadcrumbsElements?.length ?? 0);\n }\n\n override connectedCallback(): void {\n super.connectedCallback();\n\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'navigation');\n }\n\n this.resizeObserver = new ResizeObserver(() => {\n if (this.firstRender) {\n // Don't adjust overflow on first render, it is adjused in slotChangeHandler\n this.firstRender = false;\n return;\n }\n this.adjustOverflow();\n });\n\n this.resizeObserver.observe(this);\n }\n\n public override disconnectedCallback(): void {\n this.resizeObserver?.unobserve(this);\n super.disconnectedCallback();\n }\n\n override updated(changes: PropertyValues): void {\n super.updated(changes);\n\n if (changes.has('label')) {\n this.setAttribute('aria-label', this.label || 'Breadcrumbs');\n }\n\n /**\n * Re-run the calculation of how many breadcrumbs fit in the available space.\n * maxVisibleItems may allow us to show more items, or less\n * compact affects the space each item occupies\n */\n if (changes.has('maxVisibleItems') || changes.has('compact')) {\n this.calculateBreadcrumbItemsWidth();\n this.adjustOverflow();\n }\n\n // Breadcrumbs items were added / removed, or available space changed\n if (changes.has('visibleItems')) {\n this.items.forEach((item, index) => {\n this.breadcrumbsElements[index].isLastOfType =\n index === this.breadcrumbsElements.length - 1;\n\n this.breadcrumbsElements[index].toggleAttribute(\n 'hidden',\n !item.isVisible\n );\n });\n }\n }\n\n /**\n * We need to understand how much space (px) each breadcrumb item occupies,\n * in order to know if it fits the available horizontal space.\n */\n private calculateBreadcrumbItemsWidth(): void {\n this.items = this.breadcrumbsElements.map((el, index) => {\n let width = el.offsetWidth;\n\n /**\n * For breadcrumbs which are hidden,\n * we need to temporarily remove the hidden attribute to calculate the width.\n */\n if (el.hasAttribute('hidden')) {\n el.removeAttribute('hidden');\n width = el.offsetWidth;\n el.setAttribute('hidden', '');\n }\n\n return {\n label: el.innerText,\n href: el.href,\n value: el.value || index.toString(),\n offsetWidth: width,\n isVisible: true,\n };\n });\n }\n\n /**\n * Calculate which breadcrumbs fit in the viewport, and which should be hidden.\n */\n private adjustOverflow(): void {\n let occupiedSpace = 0;\n let newVisibleItems = 0;\n const availableSpace = this.list.clientWidth;\n\n // Menu will always be visible if it exists.\n if (this.hasMenu && this.menuRef.value) {\n occupiedSpace += this.menuRef.value.offsetWidth || 0;\n }\n\n // Root will always be visible if it exists.\n if (this.rootElement.length > 0) {\n occupiedSpace += this.rootElement[0].offsetWidth;\n }\n\n const start = 0;\n for (let i = this.items.length - 1; i >= start; i--) {\n occupiedSpace += this.items[i].offsetWidth;\n if (\n occupiedSpace < availableSpace &&\n newVisibleItems < Math.max(this.maxVisibleItems, 1)\n ) {\n // There is still enough space for this breadcrumb.\n this.items[i].isVisible = true;\n newVisibleItems++;\n } else {\n // No more space so we hide the rest.\n for (let j = i; j >= start; j--) {\n this.items[j].isVisible = false;\n }\n break;\n }\n }\n\n // Show _at least_ one visible breadcrumb item.\n if (newVisibleItems === 0) {\n this.items[this.items.length - 1].isVisible = true;\n newVisibleItems++;\n }\n\n // Setting the visible items count will trigger an update.\n if (newVisibleItems !== this.visibleItems) {\n this.visibleItems = newVisibleItems;\n }\n }\n\n private announceChange(value: string): void {\n const selectDetail: BreadcrumbSelectDetail = {\n value,\n };\n\n const selectionEvent = new CustomEvent('change', {\n bubbles: true,\n composed: true,\n detail: selectDetail,\n });\n\n this.dispatchEvent(selectionEvent);\n }\n\n private handleSelect(\n event: CustomEvent<BreadcrumbSelectDetail> & { target: BreadcrumbItem }\n ): void {\n event.stopPropagation();\n this.announceChange(event.detail.value);\n }\n\n private handleMenuChange(event: Event & { target: ActionMenu }): void {\n event.stopPropagation();\n this.announceChange(event.target.value);\n }\n\n /**\n * The truncation menu when there is not enough space to display all the breadcrumbs.\n * It displays all options within a breadcrumb.\n * Items are listed with the hierarchy ordered from top (root) to bottom\n * and include the currently selected item.\n */\n protected renderMenu(): TemplateResult {\n return html`\n <sp-breadcrumb-item role=\"listitem\" class=\"is-menu\">\n <sp-action-menu\n ${ref(this.menuRef)}\n quiet\n label=${this.menuLabel}\n selects=\"single\"\n value=${this.items[this.items.length - 1].value}\n @change=${this.handleMenuChange}\n slot=\"menu\"\n >\n <slot slot=\"icon\" name=\"icon\">\n <sp-icon-folder-open class=\"icon\"></sp-icon-folder-open>\n </slot>\n\n ${this.items.map(\n (item) => html`\n <sp-menu-item\n href=${ifDefined(item.href)}\n value=${item.value}\n >\n ${item.label}\n </sp-menu-item>\n `\n )}\n </sp-action-menu>\n </sp-breadcrumb-item>\n `;\n }\n\n /**\n * Breadcrumbs were added / removed, we need to recalculate the width of each item\n * and adjust the overflow accordingly.\n */\n private async slotChangeHandler(): Promise<void> {\n if (this.breadcrumbsElements.length === 0) {\n this.items = [];\n this.visibleItems = 0;\n return;\n }\n\n await Promise.all(\n this.breadcrumbsElements.map((el) => el.updateComplete)\n );\n\n this.calculateBreadcrumbItemsWidth();\n this.adjustOverflow();\n }\n\n protected override render(): TemplateResult {\n return html`\n <ul @breadcrumb-select=${this.handleSelect} id=\"list\">\n <slot name=\"root\"></slot>\n ${this.hasMenu ? this.renderMenu() : ''}\n <slot @slotchange=${this.slotChangeHandler}></slot>\n </ul>\n `;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var s=(o,a,e,t)=>{for(var i=t>1?void 0:t?c(a,e):a,l=o.length-1,r;l>=0;l--)(r=o[l])&&(i=(t?r(a,e,i):r(i))||i);return t&&i&&d(a,e,i),i};import{html as u,SpectrumElement as p}from"@spectrum-web-components/base";import{property as n,query as f,queryAssignedElements as h,state as b}from"@spectrum-web-components/base/src/decorators.js";import"@spectrum-web-components/breadcrumbs/sp-breadcrumb-item.js";import"@spectrum-web-components/icons-workflow/icons/sp-icon-folder-open.js";import"@spectrum-web-components/action-menu/sp-action-menu.js";import"@spectrum-web-components/menu/sp-menu-item.js";import{createRef as v,ref as g}from"@spectrum-web-components/base/src/directives.js";import E from"./breadcrumbs.css.js";import{ifDefined as I}from"@spectrum-web-components/base/src/directives.js";export class Breadcrumbs extends p{constructor(){super(...arguments);this.maxVisibleItems=4;this.label="";this.menuLabel="More items";this.compact=!1;this.items=[];this.visibleItems=0;this.firstRender=!0;this.menuRef=v()}static get styles(){return[E]}get hasMenu(){var e,t;return this.visibleItems<((t=(e=this.breadcrumbsElements)==null?void 0:e.length)!=null?t:0)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this.resizeObserver=new ResizeObserver(()=>{if(this.firstRender){this.firstRender=!1;return}this.adjustOverflow()}),this.resizeObserver.observe(this)}disconnectedCallback(){var e;(e=this.resizeObserver)==null||e.unobserve(this),super.disconnectedCallback()}updated(e){super.updated(e),e.has("label")&&this.setAttribute("aria-label",this.label||"Breadcrumbs"),(e.has("maxVisibleItems")||e.has("compact"))&&(this.calculateBreadcrumbItemsWidth(),this.adjustOverflow()),e.has("visibleItems")&&this.items.forEach((t,i)=>{this.breadcrumbsElements[i].isLastOfType=i===this.breadcrumbsElements.length-1,this.breadcrumbsElements[i].toggleAttribute("hidden",!t.isVisible)})}calculateBreadcrumbItemsWidth(){this.items=this.breadcrumbsElements.map((e,t)=>{let i=e.offsetWidth;return e.hasAttribute("hidden")&&(e.removeAttribute("hidden"),i=e.offsetWidth,e.setAttribute("hidden","")),{label:e.innerText,href:e.href,value:e.value||t.toString(),offsetWidth:i,isVisible:!0}})}adjustOverflow(){let e=0,t=0;const i=this.list.clientWidth;this.hasMenu&&this.menuRef.value&&(e+=this.menuRef.value.offsetWidth||0),this.rootElement.length>0&&(e+=this.rootElement[0].offsetWidth);const l=0;for(let r=this.items.length-1;r>=l;r--)if(e+=this.items[r].offsetWidth,e<i&&t<Math.max(this.maxVisibleItems,1))this.items[r].isVisible=!0,t++;else{for(let m=r;m>=l;m--)this.items[m].isVisible=!1;break}t===0&&(this.items[this.items.length-1].isVisible=!0,t++),t!==this.visibleItems&&(this.visibleItems=t)}announceChange(e){const t={value:e},i=new CustomEvent("change",{bubbles:!0,composed:!0,detail:t});this.dispatchEvent(i)}handleSelect(e){e.stopPropagation(),this.announceChange(e.detail.value)}handleMenuChange(e){e.stopPropagation(),this.announceChange(e.target.value)}renderMenu(){return u`
|
|
2
|
+
<sp-breadcrumb-item role="listitem" class="is-menu">
|
|
3
|
+
<sp-action-menu
|
|
4
|
+
${g(this.menuRef)}
|
|
5
|
+
quiet
|
|
6
|
+
label=${this.menuLabel}
|
|
7
|
+
selects="single"
|
|
8
|
+
value=${this.items[this.items.length-1].value}
|
|
9
|
+
@change=${this.handleMenuChange}
|
|
10
|
+
slot="menu"
|
|
11
|
+
>
|
|
12
|
+
<slot slot="icon" name="icon">
|
|
13
|
+
<sp-icon-folder-open class="icon"></sp-icon-folder-open>
|
|
14
|
+
</slot>
|
|
15
|
+
|
|
16
|
+
${this.items.map(e=>u`
|
|
17
|
+
<sp-menu-item
|
|
18
|
+
href=${I(e.href)}
|
|
19
|
+
value=${e.value}
|
|
20
|
+
>
|
|
21
|
+
${e.label}
|
|
22
|
+
</sp-menu-item>
|
|
23
|
+
`)}
|
|
24
|
+
</sp-action-menu>
|
|
25
|
+
</sp-breadcrumb-item>
|
|
26
|
+
`}async slotChangeHandler(){if(this.breadcrumbsElements.length===0){this.items=[],this.visibleItems=0;return}await Promise.all(this.breadcrumbsElements.map(e=>e.updateComplete)),this.calculateBreadcrumbItemsWidth(),this.adjustOverflow()}render(){return u`
|
|
27
|
+
<ul @breadcrumb-select=${this.handleSelect} id="list">
|
|
28
|
+
<slot name="root"></slot>
|
|
29
|
+
${this.hasMenu?this.renderMenu():""}
|
|
30
|
+
<slot @slotchange=${this.slotChangeHandler}></slot>
|
|
31
|
+
</ul>
|
|
32
|
+
`}}s([n({type:Number,attribute:"max-visible-items"})],Breadcrumbs.prototype,"maxVisibleItems",2),s([n({type:String})],Breadcrumbs.prototype,"label",2),s([n({type:String,attribute:"menu-label"})],Breadcrumbs.prototype,"menuLabel",2),s([n({type:Boolean})],Breadcrumbs.prototype,"compact",2),s([h({selector:"sp-breadcrumb-item"})],Breadcrumbs.prototype,"breadcrumbsElements",2),s([h({slot:"root",selector:"sp-breadcrumb-item"})],Breadcrumbs.prototype,"rootElement",2),s([f("#list")],Breadcrumbs.prototype,"list",2),s([b()],Breadcrumbs.prototype,"items",2),s([b()],Breadcrumbs.prototype,"visibleItems",2);
|
|
33
|
+
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["Breadcrumbs.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport {\n CSSResultArray,\n html,\n PropertyValues,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n property,\n query,\n queryAssignedElements,\n state,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport '@spectrum-web-components/breadcrumbs/sp-breadcrumb-item.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-folder-open.js';\nimport '@spectrum-web-components/action-menu/sp-action-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport { ActionMenu } from '@spectrum-web-components/action-menu';\nimport {\n BreadcrumbItem as BreadcrumbElement,\n BreadcrumbSelectDetail,\n} from './BreadcrumbItem.js';\nimport {\n createRef,\n Ref,\n ref,\n} from '@spectrum-web-components/base/src/directives.js';\n\nimport styles from './breadcrumbs.css.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\ntype BreadcrumbItem = {\n label?: string;\n href?: string;\n value: string;\n offsetWidth: number;\n isVisible: boolean; // false if displayed in menu overlay\n};\n\n/**\n * @element sp-breadcrumbs\n *\n * @slot icon - change the default icon of the action menu\n * @slot root - Breadcrumb item to always display\n * @slot - Breadcrumb items\n * @fires change - Announces the selected breadcrumb item\n */\nexport class Breadcrumbs extends SpectrumElement {\n public static override get styles(): CSSResultArray {\n return [styles];\n }\n\n /**\n * Override the maximum number of visible items\n */\n @property({ type: Number, attribute: 'max-visible-items' })\n public maxVisibleItems = 4;\n\n /**\n * Accessible name for the Breadcrumbs component\n */\n @property({ type: String })\n public label = '';\n\n /**\n * Change the default label of the action menu\n */\n @property({ type: String, attribute: 'menu-label' })\n public menuLabel = 'More items';\n\n /**\n * compact option is useful for reducing the height of the breadcrumbs\n */\n @property({ type: Boolean })\n public compact = false;\n\n @queryAssignedElements({ selector: 'sp-breadcrumb-item' })\n private breadcrumbsElements!: BreadcrumbElement[];\n\n @queryAssignedElements({ slot: 'root', selector: 'sp-breadcrumb-item' })\n private rootElement!: BreadcrumbElement[];\n\n @query('#list')\n private list!: HTMLUListElement;\n\n @state()\n private items: BreadcrumbItem[] = [];\n\n @state()\n private visibleItems = 0;\n\n private resizeObserver: ResizeObserver | undefined;\n private firstRender = true;\n\n private menuRef: Ref<ActionMenu> = createRef();\n\n private get hasMenu(): boolean {\n return this.visibleItems < (this.breadcrumbsElements?.length ?? 0);\n }\n\n override connectedCallback(): void {\n super.connectedCallback();\n\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'navigation');\n }\n\n this.resizeObserver = new ResizeObserver(() => {\n if (this.firstRender) {\n // Don't adjust overflow on first render, it is adjused in slotChangeHandler\n this.firstRender = false;\n return;\n }\n this.adjustOverflow();\n });\n\n this.resizeObserver.observe(this);\n }\n\n public override disconnectedCallback(): void {\n this.resizeObserver?.unobserve(this);\n super.disconnectedCallback();\n }\n\n override updated(changes: PropertyValues): void {\n super.updated(changes);\n\n if (changes.has('label')) {\n this.setAttribute('aria-label', this.label || 'Breadcrumbs');\n }\n\n /**\n * Re-run the calculation of how many breadcrumbs fit in the available space.\n * maxVisibleItems may allow us to show more items, or less\n * compact affects the space each item occupies\n */\n if (changes.has('maxVisibleItems') || changes.has('compact')) {\n this.calculateBreadcrumbItemsWidth();\n this.adjustOverflow();\n }\n\n // Breadcrumbs items were added / removed, or available space changed\n if (changes.has('visibleItems')) {\n this.items.forEach((item, index) => {\n this.breadcrumbsElements[index].isLastOfType =\n index === this.breadcrumbsElements.length - 1;\n\n this.breadcrumbsElements[index].toggleAttribute(\n 'hidden',\n !item.isVisible\n );\n });\n }\n }\n\n /**\n * We need to understand how much space (px) each breadcrumb item occupies,\n * in order to know if it fits the available horizontal space.\n */\n private calculateBreadcrumbItemsWidth(): void {\n this.items = this.breadcrumbsElements.map((el, index) => {\n let width = el.offsetWidth;\n\n /**\n * For breadcrumbs which are hidden,\n * we need to temporarily remove the hidden attribute to calculate the width.\n */\n if (el.hasAttribute('hidden')) {\n el.removeAttribute('hidden');\n width = el.offsetWidth;\n el.setAttribute('hidden', '');\n }\n\n return {\n label: el.innerText,\n href: el.href,\n value: el.value || index.toString(),\n offsetWidth: width,\n isVisible: true,\n };\n });\n }\n\n /**\n * Calculate which breadcrumbs fit in the viewport, and which should be hidden.\n */\n private adjustOverflow(): void {\n let occupiedSpace = 0;\n let newVisibleItems = 0;\n const availableSpace = this.list.clientWidth;\n\n // Menu will always be visible if it exists.\n if (this.hasMenu && this.menuRef.value) {\n occupiedSpace += this.menuRef.value.offsetWidth || 0;\n }\n\n // Root will always be visible if it exists.\n if (this.rootElement.length > 0) {\n occupiedSpace += this.rootElement[0].offsetWidth;\n }\n\n const start = 0;\n for (let i = this.items.length - 1; i >= start; i--) {\n occupiedSpace += this.items[i].offsetWidth;\n if (\n occupiedSpace < availableSpace &&\n newVisibleItems < Math.max(this.maxVisibleItems, 1)\n ) {\n // There is still enough space for this breadcrumb.\n this.items[i].isVisible = true;\n newVisibleItems++;\n } else {\n // No more space so we hide the rest.\n for (let j = i; j >= start; j--) {\n this.items[j].isVisible = false;\n }\n break;\n }\n }\n\n // Show _at least_ one visible breadcrumb item.\n if (newVisibleItems === 0) {\n this.items[this.items.length - 1].isVisible = true;\n newVisibleItems++;\n }\n\n // Setting the visible items count will trigger an update.\n if (newVisibleItems !== this.visibleItems) {\n this.visibleItems = newVisibleItems;\n }\n }\n\n private announceChange(value: string): void {\n const selectDetail: BreadcrumbSelectDetail = {\n value,\n };\n\n const selectionEvent = new CustomEvent('change', {\n bubbles: true,\n composed: true,\n detail: selectDetail,\n });\n\n this.dispatchEvent(selectionEvent);\n }\n\n private handleSelect(\n event: CustomEvent<BreadcrumbSelectDetail> & { target: BreadcrumbItem }\n ): void {\n event.stopPropagation();\n this.announceChange(event.detail.value);\n }\n\n private handleMenuChange(event: Event & { target: ActionMenu }): void {\n event.stopPropagation();\n this.announceChange(event.target.value);\n }\n\n /**\n * The truncation menu when there is not enough space to display all the breadcrumbs.\n * It displays all options within a breadcrumb.\n * Items are listed with the hierarchy ordered from top (root) to bottom\n * and include the currently selected item.\n */\n protected renderMenu(): TemplateResult {\n return html`\n <sp-breadcrumb-item role=\"listitem\" class=\"is-menu\">\n <sp-action-menu\n ${ref(this.menuRef)}\n quiet\n label=${this.menuLabel}\n selects=\"single\"\n value=${this.items[this.items.length - 1].value}\n @change=${this.handleMenuChange}\n slot=\"menu\"\n >\n <slot slot=\"icon\" name=\"icon\">\n <sp-icon-folder-open class=\"icon\"></sp-icon-folder-open>\n </slot>\n\n ${this.items.map(\n (item) => html`\n <sp-menu-item\n href=${ifDefined(item.href)}\n value=${item.value}\n >\n ${item.label}\n </sp-menu-item>\n `\n )}\n </sp-action-menu>\n </sp-breadcrumb-item>\n `;\n }\n\n /**\n * Breadcrumbs were added / removed, we need to recalculate the width of each item\n * and adjust the overflow accordingly.\n */\n private async slotChangeHandler(): Promise<void> {\n if (this.breadcrumbsElements.length === 0) {\n this.items = [];\n this.visibleItems = 0;\n return;\n }\n\n await Promise.all(\n this.breadcrumbsElements.map((el) => el.updateComplete)\n );\n\n this.calculateBreadcrumbItemsWidth();\n this.adjustOverflow();\n }\n\n protected override render(): TemplateResult {\n return html`\n <ul @breadcrumb-select=${this.handleSelect} id=\"list\">\n <slot name=\"root\"></slot>\n ${this.hasMenu ? this.renderMenu() : ''}\n <slot @slotchange=${this.slotChangeHandler}></slot>\n </ul>\n `;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["html", "SpectrumElement", "property", "query", "queryAssignedElements", "state", "createRef", "ref", "styles", "ifDefined", "_a", "_b", "changes", "item", "index", "el", "width", "occupiedSpace", "newVisibleItems", "availableSpace", "start", "i", "j", "value", "selectDetail", "selectionEvent", "event", "__decorateClass"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
#separator{margin-block:var(--mod-breadcrumbs-icon-spacing-block,var(--spectrum-breadcrumbs-icon-spacing-block));margin-inline:var(--mod-breadcrumbs-separator-spacing-inline,var(--spectrum-breadcrumbs-separator-spacing-inline));opacity:1;color:var(--highcontrast-breadcrumbs-separator-color,var(--mod-breadcrumbs-separator-color,var(--spectrum-breadcrumbs-separator-color)));position:relative}#separator:dir(rtl),:host([dir=rtl]) #separator{transform:scaleX(-1)}:host{box-sizing:border-box;white-space:nowrap;font-family:var(--mod-breadcrumbs-font-family,var(--spectrum-breadcrumbs-font-family));font-size:var(--mod-breadcrumbs-font-size,var(--spectrum-breadcrumbs-font-size));font-weight:var(--mod-breadcrumbs-font-weight,var(--spectrum-breadcrumbs-font-weight));line-height:var(--mod-breadcrumbs-line-height,var(--spectrum-breadcrumbs-line-height));align-items:center;display:inline-flex;position:relative}:host(:not(.is-menu):last-of-type){font-family:var(--mod-breadcrumbs-font-family-current,var(--spectrum-breadcrumbs-font-family-current));font-size:var(--mod-breadcrumbs-font-size-current,var(--spectrum-breadcrumbs-font-size-current));font-weight:var(--mod-breadcrumbs-font-weight-current,var(--spectrum-breadcrumbs-font-weight-current))}:host(:not(.is-menu):last-of-type) #separator{display:none}::slotted(sp-action-menu){margin-inline:var(--mod-breadcrumbs-action-button-spacing-inline,var(--spectrum-breadcrumbs-action-button-spacing-inline));margin-block:var(--mod-breadcrumbs-action-button-spacing-block,var(--spectrum-breadcrumbs-action-button-spacing-block));color:var(--highcontrast-breadcrumbs-action-button-color,var(--mod-breadcrumbs-action-button-color,var(--spectrum-breadcrumbs-action-button-color)))}::slotted(sp-action-menu[disabled]){color:var(--highcontrast-breadcrumbs-action-button-color-disabled,var(--mod-breadcrumbs-action-button-color-disabled,var(--spectrum-breadcrumbs-action-button-color-disabled)))}:host(:first-of-type)>::slotted(sp-action-menu){margin-inline-start:var(--mod-breadcrumbs-action-button-spacing-inline-start,var(--spectrum-breadcrumbs-action-button-spacing-inline-start))}#item-link{cursor:default;box-sizing:border-box;border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));color:var(--highcontrast-breadcrumbs-text-color,var(--mod-breadcrumbs-text-color,var(--spectrum-breadcrumbs-text-color)));outline:none;margin-block-start:var(--mod-breadcrumbs-text-spacing-block-start,var(--spectrum-breadcrumbs-text-spacing-block-start));margin-block-end:var(--mod-breadcrumbs-text-spacing-block-end,var(--spectrum-breadcrumbs-text-spacing-block-end));-webkit-text-decoration:none;text-decoration:none;display:block;position:relative}#item-link.is-disabled,:host([aria-disabled=true]) #item-link{color:var(--highcontrast-breadcrumbs-text-color-disabled,var(--mod-breadcrumbs-text-color-disabled,var(--spectrum-breadcrumbs-text-color-disabled)))}:host(:not(.is-menu):last-of-type) #item-link{color:var(--highcontrast-breadcrumbs-text-color-current,var(--mod-breadcrumbs-text-color-current,var(--spectrum-breadcrumbs-text-color-current)))}#item-link[href],#item-link[tabindex]{cursor:pointer}#item-link[href]:focus-visible,#item-link[tabindex]:focus-visible{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}@media (hover:hover){#item-link[href]:hover,#item-link[tabindex]:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}}:host .is-dragged #item-link:before,#item-link:focus-visible:before{box-sizing:border-box;inline-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);block-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);border-width:var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness));border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));content:"";pointer-events:none;border-style:solid;border-color:var(--highcontrast-breadcrumbs-focus-indicator-color,var(--mod-breadcrumbs-focus-indicator-color,var(--spectrum-breadcrumbs-focus-indicator-color)));margin-block-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);margin-inline-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);display:block;position:absolute}:host([hidden]){display:none}:host([disabled]){pointer-events:none}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=breadcrumb-item.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["breadcrumb-item.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n #separator{margin-block:var(--mod-breadcrumbs-icon-spacing-block,var(--spectrum-breadcrumbs-icon-spacing-block));margin-inline:var(--mod-breadcrumbs-separator-spacing-inline,var(--spectrum-breadcrumbs-separator-spacing-inline));opacity:1;color:var(--highcontrast-breadcrumbs-separator-color,var(--mod-breadcrumbs-separator-color,var(--spectrum-breadcrumbs-separator-color)));position:relative}#separator:dir(rtl),:host([dir=rtl]) #separator{transform:scaleX(-1)}:host{box-sizing:border-box;white-space:nowrap;font-family:var(--mod-breadcrumbs-font-family,var(--spectrum-breadcrumbs-font-family));font-size:var(--mod-breadcrumbs-font-size,var(--spectrum-breadcrumbs-font-size));font-weight:var(--mod-breadcrumbs-font-weight,var(--spectrum-breadcrumbs-font-weight));line-height:var(--mod-breadcrumbs-line-height,var(--spectrum-breadcrumbs-line-height));align-items:center;display:inline-flex;position:relative}:host(:not(.is-menu):last-of-type){font-family:var(--mod-breadcrumbs-font-family-current,var(--spectrum-breadcrumbs-font-family-current));font-size:var(--mod-breadcrumbs-font-size-current,var(--spectrum-breadcrumbs-font-size-current));font-weight:var(--mod-breadcrumbs-font-weight-current,var(--spectrum-breadcrumbs-font-weight-current))}:host(:not(.is-menu):last-of-type) #separator{display:none}::slotted(sp-action-menu){margin-inline:var(--mod-breadcrumbs-action-button-spacing-inline,var(--spectrum-breadcrumbs-action-button-spacing-inline));margin-block:var(--mod-breadcrumbs-action-button-spacing-block,var(--spectrum-breadcrumbs-action-button-spacing-block));color:var(--highcontrast-breadcrumbs-action-button-color,var(--mod-breadcrumbs-action-button-color,var(--spectrum-breadcrumbs-action-button-color)))}::slotted(sp-action-menu[disabled]){color:var(--highcontrast-breadcrumbs-action-button-color-disabled,var(--mod-breadcrumbs-action-button-color-disabled,var(--spectrum-breadcrumbs-action-button-color-disabled)))}:host(:first-of-type)>::slotted(sp-action-menu){margin-inline-start:var(--mod-breadcrumbs-action-button-spacing-inline-start,var(--spectrum-breadcrumbs-action-button-spacing-inline-start))}#item-link{cursor:default;box-sizing:border-box;border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));color:var(--highcontrast-breadcrumbs-text-color,var(--mod-breadcrumbs-text-color,var(--spectrum-breadcrumbs-text-color)));outline:none;margin-block-start:var(--mod-breadcrumbs-text-spacing-block-start,var(--spectrum-breadcrumbs-text-spacing-block-start));margin-block-end:var(--mod-breadcrumbs-text-spacing-block-end,var(--spectrum-breadcrumbs-text-spacing-block-end));-webkit-text-decoration:none;text-decoration:none;display:block;position:relative}#item-link.is-disabled,:host([aria-disabled=true]) #item-link{color:var(--highcontrast-breadcrumbs-text-color-disabled,var(--mod-breadcrumbs-text-color-disabled,var(--spectrum-breadcrumbs-text-color-disabled)))}:host(:not(.is-menu):last-of-type) #item-link{color:var(--highcontrast-breadcrumbs-text-color-current,var(--mod-breadcrumbs-text-color-current,var(--spectrum-breadcrumbs-text-color-current)))}#item-link[href],#item-link[tabindex]{cursor:pointer}#item-link[href]:focus-visible,#item-link[tabindex]:focus-visible{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}@media (hover:hover){#item-link[href]:hover,#item-link[tabindex]:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}}:host .is-dragged #item-link:before,#item-link:focus-visible:before{box-sizing:border-box;inline-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);block-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);border-width:var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness));border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));content:\"\";pointer-events:none;border-style:solid;border-color:var(--highcontrast-breadcrumbs-focus-indicator-color,var(--mod-breadcrumbs-focus-indicator-color,var(--spectrum-breadcrumbs-focus-indicator-color)));margin-block-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);margin-inline-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);display:block;position:absolute}:host([hidden]){display:none}:host([disabled]){pointer-events:none}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
|
|
2
|
+
#separator{margin-block:var(--mod-breadcrumbs-icon-spacing-block,var(--spectrum-breadcrumbs-icon-spacing-block));margin-inline:var(--mod-breadcrumbs-separator-spacing-inline,var(--spectrum-breadcrumbs-separator-spacing-inline));opacity:1;color:var(--highcontrast-breadcrumbs-separator-color,var(--mod-breadcrumbs-separator-color,var(--spectrum-breadcrumbs-separator-color)));position:relative}#separator:dir(rtl),:host([dir=rtl]) #separator{transform:scaleX(-1)}:host{box-sizing:border-box;white-space:nowrap;font-family:var(--mod-breadcrumbs-font-family,var(--spectrum-breadcrumbs-font-family));font-size:var(--mod-breadcrumbs-font-size,var(--spectrum-breadcrumbs-font-size));font-weight:var(--mod-breadcrumbs-font-weight,var(--spectrum-breadcrumbs-font-weight));line-height:var(--mod-breadcrumbs-line-height,var(--spectrum-breadcrumbs-line-height));align-items:center;display:inline-flex;position:relative}:host(:not(.is-menu):last-of-type){font-family:var(--mod-breadcrumbs-font-family-current,var(--spectrum-breadcrumbs-font-family-current));font-size:var(--mod-breadcrumbs-font-size-current,var(--spectrum-breadcrumbs-font-size-current));font-weight:var(--mod-breadcrumbs-font-weight-current,var(--spectrum-breadcrumbs-font-weight-current))}:host(:not(.is-menu):last-of-type) #separator{display:none}::slotted(sp-action-menu){margin-inline:var(--mod-breadcrumbs-action-button-spacing-inline,var(--spectrum-breadcrumbs-action-button-spacing-inline));margin-block:var(--mod-breadcrumbs-action-button-spacing-block,var(--spectrum-breadcrumbs-action-button-spacing-block));color:var(--highcontrast-breadcrumbs-action-button-color,var(--mod-breadcrumbs-action-button-color,var(--spectrum-breadcrumbs-action-button-color)))}::slotted(sp-action-menu[disabled]){color:var(--highcontrast-breadcrumbs-action-button-color-disabled,var(--mod-breadcrumbs-action-button-color-disabled,var(--spectrum-breadcrumbs-action-button-color-disabled)))}:host(:first-of-type)>::slotted(sp-action-menu){margin-inline-start:var(--mod-breadcrumbs-action-button-spacing-inline-start,var(--spectrum-breadcrumbs-action-button-spacing-inline-start))}#item-link{cursor:default;box-sizing:border-box;border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));color:var(--highcontrast-breadcrumbs-text-color,var(--mod-breadcrumbs-text-color,var(--spectrum-breadcrumbs-text-color)));outline:none;margin-block-start:var(--mod-breadcrumbs-text-spacing-block-start,var(--spectrum-breadcrumbs-text-spacing-block-start));margin-block-end:var(--mod-breadcrumbs-text-spacing-block-end,var(--spectrum-breadcrumbs-text-spacing-block-end));-webkit-text-decoration:none;text-decoration:none;display:block;position:relative}#item-link.is-disabled,:host([aria-disabled=true]) #item-link{color:var(--highcontrast-breadcrumbs-text-color-disabled,var(--mod-breadcrumbs-text-color-disabled,var(--spectrum-breadcrumbs-text-color-disabled)))}:host(:not(.is-menu):last-of-type) #item-link{color:var(--highcontrast-breadcrumbs-text-color-current,var(--mod-breadcrumbs-text-color-current,var(--spectrum-breadcrumbs-text-color-current)))}#item-link[href],#item-link[tabindex]{cursor:pointer}#item-link[href]:focus-visible,#item-link[tabindex]:focus-visible{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}@media (hover:hover){#item-link[href]:hover,#item-link[tabindex]:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}}:host .is-dragged #item-link:before,#item-link:focus-visible:before{box-sizing:border-box;inline-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);block-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);border-width:var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness));border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));content:"";pointer-events:none;border-style:solid;border-color:var(--highcontrast-breadcrumbs-focus-indicator-color,var(--mod-breadcrumbs-focus-indicator-color,var(--spectrum-breadcrumbs-focus-indicator-color)));margin-block-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);margin-inline-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);display:block;position:absolute}:host([hidden]){display:none}:host([disabled]){pointer-events:none}
|
|
3
|
+
`;export default e;
|
|
4
|
+
//# sourceMappingURL=breadcrumb-item.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["breadcrumb-item.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n #separator{margin-block:var(--mod-breadcrumbs-icon-spacing-block,var(--spectrum-breadcrumbs-icon-spacing-block));margin-inline:var(--mod-breadcrumbs-separator-spacing-inline,var(--spectrum-breadcrumbs-separator-spacing-inline));opacity:1;color:var(--highcontrast-breadcrumbs-separator-color,var(--mod-breadcrumbs-separator-color,var(--spectrum-breadcrumbs-separator-color)));position:relative}#separator:dir(rtl),:host([dir=rtl]) #separator{transform:scaleX(-1)}:host{box-sizing:border-box;white-space:nowrap;font-family:var(--mod-breadcrumbs-font-family,var(--spectrum-breadcrumbs-font-family));font-size:var(--mod-breadcrumbs-font-size,var(--spectrum-breadcrumbs-font-size));font-weight:var(--mod-breadcrumbs-font-weight,var(--spectrum-breadcrumbs-font-weight));line-height:var(--mod-breadcrumbs-line-height,var(--spectrum-breadcrumbs-line-height));align-items:center;display:inline-flex;position:relative}:host(:not(.is-menu):last-of-type){font-family:var(--mod-breadcrumbs-font-family-current,var(--spectrum-breadcrumbs-font-family-current));font-size:var(--mod-breadcrumbs-font-size-current,var(--spectrum-breadcrumbs-font-size-current));font-weight:var(--mod-breadcrumbs-font-weight-current,var(--spectrum-breadcrumbs-font-weight-current))}:host(:not(.is-menu):last-of-type) #separator{display:none}::slotted(sp-action-menu){margin-inline:var(--mod-breadcrumbs-action-button-spacing-inline,var(--spectrum-breadcrumbs-action-button-spacing-inline));margin-block:var(--mod-breadcrumbs-action-button-spacing-block,var(--spectrum-breadcrumbs-action-button-spacing-block));color:var(--highcontrast-breadcrumbs-action-button-color,var(--mod-breadcrumbs-action-button-color,var(--spectrum-breadcrumbs-action-button-color)))}::slotted(sp-action-menu[disabled]){color:var(--highcontrast-breadcrumbs-action-button-color-disabled,var(--mod-breadcrumbs-action-button-color-disabled,var(--spectrum-breadcrumbs-action-button-color-disabled)))}:host(:first-of-type)>::slotted(sp-action-menu){margin-inline-start:var(--mod-breadcrumbs-action-button-spacing-inline-start,var(--spectrum-breadcrumbs-action-button-spacing-inline-start))}#item-link{cursor:default;box-sizing:border-box;border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));color:var(--highcontrast-breadcrumbs-text-color,var(--mod-breadcrumbs-text-color,var(--spectrum-breadcrumbs-text-color)));outline:none;margin-block-start:var(--mod-breadcrumbs-text-spacing-block-start,var(--spectrum-breadcrumbs-text-spacing-block-start));margin-block-end:var(--mod-breadcrumbs-text-spacing-block-end,var(--spectrum-breadcrumbs-text-spacing-block-end));-webkit-text-decoration:none;text-decoration:none;display:block;position:relative}#item-link.is-disabled,:host([aria-disabled=true]) #item-link{color:var(--highcontrast-breadcrumbs-text-color-disabled,var(--mod-breadcrumbs-text-color-disabled,var(--spectrum-breadcrumbs-text-color-disabled)))}:host(:not(.is-menu):last-of-type) #item-link{color:var(--highcontrast-breadcrumbs-text-color-current,var(--mod-breadcrumbs-text-color-current,var(--spectrum-breadcrumbs-text-color-current)))}#item-link[href],#item-link[tabindex]{cursor:pointer}#item-link[href]:focus-visible,#item-link[tabindex]:focus-visible{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}@media (hover:hover){#item-link[href]:hover,#item-link[tabindex]:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}}:host .is-dragged #item-link:before,#item-link:focus-visible:before{box-sizing:border-box;inline-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);block-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);border-width:var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness));border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));content:\"\";pointer-events:none;border-style:solid;border-color:var(--highcontrast-breadcrumbs-focus-indicator-color,var(--mod-breadcrumbs-focus-indicator-color,var(--spectrum-breadcrumbs-focus-indicator-color)));margin-block-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);margin-inline-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);display:block;position:absolute}:host([hidden]){display:none}:host([disabled]){pointer-events:none}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["breadcrumbs-item-overrides.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n \n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["breadcrumbs-item-overrides.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n \n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
:host{--spectrum-breadcrumbs-block-size:var(--system-breadcrumbs-block-size);--spectrum-breadcrumbs-block-size-compact:var(--system-breadcrumbs-block-size-compact);--spectrum-breadcrumbs-block-size-multiline:var(--system-breadcrumbs-block-size-multiline);--spectrum-breadcrumbs-line-height:var(--system-breadcrumbs-line-height);--spectrum-breadcrumbs-font-size:var(--system-breadcrumbs-font-size);--spectrum-breadcrumbs-font-family:var(--system-breadcrumbs-font-family);--spectrum-breadcrumbs-font-weight:var(--system-breadcrumbs-font-weight);--spectrum-breadcrumbs-font-size-current:var(--system-breadcrumbs-font-size-current);--spectrum-breadcrumbs-font-family-current:var(--system-breadcrumbs-font-family-current);--spectrum-breadcrumbs-font-weight-current:var(--system-breadcrumbs-font-weight-current);--spectrum-breadcrumbs-font-size-compact:var(--system-breadcrumbs-font-size-compact);--spectrum-breadcrumbs-font-family-compact:var(--system-breadcrumbs-font-family-compact);--spectrum-breadcrumbs-font-weight-compact:var(--system-breadcrumbs-font-weight-compact);--spectrum-breadcrumbs-font-size-compact-current:var(--system-breadcrumbs-font-size-compact-current);--spectrum-breadcrumbs-font-family-compact-current:var(--system-breadcrumbs-font-family-compact-current);--spectrum-breadcrumbs-font-weight-compact-current:var(--system-breadcrumbs-font-weight-compact-current);--spectrum-breadcrumbs-font-size-multiline:var(--system-breadcrumbs-font-size-multiline);--spectrum-breadcrumbs-font-family-multiline:var(--system-breadcrumbs-font-family-multiline);--spectrum-breadcrumbs-font-weight-multiline:var(--system-breadcrumbs-font-weight-multiline);--spectrum-breadcrumbs-font-size-multiline-current:var(--system-breadcrumbs-font-size-multiline-current);--spectrum-breadcrumbs-font-family-multiline-current:var(--system-breadcrumbs-font-family-multiline-current);--spectrum-breadcrumbs-font-weight-multiline-current:var(--system-breadcrumbs-font-weight-multiline-current);--spectrum-breadcrumbs-text-decoration-thickness:var(--system-breadcrumbs-text-decoration-thickness);--spectrum-breadcrumbs-text-decoration-gap:var(--system-breadcrumbs-text-decoration-gap);--spectrum-breadcrumbs-separator-spacing-inline:var(--system-breadcrumbs-separator-spacing-inline);--spectrum-breadcrumbs-text-spacing-block-start:var(--system-breadcrumbs-text-spacing-block-start);--spectrum-breadcrumbs-text-spacing-block-end:var(--system-breadcrumbs-text-spacing-block-end);--spectrum-breadcrumbs-icon-spacing-block:var(--system-breadcrumbs-icon-spacing-block);--spectrum-breadcrumbs-text-spacing-block-start-compact:var(--system-breadcrumbs-text-spacing-block-start-compact);--spectrum-breadcrumbs-text-spacing-block-end-compact:var(--system-breadcrumbs-text-spacing-block-end-compact);--spectrum-breadcrumbs-icon-spacing-block-compact:var(--system-breadcrumbs-icon-spacing-block-compact);--spectrum-breadcrumbs-text-spacing-block-start-multiline:var(--system-breadcrumbs-text-spacing-block-start-multiline);--spectrum-breadcrumbs-text-spacing-block-end-multiline:var(--system-breadcrumbs-text-spacing-block-end-multiline);--spectrum-breadcrumbs-text-spacing-block-between-multiline:var(--system-breadcrumbs-text-spacing-block-between-multiline);--spectrum-breadcrumbs-icon-spacing-block-start-multiline:var(--system-breadcrumbs-icon-spacing-block-start-multiline);--spectrum-breadcrumbs-icon-spacing-block-between-multiline:var(--system-breadcrumbs-icon-spacing-block-between-multiline);--spectrum-breadcrumbs-inline-start:var(--system-breadcrumbs-inline-start);--spectrum-breadcrumbs-inline-end:var(--system-breadcrumbs-inline-end);--spectrum-breadcrumbs-action-button-spacing-inline:var(--system-breadcrumbs-action-button-spacing-inline);--spectrum-breadcrumbs-action-button-spacing-block:var(--system-breadcrumbs-action-button-spacing-block);--spectrum-breadcrumbs-action-button-spacing-block-compact:var(--system-breadcrumbs-action-button-spacing-block-compact);--spectrum-breadcrumbs-action-button-spacing-inline-start:var(--system-breadcrumbs-action-button-spacing-inline-start);--spectrum-breadcrumbs-action-button-spacing-block-multiline:var(--system-breadcrumbs-action-button-spacing-block-multiline);--spectrum-breadcrumbs-action-button-spacing-block-between-multiline:var(--system-breadcrumbs-action-button-spacing-block-between-multiline);--spectrum-breadcrumbs-focus-indicator-thickness:var(--system-breadcrumbs-focus-indicator-thickness);--spectrum-breadcrumbs-focus-indicator-gap:var(--system-breadcrumbs-focus-indicator-gap);--spectrum-breadcrumbs-item-link-border-radius:var(--system-breadcrumbs-item-link-border-radius);--spectrum-breadcrumbs-text-color:var(--system-breadcrumbs-text-color);--spectrum-breadcrumbs-text-color-current:var(--system-breadcrumbs-text-color-current);--spectrum-breadcrumbs-text-color-disabled:var(--system-breadcrumbs-text-color-disabled);--spectrum-breadcrumbs-separator-color:var(--system-breadcrumbs-separator-color);--spectrum-breadcrumbs-action-button-color:var(--system-breadcrumbs-action-button-color);--spectrum-breadcrumbs-action-button-color-disabled:var(--system-breadcrumbs-action-button-color-disabled);--spectrum-breadcrumbs-focus-indicator-color:var(--system-breadcrumbs-focus-indicator-color)}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=breadcrumbs-overrides.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["breadcrumbs-overrides.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-breadcrumbs-block-size:var(--system-breadcrumbs-block-size);--spectrum-breadcrumbs-block-size-compact:var(--system-breadcrumbs-block-size-compact);--spectrum-breadcrumbs-block-size-multiline:var(--system-breadcrumbs-block-size-multiline);--spectrum-breadcrumbs-line-height:var(--system-breadcrumbs-line-height);--spectrum-breadcrumbs-font-size:var(--system-breadcrumbs-font-size);--spectrum-breadcrumbs-font-family:var(--system-breadcrumbs-font-family);--spectrum-breadcrumbs-font-weight:var(--system-breadcrumbs-font-weight);--spectrum-breadcrumbs-font-size-current:var(--system-breadcrumbs-font-size-current);--spectrum-breadcrumbs-font-family-current:var(--system-breadcrumbs-font-family-current);--spectrum-breadcrumbs-font-weight-current:var(--system-breadcrumbs-font-weight-current);--spectrum-breadcrumbs-font-size-compact:var(--system-breadcrumbs-font-size-compact);--spectrum-breadcrumbs-font-family-compact:var(--system-breadcrumbs-font-family-compact);--spectrum-breadcrumbs-font-weight-compact:var(--system-breadcrumbs-font-weight-compact);--spectrum-breadcrumbs-font-size-compact-current:var(--system-breadcrumbs-font-size-compact-current);--spectrum-breadcrumbs-font-family-compact-current:var(--system-breadcrumbs-font-family-compact-current);--spectrum-breadcrumbs-font-weight-compact-current:var(--system-breadcrumbs-font-weight-compact-current);--spectrum-breadcrumbs-font-size-multiline:var(--system-breadcrumbs-font-size-multiline);--spectrum-breadcrumbs-font-family-multiline:var(--system-breadcrumbs-font-family-multiline);--spectrum-breadcrumbs-font-weight-multiline:var(--system-breadcrumbs-font-weight-multiline);--spectrum-breadcrumbs-font-size-multiline-current:var(--system-breadcrumbs-font-size-multiline-current);--spectrum-breadcrumbs-font-family-multiline-current:var(--system-breadcrumbs-font-family-multiline-current);--spectrum-breadcrumbs-font-weight-multiline-current:var(--system-breadcrumbs-font-weight-multiline-current);--spectrum-breadcrumbs-text-decoration-thickness:var(--system-breadcrumbs-text-decoration-thickness);--spectrum-breadcrumbs-text-decoration-gap:var(--system-breadcrumbs-text-decoration-gap);--spectrum-breadcrumbs-separator-spacing-inline:var(--system-breadcrumbs-separator-spacing-inline);--spectrum-breadcrumbs-text-spacing-block-start:var(--system-breadcrumbs-text-spacing-block-start);--spectrum-breadcrumbs-text-spacing-block-end:var(--system-breadcrumbs-text-spacing-block-end);--spectrum-breadcrumbs-icon-spacing-block:var(--system-breadcrumbs-icon-spacing-block);--spectrum-breadcrumbs-text-spacing-block-start-compact:var(--system-breadcrumbs-text-spacing-block-start-compact);--spectrum-breadcrumbs-text-spacing-block-end-compact:var(--system-breadcrumbs-text-spacing-block-end-compact);--spectrum-breadcrumbs-icon-spacing-block-compact:var(--system-breadcrumbs-icon-spacing-block-compact);--spectrum-breadcrumbs-text-spacing-block-start-multiline:var(--system-breadcrumbs-text-spacing-block-start-multiline);--spectrum-breadcrumbs-text-spacing-block-end-multiline:var(--system-breadcrumbs-text-spacing-block-end-multiline);--spectrum-breadcrumbs-text-spacing-block-between-multiline:var(--system-breadcrumbs-text-spacing-block-between-multiline);--spectrum-breadcrumbs-icon-spacing-block-start-multiline:var(--system-breadcrumbs-icon-spacing-block-start-multiline);--spectrum-breadcrumbs-icon-spacing-block-between-multiline:var(--system-breadcrumbs-icon-spacing-block-between-multiline);--spectrum-breadcrumbs-inline-start:var(--system-breadcrumbs-inline-start);--spectrum-breadcrumbs-inline-end:var(--system-breadcrumbs-inline-end);--spectrum-breadcrumbs-action-button-spacing-inline:var(--system-breadcrumbs-action-button-spacing-inline);--spectrum-breadcrumbs-action-button-spacing-block:var(--system-breadcrumbs-action-button-spacing-block);--spectrum-breadcrumbs-action-button-spacing-block-compact:var(--system-breadcrumbs-action-button-spacing-block-compact);--spectrum-breadcrumbs-action-button-spacing-inline-start:var(--system-breadcrumbs-action-button-spacing-inline-start);--spectrum-breadcrumbs-action-button-spacing-block-multiline:var(--system-breadcrumbs-action-button-spacing-block-multiline);--spectrum-breadcrumbs-action-button-spacing-block-between-multiline:var(--system-breadcrumbs-action-button-spacing-block-between-multiline);--spectrum-breadcrumbs-focus-indicator-thickness:var(--system-breadcrumbs-focus-indicator-thickness);--spectrum-breadcrumbs-focus-indicator-gap:var(--system-breadcrumbs-focus-indicator-gap);--spectrum-breadcrumbs-item-link-border-radius:var(--system-breadcrumbs-item-link-border-radius);--spectrum-breadcrumbs-text-color:var(--system-breadcrumbs-text-color);--spectrum-breadcrumbs-text-color-current:var(--system-breadcrumbs-text-color-current);--spectrum-breadcrumbs-text-color-disabled:var(--system-breadcrumbs-text-color-disabled);--spectrum-breadcrumbs-separator-color:var(--system-breadcrumbs-separator-color);--spectrum-breadcrumbs-action-button-color:var(--system-breadcrumbs-action-button-color);--spectrum-breadcrumbs-action-button-color-disabled:var(--system-breadcrumbs-action-button-color-disabled);--spectrum-breadcrumbs-focus-indicator-color:var(--system-breadcrumbs-focus-indicator-color)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
|
|
2
|
+
:host{--spectrum-breadcrumbs-block-size:var(--system-breadcrumbs-block-size);--spectrum-breadcrumbs-block-size-compact:var(--system-breadcrumbs-block-size-compact);--spectrum-breadcrumbs-block-size-multiline:var(--system-breadcrumbs-block-size-multiline);--spectrum-breadcrumbs-line-height:var(--system-breadcrumbs-line-height);--spectrum-breadcrumbs-font-size:var(--system-breadcrumbs-font-size);--spectrum-breadcrumbs-font-family:var(--system-breadcrumbs-font-family);--spectrum-breadcrumbs-font-weight:var(--system-breadcrumbs-font-weight);--spectrum-breadcrumbs-font-size-current:var(--system-breadcrumbs-font-size-current);--spectrum-breadcrumbs-font-family-current:var(--system-breadcrumbs-font-family-current);--spectrum-breadcrumbs-font-weight-current:var(--system-breadcrumbs-font-weight-current);--spectrum-breadcrumbs-font-size-compact:var(--system-breadcrumbs-font-size-compact);--spectrum-breadcrumbs-font-family-compact:var(--system-breadcrumbs-font-family-compact);--spectrum-breadcrumbs-font-weight-compact:var(--system-breadcrumbs-font-weight-compact);--spectrum-breadcrumbs-font-size-compact-current:var(--system-breadcrumbs-font-size-compact-current);--spectrum-breadcrumbs-font-family-compact-current:var(--system-breadcrumbs-font-family-compact-current);--spectrum-breadcrumbs-font-weight-compact-current:var(--system-breadcrumbs-font-weight-compact-current);--spectrum-breadcrumbs-font-size-multiline:var(--system-breadcrumbs-font-size-multiline);--spectrum-breadcrumbs-font-family-multiline:var(--system-breadcrumbs-font-family-multiline);--spectrum-breadcrumbs-font-weight-multiline:var(--system-breadcrumbs-font-weight-multiline);--spectrum-breadcrumbs-font-size-multiline-current:var(--system-breadcrumbs-font-size-multiline-current);--spectrum-breadcrumbs-font-family-multiline-current:var(--system-breadcrumbs-font-family-multiline-current);--spectrum-breadcrumbs-font-weight-multiline-current:var(--system-breadcrumbs-font-weight-multiline-current);--spectrum-breadcrumbs-text-decoration-thickness:var(--system-breadcrumbs-text-decoration-thickness);--spectrum-breadcrumbs-text-decoration-gap:var(--system-breadcrumbs-text-decoration-gap);--spectrum-breadcrumbs-separator-spacing-inline:var(--system-breadcrumbs-separator-spacing-inline);--spectrum-breadcrumbs-text-spacing-block-start:var(--system-breadcrumbs-text-spacing-block-start);--spectrum-breadcrumbs-text-spacing-block-end:var(--system-breadcrumbs-text-spacing-block-end);--spectrum-breadcrumbs-icon-spacing-block:var(--system-breadcrumbs-icon-spacing-block);--spectrum-breadcrumbs-text-spacing-block-start-compact:var(--system-breadcrumbs-text-spacing-block-start-compact);--spectrum-breadcrumbs-text-spacing-block-end-compact:var(--system-breadcrumbs-text-spacing-block-end-compact);--spectrum-breadcrumbs-icon-spacing-block-compact:var(--system-breadcrumbs-icon-spacing-block-compact);--spectrum-breadcrumbs-text-spacing-block-start-multiline:var(--system-breadcrumbs-text-spacing-block-start-multiline);--spectrum-breadcrumbs-text-spacing-block-end-multiline:var(--system-breadcrumbs-text-spacing-block-end-multiline);--spectrum-breadcrumbs-text-spacing-block-between-multiline:var(--system-breadcrumbs-text-spacing-block-between-multiline);--spectrum-breadcrumbs-icon-spacing-block-start-multiline:var(--system-breadcrumbs-icon-spacing-block-start-multiline);--spectrum-breadcrumbs-icon-spacing-block-between-multiline:var(--system-breadcrumbs-icon-spacing-block-between-multiline);--spectrum-breadcrumbs-inline-start:var(--system-breadcrumbs-inline-start);--spectrum-breadcrumbs-inline-end:var(--system-breadcrumbs-inline-end);--spectrum-breadcrumbs-action-button-spacing-inline:var(--system-breadcrumbs-action-button-spacing-inline);--spectrum-breadcrumbs-action-button-spacing-block:var(--system-breadcrumbs-action-button-spacing-block);--spectrum-breadcrumbs-action-button-spacing-block-compact:var(--system-breadcrumbs-action-button-spacing-block-compact);--spectrum-breadcrumbs-action-button-spacing-inline-start:var(--system-breadcrumbs-action-button-spacing-inline-start);--spectrum-breadcrumbs-action-button-spacing-block-multiline:var(--system-breadcrumbs-action-button-spacing-block-multiline);--spectrum-breadcrumbs-action-button-spacing-block-between-multiline:var(--system-breadcrumbs-action-button-spacing-block-between-multiline);--spectrum-breadcrumbs-focus-indicator-thickness:var(--system-breadcrumbs-focus-indicator-thickness);--spectrum-breadcrumbs-focus-indicator-gap:var(--system-breadcrumbs-focus-indicator-gap);--spectrum-breadcrumbs-item-link-border-radius:var(--system-breadcrumbs-item-link-border-radius);--spectrum-breadcrumbs-text-color:var(--system-breadcrumbs-text-color);--spectrum-breadcrumbs-text-color-current:var(--system-breadcrumbs-text-color-current);--spectrum-breadcrumbs-text-color-disabled:var(--system-breadcrumbs-text-color-disabled);--spectrum-breadcrumbs-separator-color:var(--system-breadcrumbs-separator-color);--spectrum-breadcrumbs-action-button-color:var(--system-breadcrumbs-action-button-color);--spectrum-breadcrumbs-action-button-color-disabled:var(--system-breadcrumbs-action-button-color-disabled);--spectrum-breadcrumbs-focus-indicator-color:var(--system-breadcrumbs-focus-indicator-color)}
|
|
3
|
+
`;export default e;
|
|
4
|
+
//# sourceMappingURL=breadcrumbs-overrides.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["breadcrumbs-overrides.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-breadcrumbs-block-size:var(--system-breadcrumbs-block-size);--spectrum-breadcrumbs-block-size-compact:var(--system-breadcrumbs-block-size-compact);--spectrum-breadcrumbs-block-size-multiline:var(--system-breadcrumbs-block-size-multiline);--spectrum-breadcrumbs-line-height:var(--system-breadcrumbs-line-height);--spectrum-breadcrumbs-font-size:var(--system-breadcrumbs-font-size);--spectrum-breadcrumbs-font-family:var(--system-breadcrumbs-font-family);--spectrum-breadcrumbs-font-weight:var(--system-breadcrumbs-font-weight);--spectrum-breadcrumbs-font-size-current:var(--system-breadcrumbs-font-size-current);--spectrum-breadcrumbs-font-family-current:var(--system-breadcrumbs-font-family-current);--spectrum-breadcrumbs-font-weight-current:var(--system-breadcrumbs-font-weight-current);--spectrum-breadcrumbs-font-size-compact:var(--system-breadcrumbs-font-size-compact);--spectrum-breadcrumbs-font-family-compact:var(--system-breadcrumbs-font-family-compact);--spectrum-breadcrumbs-font-weight-compact:var(--system-breadcrumbs-font-weight-compact);--spectrum-breadcrumbs-font-size-compact-current:var(--system-breadcrumbs-font-size-compact-current);--spectrum-breadcrumbs-font-family-compact-current:var(--system-breadcrumbs-font-family-compact-current);--spectrum-breadcrumbs-font-weight-compact-current:var(--system-breadcrumbs-font-weight-compact-current);--spectrum-breadcrumbs-font-size-multiline:var(--system-breadcrumbs-font-size-multiline);--spectrum-breadcrumbs-font-family-multiline:var(--system-breadcrumbs-font-family-multiline);--spectrum-breadcrumbs-font-weight-multiline:var(--system-breadcrumbs-font-weight-multiline);--spectrum-breadcrumbs-font-size-multiline-current:var(--system-breadcrumbs-font-size-multiline-current);--spectrum-breadcrumbs-font-family-multiline-current:var(--system-breadcrumbs-font-family-multiline-current);--spectrum-breadcrumbs-font-weight-multiline-current:var(--system-breadcrumbs-font-weight-multiline-current);--spectrum-breadcrumbs-text-decoration-thickness:var(--system-breadcrumbs-text-decoration-thickness);--spectrum-breadcrumbs-text-decoration-gap:var(--system-breadcrumbs-text-decoration-gap);--spectrum-breadcrumbs-separator-spacing-inline:var(--system-breadcrumbs-separator-spacing-inline);--spectrum-breadcrumbs-text-spacing-block-start:var(--system-breadcrumbs-text-spacing-block-start);--spectrum-breadcrumbs-text-spacing-block-end:var(--system-breadcrumbs-text-spacing-block-end);--spectrum-breadcrumbs-icon-spacing-block:var(--system-breadcrumbs-icon-spacing-block);--spectrum-breadcrumbs-text-spacing-block-start-compact:var(--system-breadcrumbs-text-spacing-block-start-compact);--spectrum-breadcrumbs-text-spacing-block-end-compact:var(--system-breadcrumbs-text-spacing-block-end-compact);--spectrum-breadcrumbs-icon-spacing-block-compact:var(--system-breadcrumbs-icon-spacing-block-compact);--spectrum-breadcrumbs-text-spacing-block-start-multiline:var(--system-breadcrumbs-text-spacing-block-start-multiline);--spectrum-breadcrumbs-text-spacing-block-end-multiline:var(--system-breadcrumbs-text-spacing-block-end-multiline);--spectrum-breadcrumbs-text-spacing-block-between-multiline:var(--system-breadcrumbs-text-spacing-block-between-multiline);--spectrum-breadcrumbs-icon-spacing-block-start-multiline:var(--system-breadcrumbs-icon-spacing-block-start-multiline);--spectrum-breadcrumbs-icon-spacing-block-between-multiline:var(--system-breadcrumbs-icon-spacing-block-between-multiline);--spectrum-breadcrumbs-inline-start:var(--system-breadcrumbs-inline-start);--spectrum-breadcrumbs-inline-end:var(--system-breadcrumbs-inline-end);--spectrum-breadcrumbs-action-button-spacing-inline:var(--system-breadcrumbs-action-button-spacing-inline);--spectrum-breadcrumbs-action-button-spacing-block:var(--system-breadcrumbs-action-button-spacing-block);--spectrum-breadcrumbs-action-button-spacing-block-compact:var(--system-breadcrumbs-action-button-spacing-block-compact);--spectrum-breadcrumbs-action-button-spacing-inline-start:var(--system-breadcrumbs-action-button-spacing-inline-start);--spectrum-breadcrumbs-action-button-spacing-block-multiline:var(--system-breadcrumbs-action-button-spacing-block-multiline);--spectrum-breadcrumbs-action-button-spacing-block-between-multiline:var(--system-breadcrumbs-action-button-spacing-block-between-multiline);--spectrum-breadcrumbs-focus-indicator-thickness:var(--system-breadcrumbs-focus-indicator-thickness);--spectrum-breadcrumbs-focus-indicator-gap:var(--system-breadcrumbs-focus-indicator-gap);--spectrum-breadcrumbs-item-link-border-radius:var(--system-breadcrumbs-item-link-border-radius);--spectrum-breadcrumbs-text-color:var(--system-breadcrumbs-text-color);--spectrum-breadcrumbs-text-color-current:var(--system-breadcrumbs-text-color-current);--spectrum-breadcrumbs-text-color-disabled:var(--system-breadcrumbs-text-color-disabled);--spectrum-breadcrumbs-separator-color:var(--system-breadcrumbs-separator-color);--spectrum-breadcrumbs-action-button-color:var(--system-breadcrumbs-action-button-color);--spectrum-breadcrumbs-action-button-color-disabled:var(--system-breadcrumbs-action-button-color-disabled);--spectrum-breadcrumbs-focus-indicator-color:var(--system-breadcrumbs-focus-indicator-color)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
@media (forced-colors:active){:host{--highcontrast-breadcrumbs-text-color:LinkText;--highcontrast-breadcrumbs-text-color-current:CanvasText;--highcontrast-breadcrumbs-text-color-disabled:GrayText;--highcontrast-breadcrumbs-separator-color:CanvasText;--highcontrast-breadcrumbs-action-button-color:LinkText;--highcontrast-breadcrumbs-action-button-color-disabled:GrayText;--highcontrast-breadcrumbs-focus-indicator-color:CanvasText}}#list{block-size:var(--mod-breadcrumbs-block-size,var(--spectrum-breadcrumbs-block-size));flex-flow:row;flex:1 0;justify-content:flex-start;align-items:center;margin:0;padding-inline-start:var(--mod-breadcrumbs-inline-start,var(--spectrum-breadcrumbs-inline-start));padding-inline-end:var(--mod-breadcrumbs-inline-end,var(--spectrum-breadcrumbs-inline-end));list-style-type:none;display:flex}:host([compact]) #list{block-size:var(--mod-breadcrumbs-block-size-compact,var(--spectrum-breadcrumbs-block-size-compact))}.spectrum-Breadcrumbs--multiline{block-size:var(--mod-breadcrumbs-block-size-multiline,var(--spectrum-breadcrumbs-block-size-multiline));flex-wrap:wrap;align-content:center}:host([compact]) ::slotted(sp-breadcrumb-item){font-family:var(--mod-breadcrumbs-font-family-compact,var(--spectrum-breadcrumbs-font-family-compact));font-size:var(--mod-breadcrumbs-font-size-compact,var(--spectrum-breadcrumbs-font-size-compact));font-weight:var(--mod-breadcrumbs-font-weight-compact,var(--spectrum-breadcrumbs-font-weight-compact))}:host([compact]) ::slotted(:last-of-type){font-family:var(--mod-breadcrumbs-font-family-compact-current,var(--spectrum-breadcrumbs-font-family-compact-current));font-size:var(--mod-breadcrumbs-font-size-compact-current,var(--spectrum-breadcrumbs-font-size-compact-current));font-weight:var(--mod-breadcrumbs-font-weight-compact-current,var(--spectrum-breadcrumbs-font-weight-compact-current))}:host{--spectrum-breadcrumbs-block-size:var(--system-breadcrumbs-block-size);--spectrum-breadcrumbs-block-size-compact:var(--system-breadcrumbs-block-size-compact);--spectrum-breadcrumbs-block-size-multiline:var(--system-breadcrumbs-block-size-multiline);--spectrum-breadcrumbs-line-height:var(--system-breadcrumbs-line-height);--spectrum-breadcrumbs-font-size:var(--system-breadcrumbs-font-size);--spectrum-breadcrumbs-font-family:var(--system-breadcrumbs-font-family);--spectrum-breadcrumbs-font-weight:var(--system-breadcrumbs-font-weight);--spectrum-breadcrumbs-font-size-current:var(--system-breadcrumbs-font-size-current);--spectrum-breadcrumbs-font-family-current:var(--system-breadcrumbs-font-family-current);--spectrum-breadcrumbs-font-weight-current:var(--system-breadcrumbs-font-weight-current);--spectrum-breadcrumbs-font-size-compact:var(--system-breadcrumbs-font-size-compact);--spectrum-breadcrumbs-font-family-compact:var(--system-breadcrumbs-font-family-compact);--spectrum-breadcrumbs-font-weight-compact:var(--system-breadcrumbs-font-weight-compact);--spectrum-breadcrumbs-font-size-compact-current:var(--system-breadcrumbs-font-size-compact-current);--spectrum-breadcrumbs-font-family-compact-current:var(--system-breadcrumbs-font-family-compact-current);--spectrum-breadcrumbs-font-weight-compact-current:var(--system-breadcrumbs-font-weight-compact-current);--spectrum-breadcrumbs-font-size-multiline:var(--system-breadcrumbs-font-size-multiline);--spectrum-breadcrumbs-font-family-multiline:var(--system-breadcrumbs-font-family-multiline);--spectrum-breadcrumbs-font-weight-multiline:var(--system-breadcrumbs-font-weight-multiline);--spectrum-breadcrumbs-font-size-multiline-current:var(--system-breadcrumbs-font-size-multiline-current);--spectrum-breadcrumbs-font-family-multiline-current:var(--system-breadcrumbs-font-family-multiline-current);--spectrum-breadcrumbs-font-weight-multiline-current:var(--system-breadcrumbs-font-weight-multiline-current);--spectrum-breadcrumbs-text-decoration-thickness:var(--system-breadcrumbs-text-decoration-thickness);--spectrum-breadcrumbs-text-decoration-gap:var(--system-breadcrumbs-text-decoration-gap);--spectrum-breadcrumbs-separator-spacing-inline:var(--system-breadcrumbs-separator-spacing-inline);--spectrum-breadcrumbs-text-spacing-block-start:var(--system-breadcrumbs-text-spacing-block-start);--spectrum-breadcrumbs-text-spacing-block-end:var(--system-breadcrumbs-text-spacing-block-end);--spectrum-breadcrumbs-icon-spacing-block:var(--system-breadcrumbs-icon-spacing-block);--spectrum-breadcrumbs-text-spacing-block-start-compact:var(--system-breadcrumbs-text-spacing-block-start-compact);--spectrum-breadcrumbs-text-spacing-block-end-compact:var(--system-breadcrumbs-text-spacing-block-end-compact);--spectrum-breadcrumbs-icon-spacing-block-compact:var(--system-breadcrumbs-icon-spacing-block-compact);--spectrum-breadcrumbs-text-spacing-block-start-multiline:var(--system-breadcrumbs-text-spacing-block-start-multiline);--spectrum-breadcrumbs-text-spacing-block-end-multiline:var(--system-breadcrumbs-text-spacing-block-end-multiline);--spectrum-breadcrumbs-text-spacing-block-between-multiline:var(--system-breadcrumbs-text-spacing-block-between-multiline);--spectrum-breadcrumbs-icon-spacing-block-start-multiline:var(--system-breadcrumbs-icon-spacing-block-start-multiline);--spectrum-breadcrumbs-icon-spacing-block-between-multiline:var(--system-breadcrumbs-icon-spacing-block-between-multiline);--spectrum-breadcrumbs-inline-start:var(--system-breadcrumbs-inline-start);--spectrum-breadcrumbs-inline-end:var(--system-breadcrumbs-inline-end);--spectrum-breadcrumbs-action-button-spacing-inline:var(--system-breadcrumbs-action-button-spacing-inline);--spectrum-breadcrumbs-action-button-spacing-block:var(--system-breadcrumbs-action-button-spacing-block);--spectrum-breadcrumbs-action-button-spacing-block-compact:var(--system-breadcrumbs-action-button-spacing-block-compact);--spectrum-breadcrumbs-action-button-spacing-inline-start:var(--system-breadcrumbs-action-button-spacing-inline-start);--spectrum-breadcrumbs-action-button-spacing-block-multiline:var(--system-breadcrumbs-action-button-spacing-block-multiline);--spectrum-breadcrumbs-action-button-spacing-block-between-multiline:var(--system-breadcrumbs-action-button-spacing-block-between-multiline);--spectrum-breadcrumbs-focus-indicator-thickness:var(--system-breadcrumbs-focus-indicator-thickness);--spectrum-breadcrumbs-focus-indicator-gap:var(--system-breadcrumbs-focus-indicator-gap);--spectrum-breadcrumbs-item-link-border-radius:var(--system-breadcrumbs-item-link-border-radius);--spectrum-breadcrumbs-text-color:var(--system-breadcrumbs-text-color);--spectrum-breadcrumbs-text-color-current:var(--system-breadcrumbs-text-color-current);--spectrum-breadcrumbs-text-color-disabled:var(--system-breadcrumbs-text-color-disabled);--spectrum-breadcrumbs-separator-color:var(--system-breadcrumbs-separator-color);--spectrum-breadcrumbs-action-button-color:var(--system-breadcrumbs-action-button-color);--spectrum-breadcrumbs-action-button-color-disabled:var(--system-breadcrumbs-action-button-color-disabled);--spectrum-breadcrumbs-focus-indicator-color:var(--system-breadcrumbs-focus-indicator-color)}:host{display:block}:host([compact]){--mod-breadcrumbs-icon-spacing-block:var(--mod-breadcrumbs-icon-spacing-block-compact,var(--spectrum-breadcrumbs-icon-spacing-block-compact));--mod-breadcrumbs-text-spacing-block-start:var(--mod-breadcrumbs-text-spacing-block-start-compact,var(--spectrum-breadcrumbs-text-spacing-block-start-compact));--mod-breadcrumbs-text-spacing-block-end:var(--mod-breadcrumbs-text-spacing-block-end-compact,var(--spectrum-breadcrumbs-text-spacing-block-end-compact));--mod-breadcrumbs-action-button-spacing-block:var(--mod-breadcrumbs-action-button-spacing-block-compact,var(--spectrum-breadcrumbs-action-button-spacing-block-compact))}:host([dir]) slot[slot=icon]::slotted([slot=icon]),:host([dir]) slot[slot=icon] .icon{margin-inline:calc(( var(--custom-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-edge-to-visual-only)))*-1)calc(( var(--custom-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-edge-to-visual-only)))*-1)}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=breadcrumbs.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["breadcrumbs.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{--highcontrast-breadcrumbs-text-color:LinkText;--highcontrast-breadcrumbs-text-color-current:CanvasText;--highcontrast-breadcrumbs-text-color-disabled:GrayText;--highcontrast-breadcrumbs-separator-color:CanvasText;--highcontrast-breadcrumbs-action-button-color:LinkText;--highcontrast-breadcrumbs-action-button-color-disabled:GrayText;--highcontrast-breadcrumbs-focus-indicator-color:CanvasText}}#list{block-size:var(--mod-breadcrumbs-block-size,var(--spectrum-breadcrumbs-block-size));flex-flow:row;flex:1 0;justify-content:flex-start;align-items:center;margin:0;padding-inline-start:var(--mod-breadcrumbs-inline-start,var(--spectrum-breadcrumbs-inline-start));padding-inline-end:var(--mod-breadcrumbs-inline-end,var(--spectrum-breadcrumbs-inline-end));list-style-type:none;display:flex}:host([compact]) #list{block-size:var(--mod-breadcrumbs-block-size-compact,var(--spectrum-breadcrumbs-block-size-compact))}.spectrum-Breadcrumbs--multiline{block-size:var(--mod-breadcrumbs-block-size-multiline,var(--spectrum-breadcrumbs-block-size-multiline));flex-wrap:wrap;align-content:center}:host([compact]) ::slotted(sp-breadcrumb-item){font-family:var(--mod-breadcrumbs-font-family-compact,var(--spectrum-breadcrumbs-font-family-compact));font-size:var(--mod-breadcrumbs-font-size-compact,var(--spectrum-breadcrumbs-font-size-compact));font-weight:var(--mod-breadcrumbs-font-weight-compact,var(--spectrum-breadcrumbs-font-weight-compact))}:host([compact]) ::slotted(:last-of-type){font-family:var(--mod-breadcrumbs-font-family-compact-current,var(--spectrum-breadcrumbs-font-family-compact-current));font-size:var(--mod-breadcrumbs-font-size-compact-current,var(--spectrum-breadcrumbs-font-size-compact-current));font-weight:var(--mod-breadcrumbs-font-weight-compact-current,var(--spectrum-breadcrumbs-font-weight-compact-current))}:host{--spectrum-breadcrumbs-block-size:var(--system-breadcrumbs-block-size);--spectrum-breadcrumbs-block-size-compact:var(--system-breadcrumbs-block-size-compact);--spectrum-breadcrumbs-block-size-multiline:var(--system-breadcrumbs-block-size-multiline);--spectrum-breadcrumbs-line-height:var(--system-breadcrumbs-line-height);--spectrum-breadcrumbs-font-size:var(--system-breadcrumbs-font-size);--spectrum-breadcrumbs-font-family:var(--system-breadcrumbs-font-family);--spectrum-breadcrumbs-font-weight:var(--system-breadcrumbs-font-weight);--spectrum-breadcrumbs-font-size-current:var(--system-breadcrumbs-font-size-current);--spectrum-breadcrumbs-font-family-current:var(--system-breadcrumbs-font-family-current);--spectrum-breadcrumbs-font-weight-current:var(--system-breadcrumbs-font-weight-current);--spectrum-breadcrumbs-font-size-compact:var(--system-breadcrumbs-font-size-compact);--spectrum-breadcrumbs-font-family-compact:var(--system-breadcrumbs-font-family-compact);--spectrum-breadcrumbs-font-weight-compact:var(--system-breadcrumbs-font-weight-compact);--spectrum-breadcrumbs-font-size-compact-current:var(--system-breadcrumbs-font-size-compact-current);--spectrum-breadcrumbs-font-family-compact-current:var(--system-breadcrumbs-font-family-compact-current);--spectrum-breadcrumbs-font-weight-compact-current:var(--system-breadcrumbs-font-weight-compact-current);--spectrum-breadcrumbs-font-size-multiline:var(--system-breadcrumbs-font-size-multiline);--spectrum-breadcrumbs-font-family-multiline:var(--system-breadcrumbs-font-family-multiline);--spectrum-breadcrumbs-font-weight-multiline:var(--system-breadcrumbs-font-weight-multiline);--spectrum-breadcrumbs-font-size-multiline-current:var(--system-breadcrumbs-font-size-multiline-current);--spectrum-breadcrumbs-font-family-multiline-current:var(--system-breadcrumbs-font-family-multiline-current);--spectrum-breadcrumbs-font-weight-multiline-current:var(--system-breadcrumbs-font-weight-multiline-current);--spectrum-breadcrumbs-text-decoration-thickness:var(--system-breadcrumbs-text-decoration-thickness);--spectrum-breadcrumbs-text-decoration-gap:var(--system-breadcrumbs-text-decoration-gap);--spectrum-breadcrumbs-separator-spacing-inline:var(--system-breadcrumbs-separator-spacing-inline);--spectrum-breadcrumbs-text-spacing-block-start:var(--system-breadcrumbs-text-spacing-block-start);--spectrum-breadcrumbs-text-spacing-block-end:var(--system-breadcrumbs-text-spacing-block-end);--spectrum-breadcrumbs-icon-spacing-block:var(--system-breadcrumbs-icon-spacing-block);--spectrum-breadcrumbs-text-spacing-block-start-compact:var(--system-breadcrumbs-text-spacing-block-start-compact);--spectrum-breadcrumbs-text-spacing-block-end-compact:var(--system-breadcrumbs-text-spacing-block-end-compact);--spectrum-breadcrumbs-icon-spacing-block-compact:var(--system-breadcrumbs-icon-spacing-block-compact);--spectrum-breadcrumbs-text-spacing-block-start-multiline:var(--system-breadcrumbs-text-spacing-block-start-multiline);--spectrum-breadcrumbs-text-spacing-block-end-multiline:var(--system-breadcrumbs-text-spacing-block-end-multiline);--spectrum-breadcrumbs-text-spacing-block-between-multiline:var(--system-breadcrumbs-text-spacing-block-between-multiline);--spectrum-breadcrumbs-icon-spacing-block-start-multiline:var(--system-breadcrumbs-icon-spacing-block-start-multiline);--spectrum-breadcrumbs-icon-spacing-block-between-multiline:var(--system-breadcrumbs-icon-spacing-block-between-multiline);--spectrum-breadcrumbs-inline-start:var(--system-breadcrumbs-inline-start);--spectrum-breadcrumbs-inline-end:var(--system-breadcrumbs-inline-end);--spectrum-breadcrumbs-action-button-spacing-inline:var(--system-breadcrumbs-action-button-spacing-inline);--spectrum-breadcrumbs-action-button-spacing-block:var(--system-breadcrumbs-action-button-spacing-block);--spectrum-breadcrumbs-action-button-spacing-block-compact:var(--system-breadcrumbs-action-button-spacing-block-compact);--spectrum-breadcrumbs-action-button-spacing-inline-start:var(--system-breadcrumbs-action-button-spacing-inline-start);--spectrum-breadcrumbs-action-button-spacing-block-multiline:var(--system-breadcrumbs-action-button-spacing-block-multiline);--spectrum-breadcrumbs-action-button-spacing-block-between-multiline:var(--system-breadcrumbs-action-button-spacing-block-between-multiline);--spectrum-breadcrumbs-focus-indicator-thickness:var(--system-breadcrumbs-focus-indicator-thickness);--spectrum-breadcrumbs-focus-indicator-gap:var(--system-breadcrumbs-focus-indicator-gap);--spectrum-breadcrumbs-item-link-border-radius:var(--system-breadcrumbs-item-link-border-radius);--spectrum-breadcrumbs-text-color:var(--system-breadcrumbs-text-color);--spectrum-breadcrumbs-text-color-current:var(--system-breadcrumbs-text-color-current);--spectrum-breadcrumbs-text-color-disabled:var(--system-breadcrumbs-text-color-disabled);--spectrum-breadcrumbs-separator-color:var(--system-breadcrumbs-separator-color);--spectrum-breadcrumbs-action-button-color:var(--system-breadcrumbs-action-button-color);--spectrum-breadcrumbs-action-button-color-disabled:var(--system-breadcrumbs-action-button-color-disabled);--spectrum-breadcrumbs-focus-indicator-color:var(--system-breadcrumbs-focus-indicator-color)}:host{display:block}:host([compact]){--mod-breadcrumbs-icon-spacing-block:var(--mod-breadcrumbs-icon-spacing-block-compact,var(--spectrum-breadcrumbs-icon-spacing-block-compact));--mod-breadcrumbs-text-spacing-block-start:var(--mod-breadcrumbs-text-spacing-block-start-compact,var(--spectrum-breadcrumbs-text-spacing-block-start-compact));--mod-breadcrumbs-text-spacing-block-end:var(--mod-breadcrumbs-text-spacing-block-end-compact,var(--spectrum-breadcrumbs-text-spacing-block-end-compact));--mod-breadcrumbs-action-button-spacing-block:var(--mod-breadcrumbs-action-button-spacing-block-compact,var(--spectrum-breadcrumbs-action-button-spacing-block-compact))}:host([dir]) slot[slot=icon]::slotted([slot=icon]),:host([dir]) slot[slot=icon] .icon{margin-inline:calc(( var(--custom-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-edge-to-visual-only)))*-1)calc(( var(--custom-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-edge-to-visual-only)))*-1)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";import{css as r}from"@spectrum-web-components/base";const t=r`
|
|
2
|
+
@media (forced-colors:active){:host{--highcontrast-breadcrumbs-text-color:LinkText;--highcontrast-breadcrumbs-text-color-current:CanvasText;--highcontrast-breadcrumbs-text-color-disabled:GrayText;--highcontrast-breadcrumbs-separator-color:CanvasText;--highcontrast-breadcrumbs-action-button-color:LinkText;--highcontrast-breadcrumbs-action-button-color-disabled:GrayText;--highcontrast-breadcrumbs-focus-indicator-color:CanvasText}}#list{block-size:var(--mod-breadcrumbs-block-size,var(--spectrum-breadcrumbs-block-size));flex-flow:row;flex:1 0;justify-content:flex-start;align-items:center;margin:0;padding-inline-start:var(--mod-breadcrumbs-inline-start,var(--spectrum-breadcrumbs-inline-start));padding-inline-end:var(--mod-breadcrumbs-inline-end,var(--spectrum-breadcrumbs-inline-end));list-style-type:none;display:flex}:host([compact]) #list{block-size:var(--mod-breadcrumbs-block-size-compact,var(--spectrum-breadcrumbs-block-size-compact))}.spectrum-Breadcrumbs--multiline{block-size:var(--mod-breadcrumbs-block-size-multiline,var(--spectrum-breadcrumbs-block-size-multiline));flex-wrap:wrap;align-content:center}:host([compact]) ::slotted(sp-breadcrumb-item){font-family:var(--mod-breadcrumbs-font-family-compact,var(--spectrum-breadcrumbs-font-family-compact));font-size:var(--mod-breadcrumbs-font-size-compact,var(--spectrum-breadcrumbs-font-size-compact));font-weight:var(--mod-breadcrumbs-font-weight-compact,var(--spectrum-breadcrumbs-font-weight-compact))}:host([compact]) ::slotted(:last-of-type){font-family:var(--mod-breadcrumbs-font-family-compact-current,var(--spectrum-breadcrumbs-font-family-compact-current));font-size:var(--mod-breadcrumbs-font-size-compact-current,var(--spectrum-breadcrumbs-font-size-compact-current));font-weight:var(--mod-breadcrumbs-font-weight-compact-current,var(--spectrum-breadcrumbs-font-weight-compact-current))}:host{--spectrum-breadcrumbs-block-size:var(--system-breadcrumbs-block-size);--spectrum-breadcrumbs-block-size-compact:var(--system-breadcrumbs-block-size-compact);--spectrum-breadcrumbs-block-size-multiline:var(--system-breadcrumbs-block-size-multiline);--spectrum-breadcrumbs-line-height:var(--system-breadcrumbs-line-height);--spectrum-breadcrumbs-font-size:var(--system-breadcrumbs-font-size);--spectrum-breadcrumbs-font-family:var(--system-breadcrumbs-font-family);--spectrum-breadcrumbs-font-weight:var(--system-breadcrumbs-font-weight);--spectrum-breadcrumbs-font-size-current:var(--system-breadcrumbs-font-size-current);--spectrum-breadcrumbs-font-family-current:var(--system-breadcrumbs-font-family-current);--spectrum-breadcrumbs-font-weight-current:var(--system-breadcrumbs-font-weight-current);--spectrum-breadcrumbs-font-size-compact:var(--system-breadcrumbs-font-size-compact);--spectrum-breadcrumbs-font-family-compact:var(--system-breadcrumbs-font-family-compact);--spectrum-breadcrumbs-font-weight-compact:var(--system-breadcrumbs-font-weight-compact);--spectrum-breadcrumbs-font-size-compact-current:var(--system-breadcrumbs-font-size-compact-current);--spectrum-breadcrumbs-font-family-compact-current:var(--system-breadcrumbs-font-family-compact-current);--spectrum-breadcrumbs-font-weight-compact-current:var(--system-breadcrumbs-font-weight-compact-current);--spectrum-breadcrumbs-font-size-multiline:var(--system-breadcrumbs-font-size-multiline);--spectrum-breadcrumbs-font-family-multiline:var(--system-breadcrumbs-font-family-multiline);--spectrum-breadcrumbs-font-weight-multiline:var(--system-breadcrumbs-font-weight-multiline);--spectrum-breadcrumbs-font-size-multiline-current:var(--system-breadcrumbs-font-size-multiline-current);--spectrum-breadcrumbs-font-family-multiline-current:var(--system-breadcrumbs-font-family-multiline-current);--spectrum-breadcrumbs-font-weight-multiline-current:var(--system-breadcrumbs-font-weight-multiline-current);--spectrum-breadcrumbs-text-decoration-thickness:var(--system-breadcrumbs-text-decoration-thickness);--spectrum-breadcrumbs-text-decoration-gap:var(--system-breadcrumbs-text-decoration-gap);--spectrum-breadcrumbs-separator-spacing-inline:var(--system-breadcrumbs-separator-spacing-inline);--spectrum-breadcrumbs-text-spacing-block-start:var(--system-breadcrumbs-text-spacing-block-start);--spectrum-breadcrumbs-text-spacing-block-end:var(--system-breadcrumbs-text-spacing-block-end);--spectrum-breadcrumbs-icon-spacing-block:var(--system-breadcrumbs-icon-spacing-block);--spectrum-breadcrumbs-text-spacing-block-start-compact:var(--system-breadcrumbs-text-spacing-block-start-compact);--spectrum-breadcrumbs-text-spacing-block-end-compact:var(--system-breadcrumbs-text-spacing-block-end-compact);--spectrum-breadcrumbs-icon-spacing-block-compact:var(--system-breadcrumbs-icon-spacing-block-compact);--spectrum-breadcrumbs-text-spacing-block-start-multiline:var(--system-breadcrumbs-text-spacing-block-start-multiline);--spectrum-breadcrumbs-text-spacing-block-end-multiline:var(--system-breadcrumbs-text-spacing-block-end-multiline);--spectrum-breadcrumbs-text-spacing-block-between-multiline:var(--system-breadcrumbs-text-spacing-block-between-multiline);--spectrum-breadcrumbs-icon-spacing-block-start-multiline:var(--system-breadcrumbs-icon-spacing-block-start-multiline);--spectrum-breadcrumbs-icon-spacing-block-between-multiline:var(--system-breadcrumbs-icon-spacing-block-between-multiline);--spectrum-breadcrumbs-inline-start:var(--system-breadcrumbs-inline-start);--spectrum-breadcrumbs-inline-end:var(--system-breadcrumbs-inline-end);--spectrum-breadcrumbs-action-button-spacing-inline:var(--system-breadcrumbs-action-button-spacing-inline);--spectrum-breadcrumbs-action-button-spacing-block:var(--system-breadcrumbs-action-button-spacing-block);--spectrum-breadcrumbs-action-button-spacing-block-compact:var(--system-breadcrumbs-action-button-spacing-block-compact);--spectrum-breadcrumbs-action-button-spacing-inline-start:var(--system-breadcrumbs-action-button-spacing-inline-start);--spectrum-breadcrumbs-action-button-spacing-block-multiline:var(--system-breadcrumbs-action-button-spacing-block-multiline);--spectrum-breadcrumbs-action-button-spacing-block-between-multiline:var(--system-breadcrumbs-action-button-spacing-block-between-multiline);--spectrum-breadcrumbs-focus-indicator-thickness:var(--system-breadcrumbs-focus-indicator-thickness);--spectrum-breadcrumbs-focus-indicator-gap:var(--system-breadcrumbs-focus-indicator-gap);--spectrum-breadcrumbs-item-link-border-radius:var(--system-breadcrumbs-item-link-border-radius);--spectrum-breadcrumbs-text-color:var(--system-breadcrumbs-text-color);--spectrum-breadcrumbs-text-color-current:var(--system-breadcrumbs-text-color-current);--spectrum-breadcrumbs-text-color-disabled:var(--system-breadcrumbs-text-color-disabled);--spectrum-breadcrumbs-separator-color:var(--system-breadcrumbs-separator-color);--spectrum-breadcrumbs-action-button-color:var(--system-breadcrumbs-action-button-color);--spectrum-breadcrumbs-action-button-color-disabled:var(--system-breadcrumbs-action-button-color-disabled);--spectrum-breadcrumbs-focus-indicator-color:var(--system-breadcrumbs-focus-indicator-color)}:host{display:block}:host([compact]){--mod-breadcrumbs-icon-spacing-block:var(--mod-breadcrumbs-icon-spacing-block-compact,var(--spectrum-breadcrumbs-icon-spacing-block-compact));--mod-breadcrumbs-text-spacing-block-start:var(--mod-breadcrumbs-text-spacing-block-start-compact,var(--spectrum-breadcrumbs-text-spacing-block-start-compact));--mod-breadcrumbs-text-spacing-block-end:var(--mod-breadcrumbs-text-spacing-block-end-compact,var(--spectrum-breadcrumbs-text-spacing-block-end-compact));--mod-breadcrumbs-action-button-spacing-block:var(--mod-breadcrumbs-action-button-spacing-block-compact,var(--spectrum-breadcrumbs-action-button-spacing-block-compact))}:host([dir]) slot[slot=icon]::slotted([slot=icon]),:host([dir]) slot[slot=icon] .icon{margin-inline:calc(( var(--custom-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-edge-to-visual-only)))*-1)calc(( var(--custom-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-edge-to-visual-only)))*-1)}
|
|
3
|
+
`;export default t;
|
|
4
|
+
//# sourceMappingURL=breadcrumbs.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["breadcrumbs.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{--highcontrast-breadcrumbs-text-color:LinkText;--highcontrast-breadcrumbs-text-color-current:CanvasText;--highcontrast-breadcrumbs-text-color-disabled:GrayText;--highcontrast-breadcrumbs-separator-color:CanvasText;--highcontrast-breadcrumbs-action-button-color:LinkText;--highcontrast-breadcrumbs-action-button-color-disabled:GrayText;--highcontrast-breadcrumbs-focus-indicator-color:CanvasText}}#list{block-size:var(--mod-breadcrumbs-block-size,var(--spectrum-breadcrumbs-block-size));flex-flow:row;flex:1 0;justify-content:flex-start;align-items:center;margin:0;padding-inline-start:var(--mod-breadcrumbs-inline-start,var(--spectrum-breadcrumbs-inline-start));padding-inline-end:var(--mod-breadcrumbs-inline-end,var(--spectrum-breadcrumbs-inline-end));list-style-type:none;display:flex}:host([compact]) #list{block-size:var(--mod-breadcrumbs-block-size-compact,var(--spectrum-breadcrumbs-block-size-compact))}.spectrum-Breadcrumbs--multiline{block-size:var(--mod-breadcrumbs-block-size-multiline,var(--spectrum-breadcrumbs-block-size-multiline));flex-wrap:wrap;align-content:center}:host([compact]) ::slotted(sp-breadcrumb-item){font-family:var(--mod-breadcrumbs-font-family-compact,var(--spectrum-breadcrumbs-font-family-compact));font-size:var(--mod-breadcrumbs-font-size-compact,var(--spectrum-breadcrumbs-font-size-compact));font-weight:var(--mod-breadcrumbs-font-weight-compact,var(--spectrum-breadcrumbs-font-weight-compact))}:host([compact]) ::slotted(:last-of-type){font-family:var(--mod-breadcrumbs-font-family-compact-current,var(--spectrum-breadcrumbs-font-family-compact-current));font-size:var(--mod-breadcrumbs-font-size-compact-current,var(--spectrum-breadcrumbs-font-size-compact-current));font-weight:var(--mod-breadcrumbs-font-weight-compact-current,var(--spectrum-breadcrumbs-font-weight-compact-current))}:host{--spectrum-breadcrumbs-block-size:var(--system-breadcrumbs-block-size);--spectrum-breadcrumbs-block-size-compact:var(--system-breadcrumbs-block-size-compact);--spectrum-breadcrumbs-block-size-multiline:var(--system-breadcrumbs-block-size-multiline);--spectrum-breadcrumbs-line-height:var(--system-breadcrumbs-line-height);--spectrum-breadcrumbs-font-size:var(--system-breadcrumbs-font-size);--spectrum-breadcrumbs-font-family:var(--system-breadcrumbs-font-family);--spectrum-breadcrumbs-font-weight:var(--system-breadcrumbs-font-weight);--spectrum-breadcrumbs-font-size-current:var(--system-breadcrumbs-font-size-current);--spectrum-breadcrumbs-font-family-current:var(--system-breadcrumbs-font-family-current);--spectrum-breadcrumbs-font-weight-current:var(--system-breadcrumbs-font-weight-current);--spectrum-breadcrumbs-font-size-compact:var(--system-breadcrumbs-font-size-compact);--spectrum-breadcrumbs-font-family-compact:var(--system-breadcrumbs-font-family-compact);--spectrum-breadcrumbs-font-weight-compact:var(--system-breadcrumbs-font-weight-compact);--spectrum-breadcrumbs-font-size-compact-current:var(--system-breadcrumbs-font-size-compact-current);--spectrum-breadcrumbs-font-family-compact-current:var(--system-breadcrumbs-font-family-compact-current);--spectrum-breadcrumbs-font-weight-compact-current:var(--system-breadcrumbs-font-weight-compact-current);--spectrum-breadcrumbs-font-size-multiline:var(--system-breadcrumbs-font-size-multiline);--spectrum-breadcrumbs-font-family-multiline:var(--system-breadcrumbs-font-family-multiline);--spectrum-breadcrumbs-font-weight-multiline:var(--system-breadcrumbs-font-weight-multiline);--spectrum-breadcrumbs-font-size-multiline-current:var(--system-breadcrumbs-font-size-multiline-current);--spectrum-breadcrumbs-font-family-multiline-current:var(--system-breadcrumbs-font-family-multiline-current);--spectrum-breadcrumbs-font-weight-multiline-current:var(--system-breadcrumbs-font-weight-multiline-current);--spectrum-breadcrumbs-text-decoration-thickness:var(--system-breadcrumbs-text-decoration-thickness);--spectrum-breadcrumbs-text-decoration-gap:var(--system-breadcrumbs-text-decoration-gap);--spectrum-breadcrumbs-separator-spacing-inline:var(--system-breadcrumbs-separator-spacing-inline);--spectrum-breadcrumbs-text-spacing-block-start:var(--system-breadcrumbs-text-spacing-block-start);--spectrum-breadcrumbs-text-spacing-block-end:var(--system-breadcrumbs-text-spacing-block-end);--spectrum-breadcrumbs-icon-spacing-block:var(--system-breadcrumbs-icon-spacing-block);--spectrum-breadcrumbs-text-spacing-block-start-compact:var(--system-breadcrumbs-text-spacing-block-start-compact);--spectrum-breadcrumbs-text-spacing-block-end-compact:var(--system-breadcrumbs-text-spacing-block-end-compact);--spectrum-breadcrumbs-icon-spacing-block-compact:var(--system-breadcrumbs-icon-spacing-block-compact);--spectrum-breadcrumbs-text-spacing-block-start-multiline:var(--system-breadcrumbs-text-spacing-block-start-multiline);--spectrum-breadcrumbs-text-spacing-block-end-multiline:var(--system-breadcrumbs-text-spacing-block-end-multiline);--spectrum-breadcrumbs-text-spacing-block-between-multiline:var(--system-breadcrumbs-text-spacing-block-between-multiline);--spectrum-breadcrumbs-icon-spacing-block-start-multiline:var(--system-breadcrumbs-icon-spacing-block-start-multiline);--spectrum-breadcrumbs-icon-spacing-block-between-multiline:var(--system-breadcrumbs-icon-spacing-block-between-multiline);--spectrum-breadcrumbs-inline-start:var(--system-breadcrumbs-inline-start);--spectrum-breadcrumbs-inline-end:var(--system-breadcrumbs-inline-end);--spectrum-breadcrumbs-action-button-spacing-inline:var(--system-breadcrumbs-action-button-spacing-inline);--spectrum-breadcrumbs-action-button-spacing-block:var(--system-breadcrumbs-action-button-spacing-block);--spectrum-breadcrumbs-action-button-spacing-block-compact:var(--system-breadcrumbs-action-button-spacing-block-compact);--spectrum-breadcrumbs-action-button-spacing-inline-start:var(--system-breadcrumbs-action-button-spacing-inline-start);--spectrum-breadcrumbs-action-button-spacing-block-multiline:var(--system-breadcrumbs-action-button-spacing-block-multiline);--spectrum-breadcrumbs-action-button-spacing-block-between-multiline:var(--system-breadcrumbs-action-button-spacing-block-between-multiline);--spectrum-breadcrumbs-focus-indicator-thickness:var(--system-breadcrumbs-focus-indicator-thickness);--spectrum-breadcrumbs-focus-indicator-gap:var(--system-breadcrumbs-focus-indicator-gap);--spectrum-breadcrumbs-item-link-border-radius:var(--system-breadcrumbs-item-link-border-radius);--spectrum-breadcrumbs-text-color:var(--system-breadcrumbs-text-color);--spectrum-breadcrumbs-text-color-current:var(--system-breadcrumbs-text-color-current);--spectrum-breadcrumbs-text-color-disabled:var(--system-breadcrumbs-text-color-disabled);--spectrum-breadcrumbs-separator-color:var(--system-breadcrumbs-separator-color);--spectrum-breadcrumbs-action-button-color:var(--system-breadcrumbs-action-button-color);--spectrum-breadcrumbs-action-button-color-disabled:var(--system-breadcrumbs-action-button-color-disabled);--spectrum-breadcrumbs-focus-indicator-color:var(--system-breadcrumbs-focus-indicator-color)}:host{display:block}:host([compact]){--mod-breadcrumbs-icon-spacing-block:var(--mod-breadcrumbs-icon-spacing-block-compact,var(--spectrum-breadcrumbs-icon-spacing-block-compact));--mod-breadcrumbs-text-spacing-block-start:var(--mod-breadcrumbs-text-spacing-block-start-compact,var(--spectrum-breadcrumbs-text-spacing-block-start-compact));--mod-breadcrumbs-text-spacing-block-end:var(--mod-breadcrumbs-text-spacing-block-end-compact,var(--spectrum-breadcrumbs-text-spacing-block-end-compact));--mod-breadcrumbs-action-button-spacing-block:var(--mod-breadcrumbs-action-button-spacing-block-compact,var(--spectrum-breadcrumbs-action-button-spacing-block-compact))}:host([dir]) slot[slot=icon]::slotted([slot=icon]),:host([dir]) slot[slot=icon] .icon{margin-inline:calc(( var(--custom-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-edge-to-visual-only)))*-1)calc(( var(--custom-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-edge-to-visual-only)))*-1)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|
package/src/index.d.ts
ADDED
package/src/index.dev.js
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["index.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nexport * from './Breadcrumbs.dev.js'\nexport * from './BreadcrumbItem.dev.js'\n"],
|
|
5
|
+
"mappings": ";AAWA,cAAc;AACd,cAAc;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/src/index.js
ADDED
package/src/index.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["index.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nexport * from './Breadcrumbs.js';\nexport * from './BreadcrumbItem.js';\n"],
|
|
5
|
+
"mappings": "aAWA,WAAc,mBACd,WAAc",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
#separator{margin-block:var(--mod-breadcrumbs-icon-spacing-block,var(--spectrum-breadcrumbs-icon-spacing-block));margin-inline:var(--mod-breadcrumbs-separator-spacing-inline,var(--spectrum-breadcrumbs-separator-spacing-inline));opacity:1;color:var(--highcontrast-breadcrumbs-separator-color,var(--mod-breadcrumbs-separator-color,var(--spectrum-breadcrumbs-separator-color)));position:relative}#separator:dir(rtl),:host([dir=rtl]) #separator{transform:scaleX(-1)}:host{box-sizing:border-box;white-space:nowrap;font-family:var(--mod-breadcrumbs-font-family,var(--spectrum-breadcrumbs-font-family));font-size:var(--mod-breadcrumbs-font-size,var(--spectrum-breadcrumbs-font-size));font-weight:var(--mod-breadcrumbs-font-weight,var(--spectrum-breadcrumbs-font-weight));line-height:var(--mod-breadcrumbs-line-height,var(--spectrum-breadcrumbs-line-height));align-items:center;display:inline-flex;position:relative}:host(:not(.is-menu):last-of-type){font-family:var(--mod-breadcrumbs-font-family-current,var(--spectrum-breadcrumbs-font-family-current));font-size:var(--mod-breadcrumbs-font-size-current,var(--spectrum-breadcrumbs-font-size-current));font-weight:var(--mod-breadcrumbs-font-weight-current,var(--spectrum-breadcrumbs-font-weight-current))}:host(:not(.is-menu):last-of-type) #separator{display:none}::slotted(sp-action-menu){margin-inline:var(--mod-breadcrumbs-action-button-spacing-inline,var(--spectrum-breadcrumbs-action-button-spacing-inline));margin-block:var(--mod-breadcrumbs-action-button-spacing-block,var(--spectrum-breadcrumbs-action-button-spacing-block));color:var(--highcontrast-breadcrumbs-action-button-color,var(--mod-breadcrumbs-action-button-color,var(--spectrum-breadcrumbs-action-button-color)))}::slotted(sp-action-menu[disabled]){color:var(--highcontrast-breadcrumbs-action-button-color-disabled,var(--mod-breadcrumbs-action-button-color-disabled,var(--spectrum-breadcrumbs-action-button-color-disabled)))}:host(:first-of-type)>::slotted(sp-action-menu){margin-inline-start:var(--mod-breadcrumbs-action-button-spacing-inline-start,var(--spectrum-breadcrumbs-action-button-spacing-inline-start))}#item-link{cursor:default;box-sizing:border-box;border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));color:var(--highcontrast-breadcrumbs-text-color,var(--mod-breadcrumbs-text-color,var(--spectrum-breadcrumbs-text-color)));outline:none;margin-block-start:var(--mod-breadcrumbs-text-spacing-block-start,var(--spectrum-breadcrumbs-text-spacing-block-start));margin-block-end:var(--mod-breadcrumbs-text-spacing-block-end,var(--spectrum-breadcrumbs-text-spacing-block-end));-webkit-text-decoration:none;text-decoration:none;display:block;position:relative}#item-link.is-disabled,:host([aria-disabled=true]) #item-link{color:var(--highcontrast-breadcrumbs-text-color-disabled,var(--mod-breadcrumbs-text-color-disabled,var(--spectrum-breadcrumbs-text-color-disabled)))}:host(:not(.is-menu):last-of-type) #item-link{color:var(--highcontrast-breadcrumbs-text-color-current,var(--mod-breadcrumbs-text-color-current,var(--spectrum-breadcrumbs-text-color-current)))}#item-link[href],#item-link[tabindex]{cursor:pointer}#item-link[href]:focus-visible,#item-link[tabindex]:focus-visible{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}@media (hover:hover){#item-link[href]:hover,#item-link[tabindex]:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}}:host .is-dragged #item-link:before,#item-link:focus-visible:before{box-sizing:border-box;inline-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);block-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);border-width:var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness));border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));content:"";pointer-events:none;border-style:solid;border-color:var(--highcontrast-breadcrumbs-focus-indicator-color,var(--mod-breadcrumbs-focus-indicator-color,var(--spectrum-breadcrumbs-focus-indicator-color)));margin-block-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);margin-inline-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);display:block;position:absolute}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=spectrum-breadcrumbs-item.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["spectrum-breadcrumbs-item.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n #separator{margin-block:var(--mod-breadcrumbs-icon-spacing-block,var(--spectrum-breadcrumbs-icon-spacing-block));margin-inline:var(--mod-breadcrumbs-separator-spacing-inline,var(--spectrum-breadcrumbs-separator-spacing-inline));opacity:1;color:var(--highcontrast-breadcrumbs-separator-color,var(--mod-breadcrumbs-separator-color,var(--spectrum-breadcrumbs-separator-color)));position:relative}#separator:dir(rtl),:host([dir=rtl]) #separator{transform:scaleX(-1)}:host{box-sizing:border-box;white-space:nowrap;font-family:var(--mod-breadcrumbs-font-family,var(--spectrum-breadcrumbs-font-family));font-size:var(--mod-breadcrumbs-font-size,var(--spectrum-breadcrumbs-font-size));font-weight:var(--mod-breadcrumbs-font-weight,var(--spectrum-breadcrumbs-font-weight));line-height:var(--mod-breadcrumbs-line-height,var(--spectrum-breadcrumbs-line-height));align-items:center;display:inline-flex;position:relative}:host(:not(.is-menu):last-of-type){font-family:var(--mod-breadcrumbs-font-family-current,var(--spectrum-breadcrumbs-font-family-current));font-size:var(--mod-breadcrumbs-font-size-current,var(--spectrum-breadcrumbs-font-size-current));font-weight:var(--mod-breadcrumbs-font-weight-current,var(--spectrum-breadcrumbs-font-weight-current))}:host(:not(.is-menu):last-of-type) #separator{display:none}::slotted(sp-action-menu){margin-inline:var(--mod-breadcrumbs-action-button-spacing-inline,var(--spectrum-breadcrumbs-action-button-spacing-inline));margin-block:var(--mod-breadcrumbs-action-button-spacing-block,var(--spectrum-breadcrumbs-action-button-spacing-block));color:var(--highcontrast-breadcrumbs-action-button-color,var(--mod-breadcrumbs-action-button-color,var(--spectrum-breadcrumbs-action-button-color)))}::slotted(sp-action-menu[disabled]){color:var(--highcontrast-breadcrumbs-action-button-color-disabled,var(--mod-breadcrumbs-action-button-color-disabled,var(--spectrum-breadcrumbs-action-button-color-disabled)))}:host(:first-of-type)>::slotted(sp-action-menu){margin-inline-start:var(--mod-breadcrumbs-action-button-spacing-inline-start,var(--spectrum-breadcrumbs-action-button-spacing-inline-start))}#item-link{cursor:default;box-sizing:border-box;border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));color:var(--highcontrast-breadcrumbs-text-color,var(--mod-breadcrumbs-text-color,var(--spectrum-breadcrumbs-text-color)));outline:none;margin-block-start:var(--mod-breadcrumbs-text-spacing-block-start,var(--spectrum-breadcrumbs-text-spacing-block-start));margin-block-end:var(--mod-breadcrumbs-text-spacing-block-end,var(--spectrum-breadcrumbs-text-spacing-block-end));-webkit-text-decoration:none;text-decoration:none;display:block;position:relative}#item-link.is-disabled,:host([aria-disabled=true]) #item-link{color:var(--highcontrast-breadcrumbs-text-color-disabled,var(--mod-breadcrumbs-text-color-disabled,var(--spectrum-breadcrumbs-text-color-disabled)))}:host(:not(.is-menu):last-of-type) #item-link{color:var(--highcontrast-breadcrumbs-text-color-current,var(--mod-breadcrumbs-text-color-current,var(--spectrum-breadcrumbs-text-color-current)))}#item-link[href],#item-link[tabindex]{cursor:pointer}#item-link[href]:focus-visible,#item-link[tabindex]:focus-visible{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}@media (hover:hover){#item-link[href]:hover,#item-link[tabindex]:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}}:host .is-dragged #item-link:before,#item-link:focus-visible:before{box-sizing:border-box;inline-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);block-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);border-width:var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness));border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));content:\"\";pointer-events:none;border-style:solid;border-color:var(--highcontrast-breadcrumbs-focus-indicator-color,var(--mod-breadcrumbs-focus-indicator-color,var(--spectrum-breadcrumbs-focus-indicator-color)));margin-block-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);margin-inline-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);display:block;position:absolute}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
|
|
2
|
+
#separator{margin-block:var(--mod-breadcrumbs-icon-spacing-block,var(--spectrum-breadcrumbs-icon-spacing-block));margin-inline:var(--mod-breadcrumbs-separator-spacing-inline,var(--spectrum-breadcrumbs-separator-spacing-inline));opacity:1;color:var(--highcontrast-breadcrumbs-separator-color,var(--mod-breadcrumbs-separator-color,var(--spectrum-breadcrumbs-separator-color)));position:relative}#separator:dir(rtl),:host([dir=rtl]) #separator{transform:scaleX(-1)}:host{box-sizing:border-box;white-space:nowrap;font-family:var(--mod-breadcrumbs-font-family,var(--spectrum-breadcrumbs-font-family));font-size:var(--mod-breadcrumbs-font-size,var(--spectrum-breadcrumbs-font-size));font-weight:var(--mod-breadcrumbs-font-weight,var(--spectrum-breadcrumbs-font-weight));line-height:var(--mod-breadcrumbs-line-height,var(--spectrum-breadcrumbs-line-height));align-items:center;display:inline-flex;position:relative}:host(:not(.is-menu):last-of-type){font-family:var(--mod-breadcrumbs-font-family-current,var(--spectrum-breadcrumbs-font-family-current));font-size:var(--mod-breadcrumbs-font-size-current,var(--spectrum-breadcrumbs-font-size-current));font-weight:var(--mod-breadcrumbs-font-weight-current,var(--spectrum-breadcrumbs-font-weight-current))}:host(:not(.is-menu):last-of-type) #separator{display:none}::slotted(sp-action-menu){margin-inline:var(--mod-breadcrumbs-action-button-spacing-inline,var(--spectrum-breadcrumbs-action-button-spacing-inline));margin-block:var(--mod-breadcrumbs-action-button-spacing-block,var(--spectrum-breadcrumbs-action-button-spacing-block));color:var(--highcontrast-breadcrumbs-action-button-color,var(--mod-breadcrumbs-action-button-color,var(--spectrum-breadcrumbs-action-button-color)))}::slotted(sp-action-menu[disabled]){color:var(--highcontrast-breadcrumbs-action-button-color-disabled,var(--mod-breadcrumbs-action-button-color-disabled,var(--spectrum-breadcrumbs-action-button-color-disabled)))}:host(:first-of-type)>::slotted(sp-action-menu){margin-inline-start:var(--mod-breadcrumbs-action-button-spacing-inline-start,var(--spectrum-breadcrumbs-action-button-spacing-inline-start))}#item-link{cursor:default;box-sizing:border-box;border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));color:var(--highcontrast-breadcrumbs-text-color,var(--mod-breadcrumbs-text-color,var(--spectrum-breadcrumbs-text-color)));outline:none;margin-block-start:var(--mod-breadcrumbs-text-spacing-block-start,var(--spectrum-breadcrumbs-text-spacing-block-start));margin-block-end:var(--mod-breadcrumbs-text-spacing-block-end,var(--spectrum-breadcrumbs-text-spacing-block-end));-webkit-text-decoration:none;text-decoration:none;display:block;position:relative}#item-link.is-disabled,:host([aria-disabled=true]) #item-link{color:var(--highcontrast-breadcrumbs-text-color-disabled,var(--mod-breadcrumbs-text-color-disabled,var(--spectrum-breadcrumbs-text-color-disabled)))}:host(:not(.is-menu):last-of-type) #item-link{color:var(--highcontrast-breadcrumbs-text-color-current,var(--mod-breadcrumbs-text-color-current,var(--spectrum-breadcrumbs-text-color-current)))}#item-link[href],#item-link[tabindex]{cursor:pointer}#item-link[href]:focus-visible,#item-link[tabindex]:focus-visible{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}@media (hover:hover){#item-link[href]:hover,#item-link[tabindex]:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}}:host .is-dragged #item-link:before,#item-link:focus-visible:before{box-sizing:border-box;inline-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);block-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);border-width:var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness));border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));content:"";pointer-events:none;border-style:solid;border-color:var(--highcontrast-breadcrumbs-focus-indicator-color,var(--mod-breadcrumbs-focus-indicator-color,var(--spectrum-breadcrumbs-focus-indicator-color)));margin-block-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);margin-inline-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);display:block;position:absolute}
|
|
3
|
+
`;export default e;
|
|
4
|
+
//# sourceMappingURL=spectrum-breadcrumbs-item.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["spectrum-breadcrumbs-item.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n #separator{margin-block:var(--mod-breadcrumbs-icon-spacing-block,var(--spectrum-breadcrumbs-icon-spacing-block));margin-inline:var(--mod-breadcrumbs-separator-spacing-inline,var(--spectrum-breadcrumbs-separator-spacing-inline));opacity:1;color:var(--highcontrast-breadcrumbs-separator-color,var(--mod-breadcrumbs-separator-color,var(--spectrum-breadcrumbs-separator-color)));position:relative}#separator:dir(rtl),:host([dir=rtl]) #separator{transform:scaleX(-1)}:host{box-sizing:border-box;white-space:nowrap;font-family:var(--mod-breadcrumbs-font-family,var(--spectrum-breadcrumbs-font-family));font-size:var(--mod-breadcrumbs-font-size,var(--spectrum-breadcrumbs-font-size));font-weight:var(--mod-breadcrumbs-font-weight,var(--spectrum-breadcrumbs-font-weight));line-height:var(--mod-breadcrumbs-line-height,var(--spectrum-breadcrumbs-line-height));align-items:center;display:inline-flex;position:relative}:host(:not(.is-menu):last-of-type){font-family:var(--mod-breadcrumbs-font-family-current,var(--spectrum-breadcrumbs-font-family-current));font-size:var(--mod-breadcrumbs-font-size-current,var(--spectrum-breadcrumbs-font-size-current));font-weight:var(--mod-breadcrumbs-font-weight-current,var(--spectrum-breadcrumbs-font-weight-current))}:host(:not(.is-menu):last-of-type) #separator{display:none}::slotted(sp-action-menu){margin-inline:var(--mod-breadcrumbs-action-button-spacing-inline,var(--spectrum-breadcrumbs-action-button-spacing-inline));margin-block:var(--mod-breadcrumbs-action-button-spacing-block,var(--spectrum-breadcrumbs-action-button-spacing-block));color:var(--highcontrast-breadcrumbs-action-button-color,var(--mod-breadcrumbs-action-button-color,var(--spectrum-breadcrumbs-action-button-color)))}::slotted(sp-action-menu[disabled]){color:var(--highcontrast-breadcrumbs-action-button-color-disabled,var(--mod-breadcrumbs-action-button-color-disabled,var(--spectrum-breadcrumbs-action-button-color-disabled)))}:host(:first-of-type)>::slotted(sp-action-menu){margin-inline-start:var(--mod-breadcrumbs-action-button-spacing-inline-start,var(--spectrum-breadcrumbs-action-button-spacing-inline-start))}#item-link{cursor:default;box-sizing:border-box;border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));color:var(--highcontrast-breadcrumbs-text-color,var(--mod-breadcrumbs-text-color,var(--spectrum-breadcrumbs-text-color)));outline:none;margin-block-start:var(--mod-breadcrumbs-text-spacing-block-start,var(--spectrum-breadcrumbs-text-spacing-block-start));margin-block-end:var(--mod-breadcrumbs-text-spacing-block-end,var(--spectrum-breadcrumbs-text-spacing-block-end));-webkit-text-decoration:none;text-decoration:none;display:block;position:relative}#item-link.is-disabled,:host([aria-disabled=true]) #item-link{color:var(--highcontrast-breadcrumbs-text-color-disabled,var(--mod-breadcrumbs-text-color-disabled,var(--spectrum-breadcrumbs-text-color-disabled)))}:host(:not(.is-menu):last-of-type) #item-link{color:var(--highcontrast-breadcrumbs-text-color-current,var(--mod-breadcrumbs-text-color-current,var(--spectrum-breadcrumbs-text-color-current)))}#item-link[href],#item-link[tabindex]{cursor:pointer}#item-link[href]:focus-visible,#item-link[tabindex]:focus-visible{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}@media (hover:hover){#item-link[href]:hover,#item-link[tabindex]:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}}:host .is-dragged #item-link:before,#item-link:focus-visible:before{box-sizing:border-box;inline-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);block-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);border-width:var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness));border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));content:\"\";pointer-events:none;border-style:solid;border-color:var(--highcontrast-breadcrumbs-focus-indicator-color,var(--mod-breadcrumbs-focus-indicator-color,var(--spectrum-breadcrumbs-focus-indicator-color)));margin-block-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);margin-inline-start:calc(( var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);display:block;position:absolute}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|