@redvars/peacock 3.4.0 → 3.5.1

package/dist/peacock-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"peacock-loader.js","sources":["../../src/LoaderUtils.ts","../../src/CssLoader.ts","../../src/peacock-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 };","// Eager loaded\n\nimport { Elevation } from './elevation/elevation.js';\nimport { FocusRing } from './focus-ring/focus-ring.js';\nimport { Ripple } from './ripple/ripple.js';\n\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 { SegmentedButton } from './segmented-button/segmented-button.js';\nimport { SegmentedButtonGroup } from './segmented-button/segmented-button-group.js';\nimport { Input } from './input/input.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';\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 { 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 { 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';\n\nimport { LoaderConfig, LoaderUtils } from './LoaderUtils.js';\nimport { loadCSS } from './CssLoader.js';\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 { TreeView } from './tree-view/tree-view.js';\nimport { Card } from './card/card.js';\nimport { CardContent } from './card/card-content.js';\nimport { Snackbar } from './snackbar/snackbar.js';\nimport { BottomSheet } from './bottom-sheet/bottom-sheet.js';\nimport { SideSheet } from './side-sheet/side-sheet.js';\nimport { Select } from './select/select.js';\nimport { SelectOptionElement } from './select/option.js';\n\nconst distDirectory = `${import.meta.url}/..`;\nawait loadCSS(`${distDirectory}/assets/styles.css`);\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-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-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-card': {\n      CustomElementClass: Card,\n    },\n    'wc-card-content': {\n      CustomElementClass: CardContent,\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-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-number-counter': {\n      importPath: `${distDirectory}/number-counter.js`,\n    },\n    'wc-code-editor': {\n      importPath: `${distDirectory}/code-editor.js`,\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-container': {\n      CustomElementClass: Container,\n    },\n    'wc-image': {\n      CustomElementClass: Image,\n    },\n    'wc-slider': {\n      CustomElementClass: Slider,\n    },\n    'wc-table': {\n      CustomElementClass: Table,\n    },\n    'wc-pagination': {\n      CustomElementClass: Pagination,\n    },\n    'wc-tree-view': {\n      CustomElementClass: TreeView,\n    },\n    'wc-tree-node': {\n      CustomElementClass: TreeView.Node,\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-select': {\n      CustomElementClass: Select,\n    },\n    'wc-option': {\n      CustomElementClass: SelectOptionElement,\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  },\n};\n\nnew LoaderUtils(loaderConfig).start();\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"peacock-loader.js","sources":["../../src/LoaderUtils.ts","../../src/CssLoader.ts","../../src/peacock-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 };","// Eager loaded\n\nimport { Elevation } from './elevation/elevation.js';\nimport { FocusRing } from './focus-ring/focus-ring.js';\nimport { Ripple } from './ripple/ripple.js';\n\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 './fab/fab.js';\nimport { SegmentedButton } from './segmented-button/segmented-button.js';\nimport { SegmentedButtonGroup } from './segmented-button/segmented-button-group.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';\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 { 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 { 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';\n\nimport { LoaderConfig, LoaderUtils } from './LoaderUtils.js';\nimport { loadCSS } from './CssLoader.js';\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 { Banner } from './banner/banner.js';\nimport { Notification } from './notification/notification.js';\nimport { Snackbar } from './snackbar/snackbar.js';\nimport { BottomSheet } from './bottom-sheet/bottom-sheet.js';\nimport { SideSheet } from './side-sheet/side-sheet.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 { NavigationRail } from './navigation-rail/navigation-rail.js';\nimport { NavigationRailItem } from './navigation-rail/navigation-rail-item.js';\n\nconst distDirectory = `${import.meta.url}/..`;\nawait loadCSS(`${distDirectory}/assets/styles.css`);\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-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-card': {\n      CustomElementClass: Card,\n    },\n    'wc-card-content': {\n      CustomElementClass: CardContent,\n    },\n    'wc-banner': {\n      CustomElementClass: Banner,\n    },\n    'wc-notification': {\n      CustomElementClass: Notification,\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-number-counter': {\n      importPath: `${distDirectory}/number-counter.js`,\n    },\n    'wc-code-editor': {\n      importPath: `${distDirectory}/code-editor.js`,\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-container': {\n      CustomElementClass: Container,\n    },\n    'wc-image': {\n      CustomElementClass: Image,\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-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-navigation-rail': {\n      CustomElementClass: NavigationRail,\n    },\n    'wc-navigation-rail-item': {\n      CustomElementClass: NavigationRailItem,\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  },\n};\n\nnew LoaderUtils(loaderConfig).start();\n"],"names":[],"mappings":"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"}

package/dist/search.js

@@ -0,0 +1,456 @@
+import { E, A, a as i$1, _ as __decorate, I as IndividualComponent, i as i$2, b } from './IndividualComponent-DUINtMGK.js';
+import { n } from './property-1psGvXOq.js';
+import { r as r$1 } from './state-DwbEjqVk.js';
+import { e as e$1 } from './query-QBcUV-L_.js';
+import { e as e$2 } from './class-map-YU7g0o3B.js';
+import { e, i, t } from './directive-ZPhl09Yt.js';
+import { o as observerSlotChangesWithCallback } from './observe-slot-change-BGJfgg2E.js';
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const r=o=>void 0===o.strings,m={},p=(o,t=m)=>o._$AH=t;
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const l=e(class extends i{constructor(r$1){if(super(r$1),r$1.type!==t.PROPERTY&&r$1.type!==t.ATTRIBUTE&&r$1.type!==t.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!r(r$1))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(i,[t$1]){if(t$1===E||t$1===A)return t$1;const o=i.element,l=i.name;if(i.type===t.PROPERTY){if(t$1===o[l])return E}else if(i.type===t.BOOLEAN_ATTRIBUTE){if(!!t$1===o.hasAttribute(l))return E}else if(i.type===t.ATTRIBUTE&&o.getAttribute(l)===t$1+"")return E;return p(i),t$1}});
+
+var css_248z$1 = i$1`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+:host {
+  display: block;
+  --search-container-shape: var(--shape-corner-full);
+  --search-container-shape-start-start: unset;
+  --search-container-shape-start-end: unset;
+  --search-container-shape-end-start: unset;
+  --search-container-shape-end-end: unset;
+}
+
+.search {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  gap: 0.25rem;
+  --_container-shape-start-start: var(--search-container-shape-start-start, var(--search-container-shape));
+  --_container-shape-start-end: var(--search-container-shape-start-end, var(--search-container-shape));
+  --_container-shape-end-start: var(--search-container-shape-end-start, var(--search-container-shape));
+  --_container-shape-end-end: var(--search-container-shape-end-end, var(--search-container-shape));
+  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);
+  padding-inline: 1rem;
+  /* size-md default */
+  --_height: 3.5rem;
+}
+.search.size-sm {
+  --_height: 2.5rem;
+  padding-inline: 0.75rem;
+}
+.search.size-lg {
+  --_height: 4rem;
+  padding-inline: 1.25rem;
+}
+.search {
+  min-height: var(--_height);
+}
+
+/* Background layer */
+.background {
+  position: absolute;
+  inset: 0;
+  background-color: var(--_container-color);
+  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;
+  z-index: 0;
+}
+
+/* Outline layer (outlined variant) */
+.outline {
+  display: none;
+  position: absolute;
+  inset: 0;
+  border: var(--_outline-width, 0.0675rem) solid var(--_outline-color);
+  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;
+  z-index: 1;
+}
+
+/* Input element */
+.search-input {
+  flex: 1;
+  min-width: 0;
+  background: transparent;
+  border: none;
+  outline: none;
+  padding: 0;
+  margin: 0;
+  z-index: 1;
+  position: relative;
+  color: var(--_input-text-color);
+  caret-color: var(--_caret-color, var(--color-primary));
+  font-family: var(--typography-body-large-font-family);
+  font-size: var(--typography-body-large-font-size);
+  font-weight: var(--typography-body-large-font-weight);
+  line-height: var(--typography-body-large-line-height);
+  letter-spacing: var(--typography-body-large-letter-spacing);
+}
+.search-input::placeholder {
+  color: var(--_placeholder-color);
+}
+.search-input {
+  /* Remove browser default search input styling */
+}
+.search-input::-webkit-search-cancel-button, .search-input::-webkit-search-decoration {
+  appearance: none;
+  display: none;
+}
+
+/* Leading icon area */
+.leading-icon {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  z-index: 1;
+  position: relative;
+  color: var(--_icon-color);
+  --icon-color: var(--_icon-color);
+  margin-inline-end: 0.5rem;
+}
+
+/* Trailing actions area (clear button + trailing slot) */
+.trailing-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  flex-shrink: 0;
+  z-index: 1;
+  position: relative;
+  color: var(--_icon-color);
+  --icon-color: var(--_icon-color);
+}
+
+/* Clear button */
+.clear-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  padding: 0.25rem;
+  border-radius: 50%;
+  color: var(--_icon-color);
+  --icon-color: var(--_icon-color);
+  outline: none;
+  transition: background-color 150ms;
+}
+.clear-button:hover:not([disabled]) {
+  background-color: color-mix(in srgb, var(--_icon-color) 8%, transparent);
+}
+.clear-button:focus-visible {
+  outline: 2px solid var(--color-primary);
+  outline-offset: 1px;
+}
+.clear-button[disabled] {
+  cursor: default;
+  opacity: 0.38;
+  pointer-events: none;
+}
+
+/* ---- Variants ---- */
+.search.variant-filled {
+  --_container-color: var(--search-container-color);
+  --_input-text-color: var(--search-input-text-color);
+  --_placeholder-color: var(--search-placeholder-color);
+  --_icon-color: var(--search-icon-color);
+}
+.search.variant-filled.focused {
+  --_outline-color: var(--color-primary);
+}
+.search.variant-filled.focused .outline {
+  display: block;
+  border-width: 2px;
+}
+
+.search.variant-outlined {
+  --_container-color: var(--search-outlined-container-color);
+  --_input-text-color: var(--search-outlined-input-text-color);
+  --_placeholder-color: var(--search-outlined-placeholder-color);
+  --_icon-color: var(--search-outlined-icon-color);
+  --_outline-color: var(--search-outline-color);
+}
+.search.variant-outlined .outline {
+  display: block;
+}
+.search.variant-outlined.focused {
+  --_outline-color: var(--color-primary);
+}
+.search.variant-outlined.focused .outline {
+  border-width: 2px;
+}
+
+/* ---- Disabled state ---- */
+.search.disabled {
+  pointer-events: none;
+  opacity: 0.38;
+}
+.search.disabled .search-input {
+  cursor: not-allowed;
+}`;
+
+var css_248z = i$1`:host {
+  /* Filled variant tokens */
+  --search-container-color: var(--color-surface-container-high);
+  --search-input-text-color: var(--color-on-surface);
+  --search-placeholder-color: var(--color-on-surface-variant);
+  --search-icon-color: var(--color-on-surface-variant);
+  /* Outlined variant tokens */
+  --search-outlined-container-color: var(--color-surface);
+  --search-outlined-input-text-color: var(--color-on-surface);
+  --search-outlined-placeholder-color: var(--color-on-surface-variant);
+  --search-outlined-icon-color: var(--color-on-surface-variant);
+  --search-outline-color: var(--color-outline);
+}`;
+
+/**
+ * @label Search
+ * @tag wc-search
+ * @rawTag search
+ *
+ * @summary A Material 3 search bar for filtering and finding content.
+ * @overview
+ * <p>The search component provides a text input designed for search interactions.
+ * It supports outlined and filled variants, an optional clear button, and leading/trailing icon slots.</p>
+ *
+ * @cssprop --search-container-shape - Border radius of the search bar. Defaults to full (pill shape).
+ * @cssprop --search-container-color - Background color of the search container.
+ * @cssprop --search-input-text-color - Color of the input text.
+ * @cssprop --search-placeholder-color - Color of the placeholder text.
+ * @cssprop --search-icon-color - Color of the leading and trailing icons.
+ * @cssprop --search-outline-color - Border color for the outlined variant.
+ * @cssprop --search-outline-width - Border width for the outlined variant.
+ *
+ * @fires {CustomEvent} input - Dispatched when the search value changes.
+ * @fires {CustomEvent} change - Dispatched when the search input loses focus or Enter is pressed.
+ * @fires {CustomEvent} clear - Dispatched when the clear button is activated.
+ * @fires {CustomEvent} search - Dispatched when the user submits the search (presses Enter).
+ *
+ * @example
+ * ```html
+ * <wc-search placeholder="Search..."></wc-search>
+ * ```
+ * @tags form
+ */
+let Search = class Search extends i$2 {
+    constructor() {
+        super(...arguments);
+        /**
+         * Visual style variant.
+         * Possible values: `"outlined"`, `"filled"`. Defaults to `"filled"`.
+         */
+        this.variant = 'filled';
+        /**
+         * Placeholder text shown when the input is empty.
+         */
+        this.placeholder = 'Search';
+        /**
+         * Current search value.
+         */
+        this.value = '';
+        /**
+         * Whether the search bar is disabled.
+         */
+        this.disabled = false;
+        /**
+         * Whether a clear button is shown when the input has a value.
+         */
+        this.clearable = true;
+        /**
+         * Size of the search bar.
+         * Possible values: `"sm"`, `"md"`, `"lg"`. Defaults to `"md"`.
+         */
+        this.size = 'md';
+        this.focused = false;
+        this.leadingSlotHasContent = false;
+    }
+    firstUpdated() {
+        observerSlotChangesWithCallback(this.renderRoot.querySelector('slot[name="leading"]'), hasContent => {
+            this.leadingSlotHasContent = hasContent;
+            this.requestUpdate();
+        });
+    }
+    /** Focuses the internal input element. */
+    focus() {
+        this.inputElement?.focus();
+    }
+    /** Blurs the internal input element. */
+    blur() {
+        this.inputElement?.blur();
+    }
+    __handleInput(event) {
+        const input = event.target;
+        this.value = input.value;
+        // Prevent the native input event from escaping in addition to our API event.
+        event.stopPropagation();
+        this.dispatchEvent(new CustomEvent('input', {
+            detail: { value: this.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    __handleChange(event) {
+        const input = event.target;
+        this.value = input.value;
+        // Prevent the native change event from escaping in addition to our API event.
+        event.stopPropagation();
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: { value: this.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    __handleKeydown(event) {
+        if (event.key === 'Enter') {
+            this.dispatchEvent(new CustomEvent('search', {
+                detail: { value: this.value },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        if (event.key === 'Escape') {
+            this.__clearValue();
+        }
+    }
+    __handleFocus() {
+        this.focused = true;
+    }
+    __handleBlur() {
+        this.focused = false;
+    }
+    __clearValue() {
+        this.value = '';
+        this.inputElement?.focus();
+        this.dispatchEvent(new CustomEvent('clear', {
+            bubbles: true,
+            composed: true,
+        }));
+        this.dispatchEvent(new CustomEvent('input', {
+            detail: { value: '' },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    __renderClearButton() {
+        if (!this.clearable || !this.value)
+            return A;
+        return b `
+      <button
+        class="clear-button"
+        aria-label="Clear search"
+        tabindex="-1"
+        @click=${this.__clearValue}
+        ?disabled=${this.disabled}
+      >
+        <wc-icon name="close"></wc-icon>
+      </button>
+    `;
+    }
+    __renderLeadingIcon() {
+        return b `
+      <div class="leading-icon ${this.leadingSlotHasContent ? 'has-slot' : ''}">
+        <slot name="leading">
+          <wc-icon name="search"></wc-icon>
+        </slot>
+      </div>
+    `;
+    }
+    render() {
+        const cssClasses = {
+            search: true,
+            [`variant-${this.variant}`]: true,
+            [`size-${this.size}`]: true,
+            focused: this.focused,
+            disabled: this.disabled,
+            'has-value': !!this.value,
+        };
+        return b `
+      <div class=${e$2(cssClasses)} role="search">
+        <div class="background"></div>
+        <div class="outline"></div>
+
+        ${this.__renderLeadingIcon()}
+
+        <input
+          class="search-input"
+          type="search"
+          role="searchbox"
+          .value=${l(this.value)}
+          placeholder=${this.placeholder}
+          ?disabled=${this.disabled}
+          aria-label=${this.placeholder}
+          @input=${this.__handleInput}
+          @change=${this.__handleChange}
+          @keydown=${this.__handleKeydown}
+          @focus=${this.__handleFocus}
+          @blur=${this.__handleBlur}
+        />
+
+        <div class="trailing-actions">
+          ${this.__renderClearButton()}
+          <slot name="trailing"></slot>
+        </div>
+      </div>
+    `;
+    }
+};
+Search.styles = [css_248z$1, css_248z];
+__decorate([
+    n({ type: String, reflect: true })
+], Search.prototype, "variant", void 0);
+__decorate([
+    n({ type: String })
+], Search.prototype, "placeholder", void 0);
+__decorate([
+    n({ type: String })
+], Search.prototype, "value", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], Search.prototype, "disabled", void 0);
+__decorate([
+    n({ type: Boolean })
+], Search.prototype, "clearable", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], Search.prototype, "size", void 0);
+__decorate([
+    r$1()
+], Search.prototype, "focused", void 0);
+__decorate([
+    r$1()
+], Search.prototype, "leadingSlotHasContent", void 0);
+__decorate([
+    e$1('.search-input')
+], Search.prototype, "inputElement", void 0);
+Search = __decorate([
+    IndividualComponent
+], Search);
+
+export { Search };
+//# sourceMappingURL=search.js.map

package/dist/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sources":["../node_modules/lit-html/directive-helpers.js","../node_modules/lit-html/directives/live.js","../../src/search/search.ts"],"sourcesContent":["import{_$LH as o}from\"./lit-html.js\";\n/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{I:t}=o,i=o=>o,n=o=>null===o||\"object\"!=typeof o&&\"function\"!=typeof o,e={HTML:1,SVG:2,MATHML:3},l=(o,t)=>void 0===t?void 0!==o?._$litType$:o?._$litType$===t,d=o=>null!=o?._$litType$?.h,c=o=>void 0!==o?._$litDirective$,f=o=>o?._$litDirective$,r=o=>void 0===o.strings,s=()=>document.createComment(\"\"),v=(o,n,e)=>{const l=o._$AA.parentNode,d=void 0===n?o._$AB:n._$AA;if(void 0===e){const i=l.insertBefore(s(),d),n=l.insertBefore(s(),d);e=new t(i,n,o,o.options)}else{const t=e._$AB.nextSibling,n=e._$AM,c=n!==o;if(c){let t;e._$AQ?.(o),e._$AM=o,void 0!==e._$AP&&(t=o._$AU)!==n._$AU&&e._$AP(t)}if(t!==d||c){let o=e._$AA;for(;o!==t;){const t=i(o).nextSibling;i(l).insertBefore(o,d),o=t}}}return e},u=(o,t,i=o)=>(o._$AI(t,i),o),m={},p=(o,t=m)=>o._$AH=t,M=o=>o._$AH,h=o=>{o._$AR(),o._$AA.remove()},j=o=>{o._$AR()};export{e as TemplateResultType,j as clearPart,M as getCommittedValue,f as getDirectiveClass,v as insertPart,d as isCompiledTemplateResult,c as isDirectiveResult,n as isPrimitive,r as isSingleExpression,l as isTemplateResult,h as removePart,u as setChildPartValue,p as setCommittedValue};\n//# sourceMappingURL=directive-helpers.js.map\n","import{noChange as r,nothing as e}from\"../lit-html.js\";import{directive as i,Directive as t,PartType as n}from\"../directive.js\";import{isSingleExpression as o,setCommittedValue as s}from\"../directive-helpers.js\";\n/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const l=i(class extends t{constructor(r){if(super(r),r.type!==n.PROPERTY&&r.type!==n.ATTRIBUTE&&r.type!==n.BOOLEAN_ATTRIBUTE)throw Error(\"The `live` directive is not allowed on child or event bindings\");if(!o(r))throw Error(\"`live` bindings can only contain a single expression\")}render(r){return r}update(i,[t]){if(t===r||t===e)return t;const o=i.element,l=i.name;if(i.type===n.PROPERTY){if(t===o[l])return r}else if(i.type===n.BOOLEAN_ATTRIBUTE){if(!!t===o.hasAttribute(l))return r}else if(i.type===n.ATTRIBUTE&&o.getAttribute(l)===t+\"\")return r;return s(i),t}});export{l as live};\n//# sourceMappingURL=live.js.map\n","import { LitElement, html, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { live } from 'lit/directives/live.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './search.scss';\nimport colorStyles from './search-colors.scss';\nimport { observerSlotChangesWithCallback } from '@/__utils/observe-slot-change.js';\n\n/**\n * @label Search\n * @tag wc-search\n * @rawTag search\n *\n * @summary A Material 3 search bar for filtering and finding content.\n * @overview\n * <p>The search component provides a text input designed for search interactions.\n * It supports outlined and filled variants, an optional clear button, and leading/trailing icon slots.</p>\n *\n * @cssprop --search-container-shape - Border radius of the search bar. Defaults to full (pill shape).\n * @cssprop --search-container-color - Background color of the search container.\n * @cssprop --search-input-text-color - Color of the input text.\n * @cssprop --search-placeholder-color - Color of the placeholder text.\n * @cssprop --search-icon-color - Color of the leading and trailing icons.\n * @cssprop --search-outline-color - Border color for the outlined variant.\n * @cssprop --search-outline-width - Border width for the outlined variant.\n *\n * @fires {CustomEvent} input - Dispatched when the search value changes.\n * @fires {CustomEvent} change - Dispatched when the search input loses focus or Enter is pressed.\n * @fires {CustomEvent} clear - Dispatched when the clear button is activated.\n * @fires {CustomEvent} search - Dispatched when the user submits the search (presses Enter).\n *\n * @example\n * ```html\n * <wc-search placeholder=\"Search...\"></wc-search>\n * ```\n * @tags form\n */\n@IndividualComponent\nexport class Search extends LitElement {\n  static styles = [styles, colorStyles];\n\n  /**\n   * Visual style variant.\n   * Possible values: `\"outlined\"`, `\"filled\"`. Defaults to `\"filled\"`.\n   */\n  @property({ type: String, reflect: true })\n  variant: 'outlined' | 'filled' = 'filled';\n\n  /**\n   * Placeholder text shown when the input is empty.\n   */\n  @property({ type: String })\n  placeholder: string = 'Search';\n\n  /**\n   * Current search value.\n   */\n  @property({ type: String })\n  value: string = '';\n\n  /**\n   * Whether the search bar is disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean = false;\n\n  /**\n   * Whether a clear button is shown when the input has a value.\n   */\n  @property({ type: Boolean })\n  clearable: boolean = true;\n\n  /**\n   * Size of the search bar.\n   * Possible values: `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.\n   */\n  @property({ type: String, reflect: true })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  @state()\n  private focused: boolean = false;\n\n  @state()\n  private leadingSlotHasContent: boolean = false;\n\n  @query('.search-input')\n  private inputElement?: HTMLInputElement;\n\n  override firstUpdated() {\n    observerSlotChangesWithCallback(\n      this.renderRoot.querySelector('slot[name=\"leading\"]'),\n      hasContent => {\n        this.leadingSlotHasContent = hasContent;\n        this.requestUpdate();\n      },\n    );\n  }\n\n  /** Focuses the internal input element. */\n  override focus() {\n    this.inputElement?.focus();\n  }\n\n  /** Blurs the internal input element. */\n  override blur() {\n    this.inputElement?.blur();\n  }\n\n  private __handleInput(event: InputEvent) {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    // Prevent the native input event from escaping in addition to our API event.\n    event.stopPropagation();\n    this.dispatchEvent(\n      new CustomEvent('input', {\n        detail: { value: this.value },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private __handleChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    // Prevent the native change event from escaping in addition to our API event.\n    event.stopPropagation();\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: { value: this.value },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private __handleKeydown(event: KeyboardEvent) {\n    if (event.key === 'Enter') {\n      this.dispatchEvent(\n        new CustomEvent('search', {\n          detail: { value: this.value },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n    }\n    if (event.key === 'Escape') {\n      this.__clearValue();\n    }\n  }\n\n  private __handleFocus() {\n    this.focused = true;\n  }\n\n  private __handleBlur() {\n    this.focused = false;\n  }\n\n  private __clearValue() {\n    this.value = '';\n    this.inputElement?.focus();\n    this.dispatchEvent(\n      new CustomEvent('clear', {\n        bubbles: true,\n        composed: true,\n      }),\n    );\n    this.dispatchEvent(\n      new CustomEvent('input', {\n        detail: { value: '' },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private __renderClearButton() {\n    if (!this.clearable || !this.value) return nothing;\n\n    return html`\n      <button\n        class=\"clear-button\"\n        aria-label=\"Clear search\"\n        tabindex=\"-1\"\n        @click=${this.__clearValue}\n        ?disabled=${this.disabled}\n      >\n        <wc-icon name=\"close\"></wc-icon>\n      </button>\n    `;\n  }\n\n  private __renderLeadingIcon() {\n    return html`\n      <div class=\"leading-icon ${this.leadingSlotHasContent ? 'has-slot' : ''}\">\n        <slot name=\"leading\">\n          <wc-icon name=\"search\"></wc-icon>\n        </slot>\n      </div>\n    `;\n  }\n\n  override render() {\n    const cssClasses = {\n      search: true,\n      [`variant-${this.variant}`]: true,\n      [`size-${this.size}`]: true,\n      focused: this.focused,\n      disabled: this.disabled,\n      'has-value': !!this.value,\n    };\n\n    return html`\n      <div class=${classMap(cssClasses)} role=\"search\">\n        <div class=\"background\"></div>\n        <div class=\"outline\"></div>\n\n        ${this.__renderLeadingIcon()}\n\n        <input\n          class=\"search-input\"\n          type=\"search\"\n          role=\"searchbox\"\n          .value=${live(this.value)}\n          placeholder=${this.placeholder}\n          ?disabled=${this.disabled}\n          aria-label=${this.placeholder}\n          @input=${this.__handleInput}\n          @change=${this.__handleChange}\n          @keydown=${this.__handleKeydown}\n          @focus=${this.__handleFocus}\n          @blur=${this.__handleBlur}\n        />\n\n        <div class=\"trailing-actions\">\n          ${this.__renderClearButton()}\n          <slot name=\"trailing\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["i","t","r","n","o","e","s","LitElement","nothing","html","classMap","live","styles","colorStyles","property","state","query"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/side-sheet.js

@@ -1,7 +1,7 @@
 import { a as i, _ as __decorate, I as IndividualComponent, i as i$1, A, b } from './IndividualComponent-DUINtMGK.js';
 import { n } from './property-1psGvXOq.js';
-import { e } from './class-map-3TAnCMAX.js';
-import './directive-Cuw6h7YA.js';
+import { e } from './class-map-YU7g0o3B.js';
+import './directive-ZPhl09Yt.js';
 
 var css_248z = i`* {
   box-sizing: border-box;

package/dist/src/__mixins/BaseButtonMixin.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+import type { MixinConstructor } from './MixinConstructor.js';
+/**
+ * 1. Define an interface for the members the mixin adds.
+ * This makes the type annotation much cleaner.
+ */
+export interface BaseButtonInterface {
+    htmlType: 'button' | 'submit' | 'reset';
+    disabled: boolean;
+    softDisabled: boolean;
+    disabledReason: string;
+    form: string;
+    name: string;
+    value: string;
+}
+/**
+ * 2. Apply the type annotation to the variable.
+ */
+declare const BaseButtonMixin: <T extends MixinConstructor<LitElement>>(superclass: T) => T & MixinConstructor<BaseButtonInterface>;
+export default BaseButtonMixin;

package/dist/src/__mixins/BaseHyperlinkMixin.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+import type { MixinConstructor } from './MixinConstructor.js';
+/**
+ * 1. Define an interface for the members the mixin adds.
+ * This makes the type annotation much cleaner.
+ */
+export interface BaseHyperlinkInterface {
+    href?: string;
+    target: '_self' | '_parent' | '_blank' | '_top' | string;
+    rel?: string;
+    download?: string;
+    __isLink(): boolean;
+}
+/**
+ * 2. Apply the type annotation to the variable.
+ */
+declare const BaseHyperlinkMixin: <T extends MixinConstructor<LitElement>>(superclass: T) => T & MixinConstructor<BaseHyperlinkInterface>;
+export default BaseHyperlinkMixin;

package/dist/src/__mixins/MixinConstructor.d.ts

@@ -0,0 +1 @@
+export type MixinConstructor<T = {}> = new (...args: any[]) => T;

package/dist/src/__utils/cache-fetch.d.ts

@@ -0,0 +1 @@
+export declare function createCacheFetch(name: string): Promise<(url: string) => Promise<string>>;

package/dist/src/__utils/is-dark-mode.d.ts

@@ -0,0 +1 @@
+export declare function isDarkMode(): boolean;

package/dist/src/__utils/is-in-viewport.d.ts

@@ -0,0 +1 @@
+export declare function isInViewport(element: HTMLElement): boolean;