le-kit 0.5.2 → 0.5.3

package/dist/components/le-navigation2.js.map

@@ -0,0 +1 @@
+{"file":"le-navigation2.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["src/components/le-navigation/le-navigation.css?tag=le-navigation&encapsulation=shadow","src/components/le-navigation/le-navigation.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  --le-nav-radius: var(--le-radius-md);\n  --le-nav-gap: var(--le-spacing-2);\n\n  /* Vertical navigation items variables */\n  --le-nav-item-padding-x: var(--le-spacing-1);\n  --le-nav-item-padding-y: var(--le-spacing-2);\n  --le-nav-item-gap: var(--le-spacing-2);\n\n  /* Horizontal navigation link variables */\n  --le-nav-link-padding-x: var(--le-spacing-2);\n  --le-nav-link-padding-y: var(--le-spacing-1);\n  --le-nav-link-gap: var(--le-spacing-1);\n\n  --le-nav-color: var(--le-color-text-primary);\n  --le-nav-muted: var(--le-color-text-secondary);\n  --le-nav-hover-bg: var(--le-color-gray-100);\n  --le-nav-selected-bg: var(--le-color-primary);\n  --le-nav-selected-color: var(--le-color-primary-contrast);\n}\n\n/*\n * In horizontal nowrap mode, this component is commonly used inside flex layouts\n * (e.g. headers). If the host shrink-wraps to its contents, enabling overflow\n * (moving items into \"More\") changes the host width, which can cause oscillation\n * between states. Make the host participate in flex sizing instead.\n */\n:host([orientation='horizontal']:not([wrap])) {\n  flex: 1 1 0%;\n  min-width: 0;\n}\n\n/* ==========================================\n * Vertical navigation\n * ========================================== */\n\n.nav-vertical {\n  display: flex;\n  flex-direction: column;\n  gap: var(--le-nav-gap);\n}\n\n.nav-search {\n  width: 100%;\n}\n\n.nav-search-input {\n  --le-input-radius: var(--le-radius-md);\n}\n\n.nav-empty {\n  padding: var(--le-spacing-2);\n  color: var(--le-nav-muted);\n  font-size: var(--le-font-size-sm);\n}\n\n.nav-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--le-spacing-1);\n}\n\n.nav-row {\n  display: flex;\n  align-items: stretch;\n  gap: var(--le-spacing-1);\n  border-radius: var(--le-nav-radius);\n}\n\n.nav-row:hover {\n  background: var(--le-nav-hover-bg);\n}\n\n.nav-toggle,\n.nav-toggle-spacer {\n  box-sizing: border-box;\n  width: var(--le-spacing-4);\n  min-width: var(--le-spacing-4);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\n  border-radius: var(--le-nav-radius);\n  color: inherit;\n}\n\n.nav-toggle {\n  background: transparent;\n  cursor: pointer;\n  opacity: 0.4;\n}\n\n.nav-toggle:hover:not(:disabled) {\n  opacity: 1;\n}\n\n.nav-toggle:focus-visible {\n  outline: 2px solid var(--le-color-focus);\n  outline-offset: 2px;\n  opacity: 1;\n}\n\n.nav-chevron {\n  display: inline-block;\n  transition: transform var(--le-transition-fast);\n}\n\n.nav-chevron svg {\n  display: block;\n  width: var(--le-spacing-4);\n  height: var(--le-spacing-4);\n}\n\n.nav-node > div > button > .nav-chevron {\n  transform: rotate(-90deg);\n}\n.nav-node.open > div > button > .nav-chevron {\n  transform: rotate(0deg);\n}\n\n.nav-item {\n  flex: 1;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--le-nav-item-gap);\n  padding: var(--le-nav-item-padding-y) var(--le-nav-item-padding-x) var(--le-nav-item-padding-y) 0;\n  border-radius: var(--le-nav-radius);\n  border: 1px solid transparent;\n  background: transparent;\n  text-decoration: none;\n  color: var(--le-nav-color);\n  font-family: var(--le-font-family-base);\n  font-size: var(--le-font-size-md);\n  line-height: var(--le-line-height-tight);\n  cursor: pointer;\n}\n\n.nav-item:focus-visible {\n  outline: 2px solid var(--le-color-focus);\n  outline-offset: 2px;\n}\n\n.nav-node.selected > .nav-row {\n  background: var(--le-nav-selected-bg);\n  color: var(--le-nav-selected-color);\n}\n.nav-node.selected > .nav-row > .nav-item {\n  color: inherit;\n}\n\n.nav-node.disabled > .nav-row > .nav-item {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.nav-text {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.nav-label {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.nav-description {\n  color: color-mix(in srgb, var(--le-nav-muted) 90%, transparent);\n  font-size: var(--le-font-size-sm);\n  line-height: var(--le-line-height-tight);\n}\n\n.nav-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.nav-icon-end {\n  margin-left: auto;\n}\n\n.nav-children {\n  margin-top: var(--le-spacing-1);\n}\n\n/* ==========================================\n * Horizontal navigation (using le-bar)\n * ========================================== */\n\n.nav-horizontal-wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--le-nav-gap);\n}\n\n.nav-bar {\n  flex: 1 1 0%;\n  min-width: 0;\n  --le-bar-gap: var(--le-nav-gap);\n}\n\n.nav-bar.align-end {\n  --le-bar-justify: flex-end;\n}\n\n.nav-bar.align-center {\n  --le-bar-justify: center;\n}\n\n.nav-bar.align-space-between {\n  --le-bar-justify: space-between;\n}\n\n/* Compensate some of the width of the more-button when overflow is present */\n.nav-bar.overflow-more.has-overflow,\n.nav-bar.overflow-hamburger.has-overflow {\n  margin-inline-end: calc((var(--le-nav-gap) + (var(--le-nav-link-padding-x) * 2)) * -1);\n}\n\n.h-item {\n  display: flex;\n  align-items: center;\n}\n\n.h-link {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--le-nav-link-gap);\n  padding: var(--le-nav-link-padding-y) var(--le-nav-link-padding-x);\n  border-radius: var(--le-nav-radius);\n  border: 1px solid transparent;\n  background: transparent;\n  text-decoration: none;\n  color: var(--le-nav-color);\n  font-family: var(--le-font-family-base);\n  font-size: var(--le-font-size-md);\n  cursor: pointer;\n}\n\n.h-link:hover {\n  background: var(--le-nav-hover-bg);\n}\n\n.h-link:focus-visible {\n  outline: 2px solid var(--le-color-focus);\n  outline-offset: 2px;\n}\n\n.h-link.disabled,\n.h-trigger.disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.h-link.selected,\n.h-trigger.selected {\n  background: var(--le-nav-selected-bg);\n  color: var(--le-nav-selected-color);\n}\n\n.h-label {\n  white-space: nowrap;\n}\n\n.h-trigger {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--le-spacing-1);\n  border-radius: var(--le-nav-radius);\n}\n\n.h-submenu-toggle {\n  width: var(--le-spacing-3);\n  height: var(--le-spacing-3);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\n  border-radius: var(--le-nav-radius);\n  background: transparent;\n  color: currentColor;\n  cursor: pointer;\n}\n\n.h-submenu-toggle:hover {\n  background: var(--le-nav-hover-bg);\n}\n\n.overflow-trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--le-nav-link-gap);\n  padding: var(--le-nav-link-padding-y) var(--le-nav-link-padding-x);\n  border-radius: var(--le-nav-radius);\n  border: 1px solid transparent;\n  background: transparent;\n  color: var(--le-nav-color);\n  cursor: pointer;\n  font-family: var(--le-font-family-base);\n  font-size: var(--le-font-size-md);\n}\n\n.overflow-trigger:hover {\n  background: var(--le-nav-hover-bg);\n}\n\n.overflow-trigger:focus-visible {\n  outline: 2px solid var(--le-color-focus);\n  outline-offset: 2px;\n}\n\n/* Overflow trigger wrapper in le-bar slot */\n.nav-overflow-trigger {\n  display: flex;\n  align-items: center;\n}\n\n/* Popover list container */\nle-popover::part(content) {\n  padding: var(--le-spacing-1);\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Element,\n  Watch,\n  h,\n  Host,\n} from '@stencil/core';\nimport { LeOption } from '../../types/options';\nimport { classnames, generateId } from '../../utils/utils';\nimport { LeBarOverflowChangeDetail } from '../le-bar/le-bar';\n\nexport interface LeNavigationItemSelectDetail {\n  item: LeOption;\n  id: string;\n  href?: string;\n  originalEvent: MouseEvent;\n}\n\nexport interface LeNavigationItemToggleDetail {\n  item: LeOption;\n  id: string;\n  open: boolean;\n  originalEvent: MouseEvent;\n}\n\ninterface VerticalListRenderOptions {\n  depth: number;\n  pathPrefix: string;\n  autoOpenIds?: Set<string>;\n  searchable?: boolean;\n  searchQuery?: string;\n  searchPlaceholder?: string;\n  emptyText?: string;\n  submenuId?: string;\n  closePopover?: () => void;\n}\n\n/**\n * Navigation component with vertical (tree) and horizontal (menu) layouts.\n *\n * - Accepts items as `LeOption[]` or a JSON string.\n * - Supports hierarchical items via `children`.\n * - Supports persisted expansion via `open` on items.\n *\n * @slot hamburger-trigger - Custom trigger contents for the hamburger button\n * @slot more-trigger - Custom trigger contents for the \"More\" button\n *\n * @cmsEditable true\n * @cmsCategory Navigation\n */\n@Component({\n  tag: 'le-navigation',\n  styleUrl: 'le-navigation.css',\n  shadow: true,\n})\nexport class LeNavigation {\n  @Element() el: HTMLElement;\n\n  /**\n   * Navigation items.\n   * Can be passed as an array or JSON string (same pattern as le-select).\n   */\n  @Prop() items: LeOption[] | string = [];\n\n  /**\n   * Layout orientation.\n   */\n  @Prop({ reflect: true }) orientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  /**\n   * Horizontal wrapping behavior.\n   * If false, overflow behavior depends on `overflowMode`.\n   */\n  @Prop({ reflect: true }) wrap: boolean = false;\n\n  /**\n   * Overflow behavior for horizontal, non-wrapping menus.\n   * - more: moves overflow items into a \"More\" popover\n   * - hamburger: turns the whole nav into a hamburger popover\n   */\n  @Prop({ reflect: true }) overflowMode: 'more' | 'hamburger' = 'more';\n\n  /**\n   * Minimum number of visible top-level items required to use the \"More\" overflow.\n   * If fewer would be visible, the navigation falls back to hamburger.\n   */\n  @Prop() minVisibleItemsForMore: number = 2;\n\n  /**\n   * Alignment of the menu items within the navigation bar.\n   */\n  @Prop({ reflect: true }) align: 'start' | 'end' | 'center' | 'space-between' = 'start';\n\n  /**\n   * Active url for automatic selection.\n   */\n  @Prop() activeUrl: string = '';\n\n  /**\n   * Enables a search input for the vertical navigation.\n   */\n  @Prop() searchable: boolean = false;\n\n  /**\n   * Placeholder text for the search input.\n   */\n  @Prop() searchPlaceholder: string = 'Search...';\n\n  /**\n   * Text shown when no items match the filter.\n   */\n  @Prop() emptyText: string = 'No results found';\n\n  /**\n   * Whether submenu popovers should include a filter input.\n   */\n  @Prop() submenuSearchable: boolean = false;\n\n  /**\n   * Fired when a navigation item is activated.\n   *\n   * This event is cancelable. Call `event.preventDefault()` to prevent\n   * default browser navigation and implement custom routing.\n   */\n  @Event({ cancelable: true }) leNavItemSelect: EventEmitter<LeNavigationItemSelectDetail>;\n\n  /**\n   * Fired when a tree branch is toggled.\n   */\n  @Event() leNavItemToggle: EventEmitter<LeNavigationItemToggleDetail>;\n\n  @State() private searchQuery: string = '';\n\n  @State() private openState: Record<string, boolean> = {};\n\n  /** IDs of items currently in overflow (from le-bar) */\n  @State() private overflowIds: string[] = [];\n\n  /** Whether hamburger mode is active (from le-bar) */\n  @State() private hamburgerActive: boolean = false;\n\n  @State() private submenuQueries: Record<string, string> = {};\n\n  /** Whether the overflow popover is open */\n  @State() private overflowPopoverOpen: boolean = false;\n\n  private popoverRefs: Map<string, HTMLLePopoverElement> = new Map();\n\n  private instanceId: string = generateId('le-nav');\n\n  private partFromOptionPart(base: string, part?: string): string {\n    const raw = (part ?? '').trim();\n    if (!raw) return base;\n\n    const tokens = raw\n      .split(/\\s+/)\n      .map(t => t.replace(/[^a-zA-Z0-9_-]/g, ''))\n      .filter(Boolean);\n\n    if (tokens.length === 0) return base;\n\n    return [base, ...tokens.map(t => `${base}-${t}`)].join(' ');\n  }\n\n  @Watch('items')\n  @Watch('orientation')\n  @Watch('wrap')\n  @Watch('overflowMode')\n  handleLayoutInputsChange() {\n    // Reset overflow state when layout inputs change\n    this.overflowIds = [];\n    this.hamburgerActive = false;\n  }\n\n  disconnectedCallback() {\n    // Cleanup if needed\n  }\n\n  private get parsedItems(): LeOption[] {\n    if (typeof this.items === 'string') {\n      try {\n        return JSON.parse(this.items);\n      } catch {\n        return [];\n      }\n    }\n\n    return this.items;\n  }\n\n  private getItemId(item: LeOption, path: string): string {\n    return item.id ?? `${this.instanceId}:${path}`;\n  }\n\n  private getChildItems(item: LeOption): LeOption[] {\n    return Array.isArray(item.children) ? item.children : [];\n  }\n\n  private isOpen(item: LeOption, id: string): boolean {\n    const fromState = this.openState[id];\n    if (typeof fromState === 'boolean') return fromState;\n    return !!item.open;\n  }\n\n  private setOpen(id: string, open: boolean) {\n    if (this.openState[id] === open) return;\n    this.openState = {\n      ...this.openState,\n      [id]: open,\n    };\n  }\n\n  private matchesQuery(option: LeOption, query: string): boolean {\n    if (!query) return true;\n\n    const q = query.toLowerCase();\n    return (\n      option.label.toLowerCase().includes(q) ||\n      (option.description?.toLowerCase().includes(q) ?? false)\n    );\n  }\n\n  private filterTree(\n    items: LeOption[],\n    query: string,\n    pathPrefix: string,\n    autoOpen: Set<string>,\n  ): LeOption[] {\n    if (!query) return items;\n\n    const result: LeOption[] = [];\n\n    items.forEach((item, index) => {\n      const path = pathPrefix ? `${pathPrefix}.${index}` : String(index);\n      const id = this.getItemId(item, path);\n\n      const children = this.getChildItems(item);\n      const filteredChildren = this.filterTree(children, query, path, autoOpen);\n      const selfMatch = this.matchesQuery(item, query);\n      const childMatch = filteredChildren.length > 0;\n\n      if (selfMatch || childMatch) {\n        if (childMatch) {\n          autoOpen.add(id);\n        }\n\n        if (childMatch && filteredChildren !== children) {\n          result.push({\n            ...item,\n            children: filteredChildren,\n          });\n        } else {\n          result.push(item);\n        }\n      }\n    });\n\n    return result;\n  }\n\n  private handleItemSelect = (e: MouseEvent, item: LeOption, id: string) => {\n    if (item.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    const emitted = this.leNavItemSelect.emit({\n      item,\n      id,\n      href: item.href,\n      originalEvent: e,\n    });\n\n    if (emitted.defaultPrevented) {\n      e.preventDefault();\n    }\n  };\n\n  private handleToggle = (e: MouseEvent, item: LeOption, id: string) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (item.disabled) return;\n\n    const next = !this.isOpen(item, id);\n    this.setOpen(id, next);\n\n    this.leNavItemToggle.emit({\n      item,\n      id,\n      open: next,\n      originalEvent: e,\n    });\n  };\n\n  private handleSearchInput = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.searchQuery = target.value;\n  };\n\n  private handleSubmenuSearchInput = (submenuId: string, e: Event) => {\n    const target = e.target as HTMLInputElement;\n    const value = target.value;\n\n    if (this.submenuQueries[submenuId] === value) return;\n\n    this.submenuQueries = {\n      ...this.submenuQueries,\n      [submenuId]: value,\n    };\n\n    // Position may change as items filter.\n    requestAnimationFrame(() => this.popoverRefs.get(submenuId)?.updatePosition());\n  };\n\n  private handleBarOverflowChange = (e: CustomEvent<LeBarOverflowChangeDetail>) => {\n    this.overflowIds = e.detail.overflowingIds || [];\n    this.hamburgerActive = e.detail.hamburgerActive || false;\n  };\n\n  private openOverflowPopover = () => {\n    this.overflowPopoverOpen = true;\n  };\n\n  private closeOverflowPopover = () => {\n    this.overflowPopoverOpen = false;\n  };\n\n  private renderVerticalList(\n    items: LeOption[],\n    {\n      depth,\n      pathPrefix,\n      autoOpenIds,\n      searchable,\n      searchQuery,\n      searchPlaceholder,\n      emptyText,\n      submenuId,\n      closePopover,\n    }: VerticalListRenderOptions,\n  ) {\n    const query = searchQuery ?? '';\n    const openFromSearch = autoOpenIds ?? new Set<string>();\n\n    const filtered = query ? this.filterTree(items, query, pathPrefix, openFromSearch) : items;\n\n    return (\n      <div class={classnames('nav-vertical', { 'is-submenu': !!submenuId })}>\n        {searchable && (\n          <div class=\"nav-search\">\n            <le-string-input\n              mode=\"default\"\n              class=\"nav-search-input\"\n              placeholder={searchPlaceholder ?? 'Search...'}\n              value={query}\n              onInput={(e: Event) =>\n                submenuId ? this.handleSubmenuSearchInput(submenuId, e) : this.handleSearchInput(e)\n              }\n            />\n          </div>\n        )}\n\n        {filtered.length === 0 ? (\n          <div class=\"nav-empty\">{emptyText ?? this.emptyText}</div>\n        ) : (\n          <ul class=\"nav-list\" role=\"tree\">\n            {filtered.map((item, index) => {\n              const path = pathPrefix ? `${pathPrefix}.${index}` : String(index);\n              const id = this.getItemId(item, path);\n              const children = this.getChildItems(item);\n              const hasChildren = children.length > 0;\n              const open = hasChildren && (this.isOpen(item, id) || openFromSearch.has(id));\n\n              const paddingLeft = `calc(var(--le-nav-item-padding-x) + ${depth} * var(--le-spacing-4))`;\n\n              const TagType = item.href && !item.disabled ? 'a' : 'button';\n              const attrs =\n                TagType === 'a'\n                  ? { href: item.href, role: 'treeitem' }\n                  : { type: 'button', role: 'treeitem' };\n\n              const itemPart = this.partFromOptionPart('item', item.part);\n\n              return (\n                <li\n                  class={classnames('nav-node', {\n                    'disabled': item.disabled,\n                    'selected': item.selected || (this.activeUrl && item.href === this.activeUrl),\n                    open,\n                    'has-children': hasChildren,\n                  })}\n                  key={id}\n                  role=\"none\"\n                >\n                  <div class=\"nav-row\" style={{ paddingLeft }}>\n                    {hasChildren ? (\n                      <button\n                        type=\"button\"\n                        class=\"nav-toggle\"\n                        aria-label={open ? 'Collapse' : 'Expand'}\n                        aria-expanded={open ? 'true' : 'false'}\n                        onClick={(e: MouseEvent) => this.handleToggle(e, item, id)}\n                        disabled={item.disabled}\n                      >\n                        <le-icon name=\"chevron-down\" class=\"nav-chevron\" aria-hidden=\"true\" />\n                      </button>\n                    ) : (\n                      <span class=\"nav-toggle-spacer\" aria-hidden=\"true\" />\n                    )}\n\n                    <TagType\n                      class=\"nav-item\"\n                      part={itemPart}\n                      {...attrs}\n                      aria-disabled={item.disabled ? 'true' : undefined}\n                      onClick={(e: MouseEvent) => {\n                        // For buttons, also toggle if this is a purely structural node.\n                        this.handleItemSelect(e, item, id);\n                        if (!item.href && hasChildren && !item.disabled) {\n                          this.handleToggle(e, item, id);\n                          return;\n                        }\n\n                        if (!item.disabled && closePopover) {\n                          closePopover();\n                        }\n                      }}\n                    >\n                      {item.iconStart && (\n                        <span class=\"nav-icon\" aria-hidden=\"true\">\n                          {item.iconStart}\n                        </span>\n                      )}\n                      <span class=\"nav-text\">\n                        <span class=\"nav-label\">{item.label}</span>\n                        {item.description && (\n                          <span class=\"nav-description\">{item.description}</span>\n                        )}\n                      </span>\n                      {item.iconEnd && (\n                        <span class=\"nav-icon nav-icon-end\" aria-hidden=\"true\">\n                          {item.iconEnd}\n                        </span>\n                      )}\n                    </TagType>\n                  </div>\n\n                  {hasChildren && (\n                    <le-collapse class=\"nav-children\" closed={!open} noFading={true} role=\"group\">\n                      {this.renderVerticalList(children, {\n                        depth: depth + 1,\n                        pathPrefix: path,\n                        autoOpenIds: openFromSearch,\n                        submenuId,\n                        closePopover,\n                      })}\n                    </le-collapse>\n                  )}\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </div>\n    );\n  }\n\n  private renderHorizontalItem(item: LeOption, index: number) {\n    const id = this.getItemId(item, String(index));\n    const children = this.getChildItems(item);\n    const hasChildren = children.length > 0;\n\n    if (!hasChildren) {\n      const TagType = item.href && !item.disabled ? 'a' : 'button';\n      const attrs =\n        TagType === 'a'\n          ? { href: item.href, role: 'menuitem' }\n          : { type: 'button', role: 'menuitem' };\n\n      const itemPart = this.partFromOptionPart('item', item.part);\n\n      return (\n        <div class=\"h-item\" data-bar-id={id}>\n          <TagType\n            class={classnames('h-link', {\n              disabled: item.disabled,\n              selected: item.selected || (this.activeUrl && item.href === this.activeUrl),\n            })}\n            part={itemPart}\n            {...attrs}\n            aria-disabled={item.disabled ? 'true' : undefined}\n            onClick={(e: MouseEvent) => this.handleItemSelect(e, item, id)}\n          >\n            {item.iconStart && (\n              <span class=\"nav-icon\" aria-hidden=\"true\">\n                {item.iconStart}\n              </span>\n            )}\n            <span class=\"h-label\">{item.label}</span>\n            {item.iconEnd && (\n              <span class=\"nav-icon nav-icon-end\" aria-hidden=\"true\">\n                {item.iconEnd}\n              </span>\n            )}\n          </TagType>\n        </div>\n      );\n    }\n\n    const submenuId = id;\n\n    const itemPart = this.partFromOptionPart('item', item.part);\n\n    return (\n      <div class=\"h-item\" data-bar-id={id}>\n        <le-popover\n          ref={el => {\n            if (el) this.popoverRefs.set(submenuId, el);\n          }}\n          mode=\"default\"\n          offset={8}\n          showClose={false}\n          closeOnClickOutside={true}\n          closeOnEscape={true}\n          position=\"bottom\"\n          align=\"start\"\n          minWidth=\"240px\"\n        >\n          <div\n            slot=\"trigger\"\n            class={classnames('h-trigger', {\n              disabled: item.disabled,\n              selected: item.selected || (this.activeUrl && item.href === this.activeUrl),\n            })}\n            part={itemPart}\n            role=\"menuitem\"\n            aria-disabled={item.disabled ? 'true' : undefined}\n            onClick={(e: MouseEvent) => {\n              // Don’t let le-popover auto-toggle from its internal wrapper.\n              e.stopPropagation();\n              if (item.disabled) return;\n\n              if (item.href) {\n                this.handleItemSelect(e, item, id);\n                this.popoverRefs.get(submenuId)?.hide();\n              } else {\n                this.popoverRefs.get(submenuId)?.toggle();\n              }\n            }}\n          >\n            {item.href ? (\n              <a\n                class=\"h-link\"\n                href={item.href}\n                onClick={(e: MouseEvent) => {\n                  e.stopPropagation();\n                  this.handleItemSelect(e, item, id);\n                }}\n              >\n                {item.iconStart && (\n                  <span class=\"nav-icon\" aria-hidden=\"true\">\n                    {item.iconStart}\n                  </span>\n                )}\n                <span class=\"h-label\">{item.label}</span>\n                <span class=\"nav-chevron\" aria-hidden=\"true\">\n                  <le-icon name=\"chevron-down\" />\n                </span>\n              </a>\n            ) : (\n              <button\n                type=\"button\"\n                class=\"h-link\"\n                onClick={(e: MouseEvent) => {\n                  e.stopPropagation();\n                  if (item.disabled) return;\n                  this.popoverRefs.get(submenuId)?.toggle();\n                }}\n              >\n                {item.iconStart && (\n                  <span class=\"nav-icon\" aria-hidden=\"true\">\n                    {item.iconStart}\n                  </span>\n                )}\n                <span class=\"h-label\">{item.label}</span>\n                <span class=\"nav-chevron\" aria-hidden=\"true\">\n                  <le-icon name=\"chevron-down\" />\n                </span>\n              </button>\n            )}\n          </div>\n\n          <div class=\"popover-menu\">\n            {this.renderVerticalList(children, {\n              depth: 0,\n              pathPrefix: String(index),\n              searchable: this.submenuSearchable,\n              searchQuery: this.submenuQueries[submenuId] ?? '',\n              searchPlaceholder: this.searchPlaceholder,\n              emptyText: this.emptyText,\n              submenuId,\n              closePopover: () => this.popoverRefs.get(submenuId)?.hide(),\n            })}\n          </div>\n        </le-popover>\n      </div>\n    );\n  }\n\n  private getOverflowMode(): 'more' | 'scroll' | 'hamburger' | 'wrap' {\n    if (this.wrap) return 'wrap';\n    return this.overflowMode;\n  }\n\n  private getBarAlignment(): 'start' | 'end' | 'center' | 'stretch' {\n    // Map le-navigation align to le-bar alignItems\n    // 'space-between' doesn't map directly, use 'stretch' as closest\n    if (this.align === 'space-between') return 'stretch';\n    return this.align;\n  }\n\n  private renderOverflowPopover() {\n    const items = this.parsedItems;\n    const overflowSet = new Set(this.overflowIds || []);\n\n    // Determine which items to show in the popover\n    let itemsToShow: LeOption[];\n\n    if (this.hamburgerActive) {\n      // In hamburger mode, show all items\n      itemsToShow = items;\n    } else {\n      // In \"more\" mode, show only overflow items\n      itemsToShow = items.filter((item, index) => {\n        const id = this.getItemId(item, String(index));\n        return overflowSet.has(id);\n      });\n    }\n\n    if (itemsToShow.length === 0) return null;\n\n    const isHamburger = this.hamburgerActive;\n\n    return (\n      <le-popover\n        mode=\"default\"\n        offset={8}\n        open={this.overflowPopoverOpen}\n        showClose={false}\n        closeOnClickOutside={true}\n        closeOnEscape={true}\n        position=\"bottom\"\n        align=\"end\"\n        minWidth=\"260px\"\n        onLePopoverClose={this.closeOverflowPopover}\n      >\n        <button\n          slot=\"trigger\"\n          type=\"button\"\n          class=\"overflow-trigger\"\n          part={isHamburger ? 'hamburger-trigger' : 'more-trigger'}\n          aria-label={isHamburger ? 'Open menu' : 'More'}\n          onClick={this.openOverflowPopover}\n        >\n          <slot name={isHamburger ? 'hamburger-trigger' : 'more-trigger'}>\n            <le-icon name={isHamburger ? 'hamburger' : 'ellipsis-horizontal'} />\n          </slot>\n        </button>\n        <div class=\"popover-menu\">\n          {this.renderVerticalList(itemsToShow, {\n            depth: 0,\n            pathPrefix: '',\n            closePopover: this.closeOverflowPopover,\n          })}\n        </div>\n      </le-popover>\n    );\n  }\n\n  private renderHorizontal() {\n    const items = this.parsedItems;\n    const overflowMode = this.getOverflowMode();\n    const showOverflowButton = (this.overflowIds?.length ?? 0) > 0 || this.hamburgerActive;\n\n    return (\n      <div class=\"nav-horizontal-wrapper\">\n        <le-bar\n          class={classnames('nav-bar', {\n            'align-end': this.align === 'end',\n            'align-center': this.align === 'center',\n            'align-space-between': this.align === 'space-between',\n          })}\n          overflow={overflowMode}\n          alignItems={this.getBarAlignment()}\n          disablePopover={true}\n          minVisibleItems={this.minVisibleItemsForMore}\n          onLeBarOverflowChange={this.handleBarOverflowChange}\n        >\n          {items.map((item, index) => this.renderHorizontalItem(item, index))}\n        </le-bar>\n\n        {/* Overflow popover - rendered outside le-bar to have full control over content */}\n        {showOverflowButton && this.renderOverflowPopover()}\n      </div>\n    );\n  }\n\n  render() {\n    const items = this.parsedItems;\n\n    if (this.orientation === 'horizontal') {\n      return (\n        <Host>\n          <le-component component=\"le-navigation\">{this.renderHorizontal()}</le-component>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <le-component component=\"le-navigation\">\n          {this.renderVerticalList(items, {\n            depth: 0,\n            pathPrefix: '',\n            searchable: this.searchable,\n            searchQuery: this.searchQuery,\n            searchPlaceholder: this.searchPlaceholder,\n            emptyText: this.emptyText,\n          })}\n        </le-component>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/le-number-input.js

@@ -15,73 +15,94 @@ const LeNumberInput$1 = /*@__PURE__*/ proxyCustomElement(class LeNumberInput ext
         this.__attachShadow();
         this.leChange = createEvent(this, "leChange", 7);
         this.leInput = createEvent(this, "leInput", 7);
+        /**
+         * Step value for increment/decrement
+         */
+        this.step = 1;
+        /**
+         * Whether the input is required
+         */
+        this.required = false;
+        /**
+         * Whether the input is disabled
+         */
+        this.disabled = false;
+        /**
+         * Whether the input is read-only
+         */
+        this.readonly = false;
+        /**
+         * Whether to show the spinner controls
+         */
+        this.showSpinners = true;
+        /**
+         * Internal validation state
+         */
+        this.isValid = true;
+        this.validationMessage = '';
+        this.handleInput = (ev) => {
+            const input = ev.target;
+            const val = parseFloat(input.value);
+            if (input.value === '') {
+                this.value = undefined;
+            }
+            else if (!isNaN(val)) {
+                this.value = val;
+            }
+            this.validate();
+            this.emitInput();
+        };
+        this.handleChange = () => {
+            this.validate();
+            this.emitChange();
+        };
+        this.handleKeyDown = (ev) => {
+            if (this.disabled || this.readonly)
+                return;
+            let multiplier = 1;
+            if (ev.shiftKey)
+                multiplier = 10;
+            if (ev.altKey)
+                multiplier = 0.1;
+            const current = this.value || 0;
+            if (ev.key === 'ArrowUp') {
+                ev.preventDefault();
+                this.updateValue(current + (this.step * multiplier));
+            }
+            else if (ev.key === 'ArrowDown') {
+                ev.preventDefault();
+                this.updateValue(current - (this.step * multiplier));
+            }
+        };
+        this.handleWheel = (ev) => {
+            if (this.disabled || this.readonly)
+                return;
+            // Only handle if input is focused to prevent accidental scrolling
+            if (document.activeElement !== ev.target)
+                return;
+            ev.preventDefault();
+            const current = this.value || 0;
+            if (ev.deltaY < 0) {
+                this.updateValue(current + this.step);
+            }
+            else {
+                this.updateValue(current - this.step);
+            }
+        };
+        this.increment = (ev) => {
+            ev.preventDefault(); // Prevent focus loss
+            const current = this.value || 0;
+            this.updateValue(current + this.step);
+            // Trigger change event for buttons as they are "final" actions usually
+            this.emitChange();
+        };
+        this.decrement = (ev) => {
+            ev.preventDefault();
+            const current = this.value || 0;
+            this.updateValue(current - this.step);
+            this.emitChange();
+        };
     }
-    get el() { return this; }
-    /**
-     * The value of the input
-     */
-    value;
-    /**
-     * The name of the input
-     */
-    name;
-    /**
-     * Label for the input
-     */
-    label;
-    /**
-     * Placeholder text
-     */
-    placeholder;
-    /**
-     * Minimum allowed value
-     */
-    min;
-    /**
-     * Maximum allowed value
-     */
-    max;
-    /**
-     * Step value for increment/decrement
-     */
-    step = 1;
-    /**
-     * Whether the input is required
-     */
-    required = false;
-    /**
-     * Whether the input is disabled
-     */
-    disabled = false;
-    /**
-     * Whether the input is read-only
-     */
-    readonly = false;
-    /**
-     * Icon for the start icon
-     */
-    iconStart;
-    /**
-     * Whether to show the spinner controls
-     */
-    showSpinners = true;
-    /**
-     * External ID for linking with external systems
-     */
-    externalId;
-    /**
-     * Internal validation state
-     */
-    isValid = true;
-    validationMessage = '';
-    /**
-     * Emitted when the value changes (on blur or Enter)
-     */
-    leChange;
-    /**
-     * Emitted when the input value changes (on keystroke/spin)
-     */
-    leInput;
     valueChanged() {
         this.validate();
     }
@@ -132,76 +153,15 @@ const LeNumberInput$1 = /*@__PURE__*/ proxyCustomElement(class LeNumberInput ext
         this.validate();
         this.emitInput();
     }
-    handleInput = (ev) => {
-        const input = ev.target;
-        const val = parseFloat(input.value);
-        if (input.value === '') {
-            this.value = undefined;
-        }
-        else if (!isNaN(val)) {
-            this.value = val;
-        }
-        this.validate();
-        this.emitInput();
-    };
-    handleChange = () => {
-        this.validate();
-        this.emitChange();
-    };
-    handleKeyDown = (ev) => {
-        if (this.disabled || this.readonly)
-            return;
-        let multiplier = 1;
-        if (ev.shiftKey)
-            multiplier = 10;
-        if (ev.altKey)
-            multiplier = 0.1;
-        const current = this.value || 0;
-        if (ev.key === 'ArrowUp') {
-            ev.preventDefault();
-            this.updateValue(current + (this.step * multiplier));
-        }
-        else if (ev.key === 'ArrowDown') {
-            ev.preventDefault();
-            this.updateValue(current - (this.step * multiplier));
-        }
-    };
-    handleWheel = (ev) => {
-        if (this.disabled || this.readonly)
-            return;
-        // Only handle if input is focused to prevent accidental scrolling
-        if (document.activeElement !== ev.target)
-            return;
-        ev.preventDefault();
-        const current = this.value || 0;
-        if (ev.deltaY < 0) {
-            this.updateValue(current + this.step);
-        }
-        else {
-            this.updateValue(current - this.step);
-        }
-    };
-    increment = (ev) => {
-        ev.preventDefault(); // Prevent focus loss
-        const current = this.value || 0;
-        this.updateValue(current + this.step);
-        // Trigger change event for buttons as they are "final" actions usually
-        this.emitChange();
-    };
-    decrement = (ev) => {
-        ev.preventDefault();
-        const current = this.value || 0;
-        this.updateValue(current - this.step);
-        this.emitChange();
-    };
     render() {
-        return (h("le-component", { key: '38670cabc16dd9a966a5f430e1d4d5e2fc618744', component: "le-number-input", hostClass: classnames({ 'disabled': this.disabled }) }, h("div", { key: '473450ef637fa744c7a83416beabd87fe9540436', class: "le-input-wrapper" }, this.label && (h("label", { key: 'c74d4166c1925f02c743dc1250b574a679415ae8', class: "le-input-label", htmlFor: this.name }, this.label)), h("div", { key: '9066bfe0737700717bf902f46a6a6fa51b22a3a1', class: classnames('le-input-container', { 'has-error': !this.isValid }) }, this.iconStart && (h("span", { key: 'dcabeda7256fc25dc8bacd4ecbd2cc2941ea02d7', class: "icon-start" }, this.iconStart)), h("input", { key: '85d9040a37f4f5cf5c8c403dd58a3b1e9947d21d', id: this.name, type: "number", name: this.name, placeholder: this.placeholder, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, required: this.required, onInput: this.handleInput, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onWheel: this.handleWheel }), this.showSpinners && (h("div", { key: '9a197fc41798ff09b5618f5fb901b51ca2581d28', class: "le-input-controls" }, h("le-button", { key: '8befc86b373c03417ba87110d4092c8f6bf2f19c', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.increment, disabled: this.disabled || this.readonly || (this.max !== undefined && this.value >= this.max), tabindex: "-1" }, h("span", { key: '70b53c26b9e061cd747bd1ccaa39d14c4ac69b68', slot: "icon-only" }, "\u2191")), h("le-button", { key: '3f9f65048977127cc2faaf911b9db6861005e17d', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.decrement, disabled: this.disabled || this.readonly || (this.min !== undefined && this.value <= this.min), tabindex: "-1" }, h("span", { key: 'ecbdfd9a72b357b1daca7be54ba5188795a44929', slot: "icon-only" }, "\u2193"))))), !this.isValid && h("div", { key: '41b7315c03d7caba36a535375e6a4774f9ff82b9', class: "le-input-error" }, this.validationMessage), h("div", { key: '3eda10b4e02add4dd780f6b51b5fd9565882dba8', class: "le-input-description" }, h("le-slot", { key: '7f9d9e5299dde3bc2f003687830f6d26d9f234b1', name: "description", type: "text", tag: "p", label: "Description" }, h("slot", { key: 'a80e340b5ba3c4b84e6d684156ccdfae106d6fc0', name: "description" }))))));
+        return (h("le-component", { key: '3448b68633e7ebde8e6175f29047791c9094dc49', component: "le-number-input", hostClass: classnames({ 'disabled': this.disabled }) }, h("div", { key: 'd941698c42e2dd9a5b2dbe60decfa9692c840c1a', class: "le-input-wrapper" }, this.label && (h("label", { key: 'c2b255bf365937e2233835ef6564b81f8a1872a5', class: "le-input-label", htmlFor: this.name }, this.label)), h("div", { key: '6090fe6737015bc1cd87ef881276975870e6797c', class: classnames('le-input-container', { 'has-error': !this.isValid }) }, this.iconStart && (h("span", { key: 'e453aa8eb57857540b29d78c3f61ec371be6c71a', class: "icon-start" }, this.iconStart)), h("input", { key: '3e9d52dbfcc1bac000e0ca9663595aaac8f42d85', id: this.name, type: "number", name: this.name, placeholder: this.placeholder, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, required: this.required, onInput: this.handleInput, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onWheel: this.handleWheel }), this.showSpinners && (h("div", { key: 'dd4e42f8a9916574e61643dbe90bae50e2defb77', class: "le-input-controls" }, h("le-button", { key: '5aa823b516f6f71a26b5749959dec30fac2b65b3', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.increment, disabled: this.disabled || this.readonly || (this.max !== undefined && this.value >= this.max), tabindex: "-1" }, h("span", { key: 'c1858ce8cf23de1610ac6e957bd40ec2fe7a97ea', slot: "icon-only" }, "\u2191")), h("le-button", { key: '71982d4f725dc9a94144033e2b328f33699264e4', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.decrement, disabled: this.disabled || this.readonly || (this.min !== undefined && this.value <= this.min), tabindex: "-1" }, h("span", { key: '0c5225558cf4adf80e63dcfafe1bb83d80fbb7dd', slot: "icon-only" }, "\u2193"))))), !this.isValid && h("div", { key: 'd97bc87f564b9a23dac85b518895e7ffcbd72aa8', class: "le-input-error" }, this.validationMessage), h("div", { key: '257757f47a84f40c48e98672d6217ec565f37cce', class: "le-input-description" }, h("le-slot", { key: '89c69d0be6c3ef9975d2b2ab21f65c916067d452', name: "description", type: "text", tag: "p", label: "Description" }, h("slot", { key: '9dffb85d1c8e2463d05a514b1659d0ac3eee802e', name: "description" }))))));
     }
+    get el() { return this; }
     static get watchers() { return {
         "value": ["valueChanged"]
     }; }
     static get style() { return leNumberInputCss(); }
-}, [769, "le-number-input", {
+}, [257, "le-number-input", {
         "value": [1538],
         "name": [1],
         "label": [1],

package/dist/components/le-number-input.js.map

@@ -1 +1 @@
-{"file":"le-number-input.js","mappings":"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","names":["LeNumberInput","__stencil_proxyCustomElement"],"sources":["src/components/le-number-input/le-number-input.css?tag=le-number-input&encapsulation=shadow","src/components/le-number-input/le-number-input.tsx"],"sourcesContent":[":host {\n  display: block;\n  --le-input-bg: var(--le-color-surface, #ffffff);\n  --le-input-color: var(--le-color-text-primary, #333333);\n  --le-input-border: var(--le-border-width, 2px) solid var(--le-color-border-input, #007bff);\n  --le-input-radius: var(--le-radius-sm, 4px);\n  --le-input-padding: 2px 6px;\n  --le-input-height: 1.5rem;\n  --le-input-label-color: var(--le-color-text-primary, #333333);\n  --le-input-desc-color: var(--le-color-text-secondary, #666666);\n  --le-input-placeholder-color: #999999;\n  --le-input-border-error: 2px solid var(--le-color-danger, #dc3545);\n  --le-input-error-color: var(--le-color-danger, #dc3545);\n}\n\n.le-input-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.le-input-label {\n  display: block;\n  font-size: 0.9em;\n  font-weight: 500;\n  color: var(--le-input-label-color);\n  margin-bottom: 2px;\n}\n\n.le-input-container {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background: var(--le-input-bg);\n  border: var(--le-input-border);\n  border-radius: var(--le-input-radius);\n  transition: border-color 0.2s;\n}\n\n.le-input-container:focus-within {\n  outline: 2px solid var(--le-color-focus);\n  outline-offset: 2px;\n}\n\n.le-input-container.has-error {\n  border: var(--le-input-border-error);\n}\n\n:host([disabled]) .le-input-container {\n  opacity: 0.6;\n  background-color: rgba(0,0,0,0.05);\n  cursor: not-allowed;\n}\n\ninput {\n  flex: 1;\n  width: 100%;\n  height: calc(var(--le-input-height) - 2px);\n  padding: var(--le-input-padding);\n  border: none;\n  background: transparent;\n  color: var(--le-input-color);\n  font-family: inherit;\n  font-size: inherit;\n  outline: none;\n  text-align: right; /* Aligned to end */\n  -moz-appearance: textfield; /* Remove default spinners in Firefox */\n}\n\n/* Remove default spinners in Chrome/Safari/Edge */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput::placeholder {\n  color: var(--le-input-placeholder-color);\n}\n\n.icon-start, .icon-end {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 8px;\n  color: var(--le-input-desc-color);\n}\n\n.le-input-controls {\n  display: flex;\n  flex-direction: column;\n  border-left: 1px solid var(--le-color-border, #cccccc);\n  height: 100%;\n}\n\n.le-input-control-btn {\n  --le-button-border-radius: 0;\n  --le-button-padding-x: 0;\n  --le-button-padding-y: 0;\n  --le-button-small-font-size: 9.5px;\n  --le-button-small-padding: 0 0.2rem;\n  --le-button-icon-aspect-ratio: 2;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 50%;\n  cursor: pointer;\n  background: none;\n  border: none;\n  color: var(--le-input-desc-color);\n  font-size: 10px;\n  line-height: 1;\n}\n\n.le-input-control-btn:hover {\n  background-color: rgba(0,0,0,0.05);\n  color: var(--le-color-primary, #007bff);\n}\n\n.le-input-control-btn:active {\n  background-color: rgba(0,0,0,0.1);\n}\n\n.le-input-description {\n  font-size: 0.85em;\n  color: var(--le-input-desc-color);\n  margin-top: 2px;\n}\n\n.le-input-error {\n  font-size: 0.85em;\n  color: var(--le-input-error-color);\n  margin-top: 2px;\n}\n","import { Component, Prop, Event, EventEmitter, State, h, Element, Watch } from '@stencil/core';\nimport { classnames } from '../../utils/utils';\n\n/**\n * A number input component with validation, keyboard controls, and custom spinners.\n *\n * @slot - The label text for the input\n * @slot description - Additional description text displayed below the input\n * @slot icon-start - Icon to display at the start of the input\n *\n * @cssprop --le-input-bg - Input background color\n * @cssprop --le-input-color - Input text color\n * @cssprop --le-input-border - Input border style\n * @cssprop --le-input-border-focus - Input border style when focused\n * @cssprop --le-input-border-error - Input border style when invalid\n * @cssprop --le-input-radius - Input border radius\n * @cssprop --le-input-padding - Input padding\n */\n@Component({\n  tag: 'le-number-input',\n  styleUrl: 'le-number-input.css',\n  shadow: true,\n})\nexport class LeNumberInput {\n  @Element() el: HTMLElement;\n\n  /**\n   * The value of the input\n   */\n  @Prop({ mutable: true, reflect: true }) value: number;\n\n  /**\n   * The name of the input\n   */\n  @Prop() name: string;\n\n  /**\n   * Label for the input\n   */\n  @Prop() label: string;\n\n  /**\n   * Placeholder text\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * Minimum allowed value\n   */\n  @Prop() min?: number;\n\n  /**\n   * Maximum allowed value\n   */\n  @Prop() max?: number;\n\n  /**\n   * Step value for increment/decrement\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * Whether the input is required\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether the input is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the input is read-only\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Icon for the start icon\n   */\n  @Prop() iconStart?: string;\n\n  /**\n   * Whether to show the spinner controls\n   */\n  @Prop() showSpinners: boolean = true;\n\n  /**\n   * External ID for linking with external systems\n   */\n  @Prop() externalId: string;\n\n  /**\n   * Internal validation state\n   */\n  @State() private isValid: boolean = true;\n  @State() private validationMessage: string = '';\n\n  /**\n   * Emitted when the value changes (on blur or Enter)\n   */\n  @Event() leChange: EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>;\n\n  /**\n   * Emitted when the input value changes (on keystroke/spin)\n   */\n  @Event() leInput: EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>;\n\n  @Watch('value')\n  valueChanged() {\n    this.validate();\n  }\n\n  private validate() {\n    if (this.required && (this.value === undefined || this.value === null || isNaN(this.value))) {\n      this.isValid = false;\n      this.validationMessage = 'This field is required';\n      return;\n    }\n\n    if (this.value !== undefined && this.value !== null && !isNaN(this.value)) {\n      if (this.min !== undefined && this.value < this.min) {\n        this.isValid = false;\n        this.validationMessage = `Value must be at least ${this.min}`;\n        return;\n      }\n      if (this.max !== undefined && this.value > this.max) {\n        this.isValid = false;\n        this.validationMessage = `Value must be at most ${this.max}`;\n        return;\n      }\n    }\n\n    this.isValid = true;\n    this.validationMessage = '';\n  }\n\n  private emitChange() {\n    this.leChange.emit({\n      value: this.value,\n      name: this.name,\n      externalId: this.externalId,\n      isValid: this.isValid\n    });\n  }\n\n  private emitInput() {\n    this.leInput.emit({\n      value: this.value,\n      name: this.name,\n      externalId: this.externalId,\n      isValid: this.isValid\n    });\n  }\n\n  private updateValue(newValue: number) {\n    if (this.disabled || this.readonly) return;\n    \n    // Round to avoid floating point errors\n    const precision = this.step.toString().split('.')[1]?.length || 0;\n    const rounded = parseFloat(newValue.toFixed(precision));\n    \n    this.value = rounded;\n    this.validate();\n    this.emitInput();\n  }\n\n  private handleInput = (ev: Event) => {\n    const input = ev.target as HTMLInputElement;\n    const val = parseFloat(input.value);\n    \n    if (input.value === '') {\n      this.value = undefined;\n    } else if (!isNaN(val)) {\n      this.value = val;\n    }\n    \n    this.validate();\n    this.emitInput();\n  };\n\n  private handleChange = () => {\n    this.validate();\n    this.emitChange();\n  };\n\n  private handleKeyDown = (ev: KeyboardEvent) => {\n    if (this.disabled || this.readonly) return;\n\n    let multiplier = 1;\n    if (ev.shiftKey) multiplier = 10;\n    if (ev.altKey) multiplier = 0.1;\n\n    const current = this.value || 0;\n\n    if (ev.key === 'ArrowUp') {\n      ev.preventDefault();\n      this.updateValue(current + (this.step * multiplier));\n    } else if (ev.key === 'ArrowDown') {\n      ev.preventDefault();\n      this.updateValue(current - (this.step * multiplier));\n    }\n  };\n\n  private handleWheel = (ev: WheelEvent) => {\n    if (this.disabled || this.readonly) return;\n    // Only handle if input is focused to prevent accidental scrolling\n    if (document.activeElement !== ev.target) return;\n\n    ev.preventDefault();\n    const current = this.value || 0;\n    \n    if (ev.deltaY < 0) {\n      this.updateValue(current + this.step);\n    } else {\n      this.updateValue(current - this.step);\n    }\n  };\n\n  private increment = (ev: Event) => {\n    ev.preventDefault(); // Prevent focus loss\n    const current = this.value || 0;\n    this.updateValue(current + this.step);\n    // Trigger change event for buttons as they are \"final\" actions usually\n    this.emitChange();\n  };\n\n  private decrement = (ev: Event) => {\n    ev.preventDefault();\n    const current = this.value || 0;\n    this.updateValue(current - this.step);\n    this.emitChange();\n  };\n\n  render() {\n    return (\n      <le-component component=\"le-number-input\" hostClass={classnames({ 'disabled': this.disabled })}>\n        <div class=\"le-input-wrapper\">\n          {this.label && (\n            <label class=\"le-input-label\" htmlFor={this.name}>{this.label}</label>\n          )}\n          \n          <div class={classnames('le-input-container', { 'has-error': !this.isValid })}>\n            {this.iconStart && (\n              <span class=\"icon-start\">{this.iconStart}</span>\n            )}\n            \n            <input\n              id={this.name}\n              type=\"number\"\n              name={this.name}\n              placeholder={this.placeholder}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              value={this.value}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              required={this.required}\n              onInput={this.handleInput}\n              onChange={this.handleChange}\n              onKeyDown={this.handleKeyDown}\n              onWheel={this.handleWheel}\n            />\n            \n            {this.showSpinners && (\n              <div class=\"le-input-controls\">\n                <le-button\n                  mode=\"default\"\n                  variant=\"clear\" \n                  size=\"small\"\n                  icon-only\n                  class=\"le-input-control-btn\" \n                  onClick={this.increment}\n                  disabled={this.disabled || this.readonly || (this.max !== undefined && this.value >= this.max)}\n                  tabindex=\"-1\"\n                >\n                  <span slot=\"icon-only\">↑</span>\n                </le-button>\n                <le-button\n                  mode=\"default\"\n                  variant=\"clear\" \n                  size=\"small\" \n                  icon-only \n                  class=\"le-input-control-btn\" \n                  onClick={this.decrement}\n                  disabled={this.disabled || this.readonly || (this.min !== undefined && this.value <= this.min)}\n                  tabindex=\"-1\"\n                >\n                  <span slot=\"icon-only\">↓</span>\n                </le-button>\n              </div>\n            )}\n          </div>\n\n          {!this.isValid && <div class=\"le-input-error\">{this.validationMessage}</div>}\n\n          <div class=\"le-input-description\">\n            <le-slot name=\"description\" type=\"text\" tag=\"p\" label=\"Description\">\n              <slot name=\"description\"></slot>\n            </le-slot>\n          </div>\n        </div>\n      </le-component>\n    );\n  }\n}\n"],"version":3}
+{"file":"le-number-input.js","mappings":"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","names":["LeNumberInput","__stencil_proxyCustomElement"],"sources":["src/components/le-number-input/le-number-input.css?tag=le-number-input&encapsulation=shadow","src/components/le-number-input/le-number-input.tsx"],"sourcesContent":[":host {\n  display: block;\n  --le-input-bg: var(--le-color-surface, #ffffff);\n  --le-input-color: var(--le-color-text-primary, #333333);\n  --le-input-border: var(--le-border-width, 2px) solid var(--le-color-border-input, #007bff);\n  --le-input-radius: var(--le-radius-sm, 4px);\n  --le-input-padding: 2px 6px;\n  --le-input-height: 1.5rem;\n  --le-input-label-color: var(--le-color-text-primary, #333333);\n  --le-input-desc-color: var(--le-color-text-secondary, #666666);\n  --le-input-placeholder-color: #999999;\n  --le-input-border-error: 2px solid var(--le-color-danger, #dc3545);\n  --le-input-error-color: var(--le-color-danger, #dc3545);\n}\n\n.le-input-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.le-input-label {\n  display: block;\n  font-size: 0.9em;\n  font-weight: 500;\n  color: var(--le-input-label-color);\n  margin-bottom: 2px;\n}\n\n.le-input-container {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background: var(--le-input-bg);\n  border: var(--le-input-border);\n  border-radius: var(--le-input-radius);\n  transition: border-color 0.2s;\n}\n\n.le-input-container:focus-within {\n  outline: 2px solid var(--le-color-focus);\n  outline-offset: 2px;\n}\n\n.le-input-container.has-error {\n  border: var(--le-input-border-error);\n}\n\n:host([disabled]) .le-input-container {\n  opacity: 0.6;\n  background-color: rgba(0,0,0,0.05);\n  cursor: not-allowed;\n}\n\ninput {\n  flex: 1;\n  width: 100%;\n  height: calc(var(--le-input-height) - 2px);\n  padding: var(--le-input-padding);\n  border: none;\n  background: transparent;\n  color: var(--le-input-color);\n  font-family: inherit;\n  font-size: inherit;\n  outline: none;\n  text-align: right; /* Aligned to end */\n  -moz-appearance: textfield; /* Remove default spinners in Firefox */\n}\n\n/* Remove default spinners in Chrome/Safari/Edge */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput::placeholder {\n  color: var(--le-input-placeholder-color);\n}\n\n.icon-start, .icon-end {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 8px;\n  color: var(--le-input-desc-color);\n}\n\n.le-input-controls {\n  display: flex;\n  flex-direction: column;\n  border-left: 1px solid var(--le-color-border, #cccccc);\n  height: 100%;\n}\n\n.le-input-control-btn {\n  --le-button-border-radius: 0;\n  --le-button-padding-x: 0;\n  --le-button-padding-y: 0;\n  --le-button-small-font-size: 9.5px;\n  --le-button-small-padding: 0 0.2rem;\n  --le-button-icon-aspect-ratio: 2;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 50%;\n  cursor: pointer;\n  background: none;\n  border: none;\n  color: var(--le-input-desc-color);\n  font-size: 10px;\n  line-height: 1;\n}\n\n.le-input-control-btn:hover {\n  background-color: rgba(0,0,0,0.05);\n  color: var(--le-color-primary, #007bff);\n}\n\n.le-input-control-btn:active {\n  background-color: rgba(0,0,0,0.1);\n}\n\n.le-input-description {\n  font-size: 0.85em;\n  color: var(--le-input-desc-color);\n  margin-top: 2px;\n}\n\n.le-input-error {\n  font-size: 0.85em;\n  color: var(--le-input-error-color);\n  margin-top: 2px;\n}\n","import { Component, Prop, Event, EventEmitter, State, h, Element, Watch } from '@stencil/core';\nimport { classnames } from '../../utils/utils';\n\n/**\n * A number input component with validation, keyboard controls, and custom spinners.\n *\n * @slot - The label text for the input\n * @slot description - Additional description text displayed below the input\n * @slot icon-start - Icon to display at the start of the input\n *\n * @cssprop --le-input-bg - Input background color\n * @cssprop --le-input-color - Input text color\n * @cssprop --le-input-border - Input border style\n * @cssprop --le-input-border-focus - Input border style when focused\n * @cssprop --le-input-border-error - Input border style when invalid\n * @cssprop --le-input-radius - Input border radius\n * @cssprop --le-input-padding - Input padding\n */\n@Component({\n  tag: 'le-number-input',\n  styleUrl: 'le-number-input.css',\n  shadow: true,\n})\nexport class LeNumberInput {\n  @Element() el: HTMLElement;\n\n  /**\n   * The value of the input\n   */\n  @Prop({ mutable: true, reflect: true }) value: number;\n\n  /**\n   * The name of the input\n   */\n  @Prop() name: string;\n\n  /**\n   * Label for the input\n   */\n  @Prop() label: string;\n\n  /**\n   * Placeholder text\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * Minimum allowed value\n   */\n  @Prop() min?: number;\n\n  /**\n   * Maximum allowed value\n   */\n  @Prop() max?: number;\n\n  /**\n   * Step value for increment/decrement\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * Whether the input is required\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether the input is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the input is read-only\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Icon for the start icon\n   */\n  @Prop() iconStart?: string;\n\n  /**\n   * Whether to show the spinner controls\n   */\n  @Prop() showSpinners: boolean = true;\n\n  /**\n   * External ID for linking with external systems\n   */\n  @Prop() externalId: string;\n\n  /**\n   * Internal validation state\n   */\n  @State() private isValid: boolean = true;\n  @State() private validationMessage: string = '';\n\n  /**\n   * Emitted when the value changes (on blur or Enter)\n   */\n  @Event() leChange: EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>;\n\n  /**\n   * Emitted when the input value changes (on keystroke/spin)\n   */\n  @Event() leInput: EventEmitter<{ value: number; name: string; externalId: string; isValid: boolean }>;\n\n  @Watch('value')\n  valueChanged() {\n    this.validate();\n  }\n\n  private validate() {\n    if (this.required && (this.value === undefined || this.value === null || isNaN(this.value))) {\n      this.isValid = false;\n      this.validationMessage = 'This field is required';\n      return;\n    }\n\n    if (this.value !== undefined && this.value !== null && !isNaN(this.value)) {\n      if (this.min !== undefined && this.value < this.min) {\n        this.isValid = false;\n        this.validationMessage = `Value must be at least ${this.min}`;\n        return;\n      }\n      if (this.max !== undefined && this.value > this.max) {\n        this.isValid = false;\n        this.validationMessage = `Value must be at most ${this.max}`;\n        return;\n      }\n    }\n\n    this.isValid = true;\n    this.validationMessage = '';\n  }\n\n  private emitChange() {\n    this.leChange.emit({\n      value: this.value,\n      name: this.name,\n      externalId: this.externalId,\n      isValid: this.isValid\n    });\n  }\n\n  private emitInput() {\n    this.leInput.emit({\n      value: this.value,\n      name: this.name,\n      externalId: this.externalId,\n      isValid: this.isValid\n    });\n  }\n\n  private updateValue(newValue: number) {\n    if (this.disabled || this.readonly) return;\n    \n    // Round to avoid floating point errors\n    const precision = this.step.toString().split('.')[1]?.length || 0;\n    const rounded = parseFloat(newValue.toFixed(precision));\n    \n    this.value = rounded;\n    this.validate();\n    this.emitInput();\n  }\n\n  private handleInput = (ev: Event) => {\n    const input = ev.target as HTMLInputElement;\n    const val = parseFloat(input.value);\n    \n    if (input.value === '') {\n      this.value = undefined;\n    } else if (!isNaN(val)) {\n      this.value = val;\n    }\n    \n    this.validate();\n    this.emitInput();\n  };\n\n  private handleChange = () => {\n    this.validate();\n    this.emitChange();\n  };\n\n  private handleKeyDown = (ev: KeyboardEvent) => {\n    if (this.disabled || this.readonly) return;\n\n    let multiplier = 1;\n    if (ev.shiftKey) multiplier = 10;\n    if (ev.altKey) multiplier = 0.1;\n\n    const current = this.value || 0;\n\n    if (ev.key === 'ArrowUp') {\n      ev.preventDefault();\n      this.updateValue(current + (this.step * multiplier));\n    } else if (ev.key === 'ArrowDown') {\n      ev.preventDefault();\n      this.updateValue(current - (this.step * multiplier));\n    }\n  };\n\n  private handleWheel = (ev: WheelEvent) => {\n    if (this.disabled || this.readonly) return;\n    // Only handle if input is focused to prevent accidental scrolling\n    if (document.activeElement !== ev.target) return;\n\n    ev.preventDefault();\n    const current = this.value || 0;\n    \n    if (ev.deltaY < 0) {\n      this.updateValue(current + this.step);\n    } else {\n      this.updateValue(current - this.step);\n    }\n  };\n\n  private increment = (ev: Event) => {\n    ev.preventDefault(); // Prevent focus loss\n    const current = this.value || 0;\n    this.updateValue(current + this.step);\n    // Trigger change event for buttons as they are \"final\" actions usually\n    this.emitChange();\n  };\n\n  private decrement = (ev: Event) => {\n    ev.preventDefault();\n    const current = this.value || 0;\n    this.updateValue(current - this.step);\n    this.emitChange();\n  };\n\n  render() {\n    return (\n      <le-component component=\"le-number-input\" hostClass={classnames({ 'disabled': this.disabled })}>\n        <div class=\"le-input-wrapper\">\n          {this.label && (\n            <label class=\"le-input-label\" htmlFor={this.name}>{this.label}</label>\n          )}\n          \n          <div class={classnames('le-input-container', { 'has-error': !this.isValid })}>\n            {this.iconStart && (\n              <span class=\"icon-start\">{this.iconStart}</span>\n            )}\n            \n            <input\n              id={this.name}\n              type=\"number\"\n              name={this.name}\n              placeholder={this.placeholder}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              value={this.value}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              required={this.required}\n              onInput={this.handleInput}\n              onChange={this.handleChange}\n              onKeyDown={this.handleKeyDown}\n              onWheel={this.handleWheel}\n            />\n            \n            {this.showSpinners && (\n              <div class=\"le-input-controls\">\n                <le-button\n                  mode=\"default\"\n                  variant=\"clear\" \n                  size=\"small\"\n                  icon-only\n                  class=\"le-input-control-btn\" \n                  onClick={this.increment}\n                  disabled={this.disabled || this.readonly || (this.max !== undefined && this.value >= this.max)}\n                  tabindex=\"-1\"\n                >\n                  <span slot=\"icon-only\">↑</span>\n                </le-button>\n                <le-button\n                  mode=\"default\"\n                  variant=\"clear\" \n                  size=\"small\" \n                  icon-only \n                  class=\"le-input-control-btn\" \n                  onClick={this.decrement}\n                  disabled={this.disabled || this.readonly || (this.min !== undefined && this.value <= this.min)}\n                  tabindex=\"-1\"\n                >\n                  <span slot=\"icon-only\">↓</span>\n                </le-button>\n              </div>\n            )}\n          </div>\n\n          {!this.isValid && <div class=\"le-input-error\">{this.validationMessage}</div>}\n\n          <div class=\"le-input-description\">\n            <le-slot name=\"description\" type=\"text\" tag=\"p\" label=\"Description\">\n              <slot name=\"description\"></slot>\n            </le-slot>\n          </div>\n        </div>\n      </le-component>\n    );\n  }\n}\n"],"version":3}