@redvars/peacock 3.8.2 → 3.8.4

package/dist/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","sources":["../../src/LoaderUtils.ts","../../src/CssLoader.ts","../../src/loader.ts"],"sourcesContent":["interface ComponentConfig {\n  CustomElementClass?: any; // earger load\n  importPath?: string; // lazy load\n  dependencies?: string[];\n}\n\ninterface LoaderConfig {\n  components?: Record<string, ComponentConfig>;\n}\n\nexport { LoaderConfig };\n\nexport class LoaderUtils {\n  private _loaderConfig: LoaderConfig;\n\n  private _observer: MutationObserver | undefined;\n\n  constructor(loaderConfig: LoaderConfig) {\n    this._loaderConfig = loaderConfig;\n  }\n\n  static registerComponent(tagName: string, CustomElementClass: any) {\n    if (CustomElementClass && !customElements.get(tagName)) {\n      customElements.define(tagName, CustomElementClass);\n    }\n  }\n\n  start() {\n    this.eagerLoadComponents();\n    this.lazyLoadComponents(document);\n  }\n\n  eagerLoadComponents() {\n    if (!this._loaderConfig.components) return;\n    for (const [name, value] of Object.entries(this._loaderConfig.components)) {\n      if (value.CustomElementClass)\n        LoaderUtils.registerComponent(name, value.CustomElementClass);\n    }\n  }\n\n  async registerAsync(tagName: string): Promise<void> {\n    if (customElements.get(tagName)) return;\n\n    if (!this._loaderConfig.components) return;\n\n    const config = this._loaderConfig.components[tagName];\n    if (!config || !config.importPath) return;\n\n    try {\n      const module = await import(config.importPath);\n\n      // Runtime definition: grabbing the class from the module\n      const CustomElementClass =\n        module.default || module[Object.keys(module)[0]];\n\n      if (CustomElementClass && !customElements.get(tagName)) {\n        customElements.define(tagName, CustomElementClass);\n      }\n\n      // Handle dependencies recursively\n      if (config.dependencies) {\n        for (const dep of config.dependencies) {\n          // eslint-disable-next-line no-await-in-loop\n          await this.registerAsync(dep);\n        }\n      }\n    } catch (error) {\n      console.error(\n        `Unable to load <${tagName}> from ${config.importPath}`,\n        error,\n      );\n    }\n  }\n\n  async load(root: Element | Document): Promise<void> {\n    const rootTagName =\n      root instanceof Element ? root.tagName.toLowerCase() : '';\n\n    const tags = Array.from(root.querySelectorAll(':not(:defined)')).map(el =>\n      el.tagName.toLowerCase(),\n    );\n\n    if (rootTagName.includes('-') && !customElements.get(rootTagName)) {\n      tags.push(rootTagName);\n    }\n\n    const tagsToRegister = [...new Set(tags)];\n    await Promise.allSettled(\n      tagsToRegister.map(tagName => this.registerAsync(tagName)),\n    );\n  }\n\n  lazyLoadComponents(root: any) {\n    this._observer = new MutationObserver(mutations => {\n      for (const { addedNodes } of mutations) {\n        for (const node of addedNodes) {\n          if (node.nodeType === Node.ELEMENT_NODE) {\n            this.load(node as Element);\n          }\n        }\n      }\n    });\n\n    const target = root instanceof Document ? root.documentElement : root;\n    this.load(target);\n\n    this._observer.observe(target, {\n      subtree: true,\n      childList: true,\n    });\n  }\n}\n","const sheetCache = new Map<string, CSSStyleSheet>();\n\nasync function loadCSS(\n  url: string,\n  options: any = {}\n): Promise<CSSStyleSheet> {\n  const {\n    priority = \"high\",\n    cache = \"force-cache\",\n    media = \"all\",\n  } = options;\n\n  // Return cached sheet immediately\n  if (sheetCache.has(url)) {\n    const cached = sheetCache.get(url)!;\n    if (!document.adoptedStyleSheets.includes(cached)) {\n      document.adoptedStyleSheets = [...document.adoptedStyleSheets, cached];\n    }\n    return cached;\n  }\n\n  const response = await fetch(url, {\n    cache,\n    priority,\n  });\n\n  if (!response.ok) {\n    throw new Error(`Failed to load CSS [${response.status}]: ${url}`);\n  }\n\n  const css = await response.text();\n  const sheet = new CSSStyleSheet({ media });\n\n  sheet.replaceSync(css);\n  sheetCache.set(url, sheet);\n  document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];\n\n  return sheet;\n}\n\nasync function loadMultipleCSS(\n  urls: string[],\n  options: any = {}\n): Promise<CSSStyleSheet[]> {\n  return Promise.all(urls.map((url) => loadCSS(url, options)));\n}\n\nfunction unloadCSS(url: string): boolean {\n  const sheet = sheetCache.get(url);\n  if (!sheet) return false;\n\n  document.adoptedStyleSheets = document.adoptedStyleSheets.filter(\n    (s) => s !== sheet\n  );\n  sheetCache.delete(url);\n  return true;\n}\n\nfunction clearAllCSS(): void {\n  document.adoptedStyleSheets = document.adoptedStyleSheets.filter(\n    (s) => ![...sheetCache.values()].includes(s)\n  );\n  sheetCache.clear();\n}\n\nexport { loadCSS, loadMultipleCSS, unloadCSS, clearAllCSS };","import { LoaderConfig, LoaderUtils } from './LoaderUtils.js';\nimport { loadCSS } from './CssLoader.js';\n\n// Eager loaded\nimport { Elevation } from '@/elevation/elevation.js';\nimport { FocusRing } from '@/focus-ring/focus-ring.js';\nimport { Ripple } from '@/ripple/ripple.js';\nimport { Icon } from '@/icon/icon.js';\nimport { Avatar } from '@/avatar/avatar.js';\nimport { Badge } from '@/badge/badge.js';\nimport { Divider } from '@/divider/divider.js';\nimport { Button } from '@/button/button/button.js';\nimport ButtonGroup from '@/button/button-group/button-group.js';\nimport { IconButton } from '@/button/icon-button/icon-button.js';\nimport { Fab } from '@/button/fab/fab.js';\nimport { SegmentedButton } from '@/segmented-button/segmented-button.js';\nimport { SegmentedButtonGroup } from '@/segmented-button/segmented-button-group.js';\nimport { SplitButton } from '@/split-button/split-button.js';\nimport { DropdownButton } from '@/dropdown-button/dropdown-button.js';\nimport { Input } from '@/input/input.js';\nimport { UrlField } from '@/url-field/url-field.js';\nimport { Field } from '@/field/field.js';\nimport { NumberField } from '@/number-field/number-field.js';\nimport { DatePicker } from '@/date-picker/date-picker.js';\nimport { TimePicker } from '@/time-picker/time-picker.js';\nimport { Textarea } from '@/textarea/textarea.js';\nimport { Switch } from '@/switch/switch.js';\nimport { Checkbox } from '@/checkbox/checkbox.js';\nimport { Radio } from '@/radio/radio.js';\n\nimport { Menu } from '@/menu/menu/menu.js';\nimport { MenuItem } from '@/menu/menu-item/menu-item.js';\nimport { SubMenu } from '@/menu/sub-menu/sub-menu.js';\nimport { Item } from '@/item/item.js';\nimport { List } from '@/list/list.js';\nimport { ListItem } from '@/list/list-item.js';\n\nimport { Accordion } from '@/accordion/accordion.js';\nimport { Link } from '@/link/link.js';\nimport { Tag } from '@/chip/tag/tag.js';\nimport { Chip } from '@/chip/chip/chip.js';\nimport { ChipSet } from '@/chip/chip-set/chip-set.js';\nimport { LinearProgress } from '@/progress/linear-progress/linear-progress.js';\nimport { CircularProgress } from '@/progress/circular-progress/circular-progress.js';\n\nimport { Tooltip } from '@/tooltip/tooltip.js';\nimport { Popover } from '@/popover/popover.js';\nimport { PopoverContent } from '@/popover/popover-content.js';\nimport { Breadcrumb, BreadcrumbItem } from '@/breadcrumb/index.js';\n\nimport { Skeleton } from '@/skeleton/skeleton.js';\nimport { Spinner } from '@/spinner/spinner.js';\n\nimport { EmptyState } from '@/empty-state/empty-state.js';\nimport { Container } from '@/container/container.js';\nimport { Image } from '@/image/image.js';\nimport { Svg } from '@/svg/svg.js';\n\nimport { TabGroup } from '@/tabs/tab-group.js';\nimport { Tabs } from '@/tabs/tabs.js';\nimport { Tab } from '@/tabs/tab.js';\nimport { TabPanel } from '@/tabs/tab-panel.js';\nimport { Slider } from '@/slider/slider.js';\nimport { Table } from '@/table/table.js';\nimport { Pagination } from '@/pagination/pagination.js';\nimport { SidebarMenu } from '@/sidebar-menu/sidebar-menu.js';\nimport { SidebarMenuItem } from '@/sidebar-menu/sidebar-menu-item.js';\nimport { SidebarSubMenu } from '@/sidebar-menu/sidebar-sub-menu.js';\nimport { Card } from '@/card/card.js';\nimport { CardContent } from '@/card/card-content.js';\nimport { Alert } from '@/alert/alert.js';\nimport { Notification } from '@/notification/notification.js';\nimport { NotificationManager } from '@/notification-manager/notification-manager.js';\nimport { Snackbar } from '@/snackbar/snackbar.js';\nimport { BottomSheet } from '@/bottom-sheet/bottom-sheet.js';\nimport { SideSheet } from '@/side-sheet/side-sheet.js';\nimport { Modal } from '@/modal/modal.js';\nimport { Select } from '@/select/select.js';\nimport { SelectOptionElement } from '@/select/option.js';\nimport { Search } from '@/search/search.js';\nimport { Toolbar } from '@/toolbar/toolbar.js';\nimport { AppBar } from '@/app-bar/app-bar.js';\nimport { NavigationRail } from '@/navigation-rail/navigation-rail.js';\nimport { NavigationRailItem } from '@/navigation-rail/navigation-rail-item.js';\n\nconst distDirectory = `${import.meta.url}/..`;\n\nconst url = new URL(import.meta.url);\nconst params = url.searchParams;\n\n// Example: accessing app.js?theme=dark&user=123\nconst includeStyles = params.has('styles');\n\nif (includeStyles) {\n  await loadCSS(`${distDirectory}/assets/styles.css`);\n}\n\n/*\nimport tooltipStyles from './popover/tooltip.css-component.scss';\n\nfunction buildSheet(styleSheet: any) {\n  const sheet = new CSSStyleSheet();\n  // Add rules\n  sheet.replaceSync(styleSheet.toString());\n  return sheet;\n}\n\nconst styleSheets = [\n// buildSheet(cssComponentsStyleSheet),\n// buildSheet(linkStyles),\n// buildSheet(textStylesheet),\n  buildSheet(tooltipStyles),\n];\n\ndocument.adoptedStyleSheets = styleSheets;\n*/\n\nconst loaderConfig: LoaderConfig = {\n  components: {\n    'wc-icon': {\n      CustomElementClass: Icon,\n      // importPath: './component/icon.js', - for lazy load give path instead of CustomElementClass\n    },\n    'wc-focus-ring': {\n      CustomElementClass: FocusRing,\n    },\n    'wc-avatar': {\n      CustomElementClass: Avatar,\n    },\n    'wc-badge': {\n      CustomElementClass: Badge,\n    },\n    'wc-button': {\n      CustomElementClass: Button,\n    },\n    'wc-icon-button': {\n      CustomElementClass: IconButton,\n    },\n    'wc-fab': {\n      CustomElementClass: Fab,\n    },\n    'wc-button-group': {\n      CustomElementClass: ButtonGroup,\n    },\n    'wc-segmented-button': {\n      CustomElementClass: SegmentedButton,\n    },\n    'wc-segmented-button-group': {\n      CustomElementClass: SegmentedButtonGroup,\n    },\n    'wc-split-button': {\n      CustomElementClass: SplitButton,\n    },\n    'wc-dropdown-button': {\n      CustomElementClass: DropdownButton,\n    },\n    'wc-divider': {\n      CustomElementClass: Divider,\n    },\n    'wc-elevation': {\n      CustomElementClass: Elevation,\n    },\n    'wc-clock': {\n      importPath: `${distDirectory}/clock.js`,\n    },\n    'wc-ripple': {\n      CustomElementClass: Ripple,\n    },\n    'wc-accordion': {\n      CustomElementClass: Accordion,\n    },\n    'wc-accordion-item': {\n      CustomElementClass: Accordion.Item,\n    },\n    'wc-tabs': {\n      CustomElementClass: Tabs,\n    },\n    'wc-tab-group': {\n      CustomElementClass: TabGroup,\n    },\n    'wc-tab': {\n      CustomElementClass: Tab,\n    },\n    'wc-tab-panel': {\n      CustomElementClass: TabPanel,\n    },\n    'wc-link': {\n      CustomElementClass: Link,\n    },\n    'wc-chip': {\n      CustomElementClass: Chip,\n    },\n    'wc-chip-set': {\n      CustomElementClass: ChipSet,\n    },\n    'wc-card': {\n      CustomElementClass: Card,\n    },\n    'wc-card-content': {\n      CustomElementClass: CardContent,\n    },\n    'wc-alert': {\n      CustomElementClass: Alert,\n    },\n    'wc-notification': {\n      CustomElementClass: Notification,\n    },\n    'wc-notification-manager': {\n      CustomElementClass: NotificationManager,\n    },\n    'wc-tag': {\n      CustomElementClass: Tag,\n    },\n    'wc-linear-progress': {\n      CustomElementClass: LinearProgress,\n    },\n    'wc-circular-progress': {\n      CustomElementClass: CircularProgress,\n    },\n    'wc-skeleton': {\n      CustomElementClass: Skeleton,\n    },\n\n    'wc-field': {\n      CustomElementClass: Field,\n    },\n    'wc-input': {\n      CustomElementClass: Input,\n    },\n    'wc-url-field': {\n      CustomElementClass: UrlField,\n    },\n    'wc-number-field': {\n      CustomElementClass: NumberField,\n    },\n    'wc-textarea': {\n      CustomElementClass: Textarea,\n    },\n    'wc-date-picker': {\n      CustomElementClass: DatePicker,\n    },\n    'wc-time-picker': {\n      CustomElementClass: TimePicker,\n    },\n    'wc-tooltip': {\n      CustomElementClass: Tooltip,\n    },\n    'wc-popover': {\n      CustomElementClass: Popover,\n    },\n    'wc-popover-content': {\n      CustomElementClass: PopoverContent,\n    },\n    'wc-number-counter': {\n      importPath: `${distDirectory}/number-counter.js`,\n    },\n    'wc-code-editor': {\n      importPath: `${distDirectory}/code-editor.js`,\n    },\n    'wc-html-editor': {\n      importPath: `${distDirectory}/html-editor.js`,\n      dependencies: ['wc-code-editor'],\n    },\n    'wc-code-highlighter': {\n      importPath: `${distDirectory}/code-highlighter.js`,\n    },\n    'wc-breadcrumb': {\n      CustomElementClass: Breadcrumb,\n    },\n    'wc-breadcrumb-item': {\n      CustomElementClass: BreadcrumbItem,\n    },\n    'wc-switch': {\n      CustomElementClass: Switch,\n    },\n    'wc-checkbox': {\n      CustomElementClass: Checkbox,\n    },\n    'wc-radio': {\n      CustomElementClass: Radio,\n    },\n    'wc-spinner': {\n      CustomElementClass: Spinner,\n    },\n    'wc-empty-state': {\n      CustomElementClass: EmptyState,\n    },\n    'wc-menu': {\n      CustomElementClass: Menu,\n    },\n    'wc-menu-item': {\n      CustomElementClass: MenuItem,\n    },\n    'wc-sub-menu': {\n      CustomElementClass: SubMenu,\n    },\n    'wc-list': {\n      CustomElementClass: List,\n    },\n    'wc-list-item': {\n      CustomElementClass: ListItem,\n    },\n    'wc-item': {\n      CustomElementClass: Item,\n    },\n    'wc-container': {\n      CustomElementClass: Container,\n    },\n    'wc-image': {\n      CustomElementClass: Image,\n    },\n    'wc-svg': {\n      CustomElementClass: Svg,\n    },\n    'wc-slider': {\n      CustomElementClass: Slider,\n    },\n    'wc-table': {\n      CustomElementClass: Table,\n    },\n    'wc-pagination': {\n      CustomElementClass: Pagination,\n    },\n    'wc-sidebar-menu': {\n      CustomElementClass: SidebarMenu,\n    },\n    'wc-sidebar-menu-item': {\n      CustomElementClass: SidebarMenuItem,\n    },\n    'wc-sidebar-sub-menu': {\n      CustomElementClass: SidebarSubMenu,\n    },\n    'wc-snackbar': {\n      CustomElementClass: Snackbar,\n    },\n    'wc-bottom-sheet': {\n      CustomElementClass: BottomSheet,\n    },\n    'wc-side-sheet': {\n      CustomElementClass: SideSheet,\n    },\n    'wc-modal': {\n      CustomElementClass: Modal,\n    },\n    'wc-select': {\n      CustomElementClass: Select,\n    },\n    'wc-option': {\n      CustomElementClass: SelectOptionElement,\n    },\n    'wc-search': {\n      CustomElementClass: Search,\n    },\n    'wc-toolbar': {\n      CustomElementClass: Toolbar,\n    },\n    'wc-app-bar': {\n      CustomElementClass: AppBar,\n    },\n    'wc-navigation-rail': {\n      CustomElementClass: NavigationRail,\n    },\n    'wc-navigation-rail-item': {\n      CustomElementClass: NavigationRailItem,\n    },\n    'wc-calendar': {\n      importPath: `${distDirectory}/calendar.js`,\n      dependencies: ['wc-calendar-column-view', 'wc-calendar-month-view'],\n    },\n    'wc-calendar-column-view': {\n      importPath: `${distDirectory}/calendar-column-view.js`,\n    },\n    'wc-calendar-month-view': {\n      importPath: `${distDirectory}/calendar-month-view.js`,\n    },\n    'wc-canvas': {\n      importPath: `${distDirectory}/canvas.js`,\n    },\n    'wc-flow-designer': {\n      importPath: `${distDirectory}/flow-designer.js`,\n      dependencies: ['wc-flow-designer-node'],\n    },\n    'wc-flow-designer-node': {\n      importPath: `${distDirectory}/flow-designer-node.js`,\n    },\n    'wc-chart-doughnut': {\n      importPath: `${distDirectory}/chart-doughnut.js`,\n    },\n    'wc-chart-pie': {\n      importPath: `${distDirectory}/chart-pie.js`,\n    },\n    'wc-chart-bar': {\n      importPath: `${distDirectory}/chart-bar.js`,\n    },\n    'wc-chart-stacked-bar': {\n      importPath: `${distDirectory}/chart-stacked-bar.js`,\n    },\n    'wc-condition-builder': {\n      importPath: `${distDirectory}/condition-builder.js`,\n      dependencies: [\n        'wc-cb-predicate',\n        'wc-cb-compound-expression',\n        'wc-cb-expression',\n        'wc-cb-divider',\n      ],\n    },\n    'wc-cb-predicate': {\n      importPath: `${distDirectory}/cb-predicate.js`,\n    },\n    'wc-cb-compound-expression': {\n      importPath: `${distDirectory}/cb-compound-expression.js`,\n    },\n    'wc-cb-expression': {\n      importPath: `${distDirectory}/cb-expression.js`,\n    },\n    'wc-cb-divider': {\n      importPath: `${distDirectory}/cb-divider.js`,\n    },\n  },\n};\n\nnew LoaderUtils(loaderConfig).start();\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"loader.js","sources":["../../src/LoaderUtils.ts","../../src/CssLoader.ts","../../src/loader.ts"],"sourcesContent":["interface ComponentConfig {\n  CustomElementClass?: any; // earger load\n  importPath?: string; // lazy load\n  dependencies?: string[];\n}\n\ninterface LoaderConfig {\n  components?: Record<string, ComponentConfig>;\n}\n\nexport { LoaderConfig };\n\nexport class LoaderUtils {\n  private _loaderConfig: LoaderConfig;\n\n  private _observer: MutationObserver | undefined;\n\n  constructor(loaderConfig: LoaderConfig) {\n    this._loaderConfig = loaderConfig;\n  }\n\n  static registerComponent(tagName: string, CustomElementClass: any) {\n    if (CustomElementClass && !customElements.get(tagName)) {\n      customElements.define(tagName, CustomElementClass);\n    }\n  }\n\n  start() {\n    this.eagerLoadComponents();\n    this.lazyLoadComponents(document);\n  }\n\n  eagerLoadComponents() {\n    if (!this._loaderConfig.components) return;\n    for (const [name, value] of Object.entries(this._loaderConfig.components)) {\n      if (value.CustomElementClass)\n        LoaderUtils.registerComponent(name, value.CustomElementClass);\n    }\n  }\n\n  async registerAsync(tagName: string): Promise<void> {\n    if (customElements.get(tagName)) return;\n\n    if (!this._loaderConfig.components) return;\n\n    const config = this._loaderConfig.components[tagName];\n    if (!config || !config.importPath) return;\n\n    try {\n      const module = await import(config.importPath);\n\n      // Runtime definition: grabbing the class from the module\n      const CustomElementClass =\n        module.default || module[Object.keys(module)[0]];\n\n      if (CustomElementClass && !customElements.get(tagName)) {\n        customElements.define(tagName, CustomElementClass);\n      }\n\n      // Handle dependencies recursively\n      if (config.dependencies) {\n        for (const dep of config.dependencies) {\n          // eslint-disable-next-line no-await-in-loop\n          await this.registerAsync(dep);\n        }\n      }\n    } catch (error) {\n      console.error(\n        `Unable to load <${tagName}> from ${config.importPath}`,\n        error,\n      );\n    }\n  }\n\n  async load(root: Element | Document): Promise<void> {\n    const rootTagName =\n      root instanceof Element ? root.tagName.toLowerCase() : '';\n\n    const tags = Array.from(root.querySelectorAll(':not(:defined)')).map(el =>\n      el.tagName.toLowerCase(),\n    );\n\n    if (rootTagName.includes('-') && !customElements.get(rootTagName)) {\n      tags.push(rootTagName);\n    }\n\n    const tagsToRegister = [...new Set(tags)];\n    await Promise.allSettled(\n      tagsToRegister.map(tagName => this.registerAsync(tagName)),\n    );\n  }\n\n  lazyLoadComponents(root: any) {\n    this._observer = new MutationObserver(mutations => {\n      for (const { addedNodes } of mutations) {\n        for (const node of addedNodes) {\n          if (node.nodeType === Node.ELEMENT_NODE) {\n            this.load(node as Element);\n          }\n        }\n      }\n    });\n\n    const target = root instanceof Document ? root.documentElement : root;\n    this.load(target);\n\n    this._observer.observe(target, {\n      subtree: true,\n      childList: true,\n    });\n  }\n}\n","const sheetCache = new Map<string, CSSStyleSheet>();\n\nasync function loadCSS(\n  url: string,\n  options: any = {}\n): Promise<CSSStyleSheet> {\n  const {\n    priority = \"high\",\n    cache = \"force-cache\",\n    media = \"all\",\n  } = options;\n\n  // Return cached sheet immediately\n  if (sheetCache.has(url)) {\n    const cached = sheetCache.get(url)!;\n    if (!document.adoptedStyleSheets.includes(cached)) {\n      document.adoptedStyleSheets = [...document.adoptedStyleSheets, cached];\n    }\n    return cached;\n  }\n\n  const response = await fetch(url, {\n    cache,\n    priority,\n  });\n\n  if (!response.ok) {\n    throw new Error(`Failed to load CSS [${response.status}]: ${url}`);\n  }\n\n  const css = await response.text();\n  const sheet = new CSSStyleSheet({ media });\n\n  sheet.replaceSync(css);\n  sheetCache.set(url, sheet);\n  document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];\n\n  return sheet;\n}\n\nasync function loadMultipleCSS(\n  urls: string[],\n  options: any = {}\n): Promise<CSSStyleSheet[]> {\n  return Promise.all(urls.map((url) => loadCSS(url, options)));\n}\n\nfunction unloadCSS(url: string): boolean {\n  const sheet = sheetCache.get(url);\n  if (!sheet) return false;\n\n  document.adoptedStyleSheets = document.adoptedStyleSheets.filter(\n    (s) => s !== sheet\n  );\n  sheetCache.delete(url);\n  return true;\n}\n\nfunction clearAllCSS(): void {\n  document.adoptedStyleSheets = document.adoptedStyleSheets.filter(\n    (s) => ![...sheetCache.values()].includes(s)\n  );\n  sheetCache.clear();\n}\n\nexport { loadCSS, loadMultipleCSS, unloadCSS, clearAllCSS };","import { LoaderConfig, LoaderUtils } from './LoaderUtils.js';\nimport { loadCSS } from './CssLoader.js';\n\n// Eager loaded\nimport { Elevation } from '@/elevation/elevation.js';\nimport { FocusRing } from '@/focus-ring/focus-ring.js';\nimport { Ripple } from '@/ripple/ripple.js';\nimport { Icon } from '@/icon/icon.js';\nimport { Avatar } from '@/avatar/avatar.js';\nimport { Badge } from '@/badge/badge.js';\nimport { Divider } from '@/divider/divider.js';\nimport { Button } from '@/button/button/button.js';\nimport ButtonGroup from '@/button/button-group/button-group.js';\nimport { IconButton } from '@/button/icon-button/icon-button.js';\nimport { Fab } from '@/button/fab/fab.js';\nimport { SegmentedButton } from '@/segmented-button/segmented-button.js';\nimport { SegmentedButtonGroup } from '@/segmented-button/segmented-button-group.js';\nimport { SplitButton } from '@/split-button/split-button.js';\nimport { DropdownButton } from '@/dropdown-button/dropdown-button.js';\nimport { Input } from '@/input/input.js';\nimport { UrlField } from '@/url-field/url-field.js';\nimport { Field } from '@/field/field.js';\nimport { NumberField } from '@/number-field/number-field.js';\nimport { DatePicker } from '@/date-picker/date-picker.js';\nimport { TimePicker } from '@/time-picker/time-picker.js';\nimport { Textarea } from '@/textarea/textarea.js';\nimport { Switch } from '@/switch/switch.js';\nimport { Checkbox } from '@/checkbox/checkbox.js';\nimport { Radio } from '@/radio/radio.js';\n\nimport { Menu } from '@/menu/menu/menu.js';\nimport { MenuItem } from '@/menu/menu-item/menu-item.js';\nimport { SubMenu } from '@/menu/sub-menu/sub-menu.js';\nimport { Item } from '@/item/item.js';\nimport { List } from '@/list/list.js';\nimport { ListItem } from '@/list/list-item.js';\n\nimport { Accordion } from '@/accordion/accordion.js';\nimport { Link } from '@/link/link.js';\nimport { Tag } from '@/chip/tag/tag.js';\nimport { Chip } from '@/chip/chip/chip.js';\nimport { ChipSet } from '@/chip/chip-set/chip-set.js';\nimport { LinearProgress } from '@/progress/linear-progress/linear-progress.js';\nimport { CircularProgress } from '@/progress/circular-progress/circular-progress.js';\n\nimport { Tooltip } from '@/tooltip/tooltip.js';\nimport { Popover } from '@/popover/popover.js';\nimport { PopoverContent } from '@/popover/popover-content.js';\nimport { Breadcrumb, BreadcrumbItem } from '@/breadcrumb/index.js';\n\nimport { Skeleton } from '@/skeleton/skeleton.js';\nimport { Spinner } from '@/spinner/spinner.js';\n\nimport { EmptyState } from '@/empty-state/empty-state.js';\nimport { Container } from '@/container/container.js';\nimport { Image } from '@/image/image.js';\nimport { Svg } from '@/svg/svg.js';\n\nimport { TabGroup } from '@/tabs/tab-group.js';\nimport { Tabs } from '@/tabs/tabs.js';\nimport { Tab } from '@/tabs/tab.js';\nimport { TabPanel } from '@/tabs/tab-panel.js';\nimport { Slider } from '@/slider/slider.js';\nimport { ColorPicker } from '@/color-picker/color-picker.js';\nimport { Table } from '@/table/table.js';\nimport { Pagination } from '@/pagination/pagination.js';\nimport { SidebarMenu } from '@/sidebar-menu/sidebar-menu.js';\nimport { SidebarMenuItem } from '@/sidebar-menu/sidebar-menu-item.js';\nimport { SidebarSubMenu } from '@/sidebar-menu/sidebar-sub-menu.js';\nimport { Card } from '@/card/card.js';\nimport { CardContent } from '@/card/card-content.js';\nimport { Alert } from '@/alert/alert.js';\nimport { Notification } from '@/notification/notification.js';\nimport { NotificationManager } from '@/notification-manager/notification-manager.js';\nimport { Snackbar } from '@/snackbar/snackbar.js';\nimport { BottomSheet } from '@/bottom-sheet/bottom-sheet.js';\nimport { SideSheet } from '@/side-sheet/side-sheet.js';\nimport { Modal } from '@/modal/modal.js';\nimport { Select } from '@/select/select.js';\nimport { SelectOptionElement } from '@/select/option.js';\nimport { Search } from '@/search/search.js';\nimport { Toolbar } from '@/toolbar/toolbar.js';\nimport { AppBar } from '@/app-bar/app-bar.js';\nimport { NavigationRail } from '@/navigation-rail/navigation-rail.js';\nimport { NavigationRailItem } from '@/navigation-rail/navigation-rail-item.js';\n\nconst distDirectory = `${import.meta.url}/..`;\n\nconst url = new URL(import.meta.url);\nconst params = url.searchParams;\n\n// Example: accessing app.js?theme=dark&user=123\nconst includeStyles = params.has('styles');\n\nif (includeStyles) {\n  await loadCSS(`${distDirectory}/assets/styles.css`);\n}\n\n/*\nimport tooltipStyles from './popover/tooltip.css-component.scss';\n\nfunction buildSheet(styleSheet: any) {\n  const sheet = new CSSStyleSheet();\n  // Add rules\n  sheet.replaceSync(styleSheet.toString());\n  return sheet;\n}\n\nconst styleSheets = [\n// buildSheet(cssComponentsStyleSheet),\n// buildSheet(linkStyles),\n// buildSheet(textStylesheet),\n  buildSheet(tooltipStyles),\n];\n\ndocument.adoptedStyleSheets = styleSheets;\n*/\n\nconst loaderConfig: LoaderConfig = {\n  components: {\n    'wc-icon': {\n      CustomElementClass: Icon,\n      // importPath: './component/icon.js', - for lazy load give path instead of CustomElementClass\n    },\n    'wc-focus-ring': {\n      CustomElementClass: FocusRing,\n    },\n    'wc-avatar': {\n      CustomElementClass: Avatar,\n    },\n    'wc-badge': {\n      CustomElementClass: Badge,\n    },\n    'wc-button': {\n      CustomElementClass: Button,\n    },\n    'wc-icon-button': {\n      CustomElementClass: IconButton,\n    },\n    'wc-fab': {\n      CustomElementClass: Fab,\n    },\n    'wc-button-group': {\n      CustomElementClass: ButtonGroup,\n    },\n    'wc-segmented-button': {\n      CustomElementClass: SegmentedButton,\n    },\n    'wc-segmented-button-group': {\n      CustomElementClass: SegmentedButtonGroup,\n    },\n    'wc-split-button': {\n      CustomElementClass: SplitButton,\n    },\n    'wc-dropdown-button': {\n      CustomElementClass: DropdownButton,\n    },\n    'wc-divider': {\n      CustomElementClass: Divider,\n    },\n    'wc-elevation': {\n      CustomElementClass: Elevation,\n    },\n    'wc-clock': {\n      importPath: `${distDirectory}/clock.js`,\n    },\n    'wc-ripple': {\n      CustomElementClass: Ripple,\n    },\n    'wc-accordion': {\n      CustomElementClass: Accordion,\n    },\n    'wc-accordion-item': {\n      CustomElementClass: Accordion.Item,\n    },\n    'wc-tabs': {\n      CustomElementClass: Tabs,\n    },\n    'wc-tab-group': {\n      CustomElementClass: TabGroup,\n    },\n    'wc-tab': {\n      CustomElementClass: Tab,\n    },\n    'wc-tab-panel': {\n      CustomElementClass: TabPanel,\n    },\n    'wc-link': {\n      CustomElementClass: Link,\n    },\n    'wc-chip': {\n      CustomElementClass: Chip,\n    },\n    'wc-chip-set': {\n      CustomElementClass: ChipSet,\n    },\n    'wc-card': {\n      CustomElementClass: Card,\n    },\n    'wc-card-content': {\n      CustomElementClass: CardContent,\n    },\n    'wc-alert': {\n      CustomElementClass: Alert,\n    },\n    'wc-notification': {\n      CustomElementClass: Notification,\n    },\n    'wc-notification-manager': {\n      CustomElementClass: NotificationManager,\n    },\n    'wc-tag': {\n      CustomElementClass: Tag,\n    },\n    'wc-linear-progress': {\n      CustomElementClass: LinearProgress,\n    },\n    'wc-circular-progress': {\n      CustomElementClass: CircularProgress,\n    },\n    'wc-skeleton': {\n      CustomElementClass: Skeleton,\n    },\n\n    'wc-field': {\n      CustomElementClass: Field,\n    },\n    'wc-input': {\n      CustomElementClass: Input,\n    },\n    'wc-url-field': {\n      CustomElementClass: UrlField,\n    },\n    'wc-number-field': {\n      CustomElementClass: NumberField,\n    },\n    'wc-textarea': {\n      CustomElementClass: Textarea,\n    },\n    'wc-date-picker': {\n      CustomElementClass: DatePicker,\n    },\n    'wc-time-picker': {\n      CustomElementClass: TimePicker,\n    },\n    'wc-tooltip': {\n      CustomElementClass: Tooltip,\n    },\n    'wc-popover': {\n      CustomElementClass: Popover,\n    },\n    'wc-popover-content': {\n      CustomElementClass: PopoverContent,\n    },\n    'wc-number-counter': {\n      importPath: `${distDirectory}/number-counter.js`,\n    },\n    'wc-code-editor': {\n      importPath: `${distDirectory}/code-editor.js`,\n    },\n    'wc-html-editor': {\n      importPath: `${distDirectory}/html-editor.js`,\n      dependencies: ['wc-code-editor'],\n    },\n    'wc-code-highlighter': {\n      importPath: `${distDirectory}/code-highlighter.js`,\n    },\n    'wc-breadcrumb': {\n      CustomElementClass: Breadcrumb,\n    },\n    'wc-breadcrumb-item': {\n      CustomElementClass: BreadcrumbItem,\n    },\n    'wc-switch': {\n      CustomElementClass: Switch,\n    },\n    'wc-checkbox': {\n      CustomElementClass: Checkbox,\n    },\n    'wc-radio': {\n      CustomElementClass: Radio,\n    },\n    'wc-spinner': {\n      CustomElementClass: Spinner,\n    },\n    'wc-empty-state': {\n      CustomElementClass: EmptyState,\n    },\n    'wc-menu': {\n      CustomElementClass: Menu,\n    },\n    'wc-menu-item': {\n      CustomElementClass: MenuItem,\n    },\n    'wc-sub-menu': {\n      CustomElementClass: SubMenu,\n    },\n    'wc-list': {\n      CustomElementClass: List,\n    },\n    'wc-list-item': {\n      CustomElementClass: ListItem,\n    },\n    'wc-item': {\n      CustomElementClass: Item,\n    },\n    'wc-container': {\n      CustomElementClass: Container,\n    },\n    'wc-image': {\n      CustomElementClass: Image,\n    },\n    'wc-svg': {\n      CustomElementClass: Svg,\n    },\n    'wc-slider': {\n      CustomElementClass: Slider,\n    },\n    'wc-color-picker': {\n      CustomElementClass: ColorPicker,\n    },\n    'wc-table': {\n      CustomElementClass: Table,\n    },\n    'wc-pagination': {\n      CustomElementClass: Pagination,\n    },\n    'wc-sidebar-menu': {\n      CustomElementClass: SidebarMenu,\n    },\n    'wc-sidebar-menu-item': {\n      CustomElementClass: SidebarMenuItem,\n    },\n    'wc-sidebar-sub-menu': {\n      CustomElementClass: SidebarSubMenu,\n    },\n    'wc-snackbar': {\n      CustomElementClass: Snackbar,\n    },\n    'wc-bottom-sheet': {\n      CustomElementClass: BottomSheet,\n    },\n    'wc-side-sheet': {\n      CustomElementClass: SideSheet,\n    },\n    'wc-modal': {\n      CustomElementClass: Modal,\n    },\n    'wc-select': {\n      CustomElementClass: Select,\n    },\n    'wc-option': {\n      CustomElementClass: SelectOptionElement,\n    },\n    'wc-search': {\n      CustomElementClass: Search,\n    },\n    'wc-toolbar': {\n      CustomElementClass: Toolbar,\n    },\n    'wc-app-bar': {\n      CustomElementClass: AppBar,\n    },\n    'wc-navigation-rail': {\n      CustomElementClass: NavigationRail,\n    },\n    'wc-navigation-rail-item': {\n      CustomElementClass: NavigationRailItem,\n    },\n    'wc-calendar': {\n      importPath: `${distDirectory}/calendar.js`,\n      dependencies: ['wc-calendar-column-view', 'wc-calendar-month-view'],\n    },\n    'wc-calendar-column-view': {\n      importPath: `${distDirectory}/calendar-column-view.js`,\n    },\n    'wc-calendar-month-view': {\n      importPath: `${distDirectory}/calendar-month-view.js`,\n    },\n    'wc-canvas': {\n      importPath: `${distDirectory}/canvas.js`,\n    },\n    'wc-flow-designer': {\n      importPath: `${distDirectory}/flow-designer.js`,\n      dependencies: ['wc-flow-designer-node'],\n    },\n    'wc-flow-designer-node': {\n      importPath: `${distDirectory}/flow-designer-node.js`,\n    },\n    'wc-chart-doughnut': {\n      importPath: `${distDirectory}/chart-doughnut.js`,\n    },\n    'wc-chart-pie': {\n      importPath: `${distDirectory}/chart-pie.js`,\n    },\n    'wc-chart-bar': {\n      importPath: `${distDirectory}/chart-bar.js`,\n    },\n    'wc-chart-stacked-bar': {\n      importPath: `${distDirectory}/chart-stacked-bar.js`,\n    },\n    'wc-condition-builder': {\n      importPath: `${distDirectory}/condition-builder.js`,\n      dependencies: [\n        'wc-cb-predicate',\n        'wc-cb-compound-expression',\n        'wc-cb-expression',\n        'wc-cb-divider',\n      ],\n    },\n    'wc-cb-predicate': {\n      importPath: `${distDirectory}/cb-predicate.js`,\n    },\n    'wc-cb-compound-expression': {\n      importPath: `${distDirectory}/cb-compound-expression.js`,\n    },\n    'wc-cb-expression': {\n      importPath: `${distDirectory}/cb-expression.js`,\n    },\n    'wc-cb-divider': {\n      importPath: `${distDirectory}/cb-divider.js`,\n    },\n  },\n};\n\nnew LoaderUtils(loaderConfig).start();\n"],"names":[],"mappings":"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"}

package/dist/menu-item.js

@@ -1,12 +1,16 @@
 import { i, _ as __decorate, a as i$1, A, b, I as IndividualComponent } from './IndividualComponent-Bdwyrvd6.js';
 import { n } from './property-B49QQ8pS.js';
-import { e } from './query-CHb9Ft_d.js';
+import { e as e$1 } from './query-CHb9Ft_d.js';
 import { o } from './if-defined-BXZpRQ4P.js';
 import { N as NativeHyperlinkMixin } from './NativeHyperlinkMixin-D9J4aBTy.js';
+import { i as isLink } from './is-link-Dk2OV3PM.js';
+import { e } from './class-map-DG7CA1et.js';
 import './base-Cl6v8-BZ.js';
+import './directive-ZPhl09Yt.js';
 
 var css_248z$1 = i`* {
   box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
 }
 
 .screen-reader-only {
@@ -19,20 +23,61 @@ var css_248z$1 = i`* {
 
 :host {
   outline: none;
+  position: relative;
   --menu-item-container-shape-start-start: var(--shape-corner-extra-small);
   --menu-item-container-shape-start-end: var(--shape-corner-extra-small);
   --menu-item-container-shape-end-start: var(--shape-corner-extra-small);
   --menu-item-container-shape-end-end: var(--shape-corner-extra-small);
 }
 
+/*
+  * Reset native button/link styles
+  */
+.native-button {
+  background: transparent;
+  border: none;
+  appearance: none;
+  margin: 0;
+  outline: none;
+  padding: 0;
+}
+
+.native-link {
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer;
+  outline: none;
+}
+.native-link:link, .native-link:visited, .native-link:hover, .native-link:active {
+  text-decoration: none;
+  color: inherit;
+}
+
 .menu-item {
+  position: relative;
   width: 100%;
+  text-align: start;
+  padding-top: 2px;
+  padding-inline: var(--spacing-050);
+}
+.menu-item .menu-item-background {
+  background-color: var(--menu-item-container-color);
+  position: absolute;
+  inset: 0px;
+}
+.menu-item .menu-item-content {
+  --item-height: 1.5rem;
+  --item-multiline-height: 3rem;
   --item-padding-inline: 10px;
   --item-container-shape-start-start: var(
     --menu-item-container-shape-start-start
   );
-  --item-container-shape-start-end: var(--menu-item-container-shape-start-end);
-  --item-container-shape-end-start: var(--menu-item-container-shape-end-start);
+  --item-container-shape-start-end: var(
+    --menu-item-container-shape-start-end
+  );
+  --item-container-shape-end-start: var(
+    --menu-item-container-shape-end-start
+  );
   --item-container-shape-end-end: var(--menu-item-container-shape-end-end);
   --item-container-shape-variant: none;
   --item-label-font-family: var(--typography-label-large-font-family);
@@ -47,12 +92,12 @@ var css_248z$1 = i`* {
   --item-label-text-selected-color: var(--menu-item-label-selected-color);
   --item-icon-size: var(--button-icon-size, var(--_button-icon-size));
 }
-.menu-item .background {
-  background-color: var(--_container-color);
+.menu-item .menu-item-content .background {
+  background-color: var(--menu-item-container-color);
   opacity: var(--_container-opacity, 1);
   border-radius: var(--shape-corner-medium);
 }
-.menu-item .focus-ring {
+.menu-item .menu-item-content .focus-ring {
   --focus-ring-container-shape-start-start: var(--shape-corner-medium);
   --focus-ring-container-shape-start-end: var(--shape-corner-medium);
   --focus-ring-container-shape-end-start: var(--shape-corner-medium);
@@ -60,12 +105,12 @@ var css_248z$1 = i`* {
   z-index: 2;
   --focus-ring-inset: 0px;
 }
-.menu-item .ripple {
+.menu-item .menu-item-content .ripple {
   --ripple-state-opacity: var(--_container-state-opacity, 0);
   --ripple-pressed-color: var(--_container-state-color);
   border-radius: var(--shape-corner-medium);
 }
-.menu-item .skeleton {
+.menu-item .menu-item-content .skeleton {
   z-index: 2;
   --skeleton-container-shape-start-start: var(--shape-corner-medium);
   --skeleton-container-shape-start-end: var(--shape-corner-medium);
@@ -242,25 +287,56 @@ let MenuItem = class MenuItem extends NativeButtonMixin(NativeHyperlinkMixin(i$1
         });
     }
     render() {
+        const isElementLink = isLink(this);
         const controls = this.getAttribute('aria-controls');
+        const cssClasses = {
+            'menu-item': true,
+            'native-button': !isElementLink,
+            'native-link': isElementLink,
+        };
+        if (isElementLink) {
+            return b `
+        <a
+          id="menu-item"
+          class=${e(cssClasses)}
+          role="menuitem"
+          href=${o(this.href)}
+          target=${this.target}
+          ?rel=${this.rel}
+          ?download=${this.download}
+          tabindex=${this.disabled ? '-1' : String(this.tabIndex)}
+          ?selected=${this.selected}
+          aria-disabled=${this.disabled || this.softDisabled ? 'true' : A}
+          aria-haspopup=${this.hasSubmenu ? 'menu' : A}
+          aria-controls=${o(this.hasSubmenu && controls ? controls : undefined)}
+          aria-expanded=${o(this.hasSubmenu ? String(this.submenuOpen) : undefined)}
+        >
+          ${this.renderContent()}
+        </a>
+      `;
+        }
         return b `
-      <wc-item
+      <button
         id="menu-item"
-        class="menu-item"
+        class=${e(cssClasses)}
         role="menuitem"
+        type=${this.htmlType}
+        ?disabled=${this.disabled}
         tabindex=${String(this.tabIndex)}
         ?selected=${this.selected}
-        ?disabled=${this.disabled}
-        .softDisabled=${this.softDisabled}
-        .htmlType=${this.htmlType}
-        .href=${this.href}
-        .target=${this.target}
-        .rel=${this.rel}
-        .download=${this.download}
+        aria-disabled=${this.softDisabled ? 'true' : A}
         aria-haspopup=${this.hasSubmenu ? 'menu' : A}
         aria-controls=${o(this.hasSubmenu && controls ? controls : undefined)}
         aria-expanded=${o(this.hasSubmenu ? String(this.submenuOpen) : undefined)}
       >
+        ${this.renderContent()}
+      </button>
+    `;
+    }
+    renderContent() {
+        return b `
+      <div class="menu-item-background"></div>
+      <wc-item class="menu-item-content">
         <wc-focus-ring
           class="focus-ring"
           for="menu-item"
@@ -269,24 +345,19 @@ let MenuItem = class MenuItem extends NativeButtonMixin(NativeHyperlinkMixin(i$1
         <div class="background" slot="container"></div>
         <wc-ripple class="ripple" for="menu-item" slot="container"></wc-ripple>
 
-        ${this.renderContent()}
+        <slot name="start" slot="start"></slot>
+        <slot name="overline" slot="overline"></slot>
+        <slot name="headline" slot="headline"></slot>
+        <slot></slot>
+        <slot name="supporting-text" slot="supporting-text"></slot>
+        <slot
+          name="trailing-supporting-text"
+          slot="trailing-supporting-text"
+        ></slot>
+        <slot name="end" slot="end"></slot>
       </wc-item>
     `;
     }
-    renderContent() {
-        return b `
-      <slot name="start" slot="start"></slot>
-      <slot name="overline" slot="overline"></slot>
-      <slot name="headline" slot="headline"></slot>
-      <slot></slot>
-      <slot name="supporting-text" slot="supporting-text"></slot>
-      <slot
-        name="trailing-supporting-text"
-        slot="trailing-supporting-text"
-      ></slot>
-      <slot name="end" slot="end"></slot>
-    `;
-    }
 };
 MenuItem.styles = [css_248z$1, css_248z];
 __decorate([
@@ -308,7 +379,7 @@ __decorate([
     n({ type: String, reflect: true })
 ], MenuItem.prototype, "variant", void 0);
 __decorate([
-    e('wc-item')
+    e$1('#menu-item')
 ], MenuItem.prototype, "itemElement", void 0);
 MenuItem = __decorate([
     IndividualComponent

package/dist/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","sources":["../../src/__internal/mixins/NativeButtonMixin.ts","../../src/menu/menu-item/menu-item.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { MixinConstructor } from './MixinConstructor.js';\n\n/**\n * 1. Define an interface for the members the mixin adds.\n * This makes the type annotation much cleaner.\n */\nexport interface NativeButtonInterface {\n  htmlType: 'button' | 'submit' | 'reset';\n  disabled: boolean;\n  softDisabled: boolean;\n  disabledReason: string;\n  form: string;\n  name: string;\n  value: string;\n}\n\n/**\n * 2. Apply the type annotation to the variable.\n */\nconst NativeButtonMixin: <T extends MixinConstructor<LitElement>>(\n  superclass: T,\n) => T & MixinConstructor<NativeButtonInterface> = <\n  T extends MixinConstructor<LitElement>,\n>(\n  superclass: T,\n) => {\n  // Naming the class (BaseButtonElement) instead of using 'Mixin' or anonymous\n  // prevents the \"__childPart\" visibility error.\n  class ButtonElement extends superclass implements NativeButtonInterface {\n    /**\n     * The type of the underlying `<button>` element. Maps to the native `type` attribute.\n     * Possible values are `\"button\"`, `\"submit\"`, `\"reset\"`. Defaults to `\"button\"`.\n     */\n    @property({ type: String }) htmlType: 'button' | 'submit' | 'reset' =\n      'button';\n\n    /**\n     * When `true`, the button is disabled and cannot be interacted with. Reflects to the `disabled` attribute. Defaults to `false`.\n     */\n    @property({ type: Boolean, reflect: true })\n    disabled: boolean = false;\n\n    /**\n     * When `true`, the button is visually styled as disabled and cannot be interacted with, but remains focusable.\n     * Use this in combination with `disabledReason` to communicate why the button is unavailable.\n     * Reflects to the `soft-disabled` attribute. Defaults to `false`.\n     */\n    @property({ type: Boolean, reflect: true, attribute: 'soft-disabled' })\n    softDisabled: boolean = false;\n\n    /**\n     * A human-readable explanation of why the button is disabled or soft-disabled.\n     * Rendered as a visually hidden tooltip and linked via `aria-describedby` for accessibility.\n     * Maps to the `disabled-reason` attribute.\n     */\n    @property({ attribute: 'disabled-reason' })\n    disabledReason: string = '';\n\n    /**\n     * The `id` of the `<form>` element to associate the button with.\n     * If omitted, the button is associated with its nearest ancestor form.\n     * Maps to the native `form` attribute.\n     */\n    @property()\n    form: string = '';\n\n    /**\n     * The name of the button, submitted as part of a name/value pair when the associated form is submitted.\n     * Maps to the native `name` attribute.\n     */\n    @property()\n    name: string = '';\n\n    /**\n     * The value of the button, submitted as part of a name/value pair when the associated form is submitted.\n     * Maps to the native `value` attribute.\n     */\n    @property()\n    value: string = '';\n  }\n\n  return ButtonElement as T & MixinConstructor<NativeButtonInterface>;\n};\n\nexport default NativeButtonMixin;\n","import { html, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport styles from './menu-item.scss';\nimport colorStyles from './menu-item-colors.scss';\nimport NativeButtonMixin from '@/__internal/mixins/NativeButtonMixin.js';\nimport NativeHyperlinkMixin from '@/__internal/mixins/NativeHyperlinkMixin.js';\nimport { Item } from '@/item/item.js';\nimport IndividualComponent from '@/IndividualComponent.js';\n\n/**\n * @label Menu Item\n * @tag wc-menu-item\n * @rawTag menu-item\n * @summary An item in a menu list.\n * @tags navigation\n *\n * @example\n * ```html\n * <wc-menu-item>Menu Item</wc-menu-item>\n * ```\n */\n@IndividualComponent\nexport class MenuItem extends NativeButtonMixin(\n  NativeHyperlinkMixin(LitElement),\n) {\n  // ── Static ───────────────────────────────────────────────────────────────\n\n  static styles = [styles, colorStyles];\n\n  // ── Properties ───────────────────────────────────────────────────────────\n\n  /** The value associated with this menu item, used to identify it on selection. */\n  @property({ type: String }) value = '';\n\n  /** Whether this menu item is currently selected/highlighted. */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /** When true, the menu stays open after this item is activated. */\n  @property({ type: Boolean, attribute: 'keep-open' }) keepOpen = false;\n\n  /** When true, indicates this item has an associated submenu. */\n  @property({ type: Boolean, attribute: 'has-submenu' }) hasSubmenu = false;\n\n  /** Whether the associated submenu is currently open. */\n  @property({ type: Boolean, attribute: 'submenu-open' }) submenuOpen = false;\n\n  /** Visual variant of the menu item. */\n  @property({ type: String, reflect: true }) variant: 'standard' | 'vibrant' =\n    'standard';\n\n  // ── Queries ───────────────────────────────────────────────────────────────\n\n  @query('wc-item') readonly itemElement!: Item | null;\n\n  // ── Private fields ────────────────────────────────────────────────────────\n\n  /** MutationObserver that triggers re-render when slotted content changes. */\n  private readonly _contentObserver = new MutationObserver(() => {\n    this.requestUpdate();\n  });\n\n  /** Roving tabindex value managed by the parent Menu. */\n  private _rovingTabIndex = -1;\n\n  connectedCallback() {\n    // eslint-disable-next-line wc/guard-super-call\n    super.connectedCallback();\n    this._contentObserver.observe(this, {\n      subtree: true,\n      childList: true,\n      characterData: true,\n      attributes: true,\n      attributeFilter: ['slot'],\n    });\n  }\n\n  disconnectedCallback() {\n    this._contentObserver.disconnect();\n    super.disconnectedCallback();\n  }\n\n  override get tabIndex() {\n    return this._rovingTabIndex;\n  }\n\n  override set tabIndex(value: number) {\n    this._rovingTabIndex = value;\n    this.requestUpdate();\n  }\n\n  override focus() {\n    this.itemElement?.focus();\n  }\n\n  override blur() {\n    this.itemElement?.blur();\n  }\n\n  private _hasNamedSlot(...names: string[]) {\n    return names.some(name =>\n      Array.from(this.children).some(\n        child => child.getAttribute('slot') === name,\n      ),\n    );\n  }\n\n  private _hasDefaultSlot() {\n    return Array.from(this.childNodes).some(node => {\n      if (node.nodeType === Node.TEXT_NODE) {\n        return Boolean(node.textContent?.trim());\n      }\n\n      return (\n        node.nodeType === Node.ELEMENT_NODE &&\n        !(node as Element).hasAttribute('slot')\n      );\n    });\n  }\n\n  render() {\n    const controls = this.getAttribute('aria-controls');\n\n    return html`\n      <wc-item\n        id=\"menu-item\"\n        class=\"menu-item\"\n        role=\"menuitem\"\n        tabindex=${String(this.tabIndex)}\n        ?selected=${this.selected}\n        ?disabled=${this.disabled}\n        .softDisabled=${this.softDisabled}\n        .htmlType=${this.htmlType}\n        .href=${this.href}\n        .target=${this.target}\n        .rel=${this.rel}\n        .download=${this.download}\n        aria-haspopup=${this.hasSubmenu ? 'menu' : nothing}\n        aria-controls=${ifDefined(\n          this.hasSubmenu && controls ? controls : undefined,\n        )}\n        aria-expanded=${ifDefined(\n          this.hasSubmenu ? String(this.submenuOpen) : undefined,\n        )}\n      >\n        <wc-focus-ring\n          class=\"focus-ring\"\n          for=\"menu-item\"\n          slot=\"container\"\n        ></wc-focus-ring>\n        <div class=\"background\" slot=\"container\"></div>\n        <wc-ripple class=\"ripple\" for=\"menu-item\" slot=\"container\"></wc-ripple>\n\n        ${this.renderContent()}\n      </wc-item>\n    `;\n  }\n\n  renderContent() {\n    return html`\n      <slot name=\"start\" slot=\"start\"></slot>\n      <slot name=\"overline\" slot=\"overline\"></slot>\n      <slot name=\"headline\" slot=\"headline\"></slot>\n      <slot></slot>\n      <slot name=\"supporting-text\" slot=\"supporting-text\"></slot>\n      <slot\n        name=\"trailing-supporting-text\"\n        slot=\"trailing-supporting-text\"\n      ></slot>\n      <slot name=\"end\" slot=\"end\"></slot>\n    `;\n  }\n}\n"],"names":["property","LitElement","html","nothing","ifDefined","styles","colorStyles","query"],"mappings":"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"}
+{"version":3,"file":"menu-item.js","sources":["../../src/__internal/mixins/NativeButtonMixin.ts","../../src/menu/menu-item/menu-item.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { MixinConstructor } from './MixinConstructor.js';\n\n/**\n * 1. Define an interface for the members the mixin adds.\n * This makes the type annotation much cleaner.\n */\nexport interface NativeButtonInterface {\n  htmlType: 'button' | 'submit' | 'reset';\n  disabled: boolean;\n  softDisabled: boolean;\n  disabledReason: string;\n  form: string;\n  name: string;\n  value: string;\n}\n\n/**\n * 2. Apply the type annotation to the variable.\n */\nconst NativeButtonMixin: <T extends MixinConstructor<LitElement>>(\n  superclass: T,\n) => T & MixinConstructor<NativeButtonInterface> = <\n  T extends MixinConstructor<LitElement>,\n>(\n  superclass: T,\n) => {\n  // Naming the class (BaseButtonElement) instead of using 'Mixin' or anonymous\n  // prevents the \"__childPart\" visibility error.\n  class ButtonElement extends superclass implements NativeButtonInterface {\n    /**\n     * The type of the underlying `<button>` element. Maps to the native `type` attribute.\n     * Possible values are `\"button\"`, `\"submit\"`, `\"reset\"`. Defaults to `\"button\"`.\n     */\n    @property({ type: String }) htmlType: 'button' | 'submit' | 'reset' =\n      'button';\n\n    /**\n     * When `true`, the button is disabled and cannot be interacted with. Reflects to the `disabled` attribute. Defaults to `false`.\n     */\n    @property({ type: Boolean, reflect: true })\n    disabled: boolean = false;\n\n    /**\n     * When `true`, the button is visually styled as disabled and cannot be interacted with, but remains focusable.\n     * Use this in combination with `disabledReason` to communicate why the button is unavailable.\n     * Reflects to the `soft-disabled` attribute. Defaults to `false`.\n     */\n    @property({ type: Boolean, reflect: true, attribute: 'soft-disabled' })\n    softDisabled: boolean = false;\n\n    /**\n     * A human-readable explanation of why the button is disabled or soft-disabled.\n     * Rendered as a visually hidden tooltip and linked via `aria-describedby` for accessibility.\n     * Maps to the `disabled-reason` attribute.\n     */\n    @property({ attribute: 'disabled-reason' })\n    disabledReason: string = '';\n\n    /**\n     * The `id` of the `<form>` element to associate the button with.\n     * If omitted, the button is associated with its nearest ancestor form.\n     * Maps to the native `form` attribute.\n     */\n    @property()\n    form: string = '';\n\n    /**\n     * The name of the button, submitted as part of a name/value pair when the associated form is submitted.\n     * Maps to the native `name` attribute.\n     */\n    @property()\n    name: string = '';\n\n    /**\n     * The value of the button, submitted as part of a name/value pair when the associated form is submitted.\n     * Maps to the native `value` attribute.\n     */\n    @property()\n    value: string = '';\n  }\n\n  return ButtonElement as T & MixinConstructor<NativeButtonInterface>;\n};\n\nexport default NativeButtonMixin;\n","import { html, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport styles from './menu-item.scss';\nimport colorStyles from './menu-item-colors.scss';\nimport NativeButtonMixin from '@/__internal/mixins/NativeButtonMixin.js';\nimport NativeHyperlinkMixin from '@/__internal/mixins/NativeHyperlinkMixin.js';\nimport { isLink } from '@/__internal/utils/is-link.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * @label Menu Item\n * @tag wc-menu-item\n * @rawTag menu-item\n * @summary An item in a menu list.\n * @tags navigation\n *\n * @example\n * ```html\n * <wc-menu-item>Menu Item</wc-menu-item>\n * ```\n */\n@IndividualComponent\nexport class MenuItem extends NativeButtonMixin(\n  NativeHyperlinkMixin(LitElement),\n) {\n  // ── Static ───────────────────────────────────────────────────────────────\n\n  static styles = [styles, colorStyles];\n\n  // ── Properties ───────────────────────────────────────────────────────────\n\n  /** The value associated with this menu item, used to identify it on selection. */\n  @property({ type: String }) value = '';\n\n  /** Whether this menu item is currently selected/highlighted. */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /** When true, the menu stays open after this item is activated. */\n  @property({ type: Boolean, attribute: 'keep-open' }) keepOpen = false;\n\n  /** When true, indicates this item has an associated submenu. */\n  @property({ type: Boolean, attribute: 'has-submenu' }) hasSubmenu = false;\n\n  /** Whether the associated submenu is currently open. */\n  @property({ type: Boolean, attribute: 'submenu-open' }) submenuOpen = false;\n\n  /** Visual variant of the menu item. */\n  @property({ type: String, reflect: true }) variant: 'standard' | 'vibrant' =\n    'standard';\n\n  // ── Queries ───────────────────────────────────────────────────────────────\n\n  @query('#menu-item') readonly itemElement!: HTMLElement | null;\n\n  // ── Private fields ────────────────────────────────────────────────────────\n\n  /** MutationObserver that triggers re-render when slotted content changes. */\n  private readonly _contentObserver = new MutationObserver(() => {\n    this.requestUpdate();\n  });\n\n  /** Roving tabindex value managed by the parent Menu. */\n  private _rovingTabIndex = -1;\n\n  connectedCallback() {\n    // eslint-disable-next-line wc/guard-super-call\n    super.connectedCallback();\n    this._contentObserver.observe(this, {\n      subtree: true,\n      childList: true,\n      characterData: true,\n      attributes: true,\n      attributeFilter: ['slot'],\n    });\n  }\n\n  disconnectedCallback() {\n    this._contentObserver.disconnect();\n    super.disconnectedCallback();\n  }\n\n  override get tabIndex() {\n    return this._rovingTabIndex;\n  }\n\n  override set tabIndex(value: number) {\n    this._rovingTabIndex = value;\n    this.requestUpdate();\n  }\n\n  override focus() {\n    this.itemElement?.focus();\n  }\n\n  override blur() {\n    this.itemElement?.blur();\n  }\n\n  private _hasNamedSlot(...names: string[]) {\n    return names.some(name =>\n      Array.from(this.children).some(\n        child => child.getAttribute('slot') === name,\n      ),\n    );\n  }\n\n  private _hasDefaultSlot() {\n    return Array.from(this.childNodes).some(node => {\n      if (node.nodeType === Node.TEXT_NODE) {\n        return Boolean(node.textContent?.trim());\n      }\n\n      return (\n        node.nodeType === Node.ELEMENT_NODE &&\n        !(node as Element).hasAttribute('slot')\n      );\n    });\n  }\n\n  render() {\n    const isElementLink = isLink(this);\n    const controls = this.getAttribute('aria-controls');\n\n    const cssClasses = {\n      'menu-item': true,\n      'native-button': !isElementLink,\n      'native-link': isElementLink,\n    };\n\n    if (isElementLink) {\n      return html`\n        <a\n          id=\"menu-item\"\n          class=${classMap(cssClasses)}\n          role=\"menuitem\"\n          href=${ifDefined(this.href)}\n          target=${this.target}\n          ?rel=${this.rel}\n          ?download=${this.download}\n          tabindex=${this.disabled ? '-1' : String(this.tabIndex)}\n          ?selected=${this.selected}\n          aria-disabled=${this.disabled || this.softDisabled ? 'true' : nothing}\n          aria-haspopup=${this.hasSubmenu ? 'menu' : nothing}\n          aria-controls=${ifDefined(\n            this.hasSubmenu && controls ? controls : undefined,\n          )}\n          aria-expanded=${ifDefined(\n            this.hasSubmenu ? String(this.submenuOpen) : undefined,\n          )}\n        >\n          ${this.renderContent()}\n        </a>\n      `;\n    }\n\n    return html`\n      <button\n        id=\"menu-item\"\n        class=${classMap(cssClasses)}\n        role=\"menuitem\"\n        type=${this.htmlType}\n        ?disabled=${this.disabled}\n        tabindex=${String(this.tabIndex)}\n        ?selected=${this.selected}\n        aria-disabled=${this.softDisabled ? 'true' : nothing}\n        aria-haspopup=${this.hasSubmenu ? 'menu' : nothing}\n        aria-controls=${ifDefined(\n          this.hasSubmenu && controls ? controls : undefined,\n        )}\n        aria-expanded=${ifDefined(\n          this.hasSubmenu ? String(this.submenuOpen) : undefined,\n        )}\n      >\n        ${this.renderContent()}\n      </button>\n    `;\n  }\n\n  renderContent() {\n    return html`\n      <div class=\"menu-item-background\"></div>\n      <wc-item class=\"menu-item-content\">\n        <wc-focus-ring\n          class=\"focus-ring\"\n          for=\"menu-item\"\n          slot=\"container\"\n        ></wc-focus-ring>\n        <div class=\"background\" slot=\"container\"></div>\n        <wc-ripple class=\"ripple\" for=\"menu-item\" slot=\"container\"></wc-ripple>\n\n        <slot name=\"start\" slot=\"start\"></slot>\n        <slot name=\"overline\" slot=\"overline\"></slot>\n        <slot name=\"headline\" slot=\"headline\"></slot>\n        <slot></slot>\n        <slot name=\"supporting-text\" slot=\"supporting-text\"></slot>\n        <slot\n          name=\"trailing-supporting-text\"\n          slot=\"trailing-supporting-text\"\n        ></slot>\n        <slot name=\"end\" slot=\"end\"></slot>\n      </wc-item>\n    `;\n  }\n}\n"],"names":["property","LitElement","html","classMap","ifDefined","nothing","styles","colorStyles","query"],"mappings":"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"}

package/dist/menu.js

@@ -9,9 +9,11 @@ import './base-Cl6v8-BZ.js';
 import './directive-ZPhl09Yt.js';
 import './if-defined-BXZpRQ4P.js';
 import './NativeHyperlinkMixin-D9J4aBTy.js';
+import './is-link-Dk2OV3PM.js';
 
 var css_248z = i`* {
   box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
 }
 
 .screen-reader-only {
@@ -29,7 +31,6 @@ var css_248z = i`* {
   width: var(--menu-width, max-content);
   max-width: 100vw;
   min-width: 112px;
-  padding-block: var(--spacing-050);
   transform-origin: top center;
   --_menu-enter-duration: var(--duration-medium1);
   --_menu-exit-duration: var(--duration-medium2);
@@ -62,7 +63,6 @@ var css_248z = i`* {
 .menu .menu-content {
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-050);
   z-index: 1;
   width: 100%;
 }
@@ -82,25 +82,13 @@ var css_248z = i`* {
   display: block;
   position: absolute;
   inset: 0;
-  background-color: var(--_container-color);
-  opacity: var(--_container-opacity, 1);
+  border: 1px solid var(--color-red);
   border-start-start-radius: var(--_container-shape-start-start);
   border-start-end-radius: var(--_container-shape-start-end);
   border-end-start-radius: var(--_container-shape-end-start);
   border-end-end-radius: var(--_container-shape-end-end);
   pointer-events: none;
 }
-.menu .elevation {
-  --elevation-level: 2;
-  transition-duration: 280ms;
-  --elevation-container-shape-start-start: var(
-    --_container-shape-start-start
-  );
-  --elevation-container-shape-start-end: var(--_container-shape-start-end);
-  --elevation-container-shape-end-start: var(--_container-shape-end-start);
-  --elevation-container-shape-end-end: var(--_container-shape-end-end);
-  --elevation-container-shape-variant: var(--_container-corner-shape-variant);
-}
 
 @media (prefers-reduced-motion: reduce) {
   .menu {
@@ -115,10 +103,10 @@ var css_248z = i`* {
   --_container-shape-end-end: var(--shape-corner-large);
 }
 .menu.variant-standard {
-  --_container-color: var(--color-surface-container);
+  --menu-item-container-color: var(--color-surface-container);
 }
 .menu.variant-vibrant {
-  --_container-color: var(--color-tertiary-container);
+  --menu-item-container-color: var(--color-tertiary-container);
 }`;
 
 var Menu_1;
@@ -483,7 +471,6 @@ let Menu = Menu_1 = class Menu extends i$1 {
       aria-hidden=${String(!this.open)}
     >
       <div class="background"></div>
-      <wc-elevation class="elevation"></wc-elevation>
 
       <div class="menu-content">
         <slot @slotchange=${this._onSlotChange}></slot>