le-kit 0.3.0 → 0.3.1
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/dist/cjs/le-bar.cjs.entry.js +10 -10
- package/dist/collection/components/le-bar/le-bar.js +10 -10
- package/dist/collection/components/le-bar/le-bar.js.map +1 -1
- package/dist/collection/dist/components/assets/custom-elements.json +1094 -1094
- package/dist/components/assets/custom-elements.json +1094 -1094
- package/dist/components/le-bar2.js +10 -10
- package/dist/components/le-bar2.js.map +1 -1
- package/dist/docs.json +1 -1
- package/dist/esm/le-bar.entry.js +10 -10
- package/dist/esm/le-bar.entry.js.map +1 -1
- package/dist/le-kit/dist/components/assets/custom-elements.json +1094 -1094
- package/dist/le-kit/le-kit.esm.js +1 -1
- package/dist/le-kit/p-0efce278.entry.js +2 -0
- package/dist/le-kit/p-0efce278.entry.js.map +1 -0
- package/package.json +1 -1
- package/dist/le-kit/p-4f11ea11.entry.js +0 -2
- package/dist/le-kit/p-4f11ea11.entry.js.map +0 -1
|
@@ -224,7 +224,7 @@ const LeBar = class {
|
|
|
224
224
|
this.emitOverflowChange();
|
|
225
225
|
}
|
|
226
226
|
// Set container height to show only first row
|
|
227
|
-
if (newOverflowingIds
|
|
227
|
+
if ((newOverflowingIds?.size ?? 0) > 0 && firstRowBottom > 0) {
|
|
228
228
|
this.containerHeight = firstRowBottom;
|
|
229
229
|
}
|
|
230
230
|
else {
|
|
@@ -234,7 +234,7 @@ const LeBar = class {
|
|
|
234
234
|
}
|
|
235
235
|
emitOverflowChange() {
|
|
236
236
|
this.leBarOverflowChange.emit({
|
|
237
|
-
overflowingIds: [...this.overflowingIds],
|
|
237
|
+
overflowingIds: [...(this.overflowingIds ?? [])],
|
|
238
238
|
hamburgerActive: this.hamburgerActive,
|
|
239
239
|
});
|
|
240
240
|
}
|
|
@@ -366,14 +366,14 @@ const LeBar = class {
|
|
|
366
366
|
item,
|
|
367
367
|
}));
|
|
368
368
|
}
|
|
369
|
-
else if (this.overflow === 'more' && this.overflowingIds
|
|
369
|
+
else if (this.overflow === 'more' && (this.overflowingIds?.size ?? 0) > 0) {
|
|
370
370
|
// Show only overflowing items
|
|
371
371
|
itemsToShow = items
|
|
372
372
|
.map((item, index) => ({
|
|
373
373
|
id: this.getItemId(item, index),
|
|
374
374
|
item,
|
|
375
375
|
}))
|
|
376
|
-
.filter(({ id }) => this.overflowingIds
|
|
376
|
+
.filter(({ id }) => this.overflowingIds?.has(id));
|
|
377
377
|
}
|
|
378
378
|
if (itemsToShow.length === 0)
|
|
379
379
|
return null;
|
|
@@ -392,7 +392,7 @@ const LeBar = class {
|
|
|
392
392
|
}
|
|
393
393
|
render() {
|
|
394
394
|
const showOverflowButton = !this.disablePopover &&
|
|
395
|
-
((this.overflow === 'more' && this.overflowingIds
|
|
395
|
+
((this.overflow === 'more' && (this.overflowingIds?.size ?? 0) > 0) ||
|
|
396
396
|
(this.overflow === 'hamburger' && this.hamburgerActive));
|
|
397
397
|
const containerStyle = {};
|
|
398
398
|
if (this.containerHeight !== null &&
|
|
@@ -401,22 +401,22 @@ const LeBar = class {
|
|
|
401
401
|
}
|
|
402
402
|
const showAllMenuAtStart = this.showAllMenu === 'start';
|
|
403
403
|
const showAllMenuAtEnd = this.showAllMenu === true || this.showAllMenu === 'end';
|
|
404
|
-
return (index.h(index.Host, { key: '
|
|
404
|
+
return (index.h(index.Host, { key: 'b15277217f45b9a2b4015e1062192ad7bfcafae3', class: utils.classnames({
|
|
405
405
|
'overflow-more': this.overflow === 'more',
|
|
406
406
|
'overflow-scroll': this.overflow === 'scroll',
|
|
407
407
|
'overflow-hamburger': this.overflow === 'hamburger',
|
|
408
408
|
'overflow-wrap': this.overflow === 'wrap',
|
|
409
409
|
'hamburger-active': this.hamburgerActive,
|
|
410
|
-
'has-overflow': this.overflowingIds
|
|
411
|
-
}) }, index.h("div", { key: '
|
|
410
|
+
'has-overflow': (this.overflowingIds?.size ?? 0) > 0 || this.hamburgerActive,
|
|
411
|
+
}) }, index.h("div", { key: 'cc8ff523ebc98f307cae7313a1998468e98dd712', class: utils.classnames('bar-container', {
|
|
412
412
|
[`align-${this.alignItems}`]: true,
|
|
413
|
-
}), part: "container" }, this.overflow === 'scroll' && this.arrows && (index.h("div", { key: '
|
|
413
|
+
}), part: "container" }, this.overflow === 'scroll' && this.arrows && (index.h("div", { key: '00f0afbd5b4280f4b231fa4d499ef8a7c0e4bd47', class: "bar-controls bar-controls-start" }, this.renderScrollArrows()?.[0])), showAllMenuAtStart && (index.h("div", { key: '57234a8145f97f7a803c0488b520786a25584a9d', class: "bar-controls bar-controls-start" }, this.renderAllMenuPopover())), index.h("div", { key: '15db1e36049182161823998fc1041ad91d327816', class: utils.classnames('bar-items', {
|
|
414
414
|
'is-scrollable': this.overflow === 'scroll',
|
|
415
415
|
'is-wrapping': this.overflow === 'wrap',
|
|
416
416
|
}), style: containerStyle, ref: el => {
|
|
417
417
|
this.itemsContainerEl = el;
|
|
418
418
|
this.observeContainer(el);
|
|
419
|
-
}, onScroll: this.overflow === 'scroll' ? this.handleScroll : undefined }, index.h("slot", { key: '
|
|
419
|
+
}, onScroll: this.overflow === 'scroll' ? this.handleScroll : undefined }, index.h("slot", { key: '6b967b1c0f251e1214b0ae58b18e767ef9d096a8' })), showOverflowButton && (index.h("div", { key: 'b77c30910b01bffae047f9744f2589743a29eb29', class: "bar-controls bar-controls-end" }, this.renderOverflowPopover())), showAllMenuAtEnd && (index.h("div", { key: '971d727e51f4b4682ed1b600e930b2f33b3c0a65', class: "bar-controls bar-controls-end" }, this.renderAllMenuPopover())), this.overflow === 'scroll' && this.arrows && (index.h("div", { key: 'a6b6fc87ceae32503fc55a0da54b1e38f7f95ff7', class: "bar-controls bar-controls-end" }, this.renderScrollArrows()?.[1])))));
|
|
420
420
|
}
|
|
421
421
|
static get watchers() { return {
|
|
422
422
|
"overflow": ["handleOverflowChange"]
|
|
@@ -242,7 +242,7 @@ export class LeBar {
|
|
|
242
242
|
this.emitOverflowChange();
|
|
243
243
|
}
|
|
244
244
|
// Set container height to show only first row
|
|
245
|
-
if (newOverflowingIds
|
|
245
|
+
if ((newOverflowingIds?.size ?? 0) > 0 && firstRowBottom > 0) {
|
|
246
246
|
this.containerHeight = firstRowBottom;
|
|
247
247
|
}
|
|
248
248
|
else {
|
|
@@ -252,7 +252,7 @@ export class LeBar {
|
|
|
252
252
|
}
|
|
253
253
|
emitOverflowChange() {
|
|
254
254
|
this.leBarOverflowChange.emit({
|
|
255
|
-
overflowingIds: [...this.overflowingIds],
|
|
255
|
+
overflowingIds: [...(this.overflowingIds ?? [])],
|
|
256
256
|
hamburgerActive: this.hamburgerActive,
|
|
257
257
|
});
|
|
258
258
|
}
|
|
@@ -384,14 +384,14 @@ export class LeBar {
|
|
|
384
384
|
item,
|
|
385
385
|
}));
|
|
386
386
|
}
|
|
387
|
-
else if (this.overflow === 'more' && this.overflowingIds
|
|
387
|
+
else if (this.overflow === 'more' && (this.overflowingIds?.size ?? 0) > 0) {
|
|
388
388
|
// Show only overflowing items
|
|
389
389
|
itemsToShow = items
|
|
390
390
|
.map((item, index) => ({
|
|
391
391
|
id: this.getItemId(item, index),
|
|
392
392
|
item,
|
|
393
393
|
}))
|
|
394
|
-
.filter(({ id }) => this.overflowingIds
|
|
394
|
+
.filter(({ id }) => this.overflowingIds?.has(id));
|
|
395
395
|
}
|
|
396
396
|
if (itemsToShow.length === 0)
|
|
397
397
|
return null;
|
|
@@ -410,7 +410,7 @@ export class LeBar {
|
|
|
410
410
|
}
|
|
411
411
|
render() {
|
|
412
412
|
const showOverflowButton = !this.disablePopover &&
|
|
413
|
-
((this.overflow === 'more' && this.overflowingIds
|
|
413
|
+
((this.overflow === 'more' && (this.overflowingIds?.size ?? 0) > 0) ||
|
|
414
414
|
(this.overflow === 'hamburger' && this.hamburgerActive));
|
|
415
415
|
const containerStyle = {};
|
|
416
416
|
if (this.containerHeight !== null &&
|
|
@@ -419,22 +419,22 @@ export class LeBar {
|
|
|
419
419
|
}
|
|
420
420
|
const showAllMenuAtStart = this.showAllMenu === 'start';
|
|
421
421
|
const showAllMenuAtEnd = this.showAllMenu === true || this.showAllMenu === 'end';
|
|
422
|
-
return (h(Host, { key: '
|
|
422
|
+
return (h(Host, { key: 'b15277217f45b9a2b4015e1062192ad7bfcafae3', class: classnames({
|
|
423
423
|
'overflow-more': this.overflow === 'more',
|
|
424
424
|
'overflow-scroll': this.overflow === 'scroll',
|
|
425
425
|
'overflow-hamburger': this.overflow === 'hamburger',
|
|
426
426
|
'overflow-wrap': this.overflow === 'wrap',
|
|
427
427
|
'hamburger-active': this.hamburgerActive,
|
|
428
|
-
'has-overflow': this.overflowingIds
|
|
429
|
-
}) }, h("div", { key: '
|
|
428
|
+
'has-overflow': (this.overflowingIds?.size ?? 0) > 0 || this.hamburgerActive,
|
|
429
|
+
}) }, h("div", { key: 'cc8ff523ebc98f307cae7313a1998468e98dd712', class: classnames('bar-container', {
|
|
430
430
|
[`align-${this.alignItems}`]: true,
|
|
431
|
-
}), part: "container" }, this.overflow === 'scroll' && this.arrows && (h("div", { key: '
|
|
431
|
+
}), part: "container" }, this.overflow === 'scroll' && this.arrows && (h("div", { key: '00f0afbd5b4280f4b231fa4d499ef8a7c0e4bd47', class: "bar-controls bar-controls-start" }, this.renderScrollArrows()?.[0])), showAllMenuAtStart && (h("div", { key: '57234a8145f97f7a803c0488b520786a25584a9d', class: "bar-controls bar-controls-start" }, this.renderAllMenuPopover())), h("div", { key: '15db1e36049182161823998fc1041ad91d327816', class: classnames('bar-items', {
|
|
432
432
|
'is-scrollable': this.overflow === 'scroll',
|
|
433
433
|
'is-wrapping': this.overflow === 'wrap',
|
|
434
434
|
}), style: containerStyle, ref: el => {
|
|
435
435
|
this.itemsContainerEl = el;
|
|
436
436
|
this.observeContainer(el);
|
|
437
|
-
}, onScroll: this.overflow === 'scroll' ? this.handleScroll : undefined }, h("slot", { key: '
|
|
437
|
+
}, onScroll: this.overflow === 'scroll' ? this.handleScroll : undefined }, h("slot", { key: '6b967b1c0f251e1214b0ae58b18e767ef9d096a8' })), showOverflowButton && (h("div", { key: 'b77c30910b01bffae047f9744f2589743a29eb29', class: "bar-controls bar-controls-end" }, this.renderOverflowPopover())), showAllMenuAtEnd && (h("div", { key: '971d727e51f4b4682ed1b600e930b2f33b3c0a65', class: "bar-controls bar-controls-end" }, this.renderAllMenuPopover())), this.overflow === 'scroll' && this.arrows && (h("div", { key: 'a6b6fc87ceae32503fc55a0da54b1e38f7f95ff7', class: "bar-controls bar-controls-end" }, this.renderScrollArrows()?.[1])))));
|
|
438
438
|
}
|
|
439
439
|
static get is() { return "le-bar"; }
|
|
440
440
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"le-bar.js","sourceRoot":"","sources":["../../../src/components/le-bar/le-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Prop,\n State,\n Event,\n EventEmitter,\n h,\n Element,\n Watch,\n Host,\n Method,\n Listen,\n} from '@stencil/core';\nimport { classnames, generateId } from '../../utils/utils';\n\nexport interface LeBarOverflowChangeDetail {\n /** IDs of items that are currently overflowing (in the \"more\" popover) */\n overflowingIds: string[];\n /** Whether hamburger mode is active */\n hamburgerActive: boolean;\n}\n\n/**\n * A flexible bar component that handles overflow gracefully.\n *\n * Items are slotted children. The bar measures which items fit on the first\n * row and handles overflow according to the `overflow` prop.\n *\n * @slot - Bar items (children will be measured for overflow)\n * @slot more - Custom \"more\" button content\n * @slot hamburger - Custom hamburger button content\n * @slot start-arrow - Custom left scroll arrow\n * @slot end-arrow - Custom right scroll arrow\n * @slot all-menu - Custom \"show all\" menu button\n *\n * @csspart container - The main bar container\n * @csspart item - Individual items in the bar\n * @csspart more-button - The \"more\" overflow button\n * @csspart hamburger-button - The hamburger menu button\n * @csspart arrow-start - The start (left) scroll arrow\n * @csspart arrow-end - The end (right) scroll arrow\n * @csspart all-menu-button - The \"show all\" menu button\n * @csspart popover-content - The popover content wrapper\n *\n * @cmsEditable true\n * @cmsCategory Layout\n */\n@Component({\n tag: 'le-bar',\n styleUrl: 'le-bar.css',\n shadow: true,\n})\nexport class LeBar {\n @Element() el: HTMLElement;\n\n /**\n * Overflow behavior when items don't fit on one row.\n * - `more`: Overflow items appear in a \"more\" dropdown\n * - `scroll`: Items scroll horizontally with optional arrows\n * - `hamburger`: All items go into a hamburger menu if any overflow\n * - `wrap`: Items wrap to additional rows\n */\n @Prop({ reflect: true }) overflow: 'more' | 'scroll' | 'hamburger' | 'wrap' = 'more';\n\n /**\n * Alignment of items within the bar (maps to justify-content).\n */\n @Prop({ reflect: true }) alignItems: 'start' | 'end' | 'center' | 'stretch' = 'start';\n\n /**\n * Show scroll arrows when overflow is \"scroll\".\n */\n @Prop() arrows: boolean = false;\n\n /**\n * Disable the internal overflow popover.\n * When true, the bar still detects overflow and hides items,\n * but doesn't render its own popover. Use this when providing\n * custom overflow handling via the leBarOverflowChange event.\n */\n @Prop() disablePopover: boolean = false;\n\n /**\n * Show an \"all items\" menu button.\n * - `false`: Don't show\n * - `true` or `'end'`: Show at end\n * - `'start'`: Show at start\n */\n @Prop() showAllMenu: boolean | 'start' | 'end' = false;\n\n /**\n * Emitted when overflow state changes.\n */\n @Event() leBarOverflowChange: EventEmitter<LeBarOverflowChangeDetail>;\n\n /** Whether the hamburger/more popover is open */\n @State() private popoverOpen: boolean = false;\n\n /** Whether hamburger mode is active (for hamburger overflow) */\n @State() private hamburgerActive: boolean = false;\n\n /** IDs of items that are overflowing */\n @State() private overflowingIds: Set<string> = new Set();\n\n /** Whether we can scroll left */\n @State() private canScrollStart: boolean = false;\n\n /** Whether we can scroll right */\n @State() private canScrollEnd: boolean = false;\n\n /** Whether the all-menu popover is open */\n @State() private allMenuOpen: boolean = false;\n\n /** Current height of the items container (for overflow handling) */\n @State() private containerHeight: number | null = null;\n\n private itemsContainerEl?: HTMLElement;\n private moreButtonEl?: HTMLElement;\n\n private resizeObserver?: ResizeObserver;\n private mutationObserver?: MutationObserver;\n private instanceId: string = generateId('le-bar');\n\n // Map to track item elements and their IDs\n private itemMap: Map<string, HTMLElement> = new Map();\n\n // Prevent multiple recalculations in the same frame\n private pendingRecalc: number | null = null;\n\n @Watch('overflow')\n handleOverflowChange() {\n this.resetOverflowState();\n this.scheduleOverflowRecalc();\n }\n\n @Listen('slotchange')\n handleSlotChange() {\n this.scheduleOverflowRecalc();\n }\n\n connectedCallback() {\n this.setupObservers();\n }\n\n componentDidLoad() {\n this.scheduleOverflowRecalc();\n }\n\n componentDidRender() {\n // Recalculate after render in case children changed\n this.scheduleOverflowRecalc();\n }\n\n disconnectedCallback() {\n this.resizeObserver?.disconnect();\n this.mutationObserver?.disconnect();\n }\n\n /**\n * Force recalculation of overflow state.\n */\n @Method()\n async recalculate() {\n this.computeOverflow();\n }\n\n private setupObservers() {\n // ResizeObserver for container size changes\n if (typeof ResizeObserver !== 'undefined') {\n this.resizeObserver = new ResizeObserver(() => {\n this.computeOverflow();\n this.updateScrollState();\n });\n }\n\n // MutationObserver for child changes\n this.mutationObserver = new MutationObserver(() => {\n this.scheduleOverflowRecalc();\n });\n\n this.mutationObserver.observe(this.el, {\n childList: true,\n subtree: false,\n });\n }\n\n private observeContainer(el?: HTMLElement) {\n if (!this.resizeObserver) return;\n this.resizeObserver.disconnect();\n if (el) this.resizeObserver.observe(el);\n }\n\n private scheduleOverflowRecalc() {\n // Debounce recalculations to prevent infinite loops\n if (this.pendingRecalc !== null) {\n cancelAnimationFrame(this.pendingRecalc);\n }\n this.pendingRecalc = requestAnimationFrame(() => {\n this.pendingRecalc = null;\n this.computeOverflow();\n });\n }\n\n private resetOverflowState() {\n this.hamburgerActive = false;\n this.overflowingIds = new Set();\n this.containerHeight = null;\n this.popoverOpen = false;\n }\n\n private getSlottedItems(): HTMLElement[] {\n // Get direct children from the light DOM (excluding named slot elements)\n return Array.from(this.el.children).filter(\n (el): el is HTMLElement => el instanceof HTMLElement && !el.hasAttribute('slot'),\n );\n }\n\n private getItemId(el: HTMLElement, index: number): string {\n return el.id || el.dataset.barId || `${this.instanceId}-item-${index}`;\n }\n\n private computeOverflow() {\n if (this.overflow === 'wrap' || this.overflow === 'scroll') {\n // No overflow handling needed for wrap/scroll modes\n this.resetOverflowState();\n this.updateScrollState();\n return;\n }\n\n const container = this.itemsContainerEl;\n if (!container) return;\n\n const items = this.getSlottedItems();\n if (items.length === 0) {\n this.resetOverflowState();\n return;\n }\n\n // Force a layout recalc\n container.offsetHeight;\n\n // Build item map\n this.itemMap.clear();\n items.forEach((item, index) => {\n const id = this.getItemId(item, index);\n this.itemMap.set(id, item);\n });\n\n // Get the position of items to determine which are on the first row\n const itemRects = items.map((item, index) => ({\n item,\n id: this.getItemId(item, index),\n rect: item.getBoundingClientRect(),\n }));\n\n if (itemRects.length === 0) {\n return;\n }\n\n // Find the first row's top position (accounting for vertical alignment)\n const containerRect = container.getBoundingClientRect();\n const topValues = itemRects.map(i => i.rect.top - containerRect.top);\n const minTop = Math.min(...topValues);\n\n // Items are on the first row if their top is close to minTop\n // Allow some tolerance for alignment differences\n const tolerance = 15;\n const firstRowItems = itemRects.filter(\n i => i.rect.top - containerRect.top <= minTop + tolerance,\n );\n const overflowItems = itemRects.filter(\n i => i.rect.top - containerRect.top > minTop + tolerance,\n );\n\n // Calculate the height of the first row\n const firstRowBottom =\n firstRowItems.length > 0\n ? Math.max(...firstRowItems.map(i => i.rect.bottom - containerRect.top))\n : 0;\n\n if (this.overflow === 'hamburger') {\n // In hamburger mode, if ANY item overflows, all go into the menu\n const shouldHamburger = overflowItems.length > 0;\n\n if (shouldHamburger !== this.hamburgerActive) {\n this.hamburgerActive = shouldHamburger;\n this.emitOverflowChange();\n }\n\n // Set height to show only first row (or hide all if hamburger is active)\n if (shouldHamburger && firstRowBottom > 0) {\n this.containerHeight = firstRowBottom;\n } else {\n this.containerHeight = null;\n }\n } else {\n // 'more' mode\n const newOverflowingIds = new Set(overflowItems.map(i => i.id));\n\n // Check if we need to make room for the \"more\" button\n if (newOverflowingIds.size > 0 && this.moreButtonEl) {\n const moreRect = this.moreButtonEl.getBoundingClientRect();\n const moreTop = moreRect.top - containerRect.top;\n\n // If \"more\" button is not on the first row, we need to hide one more item\n if (moreTop > minTop + tolerance) {\n // Find the last visible item and move it to overflow\n const lastVisible = firstRowItems[firstRowItems.length - 1];\n if (lastVisible) {\n newOverflowingIds.add(lastVisible.id);\n }\n }\n }\n\n // Check if overflow state changed\n const hasChanged =\n newOverflowingIds.size !== this.overflowingIds.size ||\n ![...newOverflowingIds].every(id => this.overflowingIds.has(id));\n\n if (hasChanged) {\n this.overflowingIds = newOverflowingIds;\n this.emitOverflowChange();\n }\n\n // Set container height to show only first row\n if (newOverflowingIds.size > 0 && firstRowBottom > 0) {\n this.containerHeight = firstRowBottom;\n } else {\n this.containerHeight = null;\n }\n }\n }\n\n private emitOverflowChange() {\n this.leBarOverflowChange.emit({\n overflowingIds: [...this.overflowingIds],\n hamburgerActive: this.hamburgerActive,\n });\n }\n\n private updateScrollState() {\n if (this.overflow !== 'scroll' || !this.itemsContainerEl) {\n this.canScrollStart = false;\n this.canScrollEnd = false;\n return;\n }\n\n const el = this.itemsContainerEl;\n this.canScrollStart = el.scrollLeft > 0;\n this.canScrollEnd = el.scrollLeft < el.scrollWidth - el.clientWidth - 1;\n }\n\n private handleScroll = () => {\n this.updateScrollState();\n };\n\n private scrollToStart = () => {\n if (!this.itemsContainerEl) return;\n\n const items = this.getSlottedItems();\n const container = this.itemsContainerEl;\n\n // Find the scroll position of the previous item\n const currentScroll = container.scrollLeft;\n let targetScroll = 0;\n\n for (let i = items.length - 1; i >= 0; i--) {\n const item = items[i];\n // Calculate item's left edge relative to container's scroll position\n const itemLeft = item.offsetLeft - container.offsetLeft;\n\n // If this item starts before current scroll position, scroll to it\n if (itemLeft < currentScroll - 1) {\n targetScroll = itemLeft;\n break;\n }\n }\n\n container.scrollTo({ left: targetScroll, behavior: 'smooth' });\n\n // Update scroll state after animation\n setTimeout(() => this.updateScrollState(), 300);\n };\n\n private scrollToEnd = () => {\n if (!this.itemsContainerEl) return;\n\n const container = this.itemsContainerEl;\n const items = this.getSlottedItems();\n\n if (items.length === 0) return;\n\n const containerWidth = container.clientWidth;\n const currentScroll = container.scrollLeft;\n\n let targetScroll = container.scrollWidth - containerWidth;\n\n for (const item of items) {\n // Calculate item's right edge relative to container\n const itemLeft = item.offsetLeft - container.offsetLeft;\n\n // If this is the next item to scroll to from left to right then scroll to it\n if (itemLeft > currentScroll + 1) {\n targetScroll = itemLeft;\n break;\n }\n }\n\n container.scrollTo({ left: Math.max(0, targetScroll), behavior: 'smooth' });\n\n // Update scroll state after animation\n setTimeout(() => this.updateScrollState(), 300);\n };\n\n private togglePopover = () => {\n this.popoverOpen = !this.popoverOpen;\n };\n\n private closePopover = () => {\n this.popoverOpen = false;\n };\n\n private toggleAllMenu = () => {\n this.allMenuOpen = !this.allMenuOpen;\n };\n\n private closeAllMenu = () => {\n this.allMenuOpen = false;\n };\n\n private handleItemClick = (_e: MouseEvent, id: string) => {\n // Close popover when an item inside is clicked\n const originalItem = this.itemMap.get(id);\n\n if (originalItem) {\n // Clone the click to the original item\n const cloneEvent = new MouseEvent('click', {\n bubbles: true,\n cancelable: true,\n view: window,\n });\n originalItem.dispatchEvent(cloneEvent);\n }\n\n this.closePopover();\n this.closeAllMenu();\n };\n\n private renderMoreButton() {\n const hasSlottedMore = this.el.querySelector('[slot=\"more\"]');\n\n return (\n <button\n class=\"bar-more-button\"\n part=\"more-button\"\n ref={el => (this.moreButtonEl = el)}\n onClick={this.togglePopover}\n aria-expanded={String(this.popoverOpen)}\n aria-haspopup=\"true\"\n >\n {hasSlottedMore ? <slot name=\"more\" /> : <le-icon name=\"ellipsis-horizontal\" />}\n </button>\n );\n }\n\n private renderHamburgerButton() {\n const hasSlottedHamburger = this.el.querySelector('[slot=\"hamburger\"]');\n\n return (\n <button\n class=\"bar-hamburger-button\"\n part=\"hamburger-button\"\n onClick={this.togglePopover}\n aria-expanded={String(this.popoverOpen)}\n aria-haspopup=\"true\"\n >\n {hasSlottedHamburger ? <slot name=\"hamburger\" /> : <le-icon name=\"hamburger\" />}\n </button>\n );\n }\n\n private renderScrollArrows() {\n if (!this.arrows || this.overflow !== 'scroll') return null;\n\n const hasSlottedStartArrow = this.el.querySelector('[slot=\"start-arrow\"]');\n const hasSlottedEndArrow = this.el.querySelector('[slot=\"end-arrow\"]');\n\n return [\n <button\n class={classnames('bar-arrow', 'bar-arrow-start', {\n disabled: !this.canScrollStart,\n })}\n part=\"arrow-start\"\n onClick={this.scrollToStart}\n disabled={!this.canScrollStart}\n aria-label=\"Scroll to start\"\n >\n {hasSlottedStartArrow ? (\n <slot name=\"start-arrow\" />\n ) : (\n <le-icon name=\"chevron-down\" class=\"arrow-icon-start\" />\n )}\n </button>,\n <button\n class={classnames('bar-arrow', 'bar-arrow-end', {\n disabled: !this.canScrollEnd,\n })}\n part=\"arrow-end\"\n onClick={this.scrollToEnd}\n disabled={!this.canScrollEnd}\n aria-label=\"Scroll to end\"\n >\n {hasSlottedEndArrow ? (\n <slot name=\"end-arrow\" />\n ) : (\n <le-icon name=\"chevron-down\" class=\"arrow-icon-end\" />\n )}\n </button>,\n ];\n }\n\n private renderAllMenuButton() {\n if (!this.showAllMenu) return null;\n\n const hasSlottedAllMenu = this.el.querySelector('[slot=\"all-menu\"]');\n\n return (\n <button\n class=\"bar-all-menu-button\"\n part=\"all-menu-button\"\n onClick={this.toggleAllMenu}\n aria-expanded={String(this.allMenuOpen)}\n aria-haspopup=\"true\"\n >\n {hasSlottedAllMenu ? <slot name=\"all-menu\" /> : <le-icon name=\"hamburger\" />}\n </button>\n );\n }\n\n private renderPopoverContent(itemsToShow: { id: string; item: HTMLElement }[]) {\n return (\n <div class=\"bar-popover-content\" part=\"popover-content\">\n {itemsToShow.map(({ id, item }) => (\n <div\n class=\"bar-popover-item\"\n key={id}\n onClick={(e: MouseEvent) => this.handleItemClick(e, id)}\n innerHTML={item.outerHTML}\n />\n ))}\n </div>\n );\n }\n\n private renderOverflowPopover() {\n if (this.overflow !== 'more' && this.overflow !== 'hamburger') return null;\n\n const items = this.getSlottedItems();\n let itemsToShow: { id: string; item: HTMLElement }[] = [];\n\n if (this.overflow === 'hamburger' && this.hamburgerActive) {\n // Show all items in hamburger mode\n itemsToShow = items.map((item, index) => ({\n id: this.getItemId(item, index),\n item,\n }));\n } else if (this.overflow === 'more' && this.overflowingIds.size > 0) {\n // Show only overflowing items\n itemsToShow = items\n .map((item, index) => ({\n id: this.getItemId(item, index),\n item,\n }))\n .filter(({ id }) => this.overflowingIds.has(id));\n }\n\n if (itemsToShow.length === 0) return null;\n\n return (\n <le-popover\n mode=\"default\"\n open={this.popoverOpen}\n position=\"bottom\"\n align=\"end\"\n showClose={false}\n closeOnClickOutside={true}\n closeOnEscape={true}\n onLePopoverClose={this.closePopover}\n >\n <div slot=\"trigger\" class=\"bar-overflow-trigger\">\n {this.overflow === 'hamburger' ? this.renderHamburgerButton() : this.renderMoreButton()}\n </div>\n {this.renderPopoverContent(itemsToShow)}\n </le-popover>\n );\n }\n\n private renderAllMenuPopover() {\n if (!this.showAllMenu) return null;\n\n const items = this.getSlottedItems();\n const itemsToShow = items.map((item, index) => ({\n id: this.getItemId(item, index),\n item,\n }));\n\n const position = this.showAllMenu === 'start' ? 'start' : 'end';\n\n return (\n <le-popover\n mode=\"default\"\n open={this.allMenuOpen}\n position=\"bottom\"\n align={position}\n showClose={false}\n closeOnClickOutside={true}\n closeOnEscape={true}\n onLePopoverClose={this.closeAllMenu}\n >\n <div slot=\"trigger\" class=\"bar-all-menu-trigger\">\n {this.renderAllMenuButton()}\n </div>\n {this.renderPopoverContent(itemsToShow)}\n </le-popover>\n );\n }\n\n render() {\n const showOverflowButton =\n !this.disablePopover &&\n ((this.overflow === 'more' && this.overflowingIds.size > 0) ||\n (this.overflow === 'hamburger' && this.hamburgerActive));\n\n const containerStyle: { [key: string]: string } = {};\n if (\n this.containerHeight !== null &&\n (this.overflow === 'more' || this.overflow === 'hamburger')\n ) {\n containerStyle.height = `${this.containerHeight}px`;\n }\n\n const showAllMenuAtStart = this.showAllMenu === 'start';\n const showAllMenuAtEnd = this.showAllMenu === true || this.showAllMenu === 'end';\n\n return (\n <Host\n class={classnames({\n 'overflow-more': this.overflow === 'more',\n 'overflow-scroll': this.overflow === 'scroll',\n 'overflow-hamburger': this.overflow === 'hamburger',\n 'overflow-wrap': this.overflow === 'wrap',\n 'hamburger-active': this.hamburgerActive,\n 'has-overflow': this.overflowingIds.size > 0 || this.hamburgerActive,\n })}\n >\n <div\n class={classnames('bar-container', {\n [`align-${this.alignItems}`]: true,\n })}\n part=\"container\"\n >\n {/* Start controls */}\n {this.overflow === 'scroll' && this.arrows && (\n <div class=\"bar-controls bar-controls-start\">{this.renderScrollArrows()?.[0]}</div>\n )}\n\n {showAllMenuAtStart && (\n <div class=\"bar-controls bar-controls-start\">{this.renderAllMenuPopover()}</div>\n )}\n\n {/* Items container */}\n <div\n class={classnames('bar-items', {\n 'is-scrollable': this.overflow === 'scroll',\n 'is-wrapping': this.overflow === 'wrap',\n })}\n style={containerStyle}\n ref={el => {\n this.itemsContainerEl = el;\n this.observeContainer(el);\n }}\n onScroll={this.overflow === 'scroll' ? this.handleScroll : undefined}\n >\n <slot />\n </div>\n\n {/* End controls */}\n {showOverflowButton && (\n <div class=\"bar-controls bar-controls-end\">{this.renderOverflowPopover()}</div>\n )}\n\n {showAllMenuAtEnd && (\n <div class=\"bar-controls bar-controls-end\">{this.renderAllMenuPopover()}</div>\n )}\n\n {this.overflow === 'scroll' && this.arrows && (\n <div class=\"bar-controls bar-controls-end\">{this.renderScrollArrows()?.[1]}</div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"le-bar.js","sourceRoot":"","sources":["../../../src/components/le-bar/le-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,KAAK,EACL,KAAK,EAEL,CAAC,EACD,OAAO,EACP,KAAK,EACL,IAAI,EACJ,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAS3D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAMH,MAAM,OAAO,KAAK;IACL,EAAE,CAAc;IAE3B;;;;;;OAMG;IACsB,QAAQ,GAA6C,MAAM,CAAC;IAErF;;OAEG;IACsB,UAAU,GAA2C,OAAO,CAAC;IAEtF;;OAEG;IACK,MAAM,GAAY,KAAK,CAAC;IAEhC;;;;;OAKG;IACK,cAAc,GAAY,KAAK,CAAC;IAExC;;;;;OAKG;IACK,WAAW,GAA8B,KAAK,CAAC;IAEvD;;OAEG;IACM,mBAAmB,CAA0C;IAEtE,iDAAiD;IAChC,WAAW,GAAY,KAAK,CAAC;IAE9C,gEAAgE;IAC/C,eAAe,GAAY,KAAK,CAAC;IAElD,wCAAwC;IACvB,cAAc,GAAgB,IAAI,GAAG,EAAE,CAAC;IAEzD,iCAAiC;IAChB,cAAc,GAAY,KAAK,CAAC;IAEjD,kCAAkC;IACjB,YAAY,GAAY,KAAK,CAAC;IAE/C,2CAA2C;IAC1B,WAAW,GAAY,KAAK,CAAC;IAE9C,oEAAoE;IACnD,eAAe,GAAkB,IAAI,CAAC;IAE/C,gBAAgB,CAAe;IAC/B,YAAY,CAAe;IAE3B,cAAc,CAAkB;IAChC,gBAAgB,CAAoB;IACpC,UAAU,GAAW,UAAU,CAAC,QAAQ,CAAC,CAAC;IAElD,2CAA2C;IACnC,OAAO,GAA6B,IAAI,GAAG,EAAE,CAAC;IAEtD,oDAAoD;IAC5C,aAAa,GAAkB,IAAI,CAAC;IAG5C,oBAAoB;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAGD,gBAAgB;QACd,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED,kBAAkB;QAChB,oDAAoD;QACpD,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE,CAAC;QAClC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,CAAC;IACtC,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,WAAW;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAEO,cAAc;QACpB,4CAA4C;QAC5C,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;YAC1C,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBAC5C,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,CAAC,CAAC,CAAC;QACL,CAAC;QAED,qCAAqC;QACrC,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YAChD,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE;YACrC,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,KAAK;SACf,CAAC,CAAC;IACL,CAAC;IAEO,gBAAgB,CAAC,EAAgB;QACvC,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO;QACjC,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;QACjC,IAAI,EAAE;YAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC1C,CAAC;IAEO,sBAAsB;QAC5B,oDAAoD;QACpD,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,EAAE,CAAC;YAChC,oBAAoB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC3C,CAAC;QACD,IAAI,CAAC,aAAa,GAAG,qBAAqB,CAAC,GAAG,EAAE;YAC9C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,cAAc,GAAG,IAAI,GAAG,EAAE,CAAC;QAChC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC;IAEO,eAAe;QACrB,yEAAyE;QACzE,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,MAAM,CACxC,CAAC,EAAE,EAAqB,EAAE,CAAC,EAAE,YAAY,WAAW,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CACjF,CAAC;IACJ,CAAC;IAEO,SAAS,CAAC,EAAe,EAAE,KAAa;QAC9C,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,GAAG,IAAI,CAAC,UAAU,SAAS,KAAK,EAAE,CAAC;IACzE,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC3D,oDAAoD;YACpD,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACxC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACrC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,wBAAwB;QACxB,SAAS,CAAC,YAAY,CAAC;QAEvB,iBAAiB;QACjB,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACrB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACvC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,oEAAoE;QACpE,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YAC5C,IAAI;YACJ,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC;YAC/B,IAAI,EAAE,IAAI,CAAC,qBAAqB,EAAE;SACnC,CAAC,CAAC,CAAC;QAEJ,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,wEAAwE;QACxE,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;QACxD,MAAM,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;QACrE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;QAEtC,6DAA6D;QAC7D,iDAAiD;QACjD,MAAM,SAAS,GAAG,EAAE,CAAC;QACrB,MAAM,aAAa,GAAG,SAAS,CAAC,MAAM,CACpC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,IAAI,MAAM,GAAG,SAAS,CAC1D,CAAC;QACF,MAAM,aAAa,GAAG,SAAS,CAAC,MAAM,CACpC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,GAAG,MAAM,GAAG,SAAS,CACzD,CAAC;QAEF,wCAAwC;QACxC,MAAM,cAAc,GAClB,aAAa,CAAC,MAAM,GAAG,CAAC;YACtB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;YACxE,CAAC,CAAC,CAAC,CAAC;QAER,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,EAAE,CAAC;YAClC,iEAAiE;YACjE,MAAM,eAAe,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;YAEjD,IAAI,eAAe,KAAK,IAAI,CAAC,eAAe,EAAE,CAAC;gBAC7C,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;gBACvC,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,CAAC;YAED,yEAAyE;YACzE,IAAI,eAAe,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;gBAC1C,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;YACxC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC9B,CAAC;QACH,CAAC;aAAM,CAAC;YACN,cAAc;YACd,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAEhE,sDAAsD;YACtD,IAAI,iBAAiB,CAAC,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACpD,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAC;gBAC3D,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,CAAC;gBAEjD,0EAA0E;gBAC1E,IAAI,OAAO,GAAG,MAAM,GAAG,SAAS,EAAE,CAAC;oBACjC,qDAAqD;oBACrD,MAAM,WAAW,GAAG,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;oBAC5D,IAAI,WAAW,EAAE,CAAC;wBAChB,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;oBACxC,CAAC;gBACH,CAAC;YACH,CAAC;YAED,kCAAkC;YAClC,MAAM,UAAU,GACd,iBAAiB,CAAC,IAAI,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI;gBACnD,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;YAEnE,IAAI,UAAU,EAAE,CAAC;gBACf,IAAI,CAAC,cAAc,GAAG,iBAAiB,CAAC;gBACxC,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,CAAC;YAED,8CAA8C;YAC9C,IAAI,CAAC,iBAAiB,EAAE,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;gBAC7D,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;YACxC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC9B,CAAC;QACH,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC;YAC5B,cAAc,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,IAAI,EAAE,CAAC,CAAC;YAChD,eAAe,EAAE,IAAI,CAAC,eAAe;SACtC,CAAC,CAAC;IACL,CAAC;IAEO,iBAAiB;QACvB,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACzD,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;YAC5B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,MAAM,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACjC,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC;QACxC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,UAAU,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC;IAC1E,CAAC;IAEO,YAAY,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC,CAAC;IAEM,aAAa,GAAG,GAAG,EAAE;QAC3B,IAAI,CAAC,IAAI,CAAC,gBAAgB;YAAE,OAAO;QAEnC,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACrC,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAExC,gDAAgD;QAChD,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC;QAC3C,IAAI,YAAY,GAAG,CAAC,CAAC;QAErB,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACtB,qEAAqE;YACrE,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC;YAExD,mEAAmE;YACnE,IAAI,QAAQ,GAAG,aAAa,GAAG,CAAC,EAAE,CAAC;gBACjC,YAAY,GAAG,QAAQ,CAAC;gBACxB,MAAM;YACR,CAAC;QACH,CAAC;QAED,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;QAE/D,sCAAsC;QACtC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,GAAG,CAAC,CAAC;IAClD,CAAC,CAAC;IAEM,WAAW,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,IAAI,CAAC,gBAAgB;YAAE,OAAO;QAEnC,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACxC,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAErC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAE/B,MAAM,cAAc,GAAG,SAAS,CAAC,WAAW,CAAC;QAC7C,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC;QAE3C,IAAI,YAAY,GAAG,SAAS,CAAC,WAAW,GAAG,cAAc,CAAC;QAE1D,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,oDAAoD;YACpD,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC;YAExD,6EAA6E;YAC7E,IAAI,QAAQ,GAAG,aAAa,GAAG,CAAC,EAAE,CAAC;gBACjC,YAAY,GAAG,QAAQ,CAAC;gBACxB,MAAM;YACR,CAAC;QACH,CAAC;QAED,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;QAE5E,sCAAsC;QACtC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,GAAG,CAAC,CAAC;IAClD,CAAC,CAAC;IAEM,aAAa,GAAG,GAAG,EAAE;QAC3B,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACvC,CAAC,CAAC;IAEM,YAAY,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC,CAAC;IAEM,aAAa,GAAG,GAAG,EAAE;QAC3B,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACvC,CAAC,CAAC;IAEM,YAAY,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC,CAAC;IAEM,eAAe,GAAG,CAAC,EAAc,EAAE,EAAU,EAAE,EAAE;QACvD,+CAA+C;QAC/C,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAE1C,IAAI,YAAY,EAAE,CAAC;YACjB,uCAAuC;YACvC,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE;gBACzC,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,IAAI,EAAE,MAAM;aACb,CAAC,CAAC;YACH,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACzC,CAAC;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC,CAAC;IAEM,gBAAgB;QACtB,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QAE9D,OAAO,CACL,cACE,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,aAAa,EAClB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EACnC,OAAO,EAAE,IAAI,CAAC,aAAa,mBACZ,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,mBACzB,MAAM,IAEnB,cAAc,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,eAAS,IAAI,EAAC,qBAAqB,GAAG,CACxE,CACV,CAAC;IACJ,CAAC;IAEO,qBAAqB;QAC3B,MAAM,mBAAmB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAExE,OAAO,CACL,cACE,KAAK,EAAC,sBAAsB,EAC5B,IAAI,EAAC,kBAAkB,EACvB,OAAO,EAAE,IAAI,CAAC,aAAa,mBACZ,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,mBACzB,MAAM,IAEnB,mBAAmB,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,WAAW,GAAG,CAAC,CAAC,CAAC,eAAS,IAAI,EAAC,WAAW,GAAG,CACxE,CACV,CAAC;IACJ,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC;QAE5D,MAAM,oBAAoB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAC3E,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAEvE,OAAO;YACL,cACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,iBAAiB,EAAE;oBAChD,QAAQ,EAAE,CAAC,IAAI,CAAC,cAAc;iBAC/B,CAAC,EACF,IAAI,EAAC,aAAa,EAClB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,QAAQ,EAAE,CAAC,IAAI,CAAC,cAAc,gBACnB,iBAAiB,IAE3B,oBAAoB,CAAC,CAAC,CAAC,CACtB,YAAM,IAAI,EAAC,aAAa,GAAG,CAC5B,CAAC,CAAC,CAAC,CACF,eAAS,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,kBAAkB,GAAG,CACzD,CACM;YACT,cACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,eAAe,EAAE;oBAC9C,QAAQ,EAAE,CAAC,IAAI,CAAC,YAAY;iBAC7B,CAAC,EACF,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,CAAC,IAAI,CAAC,YAAY,gBACjB,eAAe,IAEzB,kBAAkB,CAAC,CAAC,CAAC,CACpB,YAAM,IAAI,EAAC,WAAW,GAAG,CAC1B,CAAC,CAAC,CAAC,CACF,eAAS,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,gBAAgB,GAAG,CACvD,CACM;SACV,CAAC;IACJ,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO,IAAI,CAAC;QAEnC,MAAM,iBAAiB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAErE,OAAO,CACL,cACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAE,IAAI,CAAC,aAAa,mBACZ,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,mBACzB,MAAM,IAEnB,iBAAiB,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,UAAU,GAAG,CAAC,CAAC,CAAC,eAAS,IAAI,EAAC,WAAW,GAAG,CACrE,CACV,CAAC;IACJ,CAAC;IAEO,oBAAoB,CAAC,WAAgD;QAC3E,OAAO,CACL,WAAK,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,iBAAiB,IACpD,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACjC,WACE,KAAK,EAAC,kBAAkB,EACxB,GAAG,EAAE,EAAE,EACP,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,EAAE,CAAC,EACvD,SAAS,EAAE,IAAI,CAAC,SAAS,GACzB,CACH,CAAC,CACE,CACP,CAAC;IACJ,CAAC;IAEO,qBAAqB;QAC3B,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW;YAAE,OAAO,IAAI,CAAC;QAE3E,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACrC,IAAI,WAAW,GAAwC,EAAE,CAAC;QAE1D,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1D,mCAAmC;YACnC,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBACxC,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC;gBAC/B,IAAI;aACL,CAAC,CAAC,CAAC;QACN,CAAC;aAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5E,8BAA8B;YAC9B,WAAW,GAAG,KAAK;iBAChB,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBACrB,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC;gBAC/B,IAAI;aACL,CAAC,CAAC;iBACF,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QACtD,CAAC;QAED,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAE1C,OAAO,CACL,kBACE,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,KAAK,EACX,SAAS,EAAE,KAAK,EAChB,mBAAmB,EAAE,IAAI,EACzB,aAAa,EAAE,IAAI,EACnB,gBAAgB,EAAE,IAAI,CAAC,YAAY;YAEnC,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,sBAAsB,IAC7C,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,CACnF;YACL,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAC5B,CACd,CAAC;IACJ,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO,IAAI,CAAC;QAEnC,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACrC,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YAC9C,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC;YAC/B,IAAI;SACL,CAAC,CAAC,CAAC;QAEJ,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;QAEhE,OAAO,CACL,kBACE,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAE,QAAQ,EACf,SAAS,EAAE,KAAK,EAChB,mBAAmB,EAAE,IAAI,EACzB,aAAa,EAAE,IAAI,EACnB,gBAAgB,EAAE,IAAI,CAAC,YAAY;YAEnC,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,sBAAsB,IAC7C,IAAI,CAAC,mBAAmB,EAAE,CACvB;YACL,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAC5B,CACd,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,kBAAkB,GACtB,CAAC,IAAI,CAAC,cAAc;YACpB,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;gBACjE,CAAC,IAAI,CAAC,QAAQ,KAAK,WAAW,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;QAE7D,MAAM,cAAc,GAA8B,EAAE,CAAC;QACrD,IACE,IAAI,CAAC,eAAe,KAAK,IAAI;YAC7B,CAAC,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,EAC3D,CAAC;YACD,cAAc,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,IAAI,CAAC;QACtD,CAAC;QAED,MAAM,kBAAkB,GAAG,IAAI,CAAC,WAAW,KAAK,OAAO,CAAC;QACxD,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,KAAK,IAAI,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,CAAC;QAEjF,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,UAAU,CAAC;gBAChB,eAAe,EAAE,IAAI,CAAC,QAAQ,KAAK,MAAM;gBACzC,iBAAiB,EAAE,IAAI,CAAC,QAAQ,KAAK,QAAQ;gBAC7C,oBAAoB,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW;gBACnD,eAAe,EAAE,IAAI,CAAC,QAAQ,KAAK,MAAM;gBACzC,kBAAkB,EAAE,IAAI,CAAC,eAAe;gBACxC,cAAc,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,eAAe;aAC7E,CAAC;YAEF,4DACE,KAAK,EAAE,UAAU,CAAC,eAAe,EAAE;oBACjC,CAAC,SAAS,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;iBACnC,CAAC,EACF,IAAI,EAAC,WAAW;gBAGf,IAAI,CAAC,QAAQ,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,IAAI,CAC5C,4DAAK,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAO,CACpF;gBAEA,kBAAkB,IAAI,CACrB,4DAAK,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,oBAAoB,EAAE,CAAO,CACjF;gBAGD,4DACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE;wBAC7B,eAAe,EAAE,IAAI,CAAC,QAAQ,KAAK,QAAQ;wBAC3C,aAAa,EAAE,IAAI,CAAC,QAAQ,KAAK,MAAM;qBACxC,CAAC,EACF,KAAK,EAAE,cAAc,EACrB,GAAG,EAAE,EAAE,CAAC,EAAE;wBACR,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;wBAC3B,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;oBAC5B,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;oBAEpE,8DAAQ,CACJ;gBAGL,kBAAkB,IAAI,CACrB,4DAAK,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,qBAAqB,EAAE,CAAO,CAChF;gBAEA,gBAAgB,IAAI,CACnB,4DAAK,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,oBAAoB,EAAE,CAAO,CAC/E;gBAEA,IAAI,CAAC,QAAQ,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,IAAI,CAC5C,4DAAK,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAO,CAClF,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n Component,\n Prop,\n State,\n Event,\n EventEmitter,\n h,\n Element,\n Watch,\n Host,\n Method,\n Listen,\n} from '@stencil/core';\nimport { classnames, generateId } from '../../utils/utils';\n\nexport interface LeBarOverflowChangeDetail {\n /** IDs of items that are currently overflowing (in the \"more\" popover) */\n overflowingIds: string[];\n /** Whether hamburger mode is active */\n hamburgerActive: boolean;\n}\n\n/**\n * A flexible bar component that handles overflow gracefully.\n *\n * Items are slotted children. The bar measures which items fit on the first\n * row and handles overflow according to the `overflow` prop.\n *\n * @slot - Bar items (children will be measured for overflow)\n * @slot more - Custom \"more\" button content\n * @slot hamburger - Custom hamburger button content\n * @slot start-arrow - Custom left scroll arrow\n * @slot end-arrow - Custom right scroll arrow\n * @slot all-menu - Custom \"show all\" menu button\n *\n * @csspart container - The main bar container\n * @csspart item - Individual items in the bar\n * @csspart more-button - The \"more\" overflow button\n * @csspart hamburger-button - The hamburger menu button\n * @csspart arrow-start - The start (left) scroll arrow\n * @csspart arrow-end - The end (right) scroll arrow\n * @csspart all-menu-button - The \"show all\" menu button\n * @csspart popover-content - The popover content wrapper\n *\n * @cmsEditable true\n * @cmsCategory Layout\n */\n@Component({\n tag: 'le-bar',\n styleUrl: 'le-bar.css',\n shadow: true,\n})\nexport class LeBar {\n @Element() el: HTMLElement;\n\n /**\n * Overflow behavior when items don't fit on one row.\n * - `more`: Overflow items appear in a \"more\" dropdown\n * - `scroll`: Items scroll horizontally with optional arrows\n * - `hamburger`: All items go into a hamburger menu if any overflow\n * - `wrap`: Items wrap to additional rows\n */\n @Prop({ reflect: true }) overflow: 'more' | 'scroll' | 'hamburger' | 'wrap' = 'more';\n\n /**\n * Alignment of items within the bar (maps to justify-content).\n */\n @Prop({ reflect: true }) alignItems: 'start' | 'end' | 'center' | 'stretch' = 'start';\n\n /**\n * Show scroll arrows when overflow is \"scroll\".\n */\n @Prop() arrows: boolean = false;\n\n /**\n * Disable the internal overflow popover.\n * When true, the bar still detects overflow and hides items,\n * but doesn't render its own popover. Use this when providing\n * custom overflow handling via the leBarOverflowChange event.\n */\n @Prop() disablePopover: boolean = false;\n\n /**\n * Show an \"all items\" menu button.\n * - `false`: Don't show\n * - `true` or `'end'`: Show at end\n * - `'start'`: Show at start\n */\n @Prop() showAllMenu: boolean | 'start' | 'end' = false;\n\n /**\n * Emitted when overflow state changes.\n */\n @Event() leBarOverflowChange: EventEmitter<LeBarOverflowChangeDetail>;\n\n /** Whether the hamburger/more popover is open */\n @State() private popoverOpen: boolean = false;\n\n /** Whether hamburger mode is active (for hamburger overflow) */\n @State() private hamburgerActive: boolean = false;\n\n /** IDs of items that are overflowing */\n @State() private overflowingIds: Set<string> = new Set();\n\n /** Whether we can scroll left */\n @State() private canScrollStart: boolean = false;\n\n /** Whether we can scroll right */\n @State() private canScrollEnd: boolean = false;\n\n /** Whether the all-menu popover is open */\n @State() private allMenuOpen: boolean = false;\n\n /** Current height of the items container (for overflow handling) */\n @State() private containerHeight: number | null = null;\n\n private itemsContainerEl?: HTMLElement;\n private moreButtonEl?: HTMLElement;\n\n private resizeObserver?: ResizeObserver;\n private mutationObserver?: MutationObserver;\n private instanceId: string = generateId('le-bar');\n\n // Map to track item elements and their IDs\n private itemMap: Map<string, HTMLElement> = new Map();\n\n // Prevent multiple recalculations in the same frame\n private pendingRecalc: number | null = null;\n\n @Watch('overflow')\n handleOverflowChange() {\n this.resetOverflowState();\n this.scheduleOverflowRecalc();\n }\n\n @Listen('slotchange')\n handleSlotChange() {\n this.scheduleOverflowRecalc();\n }\n\n connectedCallback() {\n this.setupObservers();\n }\n\n componentDidLoad() {\n this.scheduleOverflowRecalc();\n }\n\n componentDidRender() {\n // Recalculate after render in case children changed\n this.scheduleOverflowRecalc();\n }\n\n disconnectedCallback() {\n this.resizeObserver?.disconnect();\n this.mutationObserver?.disconnect();\n }\n\n /**\n * Force recalculation of overflow state.\n */\n @Method()\n async recalculate() {\n this.computeOverflow();\n }\n\n private setupObservers() {\n // ResizeObserver for container size changes\n if (typeof ResizeObserver !== 'undefined') {\n this.resizeObserver = new ResizeObserver(() => {\n this.computeOverflow();\n this.updateScrollState();\n });\n }\n\n // MutationObserver for child changes\n this.mutationObserver = new MutationObserver(() => {\n this.scheduleOverflowRecalc();\n });\n\n this.mutationObserver.observe(this.el, {\n childList: true,\n subtree: false,\n });\n }\n\n private observeContainer(el?: HTMLElement) {\n if (!this.resizeObserver) return;\n this.resizeObserver.disconnect();\n if (el) this.resizeObserver.observe(el);\n }\n\n private scheduleOverflowRecalc() {\n // Debounce recalculations to prevent infinite loops\n if (this.pendingRecalc !== null) {\n cancelAnimationFrame(this.pendingRecalc);\n }\n this.pendingRecalc = requestAnimationFrame(() => {\n this.pendingRecalc = null;\n this.computeOverflow();\n });\n }\n\n private resetOverflowState() {\n this.hamburgerActive = false;\n this.overflowingIds = new Set();\n this.containerHeight = null;\n this.popoverOpen = false;\n }\n\n private getSlottedItems(): HTMLElement[] {\n // Get direct children from the light DOM (excluding named slot elements)\n return Array.from(this.el.children).filter(\n (el): el is HTMLElement => el instanceof HTMLElement && !el.hasAttribute('slot'),\n );\n }\n\n private getItemId(el: HTMLElement, index: number): string {\n return el.id || el.dataset.barId || `${this.instanceId}-item-${index}`;\n }\n\n private computeOverflow() {\n if (this.overflow === 'wrap' || this.overflow === 'scroll') {\n // No overflow handling needed for wrap/scroll modes\n this.resetOverflowState();\n this.updateScrollState();\n return;\n }\n\n const container = this.itemsContainerEl;\n if (!container) return;\n\n const items = this.getSlottedItems();\n if (items.length === 0) {\n this.resetOverflowState();\n return;\n }\n\n // Force a layout recalc\n container.offsetHeight;\n\n // Build item map\n this.itemMap.clear();\n items.forEach((item, index) => {\n const id = this.getItemId(item, index);\n this.itemMap.set(id, item);\n });\n\n // Get the position of items to determine which are on the first row\n const itemRects = items.map((item, index) => ({\n item,\n id: this.getItemId(item, index),\n rect: item.getBoundingClientRect(),\n }));\n\n if (itemRects.length === 0) {\n return;\n }\n\n // Find the first row's top position (accounting for vertical alignment)\n const containerRect = container.getBoundingClientRect();\n const topValues = itemRects.map(i => i.rect.top - containerRect.top);\n const minTop = Math.min(...topValues);\n\n // Items are on the first row if their top is close to minTop\n // Allow some tolerance for alignment differences\n const tolerance = 15;\n const firstRowItems = itemRects.filter(\n i => i.rect.top - containerRect.top <= minTop + tolerance,\n );\n const overflowItems = itemRects.filter(\n i => i.rect.top - containerRect.top > minTop + tolerance,\n );\n\n // Calculate the height of the first row\n const firstRowBottom =\n firstRowItems.length > 0\n ? Math.max(...firstRowItems.map(i => i.rect.bottom - containerRect.top))\n : 0;\n\n if (this.overflow === 'hamburger') {\n // In hamburger mode, if ANY item overflows, all go into the menu\n const shouldHamburger = overflowItems.length > 0;\n\n if (shouldHamburger !== this.hamburgerActive) {\n this.hamburgerActive = shouldHamburger;\n this.emitOverflowChange();\n }\n\n // Set height to show only first row (or hide all if hamburger is active)\n if (shouldHamburger && firstRowBottom > 0) {\n this.containerHeight = firstRowBottom;\n } else {\n this.containerHeight = null;\n }\n } else {\n // 'more' mode\n const newOverflowingIds = new Set(overflowItems.map(i => i.id));\n\n // Check if we need to make room for the \"more\" button\n if (newOverflowingIds.size > 0 && this.moreButtonEl) {\n const moreRect = this.moreButtonEl.getBoundingClientRect();\n const moreTop = moreRect.top - containerRect.top;\n\n // If \"more\" button is not on the first row, we need to hide one more item\n if (moreTop > minTop + tolerance) {\n // Find the last visible item and move it to overflow\n const lastVisible = firstRowItems[firstRowItems.length - 1];\n if (lastVisible) {\n newOverflowingIds.add(lastVisible.id);\n }\n }\n }\n\n // Check if overflow state changed\n const hasChanged =\n newOverflowingIds.size !== this.overflowingIds.size ||\n ![...newOverflowingIds].every(id => this.overflowingIds.has(id));\n\n if (hasChanged) {\n this.overflowingIds = newOverflowingIds;\n this.emitOverflowChange();\n }\n\n // Set container height to show only first row\n if ((newOverflowingIds?.size ?? 0) > 0 && firstRowBottom > 0) {\n this.containerHeight = firstRowBottom;\n } else {\n this.containerHeight = null;\n }\n }\n }\n\n private emitOverflowChange() {\n this.leBarOverflowChange.emit({\n overflowingIds: [...(this.overflowingIds ?? [])],\n hamburgerActive: this.hamburgerActive,\n });\n }\n\n private updateScrollState() {\n if (this.overflow !== 'scroll' || !this.itemsContainerEl) {\n this.canScrollStart = false;\n this.canScrollEnd = false;\n return;\n }\n\n const el = this.itemsContainerEl;\n this.canScrollStart = el.scrollLeft > 0;\n this.canScrollEnd = el.scrollLeft < el.scrollWidth - el.clientWidth - 1;\n }\n\n private handleScroll = () => {\n this.updateScrollState();\n };\n\n private scrollToStart = () => {\n if (!this.itemsContainerEl) return;\n\n const items = this.getSlottedItems();\n const container = this.itemsContainerEl;\n\n // Find the scroll position of the previous item\n const currentScroll = container.scrollLeft;\n let targetScroll = 0;\n\n for (let i = items.length - 1; i >= 0; i--) {\n const item = items[i];\n // Calculate item's left edge relative to container's scroll position\n const itemLeft = item.offsetLeft - container.offsetLeft;\n\n // If this item starts before current scroll position, scroll to it\n if (itemLeft < currentScroll - 1) {\n targetScroll = itemLeft;\n break;\n }\n }\n\n container.scrollTo({ left: targetScroll, behavior: 'smooth' });\n\n // Update scroll state after animation\n setTimeout(() => this.updateScrollState(), 300);\n };\n\n private scrollToEnd = () => {\n if (!this.itemsContainerEl) return;\n\n const container = this.itemsContainerEl;\n const items = this.getSlottedItems();\n\n if (items.length === 0) return;\n\n const containerWidth = container.clientWidth;\n const currentScroll = container.scrollLeft;\n\n let targetScroll = container.scrollWidth - containerWidth;\n\n for (const item of items) {\n // Calculate item's right edge relative to container\n const itemLeft = item.offsetLeft - container.offsetLeft;\n\n // If this is the next item to scroll to from left to right then scroll to it\n if (itemLeft > currentScroll + 1) {\n targetScroll = itemLeft;\n break;\n }\n }\n\n container.scrollTo({ left: Math.max(0, targetScroll), behavior: 'smooth' });\n\n // Update scroll state after animation\n setTimeout(() => this.updateScrollState(), 300);\n };\n\n private togglePopover = () => {\n this.popoverOpen = !this.popoverOpen;\n };\n\n private closePopover = () => {\n this.popoverOpen = false;\n };\n\n private toggleAllMenu = () => {\n this.allMenuOpen = !this.allMenuOpen;\n };\n\n private closeAllMenu = () => {\n this.allMenuOpen = false;\n };\n\n private handleItemClick = (_e: MouseEvent, id: string) => {\n // Close popover when an item inside is clicked\n const originalItem = this.itemMap.get(id);\n\n if (originalItem) {\n // Clone the click to the original item\n const cloneEvent = new MouseEvent('click', {\n bubbles: true,\n cancelable: true,\n view: window,\n });\n originalItem.dispatchEvent(cloneEvent);\n }\n\n this.closePopover();\n this.closeAllMenu();\n };\n\n private renderMoreButton() {\n const hasSlottedMore = this.el.querySelector('[slot=\"more\"]');\n\n return (\n <button\n class=\"bar-more-button\"\n part=\"more-button\"\n ref={el => (this.moreButtonEl = el)}\n onClick={this.togglePopover}\n aria-expanded={String(this.popoverOpen)}\n aria-haspopup=\"true\"\n >\n {hasSlottedMore ? <slot name=\"more\" /> : <le-icon name=\"ellipsis-horizontal\" />}\n </button>\n );\n }\n\n private renderHamburgerButton() {\n const hasSlottedHamburger = this.el.querySelector('[slot=\"hamburger\"]');\n\n return (\n <button\n class=\"bar-hamburger-button\"\n part=\"hamburger-button\"\n onClick={this.togglePopover}\n aria-expanded={String(this.popoverOpen)}\n aria-haspopup=\"true\"\n >\n {hasSlottedHamburger ? <slot name=\"hamburger\" /> : <le-icon name=\"hamburger\" />}\n </button>\n );\n }\n\n private renderScrollArrows() {\n if (!this.arrows || this.overflow !== 'scroll') return null;\n\n const hasSlottedStartArrow = this.el.querySelector('[slot=\"start-arrow\"]');\n const hasSlottedEndArrow = this.el.querySelector('[slot=\"end-arrow\"]');\n\n return [\n <button\n class={classnames('bar-arrow', 'bar-arrow-start', {\n disabled: !this.canScrollStart,\n })}\n part=\"arrow-start\"\n onClick={this.scrollToStart}\n disabled={!this.canScrollStart}\n aria-label=\"Scroll to start\"\n >\n {hasSlottedStartArrow ? (\n <slot name=\"start-arrow\" />\n ) : (\n <le-icon name=\"chevron-down\" class=\"arrow-icon-start\" />\n )}\n </button>,\n <button\n class={classnames('bar-arrow', 'bar-arrow-end', {\n disabled: !this.canScrollEnd,\n })}\n part=\"arrow-end\"\n onClick={this.scrollToEnd}\n disabled={!this.canScrollEnd}\n aria-label=\"Scroll to end\"\n >\n {hasSlottedEndArrow ? (\n <slot name=\"end-arrow\" />\n ) : (\n <le-icon name=\"chevron-down\" class=\"arrow-icon-end\" />\n )}\n </button>,\n ];\n }\n\n private renderAllMenuButton() {\n if (!this.showAllMenu) return null;\n\n const hasSlottedAllMenu = this.el.querySelector('[slot=\"all-menu\"]');\n\n return (\n <button\n class=\"bar-all-menu-button\"\n part=\"all-menu-button\"\n onClick={this.toggleAllMenu}\n aria-expanded={String(this.allMenuOpen)}\n aria-haspopup=\"true\"\n >\n {hasSlottedAllMenu ? <slot name=\"all-menu\" /> : <le-icon name=\"hamburger\" />}\n </button>\n );\n }\n\n private renderPopoverContent(itemsToShow: { id: string; item: HTMLElement }[]) {\n return (\n <div class=\"bar-popover-content\" part=\"popover-content\">\n {itemsToShow.map(({ id, item }) => (\n <div\n class=\"bar-popover-item\"\n key={id}\n onClick={(e: MouseEvent) => this.handleItemClick(e, id)}\n innerHTML={item.outerHTML}\n />\n ))}\n </div>\n );\n }\n\n private renderOverflowPopover() {\n if (this.overflow !== 'more' && this.overflow !== 'hamburger') return null;\n\n const items = this.getSlottedItems();\n let itemsToShow: { id: string; item: HTMLElement }[] = [];\n\n if (this.overflow === 'hamburger' && this.hamburgerActive) {\n // Show all items in hamburger mode\n itemsToShow = items.map((item, index) => ({\n id: this.getItemId(item, index),\n item,\n }));\n } else if (this.overflow === 'more' && (this.overflowingIds?.size ?? 0) > 0) {\n // Show only overflowing items\n itemsToShow = items\n .map((item, index) => ({\n id: this.getItemId(item, index),\n item,\n }))\n .filter(({ id }) => this.overflowingIds?.has(id));\n }\n\n if (itemsToShow.length === 0) return null;\n\n return (\n <le-popover\n mode=\"default\"\n open={this.popoverOpen}\n position=\"bottom\"\n align=\"end\"\n showClose={false}\n closeOnClickOutside={true}\n closeOnEscape={true}\n onLePopoverClose={this.closePopover}\n >\n <div slot=\"trigger\" class=\"bar-overflow-trigger\">\n {this.overflow === 'hamburger' ? this.renderHamburgerButton() : this.renderMoreButton()}\n </div>\n {this.renderPopoverContent(itemsToShow)}\n </le-popover>\n );\n }\n\n private renderAllMenuPopover() {\n if (!this.showAllMenu) return null;\n\n const items = this.getSlottedItems();\n const itemsToShow = items.map((item, index) => ({\n id: this.getItemId(item, index),\n item,\n }));\n\n const position = this.showAllMenu === 'start' ? 'start' : 'end';\n\n return (\n <le-popover\n mode=\"default\"\n open={this.allMenuOpen}\n position=\"bottom\"\n align={position}\n showClose={false}\n closeOnClickOutside={true}\n closeOnEscape={true}\n onLePopoverClose={this.closeAllMenu}\n >\n <div slot=\"trigger\" class=\"bar-all-menu-trigger\">\n {this.renderAllMenuButton()}\n </div>\n {this.renderPopoverContent(itemsToShow)}\n </le-popover>\n );\n }\n\n render() {\n const showOverflowButton =\n !this.disablePopover &&\n ((this.overflow === 'more' && (this.overflowingIds?.size ?? 0) > 0) ||\n (this.overflow === 'hamburger' && this.hamburgerActive));\n\n const containerStyle: { [key: string]: string } = {};\n if (\n this.containerHeight !== null &&\n (this.overflow === 'more' || this.overflow === 'hamburger')\n ) {\n containerStyle.height = `${this.containerHeight}px`;\n }\n\n const showAllMenuAtStart = this.showAllMenu === 'start';\n const showAllMenuAtEnd = this.showAllMenu === true || this.showAllMenu === 'end';\n\n return (\n <Host\n class={classnames({\n 'overflow-more': this.overflow === 'more',\n 'overflow-scroll': this.overflow === 'scroll',\n 'overflow-hamburger': this.overflow === 'hamburger',\n 'overflow-wrap': this.overflow === 'wrap',\n 'hamburger-active': this.hamburgerActive,\n 'has-overflow': (this.overflowingIds?.size ?? 0) > 0 || this.hamburgerActive,\n })}\n >\n <div\n class={classnames('bar-container', {\n [`align-${this.alignItems}`]: true,\n })}\n part=\"container\"\n >\n {/* Start controls */}\n {this.overflow === 'scroll' && this.arrows && (\n <div class=\"bar-controls bar-controls-start\">{this.renderScrollArrows()?.[0]}</div>\n )}\n\n {showAllMenuAtStart && (\n <div class=\"bar-controls bar-controls-start\">{this.renderAllMenuPopover()}</div>\n )}\n\n {/* Items container */}\n <div\n class={classnames('bar-items', {\n 'is-scrollable': this.overflow === 'scroll',\n 'is-wrapping': this.overflow === 'wrap',\n })}\n style={containerStyle}\n ref={el => {\n this.itemsContainerEl = el;\n this.observeContainer(el);\n }}\n onScroll={this.overflow === 'scroll' ? this.handleScroll : undefined}\n >\n <slot />\n </div>\n\n {/* End controls */}\n {showOverflowButton && (\n <div class=\"bar-controls bar-controls-end\">{this.renderOverflowPopover()}</div>\n )}\n\n {showAllMenuAtEnd && (\n <div class=\"bar-controls bar-controls-end\">{this.renderAllMenuPopover()}</div>\n )}\n\n {this.overflow === 'scroll' && this.arrows && (\n <div class=\"bar-controls bar-controls-end\">{this.renderScrollArrows()?.[1]}</div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
|