@eui/eds 22.0.0-alpha.16 → 22.0.0-alpha.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/docs/changelog.html +28 -0
  2. package/docs/components/EdsLanguageSelectorDialog.html +1 -1
  3. package/docs/js/search/search_index.js +2 -2
  4. package/docs/json/documentation.json +42 -42
  5. package/docs/llms.txt +1 -1
  6. package/docs/properties.html +1 -1
  7. package/fesm2022/eui-eds-charts-eds-chart-legend.mjs +2 -2
  8. package/fesm2022/eui-eds-charts-eds-chart-legend.mjs.map +1 -1
  9. package/fesm2022/eui-eds-eds-accordion.mjs +2 -2
  10. package/fesm2022/eui-eds-eds-accordion.mjs.map +1 -1
  11. package/fesm2022/eui-eds-eds-alert.mjs +2 -2
  12. package/fesm2022/eui-eds-eds-alert.mjs.map +1 -1
  13. package/fesm2022/eui-eds-eds-autocomplete.mjs +2 -2
  14. package/fesm2022/eui-eds-eds-autocomplete.mjs.map +1 -1
  15. package/fesm2022/eui-eds-eds-avatar.mjs +4 -4
  16. package/fesm2022/eui-eds-eds-avatar.mjs.map +1 -1
  17. package/fesm2022/eui-eds-eds-blockquote.mjs +2 -2
  18. package/fesm2022/eui-eds-eds-blockquote.mjs.map +1 -1
  19. package/fesm2022/eui-eds-eds-calendar.mjs +4 -4
  20. package/fesm2022/eui-eds-eds-calendar.mjs.map +1 -1
  21. package/fesm2022/eui-eds-eds-card.mjs +2 -2
  22. package/fesm2022/eui-eds-eds-card.mjs.map +1 -1
  23. package/fesm2022/eui-eds-eds-date-block.mjs +2 -2
  24. package/fesm2022/eui-eds-eds-date-block.mjs.map +1 -1
  25. package/fesm2022/eui-eds-eds-datepicker.mjs +2 -2
  26. package/fesm2022/eui-eds-eds-datepicker.mjs.map +1 -1
  27. package/fesm2022/eui-eds-eds-discussion-thread.mjs +4 -4
  28. package/fesm2022/eui-eds-eds-discussion-thread.mjs.map +1 -1
  29. package/fesm2022/eui-eds-eds-empty-state.mjs +2 -2
  30. package/fesm2022/eui-eds-eds-empty-state.mjs.map +1 -1
  31. package/fesm2022/eui-eds-eds-fieldset.mjs +2 -2
  32. package/fesm2022/eui-eds-eds-fieldset.mjs.map +1 -1
  33. package/fesm2022/eui-eds-eds-file-upload.mjs +2 -2
  34. package/fesm2022/eui-eds-eds-file-upload.mjs.map +1 -1
  35. package/fesm2022/eui-eds-eds-growl.mjs +2 -2
  36. package/fesm2022/eui-eds-eds-growl.mjs.map +1 -1
  37. package/fesm2022/eui-eds-eds-language-selector.mjs +4 -4
  38. package/fesm2022/eui-eds-eds-language-selector.mjs.map +1 -1
  39. package/fesm2022/eui-eds-eds-list.mjs +2 -2
  40. package/fesm2022/eui-eds-eds-list.mjs.map +1 -1
  41. package/fesm2022/eui-eds-eds-menu.mjs +2 -2
  42. package/fesm2022/eui-eds-eds-menu.mjs.map +1 -1
  43. package/fesm2022/eui-eds-eds-multiselect.mjs +2 -2
  44. package/fesm2022/eui-eds-eds-multiselect.mjs.map +1 -1
  45. package/fesm2022/eui-eds-eds-page.mjs +2 -2
  46. package/fesm2022/eui-eds-eds-page.mjs.map +1 -1
  47. package/fesm2022/eui-eds-eds-popover.mjs +2 -2
  48. package/fesm2022/eui-eds-eds-popover.mjs.map +1 -1
  49. package/fesm2022/eui-eds-eds-progress-bar.mjs +2 -2
  50. package/fesm2022/eui-eds-eds-progress-bar.mjs.map +1 -1
  51. package/fesm2022/eui-eds-eds-progress-circle.mjs +2 -2
  52. package/fesm2022/eui-eds-eds-progress-circle.mjs.map +1 -1
  53. package/fesm2022/eui-eds-eds-select.mjs +2 -2
  54. package/fesm2022/eui-eds-eds-select.mjs.map +1 -1
  55. package/fesm2022/eui-eds-eds-shell.mjs +4 -4
  56. package/fesm2022/eui-eds-eds-shell.mjs.map +1 -1
  57. package/fesm2022/eui-eds-eds-table.mjs +2 -2
  58. package/fesm2022/eui-eds-eds-table.mjs.map +1 -1
  59. package/fesm2022/eui-eds-eds-tabs.mjs +2 -2
  60. package/fesm2022/eui-eds-eds-tabs.mjs.map +1 -1
  61. package/fesm2022/eui-eds-eds-timeline.mjs +2 -2
  62. package/fesm2022/eui-eds-eds-timeline.mjs.map +1 -1
  63. package/fesm2022/eui-eds-eds-timepicker.mjs +2 -2
  64. package/fesm2022/eui-eds-eds-timepicker.mjs.map +1 -1
  65. package/fesm2022/eui-eds-eds-user-profile.mjs +2 -2
  66. package/fesm2022/eui-eds-eds-user-profile.mjs.map +1 -1
  67. package/fesm2022/eui-eds-eds-wizard.mjs +2 -2
  68. package/fesm2022/eui-eds-utilities-eds-label.mjs +2 -2
  69. package/fesm2022/eui-eds-utilities-eds-label.mjs.map +1 -1
  70. package/fesm2022/eui-eds-utilities-eds-trend.mjs +2 -2
  71. package/fesm2022/eui-eds-utilities-eds-trend.mjs.map +1 -1
  72. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"eui-eds-eds-page.mjs","sources":["../../eds-page/eds-page.ts","../../eds-page/eds-page.html","../../eds-page/eds-page-breadcrumb.ts","../../eds-page/eds-page-header.ts","../../eds-page/eds-page-header.html","../../eds-page/eds-page-header-label.ts","../../eds-page/eds-page-header-sublabel.ts","../../eds-page/eds-page-header-action-items.ts","../../eds-page/eds-page-header-body.ts","../../eds-page/eds-page-content.ts","../../eds-page/eds-page-footer.ts","../../eds-page/eds-page-columns.ts","../../eds-page/eds-page-column-token.ts","../../eds-page/eds-page-column.ts","../../eds-page/eds-page-column.html","../../eds-page/eds-page-column-header.ts","../../eds-page/eds-page-column-header.html","../../eds-page/eds-page-column-header-label.ts","../../eds-page/eds-page-column-header-sublabel.ts","../../eds-page/eds-page-column-header-action-items.ts","../../eds-page/eds-page-column-body.ts","../../eds-page/eds-page-column-footer.ts","../../eds-page/index.ts","../../eds-page/eui-eds-eds-page.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'eds-page',\n templateUrl: './eds-page.html',\n styleUrl: './eds-page.scss',\n})\nexport class EdsPage {}\n","<ng-content select=\"eds-page-breadcrumb\"></ng-content>\n<ng-content select=\"eds-page-header\"></ng-content>\n<ng-content select=\"eds-page-content\"></ng-content>\n<ng-content select=\"eds-page-columns\"></ng-content>\n<ng-content select=\"eds-page-footer\"></ng-content>\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n/**\n * @description\n * Breadcrumb container component for eds-page that provides a navigation trail area.\n * Displays hierarchical navigation path showing the user's location within the application.\n * Positioned above the page header or content.\n *\n * @usageNotes\n * ```html\n * <eds-page>\n * <eds-page-breadcrumb>\n * <!-- breadcrumb navigation content -->\n * </eds-page-breadcrumb>\n * <eds-page-header>...</eds-page-header>\n * <eds-page-content>...</eds-page-content>\n * </eds-page>\n * ```\n */\n@Component({\n selector: 'eds-page-breadcrumb',\n template: '<ng-content/>',\n styleUrl: './eds-page-breadcrumb.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsPageBreadcrumb {}\n","import { Component, effect, input, output, signal } from '@angular/core';\nimport { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';\n\n@Component({\n selector: 'eds-page-header',\n imports: [...EDS_ICON_BUTTON],\n templateUrl: './eds-page-header.html',\n styleUrl: './eds-page-header.scss',\n})\nexport class EdsPageHeader {\n /** Enables expand/collapse functionality for the page header. */\n isCollapsible = input<boolean>(false);\n\n /** Controls the collapsed state of the header. */\n isCollapsed = input<boolean>(false);\n\n /** Enables multi-line layout mode for headers with extensive content. */\n isHeaderMultilines = input<boolean>(false);\n\n /** Accessible label for the toggle button when header is collapsed. */\n collapsedLabel = input<string>('Expand');\n\n /** Accessible label for the toggle button when header is expanded. */\n expandedLabel = input<string>('Collapse');\n\n /** Emitted when the header's collapsed state changes. */\n collapse = output<boolean>();\n\n collapsed = signal(false);\n\n constructor() {\n effect(() => {\n this.collapsed.set(this.isCollapsed());\n });\n }\n\n toggleCollapse(): void {\n this.collapsed.update(v => !v);\n this.collapse.emit(this.collapsed());\n }\n}\n","<div class=\"header-top\" [class.multilines]=\"isHeaderMultilines()\">\n <div class=\"header-labels\">\n <ng-content select=\"eds-page-header-label\"></ng-content>\n <ng-content select=\"eds-page-header-sublabel\"></ng-content>\n </div>\n\n <div class=\"header-actions\">\n <ng-content select=\"eds-page-header-action-items\"></ng-content>\n\n @if (isCollapsible()) {\n <button\n edsIconButton\n icon=\"caret-down:core\"\n [attr.aria-expanded]=\"!collapsed()\"\n [ariaLabel]=\"collapsed() ? collapsedLabel() : expandedLabel()\"\n [class.collapsed-icon]=\"collapsed()\"\n (click)=\"toggleCollapse()\">\n </button>\n }\n </div>\n</div>\n\n<div class=\"header-body-wrapper\" [class.header-body-wrapper--collapsed]=\"collapsed()\">\n <div class=\"header-body-inner\">\n <ng-content select=\"eds-page-header-body\"></ng-content>\n </div>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'eds-page-header-label',\n template: '<ng-content/>',\n styleUrl: './eds-page-header-label.scss',\n})\nexport class EdsPageHeaderLabel {}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'eds-page-header-sublabel',\n template: '<ng-content/>',\n styleUrl: './eds-page-header-sublabel.scss',\n})\nexport class EdsPageHeaderSublabel {}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'eds-page-header-action-items',\n template: '<ng-content/>',\n styleUrl: './eds-page-header-action-items.scss',\n})\nexport class EdsPageHeaderActionItems {}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'eds-page-header-body',\n template: '<ng-content/>',\n styleUrl: './eds-page-header-body.scss',\n})\nexport class EdsPageHeaderBody {}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'eds-page-content',\n template: '<ng-content/>',\n styleUrl: './eds-page-content.scss',\n host: {\n role: 'main',\n },\n})\nexport class EdsPageContent {}\n","import { Component, input } from '@angular/core';\n\n@Component({\n selector: 'eds-page-footer',\n template: '<ng-content/>',\n styleUrl: './eds-page-footer.scss',\n host: {\n '[class.highlighted]': 'highlighted()',\n },\n})\nexport class EdsPageFooter {\n /** Adds visual emphasis to the footer. */\n highlighted = input<boolean>(false);\n}\n","import {\n Component,\n ChangeDetectionStrategy,\n ElementRef,\n inject,\n input,\n booleanAttribute,\n computed,\n NgZone,\n OnInit,\n OnDestroy,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\n\n/**\n * @description\n * Container component for multi-column page layouts within eds-page.\n * Wraps one or more eds-page-column components and provides responsive width tracking.\n *\n * @usageNotes\n * ```html\n * <eds-page>\n * <eds-page-content>\n * <eds-page-columns>\n * <eds-page-column label=\"Sidebar\">...</eds-page-column>\n * <eds-page-column label=\"Main\">...</eds-page-column>\n * </eds-page-columns>\n * </eds-page-content>\n * </eds-page>\n * ```\n */\n@Component({\n selector: 'eds-page-columns',\n template: '<ng-content/>',\n styleUrl: './eds-page-columns.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[class]': 'hostClasses()',\n },\n})\nexport class EdsPageColumns implements OnInit, OnDestroy {\n /**\n * Prevents automatic mobile responsive rendering of columns.\n * When true, maintains desktop column layout on mobile devices instead of stacking.\n * @default false\n */\n hasPreventMobileRendering = input(false, { transform: booleanAttribute });\n\n /** Observable that emits the container width on resize. */\n width = new Subject<number>();\n\n hostClasses = computed(() => {\n return [\n 'eds-page-columns',\n this.hasPreventMobileRendering() ? 'eds-page-columns--prevent-mobile-rendering' : '',\n ].join(' ').trim();\n });\n\n private _host = inject(ElementRef);\n private _zone = inject(NgZone);\n private _observer: ResizeObserver;\n\n ngOnInit(): void {\n this._observer = new ResizeObserver(entries => {\n this._zone.run(() => {\n this.width.next(entries[0].contentRect.width);\n });\n });\n this._observer.observe(this._host.nativeElement);\n }\n\n ngOnDestroy(): void {\n this._observer?.disconnect();\n }\n}\n","import { InjectionToken } from '@angular/core';\n\n/**\n * Injection token for the EdsPageColumn component.\n * Used to break circular dependency between EdsPageColumn and EdsPageColumnHeader.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const EDS_PAGE_COLUMN = new InjectionToken<any>('EdsPageColumn');\n","import {\n Component,\n ChangeDetectionStrategy,\n input,\n output,\n signal,\n computed,\n effect,\n booleanAttribute,\n inject,\n OnInit,\n OnDestroy,\n} from '@angular/core';\nimport { Subject, debounceTime, takeUntil } from 'rxjs';\nimport { EdsPageColumns } from './eds-page-columns';\nimport { EdsSizeDirective } from '@eui/eds/shared';\nimport { EDS_PAGE_COLUMN } from './eds-page-column-token';\n\n/**\n * @description\n * Individual column component for multi-column page layouts within eds-page-columns.\n * Supports collapsible sidebar functionality, size variants, and content projection for header/body/footer.\n *\n * @usageNotes\n * ```html\n * <eds-page-columns>\n * <eds-page-column edsSizeXL isCollapsible>\n * <eds-page-column-header-label>Sidebar</eds-page-column-header-label>\n * <eds-page-column-body>Sidebar content</eds-page-column-body>\n * </eds-page-column>\n * <eds-page-column>\n * <eds-page-column-header-label>Main</eds-page-column-header-label>\n * <eds-page-column-body>Main content</eds-page-column-body>\n * </eds-page-column>\n * </eds-page-columns>\n * ```\n */\n@Component({\n selector: 'eds-page-column',\n templateUrl: './eds-page-column.html',\n styleUrl: './eds-page-column.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n { provide: EDS_PAGE_COLUMN, useExisting: EdsPageColumn },\n ],\n hostDirectives: [\n {\n directive: EdsSizeDirective,\n inputs: [\n 'edsSizeS',\n 'edsSizeM',\n 'edsSizeL',\n 'edsSizeXL',\n 'edsSize2XL',\n 'edsSize3XL',\n 'edsSize4XL',\n ],\n },\n ],\n host: {\n '[class]': 'hostClasses()',\n },\n})\nexport class EdsPageColumn implements OnInit, OnDestroy {\n /** Enables expand/collapse functionality for the column. */\n isCollapsible = input(false, { transform: booleanAttribute });\n\n /** Controls the collapsed state of the column. */\n isCollapsed = input(false, { transform: booleanAttribute });\n\n /** Accessible label for the collapse toggle button. */\n collapseAriaLabel = input('Toggle column');\n\n /** Size variant input — mirrors the hostDirective binding to enable reactive class computation. */\n edsSizeVariant = input<string>('');\n\n /** Enables automatic column collapse when container width drops below threshold. */\n isAutocloseOnContainerResize = input(false, { transform: booleanAttribute });\n\n /** Container width threshold in pixels for automatic collapse. */\n autocloseContainerWidth = input<number>(null);\n\n /** Emitted when the column's collapsed state changes. */\n // eslint-disable-next-line @angular-eslint/no-output-native\n collapse = output<boolean>();\n\n /** Internal collapsed state signal. */\n collapsed = signal(false);\n\n /** Host classes computed from collapsed state and size directive. */\n hostClasses = computed(() => {\n // Reading edsSizeVariant signal to trigger recomputation when it changes\n this.edsSizeVariant();\n return [\n 'eds-page-column',\n this.collapsed() ? 'eds-page-column--collapsed' : '',\n this._sizeDirective.getCssClass('eds-page-column'),\n ].filter(c => c !== '').join(' ').trim();\n });\n\n protected _sizeDirective = inject(EdsSizeDirective);\n private _pageColumns = inject(EdsPageColumns, { optional: true });\n private _destroy$ = new Subject<boolean>();\n\n // Sync edsSizeVariant signal input to the directive\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n private _sizeEffect = effect(() => {\n const variant = this.edsSizeVariant();\n if (variant) {\n // EdsSizeDirective uses input() signals which are read-only from outside,\n // but the edsSizeVariant input on the hostDirective handles this binding.\n // This effect is kept for backward compatibility with programmatic usage.\n }\n });\n\n ngOnInit(): void {\n this.collapsed.set(this.isCollapsed());\n\n if (this._pageColumns && this.isAutocloseOnContainerResize() && this.autocloseContainerWidth()) {\n this._pageColumns.width.pipe(\n debounceTime(100),\n takeUntil(this._destroy$),\n ).subscribe((parentWidth: number) => {\n if (parentWidth <= this.autocloseContainerWidth()) {\n this.collapsed.set(true);\n this.collapse.emit(true);\n }\n });\n }\n }\n\n ngOnDestroy(): void {\n this._destroy$.next(true);\n this._destroy$.unsubscribe();\n }\n\n onToggle(): void {\n this.collapsed.update(v => !v);\n this.collapse.emit(this.collapsed());\n }\n}\n","<ng-content select=\"eds-page-column-header\"></ng-content>\n\n@if (!collapsed()) {\n <ng-content select=\"eds-page-column-body\"></ng-content>\n <ng-content select=\"eds-page-column-footer\"></ng-content>\n <ng-content></ng-content>\n}\n","import { Component, ChangeDetectionStrategy, inject } from '@angular/core';\nimport { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';\nimport { EDS_PAGE_COLUMN } from './eds-page-column-token';\n\n@Component({\n selector: 'eds-page-column-header',\n templateUrl: './eds-page-column-header.html',\n styleUrl: './eds-page-column-header.scss',\n imports: [...EDS_ICON_BUTTON],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsPageColumnHeader {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n parentColumn: any = inject(EDS_PAGE_COLUMN, { optional: true });\n}\n","<div class=\"eds-page-column-header__left\">\n <ng-content select=\"eds-page-column-header-label\"></ng-content>\n @if (!parentColumn?.collapsed()) {\n <ng-content select=\"eds-page-column-header-sublabel\"></ng-content>\n }\n</div>\n\n<div class=\"eds-page-column-header__right\">\n @if (!parentColumn?.collapsed()) {\n <ng-content select=\"eds-page-column-header-action-items\"></ng-content>\n }\n @if (parentColumn?.isCollapsible()) {\n <button edsIconButton size=\"s\"\n [icon]=\"parentColumn.collapsed() ? 'caret-right' : 'caret-left'\"\n [ariaLabel]=\"parentColumn.collapseAriaLabel()\"\n (click)=\"parentColumn.onToggle()\">\n </button>\n }\n</div>\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'eds-page-column-header-label',\n template: '<ng-content/>',\n styleUrl: './eds-page-column-header-label.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsPageColumnHeaderLabel {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'eds-page-column-header-sublabel',\n template: '<ng-content/>',\n styleUrl: './eds-page-column-header-sublabel.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsPageColumnHeaderSublabel {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'eds-page-column-header-action-items',\n template: '<ng-content/>',\n styleUrl: './eds-page-column-header-action-items.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsPageColumnHeaderActionItems {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'eds-page-column-body',\n template: '<ng-content/>',\n styleUrl: './eds-page-column-body.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsPageColumnBody {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'eds-page-column-footer',\n template: '<ng-content/>',\n styleUrl: './eds-page-column-footer.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsPageColumnFooter {}\n","import { EdsPage } from './eds-page';\nimport { EdsPageBreadcrumb } from './eds-page-breadcrumb';\nimport { EdsPageHeader } from './eds-page-header';\nimport { EdsPageHeaderLabel } from './eds-page-header-label';\nimport { EdsPageHeaderSublabel } from './eds-page-header-sublabel';\nimport { EdsPageHeaderActionItems } from './eds-page-header-action-items';\nimport { EdsPageHeaderBody } from './eds-page-header-body';\nimport { EdsPageContent } from './eds-page-content';\nimport { EdsPageFooter } from './eds-page-footer';\nimport { EdsPageColumns } from './eds-page-columns';\nimport { EdsPageColumn } from './eds-page-column';\nimport { EdsPageColumnHeader } from './eds-page-column-header';\nimport { EdsPageColumnHeaderLabel } from './eds-page-column-header-label';\nimport { EdsPageColumnHeaderSublabel } from './eds-page-column-header-sublabel';\nimport { EdsPageColumnHeaderActionItems } from './eds-page-column-header-action-items';\nimport { EdsPageColumnBody } from './eds-page-column-body';\nimport { EdsPageColumnFooter } from './eds-page-column-footer';\n\nexport {\n EdsPage,\n EdsPageBreadcrumb,\n EdsPageHeader,\n EdsPageHeaderLabel,\n EdsPageHeaderSublabel,\n EdsPageHeaderActionItems,\n EdsPageHeaderBody,\n EdsPageContent,\n EdsPageFooter,\n EdsPageColumns,\n EdsPageColumn,\n EdsPageColumnHeader,\n EdsPageColumnHeaderLabel,\n EdsPageColumnHeaderSublabel,\n EdsPageColumnHeaderActionItems,\n EdsPageColumnBody,\n EdsPageColumnFooter,\n};\n\n/** Convenience array for importing all eds-page components. */\nexport const EDS_PAGE = [\n EdsPage,\n EdsPageBreadcrumb,\n EdsPageHeader,\n EdsPageHeaderLabel,\n EdsPageHeaderSublabel,\n EdsPageHeaderActionItems,\n EdsPageHeaderBody,\n EdsPageContent,\n EdsPageFooter,\n EdsPageColumns,\n EdsPageColumn,\n EdsPageColumnHeader,\n EdsPageColumnHeaderLabel,\n EdsPageColumnHeaderSublabel,\n EdsPageColumnHeaderActionItems,\n EdsPageColumnBody,\n EdsPageColumnFooter,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
1
+ {"version":3,"file":"eui-eds-eds-page.mjs","sources":["../../eds-page/eds-page.ts","../../eds-page/eds-page.html","../../eds-page/eds-page-breadcrumb.ts","../../eds-page/eds-page-header.ts","../../eds-page/eds-page-header.html","../../eds-page/eds-page-header-label.ts","../../eds-page/eds-page-header-sublabel.ts","../../eds-page/eds-page-header-action-items.ts","../../eds-page/eds-page-header-body.ts","../../eds-page/eds-page-content.ts","../../eds-page/eds-page-footer.ts","../../eds-page/eds-page-columns.ts","../../eds-page/eds-page-column-token.ts","../../eds-page/eds-page-column.ts","../../eds-page/eds-page-column.html","../../eds-page/eds-page-column-header.ts","../../eds-page/eds-page-column-header.html","../../eds-page/eds-page-column-header-label.ts","../../eds-page/eds-page-column-header-sublabel.ts","../../eds-page/eds-page-column-header-action-items.ts","../../eds-page/eds-page-column-body.ts","../../eds-page/eds-page-column-footer.ts","../../eds-page/index.ts","../../eds-page/eui-eds-eds-page.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'eds-page',\n templateUrl: './eds-page.html',\n styleUrl: './eds-page.scss',\n})\nexport class EdsPage {}\n","<ng-content select=\"eds-page-breadcrumb\"></ng-content>\n<ng-content select=\"eds-page-header\"></ng-content>\n<ng-content select=\"eds-page-content\"></ng-content>\n<ng-content select=\"eds-page-columns\"></ng-content>\n<ng-content select=\"eds-page-footer\"></ng-content>\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n/**\n * @description\n * Breadcrumb container component for eds-page that provides a navigation trail area.\n * Displays hierarchical navigation path showing the user's location within the application.\n * Positioned above the page header or content.\n *\n * @usageNotes\n * ```html\n * <eds-page>\n * <eds-page-breadcrumb>\n * <!-- breadcrumb navigation content -->\n * </eds-page-breadcrumb>\n * <eds-page-header>...</eds-page-header>\n * <eds-page-content>...</eds-page-content>\n * </eds-page>\n * ```\n */\n@Component({\n selector: 'eds-page-breadcrumb',\n template: '<ng-content/>',\n styleUrl: './eds-page-breadcrumb.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsPageBreadcrumb {}\n","import { Component, effect, input, output, signal } from '@angular/core';\nimport { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';\n\n@Component({\n selector: 'eds-page-header',\n imports: [...EDS_ICON_BUTTON],\n templateUrl: './eds-page-header.html',\n styleUrl: './eds-page-header.scss',\n})\nexport class EdsPageHeader {\n /** Enables expand/collapse functionality for the page header. */\n isCollapsible = input<boolean>(false);\n\n /** Controls the collapsed state of the header. */\n isCollapsed = input<boolean>(false);\n\n /** Enables multi-line layout mode for headers with extensive content. */\n isHeaderMultilines = input<boolean>(false);\n\n /** Accessible label for the toggle button when header is collapsed. */\n collapsedLabel = input<string>('Expand');\n\n /** Accessible label for the toggle button when header is expanded. */\n expandedLabel = input<string>('Collapse');\n\n /** Emitted when the header's collapsed state changes. */\n collapse = output<boolean>();\n\n collapsed = signal(false);\n\n constructor() {\n effect(() => {\n this.collapsed.set(this.isCollapsed());\n });\n }\n\n toggleCollapse(): void {\n this.collapsed.update(v => !v);\n this.collapse.emit(this.collapsed());\n }\n}\n","<div class=\"header-top\" [class.multilines]=\"isHeaderMultilines()\">\n <div class=\"header-labels\">\n <ng-content select=\"eds-page-header-label\"></ng-content>\n <ng-content select=\"eds-page-header-sublabel\"></ng-content>\n </div>\n\n <div class=\"header-actions\">\n <ng-content select=\"eds-page-header-action-items\"></ng-content>\n\n @if (isCollapsible()) {\n <button\n edsIconButton\n icon=\"caret-down:core\"\n [attr.aria-expanded]=\"!collapsed()\"\n [ariaLabel]=\"collapsed() ? collapsedLabel() : expandedLabel()\"\n [class.collapsed-icon]=\"collapsed()\"\n (click)=\"toggleCollapse()\">\n </button>\n }\n </div>\n</div>\n\n<div class=\"header-body-wrapper\" [class.header-body-wrapper--collapsed]=\"collapsed()\">\n <div class=\"header-body-inner\">\n <ng-content select=\"eds-page-header-body\"></ng-content>\n </div>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'eds-page-header-label',\n template: '<ng-content/>',\n styleUrl: './eds-page-header-label.scss',\n})\nexport class EdsPageHeaderLabel {}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'eds-page-header-sublabel',\n template: '<ng-content/>',\n styleUrl: './eds-page-header-sublabel.scss',\n})\nexport class EdsPageHeaderSublabel {}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'eds-page-header-action-items',\n template: '<ng-content/>',\n styleUrl: './eds-page-header-action-items.scss',\n})\nexport class EdsPageHeaderActionItems {}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'eds-page-header-body',\n template: '<ng-content/>',\n styleUrl: './eds-page-header-body.scss',\n})\nexport class EdsPageHeaderBody {}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'eds-page-content',\n template: '<ng-content/>',\n styleUrl: './eds-page-content.scss',\n host: {\n role: 'main',\n },\n})\nexport class EdsPageContent {}\n","import { Component, input } from '@angular/core';\n\n@Component({\n selector: 'eds-page-footer',\n template: '<ng-content/>',\n styleUrl: './eds-page-footer.scss',\n host: {\n '[class.highlighted]': 'highlighted()',\n },\n})\nexport class EdsPageFooter {\n /** Adds visual emphasis to the footer. */\n highlighted = input<boolean>(false);\n}\n","import {\n Component,\n ChangeDetectionStrategy,\n ElementRef,\n inject,\n input,\n booleanAttribute,\n computed,\n NgZone,\n OnInit,\n OnDestroy,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\n\n/**\n * @description\n * Container component for multi-column page layouts within eds-page.\n * Wraps one or more eds-page-column components and provides responsive width tracking.\n *\n * @usageNotes\n * ```html\n * <eds-page>\n * <eds-page-content>\n * <eds-page-columns>\n * <eds-page-column label=\"Sidebar\">...</eds-page-column>\n * <eds-page-column label=\"Main\">...</eds-page-column>\n * </eds-page-columns>\n * </eds-page-content>\n * </eds-page>\n * ```\n */\n@Component({\n selector: 'eds-page-columns',\n template: '<ng-content/>',\n styleUrl: './eds-page-columns.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[class]': 'hostClasses()',\n },\n})\nexport class EdsPageColumns implements OnInit, OnDestroy {\n /**\n * Prevents automatic mobile responsive rendering of columns.\n * When true, maintains desktop column layout on mobile devices instead of stacking.\n * @default false\n */\n hasPreventMobileRendering = input(false, { transform: booleanAttribute });\n\n /** Observable that emits the container width on resize. */\n width = new Subject<number>();\n\n hostClasses = computed(() => {\n return [\n 'eds-page-columns',\n this.hasPreventMobileRendering() ? 'eds-page-columns--prevent-mobile-rendering' : '',\n ].join(' ').trim();\n });\n\n private _host = inject(ElementRef);\n private _zone = inject(NgZone);\n private _observer: ResizeObserver;\n\n ngOnInit(): void {\n this._observer = new ResizeObserver(entries => {\n this._zone.run(() => {\n this.width.next(entries[0].contentRect.width);\n });\n });\n this._observer.observe(this._host.nativeElement);\n }\n\n ngOnDestroy(): void {\n this._observer?.disconnect();\n }\n}\n","import { InjectionToken } from '@angular/core';\n\n/**\n * Injection token for the EdsPageColumn component.\n * Used to break circular dependency between EdsPageColumn and EdsPageColumnHeader.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const EDS_PAGE_COLUMN = new InjectionToken<any>('EdsPageColumn');\n","import {\n Component,\n ChangeDetectionStrategy,\n input,\n output,\n signal,\n computed,\n effect,\n booleanAttribute,\n inject,\n OnInit,\n OnDestroy,\n} from '@angular/core';\nimport { Subject, debounceTime, takeUntil } from 'rxjs';\nimport { EdsPageColumns } from './eds-page-columns';\nimport { EdsSizeDirective } from '@eui/eds/shared';\nimport { EDS_PAGE_COLUMN } from './eds-page-column-token';\n\n/**\n * @description\n * Individual column component for multi-column page layouts within eds-page-columns.\n * Supports collapsible sidebar functionality, size variants, and content projection for header/body/footer.\n *\n * @usageNotes\n * ```html\n * <eds-page-columns>\n * <eds-page-column edsSizeXL isCollapsible>\n * <eds-page-column-header-label>Sidebar</eds-page-column-header-label>\n * <eds-page-column-body>Sidebar content</eds-page-column-body>\n * </eds-page-column>\n * <eds-page-column>\n * <eds-page-column-header-label>Main</eds-page-column-header-label>\n * <eds-page-column-body>Main content</eds-page-column-body>\n * </eds-page-column>\n * </eds-page-columns>\n * ```\n */\n@Component({\n selector: 'eds-page-column',\n templateUrl: './eds-page-column.html',\n styleUrl: './eds-page-column.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n { provide: EDS_PAGE_COLUMN, useExisting: EdsPageColumn },\n ],\n hostDirectives: [\n {\n directive: EdsSizeDirective,\n inputs: [\n 'edsSizeS',\n 'edsSizeM',\n 'edsSizeL',\n 'edsSizeXL',\n 'edsSize2XL',\n 'edsSize3XL',\n 'edsSize4XL',\n ],\n },\n ],\n host: {\n '[class]': 'hostClasses()',\n },\n})\nexport class EdsPageColumn implements OnInit, OnDestroy {\n /** Enables expand/collapse functionality for the column. */\n isCollapsible = input(false, { transform: booleanAttribute });\n\n /** Controls the collapsed state of the column. */\n isCollapsed = input(false, { transform: booleanAttribute });\n\n /** Accessible label for the collapse toggle button. */\n collapseAriaLabel = input('Toggle column');\n\n /** Size variant input — mirrors the hostDirective binding to enable reactive class computation. */\n edsSizeVariant = input<string>('');\n\n /** Enables automatic column collapse when container width drops below threshold. */\n isAutocloseOnContainerResize = input(false, { transform: booleanAttribute });\n\n /** Container width threshold in pixels for automatic collapse. */\n autocloseContainerWidth = input<number>(null);\n\n /** Emitted when the column's collapsed state changes. */\n // eslint-disable-next-line @angular-eslint/no-output-native\n collapse = output<boolean>();\n\n /** Internal collapsed state signal. */\n collapsed = signal(false);\n\n /** Host classes computed from collapsed state and size directive. */\n hostClasses = computed(() => {\n // Reading edsSizeVariant signal to trigger recomputation when it changes\n this.edsSizeVariant();\n return [\n 'eds-page-column',\n this.collapsed() ? 'eds-page-column--collapsed' : '',\n this._sizeDirective.getCssClass('eds-page-column'),\n ].filter(c => c !== '').join(' ').trim();\n });\n\n protected _sizeDirective = inject(EdsSizeDirective);\n private _pageColumns = inject(EdsPageColumns, { optional: true });\n private _destroy$ = new Subject<boolean>();\n\n // Sync edsSizeVariant signal input to the directive\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n private _sizeEffect = effect(() => {\n const variant = this.edsSizeVariant();\n if (variant) {\n // EdsSizeDirective uses input() signals which are read-only from outside,\n // but the edsSizeVariant input on the hostDirective handles this binding.\n // This effect is kept for backward compatibility with programmatic usage.\n }\n });\n\n ngOnInit(): void {\n this.collapsed.set(this.isCollapsed());\n\n if (this._pageColumns && this.isAutocloseOnContainerResize() && this.autocloseContainerWidth()) {\n this._pageColumns.width.pipe(\n debounceTime(100),\n takeUntil(this._destroy$),\n ).subscribe((parentWidth: number) => {\n if (parentWidth <= this.autocloseContainerWidth()) {\n this.collapsed.set(true);\n this.collapse.emit(true);\n }\n });\n }\n }\n\n ngOnDestroy(): void {\n this._destroy$.next(true);\n this._destroy$.unsubscribe();\n }\n\n onToggle(): void {\n this.collapsed.update(v => !v);\n this.collapse.emit(this.collapsed());\n }\n}\n","<ng-content select=\"eds-page-column-header\"></ng-content>\n\n@if (!collapsed()) {\n <ng-content select=\"eds-page-column-body\"></ng-content>\n <ng-content select=\"eds-page-column-footer\"></ng-content>\n <ng-content></ng-content>\n}\n","import { Component, ChangeDetectionStrategy, inject } from '@angular/core';\nimport { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';\nimport { EDS_PAGE_COLUMN } from './eds-page-column-token';\n\n@Component({\n selector: 'eds-page-column-header',\n templateUrl: './eds-page-column-header.html',\n styleUrl: './eds-page-column-header.scss',\n imports: [...EDS_ICON_BUTTON],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsPageColumnHeader {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n parentColumn: any = inject(EDS_PAGE_COLUMN, { optional: true });\n}\n","<div class=\"eds-page-column-header__left\">\n <ng-content select=\"eds-page-column-header-label\"></ng-content>\n @if (!parentColumn?.collapsed()) {\n <ng-content select=\"eds-page-column-header-sublabel\"></ng-content>\n }\n</div>\n\n<div class=\"eds-page-column-header__right\">\n @if (!parentColumn?.collapsed()) {\n <ng-content select=\"eds-page-column-header-action-items\"></ng-content>\n }\n @if (parentColumn?.isCollapsible()) {\n <button edsIconButton size=\"s\"\n [icon]=\"parentColumn.collapsed() ? 'caret-right' : 'caret-left'\"\n [ariaLabel]=\"parentColumn.collapseAriaLabel()\"\n (click)=\"parentColumn.onToggle()\">\n </button>\n }\n</div>\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'eds-page-column-header-label',\n template: '<ng-content/>',\n styleUrl: './eds-page-column-header-label.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsPageColumnHeaderLabel {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'eds-page-column-header-sublabel',\n template: '<ng-content/>',\n styleUrl: './eds-page-column-header-sublabel.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsPageColumnHeaderSublabel {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'eds-page-column-header-action-items',\n template: '<ng-content/>',\n styleUrl: './eds-page-column-header-action-items.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsPageColumnHeaderActionItems {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'eds-page-column-body',\n template: '<ng-content/>',\n styleUrl: './eds-page-column-body.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsPageColumnBody {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'eds-page-column-footer',\n template: '<ng-content/>',\n styleUrl: './eds-page-column-footer.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EdsPageColumnFooter {}\n","import { EdsPage } from './eds-page';\nimport { EdsPageBreadcrumb } from './eds-page-breadcrumb';\nimport { EdsPageHeader } from './eds-page-header';\nimport { EdsPageHeaderLabel } from './eds-page-header-label';\nimport { EdsPageHeaderSublabel } from './eds-page-header-sublabel';\nimport { EdsPageHeaderActionItems } from './eds-page-header-action-items';\nimport { EdsPageHeaderBody } from './eds-page-header-body';\nimport { EdsPageContent } from './eds-page-content';\nimport { EdsPageFooter } from './eds-page-footer';\nimport { EdsPageColumns } from './eds-page-columns';\nimport { EdsPageColumn } from './eds-page-column';\nimport { EdsPageColumnHeader } from './eds-page-column-header';\nimport { EdsPageColumnHeaderLabel } from './eds-page-column-header-label';\nimport { EdsPageColumnHeaderSublabel } from './eds-page-column-header-sublabel';\nimport { EdsPageColumnHeaderActionItems } from './eds-page-column-header-action-items';\nimport { EdsPageColumnBody } from './eds-page-column-body';\nimport { EdsPageColumnFooter } from './eds-page-column-footer';\n\nexport {\n EdsPage,\n EdsPageBreadcrumb,\n EdsPageHeader,\n EdsPageHeaderLabel,\n EdsPageHeaderSublabel,\n EdsPageHeaderActionItems,\n EdsPageHeaderBody,\n EdsPageContent,\n EdsPageFooter,\n EdsPageColumns,\n EdsPageColumn,\n EdsPageColumnHeader,\n EdsPageColumnHeaderLabel,\n EdsPageColumnHeaderSublabel,\n EdsPageColumnHeaderActionItems,\n EdsPageColumnBody,\n EdsPageColumnFooter,\n};\n\n/** Convenience array for importing all eds-page components. */\nexport const EDS_PAGE = [\n EdsPage,\n EdsPageBreadcrumb,\n EdsPageHeader,\n EdsPageHeaderLabel,\n EdsPageHeaderSublabel,\n EdsPageHeaderActionItems,\n EdsPageHeaderBody,\n EdsPageContent,\n EdsPageFooter,\n EdsPageColumns,\n EdsPageColumn,\n EdsPageColumnHeader,\n EdsPageColumnHeaderLabel,\n EdsPageColumnHeaderSublabel,\n EdsPageColumnHeaderActionItems,\n EdsPageColumnBody,\n EdsPageColumnFooter,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
@@ -334,7 +334,7 @@ class EdsPopover {
334
334
  .withLockedPosition(true);
335
335
  }
336
336
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPopover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
337
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsPopover, isStandalone: true, selector: "eds-popover", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, hasBackDrop: { classPropertyName: "hasBackDrop", publicName: "hasBackDrop", isSignal: true, isRequired: false, transformFunction: null }, hasCloseButton: { classPropertyName: "hasCloseButton", publicName: "hasCloseButton", isSignal: true, isRequired: false, transformFunction: null }, isDismissable: { classPropertyName: "isDismissable", publicName: "isDismissable", isSignal: true, isRequired: false, transformFunction: null }, hasNoContentPadding: { classPropertyName: "hasNoContentPadding", publicName: "hasNoContentPadding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outsideClick: "outsideClick", popoverOpen: "popoverOpen", popoverClose: "popoverClose" }, viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.EdsSizeDirective, inputs: ["edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeXL", "edsSizeXL", "edsSize2XL", "edsSize2XL", "edsSizeAuto", "edsSizeAuto", "edsSizeVariant", "edsSizeVariant"] }], ngImport: i0, template: "<ng-template #templatePortalContent>\n <ng-container *ngTemplateOutlet=\"template\" />\n</ng-template>\n\n<ng-template #template>\n <div class=\"eds-popover__container\" [style.width]=\"width()\" cdkTrapFocus cdkTrapFocusAutoCapture role=\"dialog\" [attr.aria-labelledby]=\"title() ? 'eds-popover-title' : null\" [attr.aria-label]=\"!title() ? 'Popover' : null\" (keydown)=\"onKeyDown($event)\">\n <div class=\"eds-popover__arrow\" [edsPopoverArrowPosition]=\"position$()\">\n <div class=\"eds-popover__arrow-inner\"></div>\n </div>\n @if (title()) {\n <div class=\"eds-popover__header\">\n <div class=\"eds-popover__header-title\" id=\"eds-popover-title\">{{ title() }}</div>\n @if (hasCloseButton()) {\n <button\n edsIconButton\n size=\"s\"\n color=\"neutral\"\n icon=\"x:core\"\n ariaLabel=\"Close popover\"\n (buttonClick)=\"closePopover()\">\n </button>\n }\n </div>\n } @else if (hasCloseButton()) {\n <div class=\"eds-popover__header eds-popover__header--close-only\">\n <button\n edsIconButton\n size=\"s\"\n color=\"neutral\"\n icon=\"x:core\"\n ariaLabel=\"Close popover\"\n (buttonClick)=\"closePopover()\">\n </button>\n </div>\n }\n <div (cdkObserveContent)=\"onContentChange()\" class=\"eds-popover__content\" [class.eds-popover__content--no-padding]=\"hasNoContentPadding()\">\n <ng-content/>\n </div>\n </div>\n</ng-template>\n", styles: [".eui-21 .eds-popover-position .eds-popover__arrow{border-color:inherit;border-style:solid;border-width:8px;color:var(--eds-c-border-divider);display:none;height:0;position:absolute;width:0}.eui-21 .eds-popover-position .eds-popover__arrow-inner{border-color:var(--eds-c-surface-elevation);border-style:solid;border-width:7px;content:\" \";display:block;height:0;position:absolute;width:0}.eui-21 .eds-popover-position--top .eds-popover__arrow,.eui-21 .eds-popover-position--bottom .eds-popover__arrow,.eui-21 .eds-popover-position--left .eds-popover__arrow,.eui-21 .eds-popover-position--right .eds-popover__arrow{display:block}.eui-21 .eds-popover-position--top .eds-popover__arrow,.eui-21 .eds-popover-position--bottom .eds-popover__arrow{border-left-color:transparent;border-right-color:transparent;left:50%;transform:translate(-8px)}.eui-21 .eds-popover-position--top .eds-popover__arrow-inner,.eui-21 .eds-popover-position--bottom .eds-popover__arrow-inner{border-left-color:transparent;border-right-color:transparent;margin-left:-7px}.eui-21 .eds-popover-position--top .eds-popover__arrow{border-bottom-width:0;bottom:-7px}.eui-21 .eds-popover-position--top .eds-popover__arrow-inner{border-bottom-width:0;bottom:2px}.eui-21 .eds-popover-position--bottom .eds-popover__arrow{border-top-width:0;top:-7px}.eui-21 .eds-popover-position--bottom .eds-popover__arrow-inner{border-top-width:0;top:1px}.eui-21 .eds-popover-position--left .eds-popover__arrow,.eui-21 .eds-popover-position--right .eds-popover__arrow{border-bottom-color:transparent;border-top-color:transparent;top:50%;transform:translateY(-8px)}.eui-21 .eds-popover-position--left .eds-popover__arrow-inner,.eui-21 .eds-popover-position--right .eds-popover__arrow-inner{border-bottom-color:transparent;border-top-color:transparent;top:-7px}.eui-21 .eds-popover-position--left .eds-popover__arrow{border-right-width:0;right:-7px}.eui-21 .eds-popover-position--left .eds-popover__arrow-inner{border-right-width:0;right:2px}.eui-21 .eds-popover-position--right .eds-popover__arrow{border-left-width:0;left:-7px}.eui-21 .eds-popover-position--right .eds-popover__arrow-inner{border-left-width:0;border-right-color:var(--eds-c-surface-elevation);left:2px}.eui-21 .eds-popover{display:flex;width:25rem}.eui-21 .eds-popover--has-custom-width{width:auto!important}.eui-21 .eds-popover--size-s{max-width:12rem;width:12rem}.eui-21 .eds-popover--size-m{max-width:25rem;width:25rem}.eui-21 .eds-popover--size-l{max-width:35rem;width:35rem}.eui-21 .eds-popover--size-xl{max-width:50rem;width:50rem}.eui-21 .eds-popover--size-2xl{max-width:75rem;width:75rem}.eui-21 .eds-popover--size-auto{max-width:none;width:auto}.eui-21 .eds-popover__container{background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-1);width:100%}.eui-21 .eds-popover__header{align-items:center;display:flex;justify-content:space-between;padding:var(--eds-sp-s) var(--eds-sp-s) 0 var(--eds-sp-s)}.eui-21 .eds-popover__header--close-only{justify-content:flex-end}.eui-21 .eds-popover__header-title{font:var(--eds-f-label-m-semi-bold)}.eui-21 .eds-popover__content{padding:var(--eds-sp-s)}.eui-21 .eds-popover__content--no-padding{padding:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i3.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "directive", type: EdsPopoverArrowPosition, selector: "[edsPopoverArrowPosition]", inputs: ["edsPopoverArrowPosition"] }, { kind: "component", type: i4.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "color", "size", "ariaLabel", "rounded", "disabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
337
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsPopover, isStandalone: true, selector: "eds-popover", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, hasBackDrop: { classPropertyName: "hasBackDrop", publicName: "hasBackDrop", isSignal: true, isRequired: false, transformFunction: null }, hasCloseButton: { classPropertyName: "hasCloseButton", publicName: "hasCloseButton", isSignal: true, isRequired: false, transformFunction: null }, isDismissable: { classPropertyName: "isDismissable", publicName: "isDismissable", isSignal: true, isRequired: false, transformFunction: null }, hasNoContentPadding: { classPropertyName: "hasNoContentPadding", publicName: "hasNoContentPadding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outsideClick: "outsideClick", popoverOpen: "popoverOpen", popoverClose: "popoverClose" }, viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.EdsSizeDirective, inputs: ["edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeXL", "edsSizeXL", "edsSize2XL", "edsSize2XL", "edsSizeAuto", "edsSizeAuto", "edsSizeVariant", "edsSizeVariant"] }], ngImport: i0, template: "<ng-template #templatePortalContent>\n <ng-container *ngTemplateOutlet=\"template\" />\n</ng-template>\n\n<ng-template #template>\n <div class=\"eds-popover__container\" [style.width]=\"width()\" cdkTrapFocus cdkTrapFocusAutoCapture role=\"dialog\" [attr.aria-labelledby]=\"title() ? 'eds-popover-title' : null\" [attr.aria-label]=\"!title() ? 'Popover' : null\" (keydown)=\"onKeyDown($event)\">\n <div class=\"eds-popover__arrow\" [edsPopoverArrowPosition]=\"position$()\">\n <div class=\"eds-popover__arrow-inner\"></div>\n </div>\n @if (title()) {\n <div class=\"eds-popover__header\">\n <div class=\"eds-popover__header-title\" id=\"eds-popover-title\">{{ title() }}</div>\n @if (hasCloseButton()) {\n <button\n edsIconButton\n size=\"s\"\n color=\"neutral\"\n icon=\"x:core\"\n ariaLabel=\"Close popover\"\n (buttonClick)=\"closePopover()\">\n </button>\n }\n </div>\n } @else if (hasCloseButton()) {\n <div class=\"eds-popover__header eds-popover__header--close-only\">\n <button\n edsIconButton\n size=\"s\"\n color=\"neutral\"\n icon=\"x:core\"\n ariaLabel=\"Close popover\"\n (buttonClick)=\"closePopover()\">\n </button>\n </div>\n }\n <div (cdkObserveContent)=\"onContentChange()\" class=\"eds-popover__content\" [class.eds-popover__content--no-padding]=\"hasNoContentPadding()\">\n <ng-content/>\n </div>\n </div>\n</ng-template>\n", styles: [".eui-21 .eds-popover-position .eds-popover__arrow{border-color:inherit;border-style:solid;border-width:8px;color:var(--eds-c-border-divider);display:none;height:0;position:absolute;width:0}.eui-21 .eds-popover-position .eds-popover__arrow-inner{border-color:var(--eds-c-surface-elevation);border-style:solid;border-width:7px;content:\" \";display:block;height:0;position:absolute;width:0}.eui-21 .eds-popover-position--top .eds-popover__arrow,.eui-21 .eds-popover-position--bottom .eds-popover__arrow,.eui-21 .eds-popover-position--left .eds-popover__arrow,.eui-21 .eds-popover-position--right .eds-popover__arrow{display:block}.eui-21 .eds-popover-position--top .eds-popover__arrow,.eui-21 .eds-popover-position--bottom .eds-popover__arrow{border-left-color:transparent;border-right-color:transparent;left:50%;transform:translate(-8px)}.eui-21 .eds-popover-position--top .eds-popover__arrow-inner,.eui-21 .eds-popover-position--bottom .eds-popover__arrow-inner{border-left-color:transparent;border-right-color:transparent;margin-left:-7px}.eui-21 .eds-popover-position--top .eds-popover__arrow{border-bottom-width:0;bottom:-7px}.eui-21 .eds-popover-position--top .eds-popover__arrow-inner{border-bottom-width:0;bottom:2px}.eui-21 .eds-popover-position--bottom .eds-popover__arrow{border-top-width:0;top:-7px}.eui-21 .eds-popover-position--bottom .eds-popover__arrow-inner{border-top-width:0;top:1px}.eui-21 .eds-popover-position--left .eds-popover__arrow,.eui-21 .eds-popover-position--right .eds-popover__arrow{border-bottom-color:transparent;border-top-color:transparent;top:50%;transform:translateY(-8px)}.eui-21 .eds-popover-position--left .eds-popover__arrow-inner,.eui-21 .eds-popover-position--right .eds-popover__arrow-inner{border-bottom-color:transparent;border-top-color:transparent;top:-7px}.eui-21 .eds-popover-position--left .eds-popover__arrow{border-right-width:0;right:-7px}.eui-21 .eds-popover-position--left .eds-popover__arrow-inner{border-right-width:0;right:2px}.eui-21 .eds-popover-position--right .eds-popover__arrow{border-left-width:0;left:-7px}.eui-21 .eds-popover-position--right .eds-popover__arrow-inner{border-left-width:0;border-right-color:var(--eds-c-surface-elevation);left:2px}.eui-21 .eds-popover{display:flex;width:25rem}.eui-21 .eds-popover--has-custom-width{width:auto!important}.eui-21 .eds-popover--size-s{max-width:12rem;width:12rem}.eui-21 .eds-popover--size-m{max-width:25rem;width:25rem}.eui-21 .eds-popover--size-l{max-width:35rem;width:35rem}.eui-21 .eds-popover--size-xl{max-width:50rem;width:50rem}.eui-21 .eds-popover--size-2xl{max-width:75rem;width:75rem}.eui-21 .eds-popover--size-auto{max-width:none;width:auto}.eui-21 .eds-popover__container{background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-1);width:100%}.eui-21 .eds-popover__header{align-items:center;display:flex;justify-content:space-between;padding:var(--eds-sp-s) var(--eds-sp-s) 0 var(--eds-sp-s)}.eui-21 .eds-popover__header--close-only{justify-content:flex-end}.eui-21 .eds-popover__header-title{font:var(--eds-f-label-m-semibold)}.eui-21 .eds-popover__content{padding:var(--eds-sp-s)}.eui-21 .eds-popover__content--no-padding{padding:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i3.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "directive", type: EdsPopoverArrowPosition, selector: "[edsPopoverArrowPosition]", inputs: ["edsPopoverArrowPosition"] }, { kind: "component", type: i4.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "color", "size", "ariaLabel", "rounded", "disabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
338
338
  }
339
339
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPopover, decorators: [{
340
340
  type: Component,
@@ -359,7 +359,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
359
359
  CdkTrapFocus,
360
360
  EdsPopoverArrowPosition,
361
361
  ...EDS_ICON_BUTTON,
362
- ], template: "<ng-template #templatePortalContent>\n <ng-container *ngTemplateOutlet=\"template\" />\n</ng-template>\n\n<ng-template #template>\n <div class=\"eds-popover__container\" [style.width]=\"width()\" cdkTrapFocus cdkTrapFocusAutoCapture role=\"dialog\" [attr.aria-labelledby]=\"title() ? 'eds-popover-title' : null\" [attr.aria-label]=\"!title() ? 'Popover' : null\" (keydown)=\"onKeyDown($event)\">\n <div class=\"eds-popover__arrow\" [edsPopoverArrowPosition]=\"position$()\">\n <div class=\"eds-popover__arrow-inner\"></div>\n </div>\n @if (title()) {\n <div class=\"eds-popover__header\">\n <div class=\"eds-popover__header-title\" id=\"eds-popover-title\">{{ title() }}</div>\n @if (hasCloseButton()) {\n <button\n edsIconButton\n size=\"s\"\n color=\"neutral\"\n icon=\"x:core\"\n ariaLabel=\"Close popover\"\n (buttonClick)=\"closePopover()\">\n </button>\n }\n </div>\n } @else if (hasCloseButton()) {\n <div class=\"eds-popover__header eds-popover__header--close-only\">\n <button\n edsIconButton\n size=\"s\"\n color=\"neutral\"\n icon=\"x:core\"\n ariaLabel=\"Close popover\"\n (buttonClick)=\"closePopover()\">\n </button>\n </div>\n }\n <div (cdkObserveContent)=\"onContentChange()\" class=\"eds-popover__content\" [class.eds-popover__content--no-padding]=\"hasNoContentPadding()\">\n <ng-content/>\n </div>\n </div>\n</ng-template>\n", styles: [".eui-21 .eds-popover-position .eds-popover__arrow{border-color:inherit;border-style:solid;border-width:8px;color:var(--eds-c-border-divider);display:none;height:0;position:absolute;width:0}.eui-21 .eds-popover-position .eds-popover__arrow-inner{border-color:var(--eds-c-surface-elevation);border-style:solid;border-width:7px;content:\" \";display:block;height:0;position:absolute;width:0}.eui-21 .eds-popover-position--top .eds-popover__arrow,.eui-21 .eds-popover-position--bottom .eds-popover__arrow,.eui-21 .eds-popover-position--left .eds-popover__arrow,.eui-21 .eds-popover-position--right .eds-popover__arrow{display:block}.eui-21 .eds-popover-position--top .eds-popover__arrow,.eui-21 .eds-popover-position--bottom .eds-popover__arrow{border-left-color:transparent;border-right-color:transparent;left:50%;transform:translate(-8px)}.eui-21 .eds-popover-position--top .eds-popover__arrow-inner,.eui-21 .eds-popover-position--bottom .eds-popover__arrow-inner{border-left-color:transparent;border-right-color:transparent;margin-left:-7px}.eui-21 .eds-popover-position--top .eds-popover__arrow{border-bottom-width:0;bottom:-7px}.eui-21 .eds-popover-position--top .eds-popover__arrow-inner{border-bottom-width:0;bottom:2px}.eui-21 .eds-popover-position--bottom .eds-popover__arrow{border-top-width:0;top:-7px}.eui-21 .eds-popover-position--bottom .eds-popover__arrow-inner{border-top-width:0;top:1px}.eui-21 .eds-popover-position--left .eds-popover__arrow,.eui-21 .eds-popover-position--right .eds-popover__arrow{border-bottom-color:transparent;border-top-color:transparent;top:50%;transform:translateY(-8px)}.eui-21 .eds-popover-position--left .eds-popover__arrow-inner,.eui-21 .eds-popover-position--right .eds-popover__arrow-inner{border-bottom-color:transparent;border-top-color:transparent;top:-7px}.eui-21 .eds-popover-position--left .eds-popover__arrow{border-right-width:0;right:-7px}.eui-21 .eds-popover-position--left .eds-popover__arrow-inner{border-right-width:0;right:2px}.eui-21 .eds-popover-position--right .eds-popover__arrow{border-left-width:0;left:-7px}.eui-21 .eds-popover-position--right .eds-popover__arrow-inner{border-left-width:0;border-right-color:var(--eds-c-surface-elevation);left:2px}.eui-21 .eds-popover{display:flex;width:25rem}.eui-21 .eds-popover--has-custom-width{width:auto!important}.eui-21 .eds-popover--size-s{max-width:12rem;width:12rem}.eui-21 .eds-popover--size-m{max-width:25rem;width:25rem}.eui-21 .eds-popover--size-l{max-width:35rem;width:35rem}.eui-21 .eds-popover--size-xl{max-width:50rem;width:50rem}.eui-21 .eds-popover--size-2xl{max-width:75rem;width:75rem}.eui-21 .eds-popover--size-auto{max-width:none;width:auto}.eui-21 .eds-popover__container{background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-1);width:100%}.eui-21 .eds-popover__header{align-items:center;display:flex;justify-content:space-between;padding:var(--eds-sp-s) var(--eds-sp-s) 0 var(--eds-sp-s)}.eui-21 .eds-popover__header--close-only{justify-content:flex-end}.eui-21 .eds-popover__header-title{font:var(--eds-f-label-m-semi-bold)}.eui-21 .eds-popover__content{padding:var(--eds-sp-s)}.eui-21 .eds-popover__content--no-padding{padding:0}\n"] }]
362
+ ], template: "<ng-template #templatePortalContent>\n <ng-container *ngTemplateOutlet=\"template\" />\n</ng-template>\n\n<ng-template #template>\n <div class=\"eds-popover__container\" [style.width]=\"width()\" cdkTrapFocus cdkTrapFocusAutoCapture role=\"dialog\" [attr.aria-labelledby]=\"title() ? 'eds-popover-title' : null\" [attr.aria-label]=\"!title() ? 'Popover' : null\" (keydown)=\"onKeyDown($event)\">\n <div class=\"eds-popover__arrow\" [edsPopoverArrowPosition]=\"position$()\">\n <div class=\"eds-popover__arrow-inner\"></div>\n </div>\n @if (title()) {\n <div class=\"eds-popover__header\">\n <div class=\"eds-popover__header-title\" id=\"eds-popover-title\">{{ title() }}</div>\n @if (hasCloseButton()) {\n <button\n edsIconButton\n size=\"s\"\n color=\"neutral\"\n icon=\"x:core\"\n ariaLabel=\"Close popover\"\n (buttonClick)=\"closePopover()\">\n </button>\n }\n </div>\n } @else if (hasCloseButton()) {\n <div class=\"eds-popover__header eds-popover__header--close-only\">\n <button\n edsIconButton\n size=\"s\"\n color=\"neutral\"\n icon=\"x:core\"\n ariaLabel=\"Close popover\"\n (buttonClick)=\"closePopover()\">\n </button>\n </div>\n }\n <div (cdkObserveContent)=\"onContentChange()\" class=\"eds-popover__content\" [class.eds-popover__content--no-padding]=\"hasNoContentPadding()\">\n <ng-content/>\n </div>\n </div>\n</ng-template>\n", styles: [".eui-21 .eds-popover-position .eds-popover__arrow{border-color:inherit;border-style:solid;border-width:8px;color:var(--eds-c-border-divider);display:none;height:0;position:absolute;width:0}.eui-21 .eds-popover-position .eds-popover__arrow-inner{border-color:var(--eds-c-surface-elevation);border-style:solid;border-width:7px;content:\" \";display:block;height:0;position:absolute;width:0}.eui-21 .eds-popover-position--top .eds-popover__arrow,.eui-21 .eds-popover-position--bottom .eds-popover__arrow,.eui-21 .eds-popover-position--left .eds-popover__arrow,.eui-21 .eds-popover-position--right .eds-popover__arrow{display:block}.eui-21 .eds-popover-position--top .eds-popover__arrow,.eui-21 .eds-popover-position--bottom .eds-popover__arrow{border-left-color:transparent;border-right-color:transparent;left:50%;transform:translate(-8px)}.eui-21 .eds-popover-position--top .eds-popover__arrow-inner,.eui-21 .eds-popover-position--bottom .eds-popover__arrow-inner{border-left-color:transparent;border-right-color:transparent;margin-left:-7px}.eui-21 .eds-popover-position--top .eds-popover__arrow{border-bottom-width:0;bottom:-7px}.eui-21 .eds-popover-position--top .eds-popover__arrow-inner{border-bottom-width:0;bottom:2px}.eui-21 .eds-popover-position--bottom .eds-popover__arrow{border-top-width:0;top:-7px}.eui-21 .eds-popover-position--bottom .eds-popover__arrow-inner{border-top-width:0;top:1px}.eui-21 .eds-popover-position--left .eds-popover__arrow,.eui-21 .eds-popover-position--right .eds-popover__arrow{border-bottom-color:transparent;border-top-color:transparent;top:50%;transform:translateY(-8px)}.eui-21 .eds-popover-position--left .eds-popover__arrow-inner,.eui-21 .eds-popover-position--right .eds-popover__arrow-inner{border-bottom-color:transparent;border-top-color:transparent;top:-7px}.eui-21 .eds-popover-position--left .eds-popover__arrow{border-right-width:0;right:-7px}.eui-21 .eds-popover-position--left .eds-popover__arrow-inner{border-right-width:0;right:2px}.eui-21 .eds-popover-position--right .eds-popover__arrow{border-left-width:0;left:-7px}.eui-21 .eds-popover-position--right .eds-popover__arrow-inner{border-left-width:0;border-right-color:var(--eds-c-surface-elevation);left:2px}.eui-21 .eds-popover{display:flex;width:25rem}.eui-21 .eds-popover--has-custom-width{width:auto!important}.eui-21 .eds-popover--size-s{max-width:12rem;width:12rem}.eui-21 .eds-popover--size-m{max-width:25rem;width:25rem}.eui-21 .eds-popover--size-l{max-width:35rem;width:35rem}.eui-21 .eds-popover--size-xl{max-width:50rem;width:50rem}.eui-21 .eds-popover--size-2xl{max-width:75rem;width:75rem}.eui-21 .eds-popover--size-auto{max-width:none;width:auto}.eui-21 .eds-popover__container{background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-1);width:100%}.eui-21 .eds-popover__header{align-items:center;display:flex;justify-content:space-between;padding:var(--eds-sp-s) var(--eds-sp-s) 0 var(--eds-sp-s)}.eui-21 .eds-popover__header--close-only{justify-content:flex-end}.eui-21 .eds-popover__header-title{font:var(--eds-f-label-m-semibold)}.eui-21 .eds-popover__content{padding:var(--eds-sp-s)}.eui-21 .eds-popover__content--no-padding{padding:0}\n"] }]
363
363
  }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], hasBackDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackDrop", required: false }] }], hasCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCloseButton", required: false }] }], isDismissable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDismissable", required: false }] }], hasNoContentPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasNoContentPadding", required: false }] }], outsideClick: [{ type: i0.Output, args: ["outsideClick"] }], popoverOpen: [{ type: i0.Output, args: ["popoverOpen"] }], popoverClose: [{ type: i0.Output, args: ["popoverClose"] }], templatePortalContent: [{ type: i0.ViewChild, args: ['templatePortalContent', { isSignal: true }] }] } });
364
364
 
365
365
  /** Convenience array for importing all eds-popover components. */
@@ -1 +1 @@
1
- {"version":3,"file":"eui-eds-eds-popover.mjs","sources":["../../eds-popover/eds-popover-position.ts","../../eds-popover/eds-popover-arrow-position.ts","../../eds-popover/eds-popover.ts","../../eds-popover/eds-popover.html","../../eds-popover/index.ts","../../eds-popover/eui-eds-eds-popover.ts"],"sourcesContent":["import { ConnectedOverlayPositionChange, ConnectionPositionPair } from '@angular/cdk/overlay';\n\n/**\n * Represents the four possible positions for a popover element.\n */\nexport type EdsPopoverPosition = 'top' | 'right' | 'bottom' | 'left';\n\n/**\n * Position configuration for a popover appearing above its origin element.\n */\nexport const TOP = new ConnectionPositionPair(\n { originX: 'center', originY: 'top' },\n { overlayX: 'center', overlayY: 'bottom' },\n 0, 0,\n ['eds-popover-position', 'eds-popover-position--top'],\n);\n\n/**\n * Position configuration for a popover appearing below its origin element.\n */\nexport const BOTTOM = new ConnectionPositionPair(\n { originX: 'center', originY: 'bottom' },\n { overlayX: 'center', overlayY: 'top' },\n 0, 0,\n ['eds-popover-position', 'eds-popover-position--bottom'],\n);\n\n/**\n * Position configuration for a popover appearing to the left of its origin element.\n */\nexport const LEFT = new ConnectionPositionPair(\n { originX: 'start', originY: 'center' },\n { overlayX: 'end', overlayY: 'center' },\n 0, 0,\n ['eds-popover-position', 'eds-popover-position--left'],\n);\n\n/**\n * Position configuration for a popover appearing to the right of its origin element.\n */\nexport const RIGHT = new ConnectionPositionPair(\n { originX: 'end', originY: 'center' },\n { overlayX: 'start', overlayY: 'center' },\n 0, 0,\n ['eds-popover-position', 'eds-popover-position--right'],\n);\n\n/**\n * Converts a ConnectedOverlayPositionChange to an EdsPopoverPosition string.\n */\nexport const getPosition = ({ connectionPair }: ConnectedOverlayPositionChange): EdsPopoverPosition => {\n switch (connectionPair) {\n case TOP:\n return 'top';\n case BOTTOM:\n return 'bottom';\n case LEFT:\n return 'left';\n case RIGHT:\n return 'right';\n }\n};\n","import { DOCUMENT } from '@angular/common';\nimport { Directive, ElementRef, input, OnDestroy, Renderer2, inject, effect } from '@angular/core';\nimport { Subject } from 'rxjs';\n\nimport { EdsPopoverPosition } from './eds-popover-position';\n\n/**\n * Directive that positions an arrow element for a popover relative to its origin element.\n * Calculates and applies the appropriate positioning style to ensure the arrow correctly\n * points to the origin element regardless of the popover's position.\n */\n@Directive({\n selector: '[edsPopoverArrowPosition]',\n})\nexport class EdsPopoverArrowPosition implements OnDestroy {\n /**\n * Tuple of [position, originRect] used to calculate arrow placement.\n */\n position = input.required<[EdsPopoverPosition, DOMRect]>({ alias: 'edsPopoverArrowPosition' });\n\n private destroy$ = new Subject<void>();\n private renderer = inject(Renderer2);\n private elementRef = inject(ElementRef);\n private document = inject<Document>(DOCUMENT);\n\n constructor() {\n effect(() => {\n const pos = this.position();\n if (pos) {\n const [position, originRect] = pos;\n this.renderer.setProperty(this.elementRef.nativeElement, 'style', this.getStyle(position, originRect));\n }\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n private getStyle(position: EdsPopoverPosition, originRect: DOMRect): string {\n const arrowRect: DOMRect = this.elementRef.nativeElement.getBoundingClientRect();\n\n if (position === 'left' || position === 'right') {\n const verticalDiff: number =\n Math.floor(arrowRect.top + arrowRect.height / 2) - Math.floor(originRect.top + originRect.height / 2);\n\n if (verticalDiff > 0) {\n return `top: ${originRect.top + originRect.height / 2}px`;\n } else if (verticalDiff < 0) {\n return `bottom: ${\n this.document.body.clientHeight - originRect.bottom + originRect.height / 2 - arrowRect.height\n }px`;\n }\n }\n if (position === 'top' || position === 'bottom') {\n const horizontalDiff: number =\n Math.floor(arrowRect.left + arrowRect.width / 2) - Math.floor(originRect.left + originRect.width / 2);\n\n if (horizontalDiff > 0) {\n return `left: ${originRect.left + originRect.width / 2}px`;\n } else if (horizontalDiff < 0) {\n return `right: ${\n this.document.body.clientWidth - originRect.right + originRect.width / 2 - arrowRect.width\n }px`;\n }\n }\n return '';\n }\n}\n","import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n input,\n viewChild,\n TemplateRef,\n ViewContainerRef,\n OnDestroy,\n output,\n ElementRef,\n booleanAttribute,\n inject,\n signal,\n computed,\n effect,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n Overlay,\n OverlayRef,\n FlexibleConnectedPositionStrategyOrigin,\n ScrollDispatcher,\n CdkScrollable,\n FlexibleConnectedPositionStrategy,\n OverlayModule,\n} from '@angular/cdk/overlay';\nimport { A11yModule, CdkTrapFocus } from '@angular/cdk/a11y';\nimport { ObserversModule } from '@angular/cdk/observers';\nimport { Subject, Subscription } from 'rxjs';\nimport { distinctUntilChanged, map, switchMap, takeUntil } from 'rxjs/operators';\n\nimport { EdsSizeDirective } from '@eui/eds/shared';\nimport { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';\n\nimport { EdsPopoverPosition, BOTTOM, LEFT, RIGHT, TOP, getPosition } from './eds-popover-position';\nimport { EdsPopoverArrowPosition } from './eds-popover-arrow-position';\n\n/**\n * @description\n * A flexible popover component that displays content in an overlay positioned relative to an origin element.\n *\n * The popover can be positioned at four positions (top, right, bottom, left) relative to the origin element,\n * with automatic fallback positions if the preferred position doesn't fit in the viewport.\n * It supports dismissal behaviors, size variants, and optional close button.\n *\n * @usageNotes\n * ### Basic usage\n * ```typescript\n * @ViewChild('popover') popover: EdsPopover;\n * @ViewChild('trigger') trigger: ElementRef;\n *\n * openPopover() {\n * this.popover.openPopover(this.trigger);\n * }\n * ```\n * ```html\n * <button #trigger (click)=\"openPopover()\">Open</button>\n * <eds-popover #popover title=\"Popover Title\">\n * <p>Popover content goes here</p>\n * </eds-popover>\n * ```\n *\n * ### Accessibility\n * - Escape key closes the popover when focused\n * - Focus trap keeps keyboard navigation within popover when open\n * - Close button provides clear dismissal option\n * - Outside click dismissal when `isDismissable` is true\n */\n@Component({\n selector: 'eds-popover',\n templateUrl: './eds-popover.html',\n styleUrl: './eds-popover.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: EdsSizeDirective,\n inputs: [\n 'edsSizeS',\n 'edsSizeM',\n 'edsSizeL',\n 'edsSizeXL',\n 'edsSize2XL',\n 'edsSizeAuto',\n 'edsSizeVariant',\n ],\n },\n ],\n imports: [\n NgTemplateOutlet,\n OverlayModule,\n A11yModule,\n ObserversModule,\n CdkTrapFocus,\n EdsPopoverArrowPosition,\n ...EDS_ICON_BUTTON,\n ],\n})\nexport class EdsPopover implements OnDestroy {\n /**\n * Optional title text to display in the popover header.\n */\n title = input<string>();\n\n /**\n * Preferred placement of the popover relative to its origin element.\n * Falls back to alternative positions if the preferred one doesn't fit.\n * @default 'bottom'\n */\n position = input<EdsPopoverPosition>('bottom');\n\n /**\n * Custom width for the popover (any valid CSS unit).\n * When null, width is determined by the size variant.\n * @default null\n */\n width = input<string>(null);\n\n /**\n * Whether to show a semi-transparent backdrop behind the popover.\n * @default false\n */\n hasBackDrop = input(false, { transform: booleanAttribute });\n\n /**\n * Whether to show a close button in the popover header.\n * @default true\n */\n hasCloseButton = input(true, { transform: booleanAttribute });\n\n /**\n * Whether the popover can be dismissed by clicking outside its boundaries.\n * @default true\n */\n isDismissable = input(true, { transform: booleanAttribute });\n\n /**\n * Whether to remove default content padding.\n * @default false\n */\n hasNoContentPadding = input(false, { transform: booleanAttribute });\n\n /** Emitted when a click occurs outside the popover boundaries. */\n outsideClick = output();\n\n /** Emitted when the popover is opened. */\n popoverOpen = output();\n\n /** Emitted when the popover is closed. */\n popoverClose = output();\n\n /** Current position and origin rect for the arrow directive. */\n public position$ = signal<[EdsPopoverPosition, DOMRect]>(null);\n\n templatePortalContent = viewChild.required<TemplateRef<unknown>>('templatePortalContent');\n\n private templatePortal: TemplatePortal;\n private overlayRef: OverlayRef;\n private destroy$: Subject<boolean> = new Subject<boolean>();\n private isOpen$ = signal(false);\n private scrollDispatcherSubscription = new Subscription();\n private origin: ElementRef;\n\n private preferredPositions = computed(() => {\n const pos = this.position();\n if (pos === 'top') return [TOP, BOTTOM, LEFT, RIGHT];\n if (pos === 'right') return [RIGHT, LEFT, TOP, BOTTOM];\n if (pos === 'left') return [LEFT, RIGHT, TOP, BOTTOM];\n return [BOTTOM, TOP, LEFT, RIGHT];\n });\n\n private positionStrategy: FlexibleConnectedPositionStrategy;\n private positionStrategyUpdate$ = new Subject<void>();\n private overlay = inject(Overlay);\n private viewContainerRef = inject(ViewContainerRef);\n private scrollDispatcher = inject(ScrollDispatcher);\n private sizeDirective = inject(EdsSizeDirective);\n\n constructor() {\n effect(() => {\n const template = this.templatePortalContent();\n if (template && !this.templatePortal) {\n this.templatePortal = new TemplatePortal(template, this.viewContainerRef);\n }\n });\n\n effect(() => {\n this.positionStrategyUpdate$.pipe(\n switchMap(() => this.positionStrategy.positionChanges),\n map(getPosition),\n distinctUntilChanged(),\n takeUntil(this.destroy$),\n ).subscribe((position) => {\n const rect = this.origin?.nativeElement ?\n this.origin.nativeElement.getBoundingClientRect() :\n (this.origin as unknown as HTMLElement)?.getBoundingClientRect();\n if (rect) {\n this.position$.set([position, rect]);\n }\n });\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n this.scrollDispatcherSubscription.unsubscribe();\n this.overlayRef?.dispose();\n this.overlayRef = null;\n }\n\n /**\n * Whether the popover is currently open.\n */\n get isOpen(): boolean {\n return this.isOpen$();\n }\n\n /**\n * Updates the position strategy when content changes.\n */\n public onContentChange(): void {\n this.positionStrategy = this.getPositionStrategy();\n this.positionStrategyUpdate$.next();\n this.overlayRef.updatePositionStrategy(this.positionStrategy);\n }\n\n /**\n * Opens the popover relative to the provided origin element.\n */\n public openPopover(origin: ElementRef): void {\n if (!this.isOpen) {\n this.scrollDispatcherSubscription = this.scrollDispatcher.ancestorScrolled(origin).subscribe((event: CdkScrollable) => {\n const scrollableParent = event ? event.getElementRef().nativeElement : document.querySelector('body');\n if (!this.isVisible(origin as unknown as HTMLElement, scrollableParent)) {\n this.closePopover();\n }\n });\n\n this.origin = origin;\n const positionStrategy = this.getPositionStrategy();\n const scrollStrategy = this.overlay.scrollStrategies.reposition({ scrollThrottle: 10 });\n\n this.overlayRef = this.overlay.create({\n positionStrategy,\n scrollStrategy,\n disposeOnNavigation: true,\n width: this.width(),\n panelClass: this.getPanelClasses(),\n hasBackdrop: this.hasBackDrop(),\n });\n this.overlayRef.attach(this.templatePortal);\n\n document.querySelectorAll('.cdk-overlay-container')?.forEach(el => {\n if (!el.classList.contains('eui-21')) {\n el.classList.add('eui-21');\n }\n });\n\n this.positionStrategy = positionStrategy;\n this.positionStrategyUpdate$.next();\n\n this.overlayRef\n .outsidePointerEvents()\n .pipe(takeUntil(this.destroy$))\n .subscribe(() => {\n if (this.isDismissable()) {\n this.outsideClick.emit();\n this.closePopover();\n }\n });\n\n this.isOpen$.set(true);\n this.popoverOpen.emit();\n }\n }\n\n /**\n * Closes the popover and cleans up resources.\n */\n public closePopover(): void {\n this.scrollDispatcherSubscription.unsubscribe();\n this.overlayRef?.dispose();\n this.overlayRef = null;\n this.isOpen$.set(false);\n this.popoverClose.emit();\n }\n\n /**\n * Handles Escape key to close the popover.\n */\n public onKeyDown(event: KeyboardEvent): void {\n if (event.key === 'Escape') {\n this.closePopover();\n }\n }\n\n private getPanelClasses(): string[] {\n const classes = ['eds-popover'];\n const sizeClass = this.sizeDirective.getCssClass('eds-popover');\n if (sizeClass) {\n classes.push(sizeClass);\n }\n if (this.width()) {\n classes.push('eds-popover--has-custom-width');\n }\n return classes;\n }\n\n private isVisible(origin: HTMLElement, scrollableParent: HTMLElement): boolean {\n const originY = origin.getBoundingClientRect().y;\n const scrollableParentY = Math.abs(scrollableParent.getBoundingClientRect().y);\n const scrollableParentHeight = scrollableParent.getBoundingClientRect().height - 50;\n\n return (\n (originY > 0 && originY < scrollableParentHeight) ||\n (originY - scrollableParentY > 0 && originY < scrollableParentY + scrollableParentHeight)\n );\n }\n\n private getPositionStrategy(): FlexibleConnectedPositionStrategy {\n return this.overlay\n .position()\n .flexibleConnectedTo(this.origin as FlexibleConnectedPositionStrategyOrigin)\n .withPositions(this.preferredPositions())\n .withFlexibleDimensions(false)\n .withLockedPosition(true);\n }\n}\n","<ng-template #templatePortalContent>\n <ng-container *ngTemplateOutlet=\"template\" />\n</ng-template>\n\n<ng-template #template>\n <div class=\"eds-popover__container\" [style.width]=\"width()\" cdkTrapFocus cdkTrapFocusAutoCapture role=\"dialog\" [attr.aria-labelledby]=\"title() ? 'eds-popover-title' : null\" [attr.aria-label]=\"!title() ? 'Popover' : null\" (keydown)=\"onKeyDown($event)\">\n <div class=\"eds-popover__arrow\" [edsPopoverArrowPosition]=\"position$()\">\n <div class=\"eds-popover__arrow-inner\"></div>\n </div>\n @if (title()) {\n <div class=\"eds-popover__header\">\n <div class=\"eds-popover__header-title\" id=\"eds-popover-title\">{{ title() }}</div>\n @if (hasCloseButton()) {\n <button\n edsIconButton\n size=\"s\"\n color=\"neutral\"\n icon=\"x:core\"\n ariaLabel=\"Close popover\"\n (buttonClick)=\"closePopover()\">\n </button>\n }\n </div>\n } @else if (hasCloseButton()) {\n <div class=\"eds-popover__header eds-popover__header--close-only\">\n <button\n edsIconButton\n size=\"s\"\n color=\"neutral\"\n icon=\"x:core\"\n ariaLabel=\"Close popover\"\n (buttonClick)=\"closePopover()\">\n </button>\n </div>\n }\n <div (cdkObserveContent)=\"onContentChange()\" class=\"eds-popover__content\" [class.eds-popover__content--no-padding]=\"hasNoContentPadding()\">\n <ng-content/>\n </div>\n </div>\n</ng-template>\n","import { EdsPopover } from './eds-popover';\nimport { EdsPopoverArrowPosition } from './eds-popover-arrow-position';\n\nexport { EdsPopover, EdsPopoverArrowPosition };\nexport * from './eds-popover-position';\n\n/** Convenience array for importing all eds-popover components. */\nexport const EDS_POPOVER = [\n EdsPopover,\n EdsPopoverArrowPosition,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"eui-eds-eds-popover.mjs","sources":["../../eds-popover/eds-popover-position.ts","../../eds-popover/eds-popover-arrow-position.ts","../../eds-popover/eds-popover.ts","../../eds-popover/eds-popover.html","../../eds-popover/index.ts","../../eds-popover/eui-eds-eds-popover.ts"],"sourcesContent":["import { ConnectedOverlayPositionChange, ConnectionPositionPair } from '@angular/cdk/overlay';\n\n/**\n * Represents the four possible positions for a popover element.\n */\nexport type EdsPopoverPosition = 'top' | 'right' | 'bottom' | 'left';\n\n/**\n * Position configuration for a popover appearing above its origin element.\n */\nexport const TOP = new ConnectionPositionPair(\n { originX: 'center', originY: 'top' },\n { overlayX: 'center', overlayY: 'bottom' },\n 0, 0,\n ['eds-popover-position', 'eds-popover-position--top'],\n);\n\n/**\n * Position configuration for a popover appearing below its origin element.\n */\nexport const BOTTOM = new ConnectionPositionPair(\n { originX: 'center', originY: 'bottom' },\n { overlayX: 'center', overlayY: 'top' },\n 0, 0,\n ['eds-popover-position', 'eds-popover-position--bottom'],\n);\n\n/**\n * Position configuration for a popover appearing to the left of its origin element.\n */\nexport const LEFT = new ConnectionPositionPair(\n { originX: 'start', originY: 'center' },\n { overlayX: 'end', overlayY: 'center' },\n 0, 0,\n ['eds-popover-position', 'eds-popover-position--left'],\n);\n\n/**\n * Position configuration for a popover appearing to the right of its origin element.\n */\nexport const RIGHT = new ConnectionPositionPair(\n { originX: 'end', originY: 'center' },\n { overlayX: 'start', overlayY: 'center' },\n 0, 0,\n ['eds-popover-position', 'eds-popover-position--right'],\n);\n\n/**\n * Converts a ConnectedOverlayPositionChange to an EdsPopoverPosition string.\n */\nexport const getPosition = ({ connectionPair }: ConnectedOverlayPositionChange): EdsPopoverPosition => {\n switch (connectionPair) {\n case TOP:\n return 'top';\n case BOTTOM:\n return 'bottom';\n case LEFT:\n return 'left';\n case RIGHT:\n return 'right';\n }\n};\n","import { DOCUMENT } from '@angular/common';\nimport { Directive, ElementRef, input, OnDestroy, Renderer2, inject, effect } from '@angular/core';\nimport { Subject } from 'rxjs';\n\nimport { EdsPopoverPosition } from './eds-popover-position';\n\n/**\n * Directive that positions an arrow element for a popover relative to its origin element.\n * Calculates and applies the appropriate positioning style to ensure the arrow correctly\n * points to the origin element regardless of the popover's position.\n */\n@Directive({\n selector: '[edsPopoverArrowPosition]',\n})\nexport class EdsPopoverArrowPosition implements OnDestroy {\n /**\n * Tuple of [position, originRect] used to calculate arrow placement.\n */\n position = input.required<[EdsPopoverPosition, DOMRect]>({ alias: 'edsPopoverArrowPosition' });\n\n private destroy$ = new Subject<void>();\n private renderer = inject(Renderer2);\n private elementRef = inject(ElementRef);\n private document = inject<Document>(DOCUMENT);\n\n constructor() {\n effect(() => {\n const pos = this.position();\n if (pos) {\n const [position, originRect] = pos;\n this.renderer.setProperty(this.elementRef.nativeElement, 'style', this.getStyle(position, originRect));\n }\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n private getStyle(position: EdsPopoverPosition, originRect: DOMRect): string {\n const arrowRect: DOMRect = this.elementRef.nativeElement.getBoundingClientRect();\n\n if (position === 'left' || position === 'right') {\n const verticalDiff: number =\n Math.floor(arrowRect.top + arrowRect.height / 2) - Math.floor(originRect.top + originRect.height / 2);\n\n if (verticalDiff > 0) {\n return `top: ${originRect.top + originRect.height / 2}px`;\n } else if (verticalDiff < 0) {\n return `bottom: ${\n this.document.body.clientHeight - originRect.bottom + originRect.height / 2 - arrowRect.height\n }px`;\n }\n }\n if (position === 'top' || position === 'bottom') {\n const horizontalDiff: number =\n Math.floor(arrowRect.left + arrowRect.width / 2) - Math.floor(originRect.left + originRect.width / 2);\n\n if (horizontalDiff > 0) {\n return `left: ${originRect.left + originRect.width / 2}px`;\n } else if (horizontalDiff < 0) {\n return `right: ${\n this.document.body.clientWidth - originRect.right + originRect.width / 2 - arrowRect.width\n }px`;\n }\n }\n return '';\n }\n}\n","import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n input,\n viewChild,\n TemplateRef,\n ViewContainerRef,\n OnDestroy,\n output,\n ElementRef,\n booleanAttribute,\n inject,\n signal,\n computed,\n effect,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n Overlay,\n OverlayRef,\n FlexibleConnectedPositionStrategyOrigin,\n ScrollDispatcher,\n CdkScrollable,\n FlexibleConnectedPositionStrategy,\n OverlayModule,\n} from '@angular/cdk/overlay';\nimport { A11yModule, CdkTrapFocus } from '@angular/cdk/a11y';\nimport { ObserversModule } from '@angular/cdk/observers';\nimport { Subject, Subscription } from 'rxjs';\nimport { distinctUntilChanged, map, switchMap, takeUntil } from 'rxjs/operators';\n\nimport { EdsSizeDirective } from '@eui/eds/shared';\nimport { EDS_ICON_BUTTON } from '@eui/eds/eds-icon-button';\n\nimport { EdsPopoverPosition, BOTTOM, LEFT, RIGHT, TOP, getPosition } from './eds-popover-position';\nimport { EdsPopoverArrowPosition } from './eds-popover-arrow-position';\n\n/**\n * @description\n * A flexible popover component that displays content in an overlay positioned relative to an origin element.\n *\n * The popover can be positioned at four positions (top, right, bottom, left) relative to the origin element,\n * with automatic fallback positions if the preferred position doesn't fit in the viewport.\n * It supports dismissal behaviors, size variants, and optional close button.\n *\n * @usageNotes\n * ### Basic usage\n * ```typescript\n * @ViewChild('popover') popover: EdsPopover;\n * @ViewChild('trigger') trigger: ElementRef;\n *\n * openPopover() {\n * this.popover.openPopover(this.trigger);\n * }\n * ```\n * ```html\n * <button #trigger (click)=\"openPopover()\">Open</button>\n * <eds-popover #popover title=\"Popover Title\">\n * <p>Popover content goes here</p>\n * </eds-popover>\n * ```\n *\n * ### Accessibility\n * - Escape key closes the popover when focused\n * - Focus trap keeps keyboard navigation within popover when open\n * - Close button provides clear dismissal option\n * - Outside click dismissal when `isDismissable` is true\n */\n@Component({\n selector: 'eds-popover',\n templateUrl: './eds-popover.html',\n styleUrl: './eds-popover.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: EdsSizeDirective,\n inputs: [\n 'edsSizeS',\n 'edsSizeM',\n 'edsSizeL',\n 'edsSizeXL',\n 'edsSize2XL',\n 'edsSizeAuto',\n 'edsSizeVariant',\n ],\n },\n ],\n imports: [\n NgTemplateOutlet,\n OverlayModule,\n A11yModule,\n ObserversModule,\n CdkTrapFocus,\n EdsPopoverArrowPosition,\n ...EDS_ICON_BUTTON,\n ],\n})\nexport class EdsPopover implements OnDestroy {\n /**\n * Optional title text to display in the popover header.\n */\n title = input<string>();\n\n /**\n * Preferred placement of the popover relative to its origin element.\n * Falls back to alternative positions if the preferred one doesn't fit.\n * @default 'bottom'\n */\n position = input<EdsPopoverPosition>('bottom');\n\n /**\n * Custom width for the popover (any valid CSS unit).\n * When null, width is determined by the size variant.\n * @default null\n */\n width = input<string>(null);\n\n /**\n * Whether to show a semi-transparent backdrop behind the popover.\n * @default false\n */\n hasBackDrop = input(false, { transform: booleanAttribute });\n\n /**\n * Whether to show a close button in the popover header.\n * @default true\n */\n hasCloseButton = input(true, { transform: booleanAttribute });\n\n /**\n * Whether the popover can be dismissed by clicking outside its boundaries.\n * @default true\n */\n isDismissable = input(true, { transform: booleanAttribute });\n\n /**\n * Whether to remove default content padding.\n * @default false\n */\n hasNoContentPadding = input(false, { transform: booleanAttribute });\n\n /** Emitted when a click occurs outside the popover boundaries. */\n outsideClick = output();\n\n /** Emitted when the popover is opened. */\n popoverOpen = output();\n\n /** Emitted when the popover is closed. */\n popoverClose = output();\n\n /** Current position and origin rect for the arrow directive. */\n public position$ = signal<[EdsPopoverPosition, DOMRect]>(null);\n\n templatePortalContent = viewChild.required<TemplateRef<unknown>>('templatePortalContent');\n\n private templatePortal: TemplatePortal;\n private overlayRef: OverlayRef;\n private destroy$: Subject<boolean> = new Subject<boolean>();\n private isOpen$ = signal(false);\n private scrollDispatcherSubscription = new Subscription();\n private origin: ElementRef;\n\n private preferredPositions = computed(() => {\n const pos = this.position();\n if (pos === 'top') return [TOP, BOTTOM, LEFT, RIGHT];\n if (pos === 'right') return [RIGHT, LEFT, TOP, BOTTOM];\n if (pos === 'left') return [LEFT, RIGHT, TOP, BOTTOM];\n return [BOTTOM, TOP, LEFT, RIGHT];\n });\n\n private positionStrategy: FlexibleConnectedPositionStrategy;\n private positionStrategyUpdate$ = new Subject<void>();\n private overlay = inject(Overlay);\n private viewContainerRef = inject(ViewContainerRef);\n private scrollDispatcher = inject(ScrollDispatcher);\n private sizeDirective = inject(EdsSizeDirective);\n\n constructor() {\n effect(() => {\n const template = this.templatePortalContent();\n if (template && !this.templatePortal) {\n this.templatePortal = new TemplatePortal(template, this.viewContainerRef);\n }\n });\n\n effect(() => {\n this.positionStrategyUpdate$.pipe(\n switchMap(() => this.positionStrategy.positionChanges),\n map(getPosition),\n distinctUntilChanged(),\n takeUntil(this.destroy$),\n ).subscribe((position) => {\n const rect = this.origin?.nativeElement ?\n this.origin.nativeElement.getBoundingClientRect() :\n (this.origin as unknown as HTMLElement)?.getBoundingClientRect();\n if (rect) {\n this.position$.set([position, rect]);\n }\n });\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n this.scrollDispatcherSubscription.unsubscribe();\n this.overlayRef?.dispose();\n this.overlayRef = null;\n }\n\n /**\n * Whether the popover is currently open.\n */\n get isOpen(): boolean {\n return this.isOpen$();\n }\n\n /**\n * Updates the position strategy when content changes.\n */\n public onContentChange(): void {\n this.positionStrategy = this.getPositionStrategy();\n this.positionStrategyUpdate$.next();\n this.overlayRef.updatePositionStrategy(this.positionStrategy);\n }\n\n /**\n * Opens the popover relative to the provided origin element.\n */\n public openPopover(origin: ElementRef): void {\n if (!this.isOpen) {\n this.scrollDispatcherSubscription = this.scrollDispatcher.ancestorScrolled(origin).subscribe((event: CdkScrollable) => {\n const scrollableParent = event ? event.getElementRef().nativeElement : document.querySelector('body');\n if (!this.isVisible(origin as unknown as HTMLElement, scrollableParent)) {\n this.closePopover();\n }\n });\n\n this.origin = origin;\n const positionStrategy = this.getPositionStrategy();\n const scrollStrategy = this.overlay.scrollStrategies.reposition({ scrollThrottle: 10 });\n\n this.overlayRef = this.overlay.create({\n positionStrategy,\n scrollStrategy,\n disposeOnNavigation: true,\n width: this.width(),\n panelClass: this.getPanelClasses(),\n hasBackdrop: this.hasBackDrop(),\n });\n this.overlayRef.attach(this.templatePortal);\n\n document.querySelectorAll('.cdk-overlay-container')?.forEach(el => {\n if (!el.classList.contains('eui-21')) {\n el.classList.add('eui-21');\n }\n });\n\n this.positionStrategy = positionStrategy;\n this.positionStrategyUpdate$.next();\n\n this.overlayRef\n .outsidePointerEvents()\n .pipe(takeUntil(this.destroy$))\n .subscribe(() => {\n if (this.isDismissable()) {\n this.outsideClick.emit();\n this.closePopover();\n }\n });\n\n this.isOpen$.set(true);\n this.popoverOpen.emit();\n }\n }\n\n /**\n * Closes the popover and cleans up resources.\n */\n public closePopover(): void {\n this.scrollDispatcherSubscription.unsubscribe();\n this.overlayRef?.dispose();\n this.overlayRef = null;\n this.isOpen$.set(false);\n this.popoverClose.emit();\n }\n\n /**\n * Handles Escape key to close the popover.\n */\n public onKeyDown(event: KeyboardEvent): void {\n if (event.key === 'Escape') {\n this.closePopover();\n }\n }\n\n private getPanelClasses(): string[] {\n const classes = ['eds-popover'];\n const sizeClass = this.sizeDirective.getCssClass('eds-popover');\n if (sizeClass) {\n classes.push(sizeClass);\n }\n if (this.width()) {\n classes.push('eds-popover--has-custom-width');\n }\n return classes;\n }\n\n private isVisible(origin: HTMLElement, scrollableParent: HTMLElement): boolean {\n const originY = origin.getBoundingClientRect().y;\n const scrollableParentY = Math.abs(scrollableParent.getBoundingClientRect().y);\n const scrollableParentHeight = scrollableParent.getBoundingClientRect().height - 50;\n\n return (\n (originY > 0 && originY < scrollableParentHeight) ||\n (originY - scrollableParentY > 0 && originY < scrollableParentY + scrollableParentHeight)\n );\n }\n\n private getPositionStrategy(): FlexibleConnectedPositionStrategy {\n return this.overlay\n .position()\n .flexibleConnectedTo(this.origin as FlexibleConnectedPositionStrategyOrigin)\n .withPositions(this.preferredPositions())\n .withFlexibleDimensions(false)\n .withLockedPosition(true);\n }\n}\n","<ng-template #templatePortalContent>\n <ng-container *ngTemplateOutlet=\"template\" />\n</ng-template>\n\n<ng-template #template>\n <div class=\"eds-popover__container\" [style.width]=\"width()\" cdkTrapFocus cdkTrapFocusAutoCapture role=\"dialog\" [attr.aria-labelledby]=\"title() ? 'eds-popover-title' : null\" [attr.aria-label]=\"!title() ? 'Popover' : null\" (keydown)=\"onKeyDown($event)\">\n <div class=\"eds-popover__arrow\" [edsPopoverArrowPosition]=\"position$()\">\n <div class=\"eds-popover__arrow-inner\"></div>\n </div>\n @if (title()) {\n <div class=\"eds-popover__header\">\n <div class=\"eds-popover__header-title\" id=\"eds-popover-title\">{{ title() }}</div>\n @if (hasCloseButton()) {\n <button\n edsIconButton\n size=\"s\"\n color=\"neutral\"\n icon=\"x:core\"\n ariaLabel=\"Close popover\"\n (buttonClick)=\"closePopover()\">\n </button>\n }\n </div>\n } @else if (hasCloseButton()) {\n <div class=\"eds-popover__header eds-popover__header--close-only\">\n <button\n edsIconButton\n size=\"s\"\n color=\"neutral\"\n icon=\"x:core\"\n ariaLabel=\"Close popover\"\n (buttonClick)=\"closePopover()\">\n </button>\n </div>\n }\n <div (cdkObserveContent)=\"onContentChange()\" class=\"eds-popover__content\" [class.eds-popover__content--no-padding]=\"hasNoContentPadding()\">\n <ng-content/>\n </div>\n </div>\n</ng-template>\n","import { EdsPopover } from './eds-popover';\nimport { EdsPopoverArrowPosition } from './eds-popover-arrow-position';\n\nexport { EdsPopover, EdsPopoverArrowPosition };\nexport * from './eds-popover-position';\n\n/** Convenience array for importing all eds-popover components. */\nexport const EDS_POPOVER = [\n EdsPopover,\n EdsPopoverArrowPosition,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -68,7 +68,7 @@ class EdsProgressBar {
68
68
  ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
69
69
  }
70
70
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
71
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsProgressBar, isStandalone: true, selector: "eds-progress-bar", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, valueText: { classPropertyName: "valueText", publicName: "valueText", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, isIndeterminate: { classPropertyName: "isIndeterminate", publicName: "isIndeterminate", isSignal: true, isRequired: false, transformFunction: null }, hasStatusIcon: { classPropertyName: "hasStatusIcon", publicName: "hasStatusIcon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "class": "hostClasses()", "attr.data-e2e": "\"eds-progress-bar\"", "attr.aria-valuenow": "!isIndeterminate() ? progress() : null", "attr.aria-valuemin": "\"0\"", "attr.aria-valuemax": "\"100\"", "attr.aria-label": "label() || null", "attr.aria-valuetext": "valueText() || null" } }, hostDirectives: [{ directive: i1.EdsSizeDirective, inputs: ["edsSizeXS", "edsSizeXS", "edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeVariant", "edsSizeVariant"] }, { directive: i1.EdsColorDirective, inputs: ["edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "@if (label() || hasStatusIcon()) {\n <div class=\"eds-progress-bar__header\">\n @if (label()) {\n <span class=\"eds-progress-bar__header-label\">{{ label() }}</span>\n }\n @if (hasStatusIcon()) {\n <span class=\"eds-progress-bar__header-status\">\n <eds-icon-state [color]=\"$any(colorDirective.resolvedColor() || 'info')\" size=\"s\"/>\n </span>\n }\n </div>\n}\n<div class=\"eds-progress-bar__track\">\n <div class=\"eds-progress-bar__indicator\" [style.width]=\"!isIndeterminate() ? progress() + '%' : null\" [style.background-color]=\"color() || null\"></div>\n</div>\n", styles: [".eui-21 :host{display:flex;flex-direction:column;align-items:stretch;position:relative;width:100%}.eui-21 :host .eds-progress-bar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-progress-bar__header-label{font:var(--eds-f-label-s-semi-bold);color:var(--eds-c-foreground)}.eui-21 :host .eds-progress-bar__header-status{display:flex;align-items:center}.eui-21 :host .eds-progress-bar__track{background-color:var(--eds-c-surface-elevation-sunken);border-radius:var(--eds-br-xs);height:var(--eds-sp-2xs);position:relative;overflow:hidden;width:100%}.eui-21 :host .eds-progress-bar__indicator{background-color:var(--eds-c-surface-primary);border-radius:var(--eds-br-xs);height:100%;transition:width .25s ease}.eui-21 :host.eds-progress-bar--size-xs .eds-progress-bar__track{height:var(--eds-sp-3xs)}.eui-21 :host.eds-progress-bar--size-s .eds-progress-bar__track{height:var(--eds-sp-2xs)}.eui-21 :host.eds-progress-bar--size-m .eds-progress-bar__track{height:var(--eds-sp-xs)}.eui-21 :host.eds-progress-bar--size-l .eds-progress-bar__track{height:var(--eds-sp-s)}.eui-21 :host.eds-progress-bar--success .eds-progress-bar__indicator{background-color:var(--eds-c-surface-success)}.eui-21 :host.eds-progress-bar--info .eds-progress-bar__indicator{background-color:var(--eds-c-surface-info)}.eui-21 :host.eds-progress-bar--warning .eds-progress-bar__indicator{background-color:var(--eds-c-surface-warning)}.eui-21 :host.eds-progress-bar--critical .eds-progress-bar__indicator{background-color:var(--eds-c-surface-critical)}.eui-21 :host.eds-progress-bar--indeterminate .eds-progress-bar__indicator{width:100%!important;background-color:transparent;background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-primary) 30%,var(--eds-c-surface-primary) 60%,transparent 100%);background-size:40% 100%;background-repeat:no-repeat;animation:eds-progress-indeterminate 1.5s infinite ease-in-out}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--success .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-success) 30%,var(--eds-c-surface-success) 60%,transparent 100%)}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--info .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-info) 30%,var(--eds-c-surface-info) 60%,transparent 100%)}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--warning .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-warning) 30%,var(--eds-c-surface-warning) 60%,transparent 100%)}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--critical .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-critical) 30%,var(--eds-c-surface-critical) 60%,transparent 100%)}@keyframes eds-progress-indeterminate{0%{background-position:-40% 0}to{background-position:140% 0}}\n"], dependencies: [{ kind: "component", type: i2.EdsIconState, selector: "eds-icon-state", inputs: ["color", "size", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
71
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsProgressBar, isStandalone: true, selector: "eds-progress-bar", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, valueText: { classPropertyName: "valueText", publicName: "valueText", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, isIndeterminate: { classPropertyName: "isIndeterminate", publicName: "isIndeterminate", isSignal: true, isRequired: false, transformFunction: null }, hasStatusIcon: { classPropertyName: "hasStatusIcon", publicName: "hasStatusIcon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "class": "hostClasses()", "attr.data-e2e": "\"eds-progress-bar\"", "attr.aria-valuenow": "!isIndeterminate() ? progress() : null", "attr.aria-valuemin": "\"0\"", "attr.aria-valuemax": "\"100\"", "attr.aria-label": "label() || null", "attr.aria-valuetext": "valueText() || null" } }, hostDirectives: [{ directive: i1.EdsSizeDirective, inputs: ["edsSizeXS", "edsSizeXS", "edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeVariant", "edsSizeVariant"] }, { directive: i1.EdsColorDirective, inputs: ["edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "@if (label() || hasStatusIcon()) {\n <div class=\"eds-progress-bar__header\">\n @if (label()) {\n <span class=\"eds-progress-bar__header-label\">{{ label() }}</span>\n }\n @if (hasStatusIcon()) {\n <span class=\"eds-progress-bar__header-status\">\n <eds-icon-state [color]=\"$any(colorDirective.resolvedColor() || 'info')\" size=\"s\"/>\n </span>\n }\n </div>\n}\n<div class=\"eds-progress-bar__track\">\n <div class=\"eds-progress-bar__indicator\" [style.width]=\"!isIndeterminate() ? progress() + '%' : null\" [style.background-color]=\"color() || null\"></div>\n</div>\n", styles: [".eui-21 :host{display:flex;flex-direction:column;align-items:stretch;position:relative;width:100%}.eui-21 :host .eds-progress-bar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-progress-bar__header-label{font:var(--eds-f-label-s-semibold);color:var(--eds-c-foreground)}.eui-21 :host .eds-progress-bar__header-status{display:flex;align-items:center}.eui-21 :host .eds-progress-bar__track{background-color:var(--eds-c-surface-elevation-sunken);border-radius:var(--eds-br-xs);height:var(--eds-sp-2xs);position:relative;overflow:hidden;width:100%}.eui-21 :host .eds-progress-bar__indicator{background-color:var(--eds-c-surface-primary);border-radius:var(--eds-br-xs);height:100%;transition:width .25s ease}.eui-21 :host.eds-progress-bar--size-xs .eds-progress-bar__track{height:var(--eds-sp-3xs)}.eui-21 :host.eds-progress-bar--size-s .eds-progress-bar__track{height:var(--eds-sp-2xs)}.eui-21 :host.eds-progress-bar--size-m .eds-progress-bar__track{height:var(--eds-sp-xs)}.eui-21 :host.eds-progress-bar--size-l .eds-progress-bar__track{height:var(--eds-sp-s)}.eui-21 :host.eds-progress-bar--success .eds-progress-bar__indicator{background-color:var(--eds-c-surface-success)}.eui-21 :host.eds-progress-bar--info .eds-progress-bar__indicator{background-color:var(--eds-c-surface-info)}.eui-21 :host.eds-progress-bar--warning .eds-progress-bar__indicator{background-color:var(--eds-c-surface-warning)}.eui-21 :host.eds-progress-bar--critical .eds-progress-bar__indicator{background-color:var(--eds-c-surface-critical)}.eui-21 :host.eds-progress-bar--indeterminate .eds-progress-bar__indicator{width:100%!important;background-color:transparent;background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-primary) 30%,var(--eds-c-surface-primary) 60%,transparent 100%);background-size:40% 100%;background-repeat:no-repeat;animation:eds-progress-indeterminate 1.5s infinite ease-in-out}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--success .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-success) 30%,var(--eds-c-surface-success) 60%,transparent 100%)}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--info .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-info) 30%,var(--eds-c-surface-info) 60%,transparent 100%)}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--warning .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-warning) 30%,var(--eds-c-surface-warning) 60%,transparent 100%)}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--critical .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-critical) 30%,var(--eds-c-surface-critical) 60%,transparent 100%)}@keyframes eds-progress-indeterminate{0%{background-position:-40% 0}to{background-position:140% 0}}\n"], dependencies: [{ kind: "component", type: i2.EdsIconState, selector: "eds-icon-state", inputs: ["color", "size", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
72
72
  }
73
73
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsProgressBar, decorators: [{
74
74
  type: Component,
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
90
90
  '[attr.aria-valuemax]': '"100"',
91
91
  '[attr.aria-label]': 'label() || null',
92
92
  '[attr.aria-valuetext]': 'valueText() || null',
93
- }, template: "@if (label() || hasStatusIcon()) {\n <div class=\"eds-progress-bar__header\">\n @if (label()) {\n <span class=\"eds-progress-bar__header-label\">{{ label() }}</span>\n }\n @if (hasStatusIcon()) {\n <span class=\"eds-progress-bar__header-status\">\n <eds-icon-state [color]=\"$any(colorDirective.resolvedColor() || 'info')\" size=\"s\"/>\n </span>\n }\n </div>\n}\n<div class=\"eds-progress-bar__track\">\n <div class=\"eds-progress-bar__indicator\" [style.width]=\"!isIndeterminate() ? progress() + '%' : null\" [style.background-color]=\"color() || null\"></div>\n</div>\n", styles: [".eui-21 :host{display:flex;flex-direction:column;align-items:stretch;position:relative;width:100%}.eui-21 :host .eds-progress-bar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-progress-bar__header-label{font:var(--eds-f-label-s-semi-bold);color:var(--eds-c-foreground)}.eui-21 :host .eds-progress-bar__header-status{display:flex;align-items:center}.eui-21 :host .eds-progress-bar__track{background-color:var(--eds-c-surface-elevation-sunken);border-radius:var(--eds-br-xs);height:var(--eds-sp-2xs);position:relative;overflow:hidden;width:100%}.eui-21 :host .eds-progress-bar__indicator{background-color:var(--eds-c-surface-primary);border-radius:var(--eds-br-xs);height:100%;transition:width .25s ease}.eui-21 :host.eds-progress-bar--size-xs .eds-progress-bar__track{height:var(--eds-sp-3xs)}.eui-21 :host.eds-progress-bar--size-s .eds-progress-bar__track{height:var(--eds-sp-2xs)}.eui-21 :host.eds-progress-bar--size-m .eds-progress-bar__track{height:var(--eds-sp-xs)}.eui-21 :host.eds-progress-bar--size-l .eds-progress-bar__track{height:var(--eds-sp-s)}.eui-21 :host.eds-progress-bar--success .eds-progress-bar__indicator{background-color:var(--eds-c-surface-success)}.eui-21 :host.eds-progress-bar--info .eds-progress-bar__indicator{background-color:var(--eds-c-surface-info)}.eui-21 :host.eds-progress-bar--warning .eds-progress-bar__indicator{background-color:var(--eds-c-surface-warning)}.eui-21 :host.eds-progress-bar--critical .eds-progress-bar__indicator{background-color:var(--eds-c-surface-critical)}.eui-21 :host.eds-progress-bar--indeterminate .eds-progress-bar__indicator{width:100%!important;background-color:transparent;background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-primary) 30%,var(--eds-c-surface-primary) 60%,transparent 100%);background-size:40% 100%;background-repeat:no-repeat;animation:eds-progress-indeterminate 1.5s infinite ease-in-out}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--success .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-success) 30%,var(--eds-c-surface-success) 60%,transparent 100%)}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--info .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-info) 30%,var(--eds-c-surface-info) 60%,transparent 100%)}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--warning .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-warning) 30%,var(--eds-c-surface-warning) 60%,transparent 100%)}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--critical .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-critical) 30%,var(--eds-c-surface-critical) 60%,transparent 100%)}@keyframes eds-progress-indeterminate{0%{background-position:-40% 0}to{background-position:140% 0}}\n"] }]
93
+ }, template: "@if (label() || hasStatusIcon()) {\n <div class=\"eds-progress-bar__header\">\n @if (label()) {\n <span class=\"eds-progress-bar__header-label\">{{ label() }}</span>\n }\n @if (hasStatusIcon()) {\n <span class=\"eds-progress-bar__header-status\">\n <eds-icon-state [color]=\"$any(colorDirective.resolvedColor() || 'info')\" size=\"s\"/>\n </span>\n }\n </div>\n}\n<div class=\"eds-progress-bar__track\">\n <div class=\"eds-progress-bar__indicator\" [style.width]=\"!isIndeterminate() ? progress() + '%' : null\" [style.background-color]=\"color() || null\"></div>\n</div>\n", styles: [".eui-21 :host{display:flex;flex-direction:column;align-items:stretch;position:relative;width:100%}.eui-21 :host .eds-progress-bar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-progress-bar__header-label{font:var(--eds-f-label-s-semibold);color:var(--eds-c-foreground)}.eui-21 :host .eds-progress-bar__header-status{display:flex;align-items:center}.eui-21 :host .eds-progress-bar__track{background-color:var(--eds-c-surface-elevation-sunken);border-radius:var(--eds-br-xs);height:var(--eds-sp-2xs);position:relative;overflow:hidden;width:100%}.eui-21 :host .eds-progress-bar__indicator{background-color:var(--eds-c-surface-primary);border-radius:var(--eds-br-xs);height:100%;transition:width .25s ease}.eui-21 :host.eds-progress-bar--size-xs .eds-progress-bar__track{height:var(--eds-sp-3xs)}.eui-21 :host.eds-progress-bar--size-s .eds-progress-bar__track{height:var(--eds-sp-2xs)}.eui-21 :host.eds-progress-bar--size-m .eds-progress-bar__track{height:var(--eds-sp-xs)}.eui-21 :host.eds-progress-bar--size-l .eds-progress-bar__track{height:var(--eds-sp-s)}.eui-21 :host.eds-progress-bar--success .eds-progress-bar__indicator{background-color:var(--eds-c-surface-success)}.eui-21 :host.eds-progress-bar--info .eds-progress-bar__indicator{background-color:var(--eds-c-surface-info)}.eui-21 :host.eds-progress-bar--warning .eds-progress-bar__indicator{background-color:var(--eds-c-surface-warning)}.eui-21 :host.eds-progress-bar--critical .eds-progress-bar__indicator{background-color:var(--eds-c-surface-critical)}.eui-21 :host.eds-progress-bar--indeterminate .eds-progress-bar__indicator{width:100%!important;background-color:transparent;background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-primary) 30%,var(--eds-c-surface-primary) 60%,transparent 100%);background-size:40% 100%;background-repeat:no-repeat;animation:eds-progress-indeterminate 1.5s infinite ease-in-out}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--success .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-success) 30%,var(--eds-c-surface-success) 60%,transparent 100%)}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--info .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-info) 30%,var(--eds-c-surface-info) 60%,transparent 100%)}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--warning .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-warning) 30%,var(--eds-c-surface-warning) 60%,transparent 100%)}.eui-21 :host.eds-progress-bar--indeterminate.eds-progress-bar--critical .eds-progress-bar__indicator{background-image:linear-gradient(to right,transparent 0%,var(--eds-c-surface-critical) 30%,var(--eds-c-surface-critical) 60%,transparent 100%)}@keyframes eds-progress-indeterminate{0%{background-position:-40% 0}to{background-position:140% 0}}\n"] }]
94
94
  }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], valueText: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueText", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }], isIndeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "isIndeterminate", required: false }] }], hasStatusIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasStatusIcon", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
95
95
 
96
96
  /** Convenience array for importing all eds-progress-bar components. */
@@ -1 +1 @@
1
- {"version":3,"file":"eui-eds-eds-progress-bar.mjs","sources":["../../eds-progress-bar/eds-progress-bar.ts","../../eds-progress-bar/eds-progress-bar.html","../../eds-progress-bar/index.ts","../../eds-progress-bar/eui-eds-eds-progress-bar.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n input,\n computed,\n inject,\n booleanAttribute,\n numberAttribute,\n} from '@angular/core';\nimport { EdsColorDirective, EdsSizeDirective } from '@eui/eds/shared';\nimport { EDS_ICON_STATE } from '@eui/eds/utilities/eds-icon-state';\n\n/** Transform that clamps progress to 0–100 range. */\nconst progressTransform = (value: unknown): number => Math.max(0, Math.min(numberAttribute(value, 0), 100));\n\n/**\n * Horizontal progress indicator component that visualizes task completion or loading states.\n * Supports determinate progress with percentage values and indeterminate loading animations.\n * Provides optional labeling and status icons for contextual feedback.\n *\n * Supports color variants via EdsColorDirective (success, warning, critical, info)\n * and size variants via EdsSizeDirective (xs, s, m, l).\n */\n@Component({\n selector: 'eds-progress-bar',\n templateUrl: './eds-progress-bar.html',\n styleUrl: './eds-progress-bar.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [...EDS_ICON_STATE],\n hostDirectives: [\n {\n directive: EdsSizeDirective,\n inputs: ['edsSizeXS', 'edsSizeS', 'edsSizeM', 'edsSizeL', 'edsSizeVariant'],\n },\n {\n directive: EdsColorDirective,\n inputs: ['edsSuccess', 'edsInfo', 'edsWarning', 'edsCritical', 'edsColorVariant'],\n },\n ],\n host: {\n '[class]': 'hostClasses()',\n '[attr.data-e2e]': '\"eds-progress-bar\"',\n role: 'progressbar',\n '[attr.aria-valuenow]': '!isIndeterminate() ? progress() : null',\n '[attr.aria-valuemin]': '\"0\"',\n '[attr.aria-valuemax]': '\"100\"',\n '[attr.aria-label]': 'label() || null',\n '[attr.aria-valuetext]': 'valueText() || null',\n },\n})\nexport class EdsProgressBar {\n /** Optional label displayed above the progress bar. */\n label = input('');\n\n /**\n * Human-readable text alternative for the current value.\n * Use when the numeric percentage alone isn't meaningful\n * (e.g. \"Step 3 of 5\", \"Uploading file 2 of 10\").\n * Maps to aria-valuetext.\n */\n valueText = input('');\n\n /**\n * Current progress value (0–100).\n * Values outside the range are clamped automatically.\n * @default 0\n */\n progress = input(0, { transform: progressTransform });\n\n /**\n * When true, shows an indeterminate progress animation\n * instead of a specific progress value.\n * @default false\n */\n isIndeterminate = input(false, { transform: booleanAttribute });\n\n /**\n * When true, displays a status icon based on the current color variant\n * (success, warning, critical, info).\n * @default false\n */\n hasStatusIcon = input(false, { transform: booleanAttribute });\n\n /**\n * Custom CSS color value for the progress indicator fill.\n * When set, overrides the color variant class (e.g. `'#4285f4'`, `'var(--eds-c-foreground-info)'`).\n */\n color = input<string>('');\n\n protected sizeDirective = inject(EdsSizeDirective);\n protected colorDirective = inject(EdsColorDirective);\n\n hostClasses = computed(() => {\n const sizeClass = this.sizeDirective.getCssClass('eds-progress-bar');\n const colorClass = this.colorDirective.getCssClass('eds-progress-bar');\n\n return [\n 'eds-progress-bar',\n sizeClass || 'eds-progress-bar--size-s',\n colorClass,\n this.isIndeterminate() ? 'eds-progress-bar--indeterminate' : '',\n this.hasStatusIcon() ? 'eds-progress-bar--has-status-icon' : '',\n ].join(' ').trim();\n });\n}\n","@if (label() || hasStatusIcon()) {\n <div class=\"eds-progress-bar__header\">\n @if (label()) {\n <span class=\"eds-progress-bar__header-label\">{{ label() }}</span>\n }\n @if (hasStatusIcon()) {\n <span class=\"eds-progress-bar__header-status\">\n <eds-icon-state [color]=\"$any(colorDirective.resolvedColor() || 'info')\" size=\"s\"/>\n </span>\n }\n </div>\n}\n<div class=\"eds-progress-bar__track\">\n <div class=\"eds-progress-bar__indicator\" [style.width]=\"!isIndeterminate() ? progress() + '%' : null\" [style.background-color]=\"color() || null\"></div>\n</div>\n","import { EdsProgressBar } from './eds-progress-bar';\n\nexport { EdsProgressBar };\n\n/** Convenience array for importing all eds-progress-bar components. */\nexport const EDS_PROGRESS_BAR = [\n EdsProgressBar,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"eui-eds-eds-progress-bar.mjs","sources":["../../eds-progress-bar/eds-progress-bar.ts","../../eds-progress-bar/eds-progress-bar.html","../../eds-progress-bar/index.ts","../../eds-progress-bar/eui-eds-eds-progress-bar.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n input,\n computed,\n inject,\n booleanAttribute,\n numberAttribute,\n} from '@angular/core';\nimport { EdsColorDirective, EdsSizeDirective } from '@eui/eds/shared';\nimport { EDS_ICON_STATE } from '@eui/eds/utilities/eds-icon-state';\n\n/** Transform that clamps progress to 0–100 range. */\nconst progressTransform = (value: unknown): number => Math.max(0, Math.min(numberAttribute(value, 0), 100));\n\n/**\n * Horizontal progress indicator component that visualizes task completion or loading states.\n * Supports determinate progress with percentage values and indeterminate loading animations.\n * Provides optional labeling and status icons for contextual feedback.\n *\n * Supports color variants via EdsColorDirective (success, warning, critical, info)\n * and size variants via EdsSizeDirective (xs, s, m, l).\n */\n@Component({\n selector: 'eds-progress-bar',\n templateUrl: './eds-progress-bar.html',\n styleUrl: './eds-progress-bar.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [...EDS_ICON_STATE],\n hostDirectives: [\n {\n directive: EdsSizeDirective,\n inputs: ['edsSizeXS', 'edsSizeS', 'edsSizeM', 'edsSizeL', 'edsSizeVariant'],\n },\n {\n directive: EdsColorDirective,\n inputs: ['edsSuccess', 'edsInfo', 'edsWarning', 'edsCritical', 'edsColorVariant'],\n },\n ],\n host: {\n '[class]': 'hostClasses()',\n '[attr.data-e2e]': '\"eds-progress-bar\"',\n role: 'progressbar',\n '[attr.aria-valuenow]': '!isIndeterminate() ? progress() : null',\n '[attr.aria-valuemin]': '\"0\"',\n '[attr.aria-valuemax]': '\"100\"',\n '[attr.aria-label]': 'label() || null',\n '[attr.aria-valuetext]': 'valueText() || null',\n },\n})\nexport class EdsProgressBar {\n /** Optional label displayed above the progress bar. */\n label = input('');\n\n /**\n * Human-readable text alternative for the current value.\n * Use when the numeric percentage alone isn't meaningful\n * (e.g. \"Step 3 of 5\", \"Uploading file 2 of 10\").\n * Maps to aria-valuetext.\n */\n valueText = input('');\n\n /**\n * Current progress value (0–100).\n * Values outside the range are clamped automatically.\n * @default 0\n */\n progress = input(0, { transform: progressTransform });\n\n /**\n * When true, shows an indeterminate progress animation\n * instead of a specific progress value.\n * @default false\n */\n isIndeterminate = input(false, { transform: booleanAttribute });\n\n /**\n * When true, displays a status icon based on the current color variant\n * (success, warning, critical, info).\n * @default false\n */\n hasStatusIcon = input(false, { transform: booleanAttribute });\n\n /**\n * Custom CSS color value for the progress indicator fill.\n * When set, overrides the color variant class (e.g. `'#4285f4'`, `'var(--eds-c-foreground-info)'`).\n */\n color = input<string>('');\n\n protected sizeDirective = inject(EdsSizeDirective);\n protected colorDirective = inject(EdsColorDirective);\n\n hostClasses = computed(() => {\n const sizeClass = this.sizeDirective.getCssClass('eds-progress-bar');\n const colorClass = this.colorDirective.getCssClass('eds-progress-bar');\n\n return [\n 'eds-progress-bar',\n sizeClass || 'eds-progress-bar--size-s',\n colorClass,\n this.isIndeterminate() ? 'eds-progress-bar--indeterminate' : '',\n this.hasStatusIcon() ? 'eds-progress-bar--has-status-icon' : '',\n ].join(' ').trim();\n });\n}\n","@if (label() || hasStatusIcon()) {\n <div class=\"eds-progress-bar__header\">\n @if (label()) {\n <span class=\"eds-progress-bar__header-label\">{{ label() }}</span>\n }\n @if (hasStatusIcon()) {\n <span class=\"eds-progress-bar__header-status\">\n <eds-icon-state [color]=\"$any(colorDirective.resolvedColor() || 'info')\" size=\"s\"/>\n </span>\n }\n </div>\n}\n<div class=\"eds-progress-bar__track\">\n <div class=\"eds-progress-bar__indicator\" [style.width]=\"!isIndeterminate() ? progress() + '%' : null\" [style.background-color]=\"color() || null\"></div>\n</div>\n","import { EdsProgressBar } from './eds-progress-bar';\n\nexport { EdsProgressBar };\n\n/** Convenience array for importing all eds-progress-bar components. */\nexport const EDS_PROGRESS_BAR = [\n EdsProgressBar,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -172,7 +172,7 @@ class EdsProgressCircle {
172
172
  ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
173
173
  }
174
174
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsProgressCircle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
175
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsProgressCircle, isStandalone: true, selector: "eds-progress-circle", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valueLabel: { classPropertyName: "valueLabel", publicName: "valueLabel", isSignal: true, isRequired: false, transformFunction: null }, emptyLabel: { classPropertyName: "emptyLabel", publicName: "emptyLabel", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, useColorSteps: { classPropertyName: "useColorSteps", publicName: "useColorSteps", isSignal: true, isRequired: false, transformFunction: null }, colorSteps: { classPropertyName: "colorSteps", publicName: "colorSteps", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-valuemin": "0", "aria-valuemax": "100" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.role": "role()", "attr.aria-valuenow": "value()", "attr.aria-valuetext": "ariaValueText()", "attr.aria-label": "ariaLabel()" } }, hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsInfo", "edsInfo", "edsSuccess", "edsSuccess", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }, { directive: i1.EdsSizeDirective, inputs: ["edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeVariant", "edsSizeVariant"] }], ngImport: i0, template: "<svg viewBox=\"0 0 100 100\" class=\"eds-progress-circle__svg\">\n <!-- Background track circle -->\n <circle\n class=\"eds-progress-circle__track\"\n [attr.cx]=\"50\"\n [attr.cy]=\"50\"\n [attr.r]=\"radius()\"\n [attr.stroke-width]=\"strokeWidth()\"\n fill=\"none\"\n />\n <!-- Progress arc -->\n @if (value() > 0) {\n <circle\n class=\"eds-progress-circle__progress\"\n [attr.cx]=\"50\"\n [attr.cy]=\"50\"\n [attr.r]=\"radius()\"\n [attr.stroke-width]=\"strokeWidth()\"\n [attr.stroke-dasharray]=\"circumference()\"\n [attr.stroke-dashoffset]=\"dashOffset()\"\n fill=\"none\"\n stroke-linecap=\"round\"\n />\n }\n</svg>\n@if (showValue()) {\n <span class=\"eds-progress-circle__label\">{{ displayLabel() }}</span>\n}\n", styles: [".eui-21 :host.eds-progress-circle{display:inline-flex;align-items:center;justify-content:center;position:relative;width:6rem;height:6rem;--_track-color: var(--eds-c-surface-neutral-subtler);--_progress-color: var(--eds-c-border-info);--_label-color: var(--eds-c-foreground-default)}.eui-21 :host.eds-progress-circle.eds-progress-circle--info{--_progress-color: var(--eds-c-border-info)}.eui-21 :host.eds-progress-circle.eds-progress-circle--success{--_progress-color: var(--eds-c-border-success)}.eui-21 :host.eds-progress-circle.eds-progress-circle--warning{--_progress-color: var(--eds-c-border-warning)}.eui-21 :host.eds-progress-circle.eds-progress-circle--critical{--_progress-color: var(--eds-c-border-critical)}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-s{width:4rem;height:4rem}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-s .eds-progress-circle__label{font:var(--eds-f-label-xs)}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-m{width:6rem;height:6rem}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-m .eds-progress-circle__label{font:var(--eds-f-label-m-semi-bold)}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-l{width:9rem;height:9rem}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-l .eds-progress-circle__label{font:var(--eds-f-label-l-semi-bold)}.eui-21 :host.eds-progress-circle .eds-progress-circle__svg{width:100%;height:100%;transform:rotate(-90deg)}.eui-21 :host.eds-progress-circle .eds-progress-circle__track{stroke:var(--_track-color)}.eui-21 :host.eds-progress-circle .eds-progress-circle__progress{stroke:var(--_progress-color);transition:stroke-dashoffset .3s ease}.eui-21 :host.eds-progress-circle .eds-progress-circle__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:var(--eds-f-label-m-semi-bold);color:var(--_label-color);white-space:nowrap;-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
175
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsProgressCircle, isStandalone: true, selector: "eds-progress-circle", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valueLabel: { classPropertyName: "valueLabel", publicName: "valueLabel", isSignal: true, isRequired: false, transformFunction: null }, emptyLabel: { classPropertyName: "emptyLabel", publicName: "emptyLabel", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, useColorSteps: { classPropertyName: "useColorSteps", publicName: "useColorSteps", isSignal: true, isRequired: false, transformFunction: null }, colorSteps: { classPropertyName: "colorSteps", publicName: "colorSteps", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-valuemin": "0", "aria-valuemax": "100" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.role": "role()", "attr.aria-valuenow": "value()", "attr.aria-valuetext": "ariaValueText()", "attr.aria-label": "ariaLabel()" } }, hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsInfo", "edsInfo", "edsSuccess", "edsSuccess", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }, { directive: i1.EdsSizeDirective, inputs: ["edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeVariant", "edsSizeVariant"] }], ngImport: i0, template: "<svg viewBox=\"0 0 100 100\" class=\"eds-progress-circle__svg\">\n <!-- Background track circle -->\n <circle\n class=\"eds-progress-circle__track\"\n [attr.cx]=\"50\"\n [attr.cy]=\"50\"\n [attr.r]=\"radius()\"\n [attr.stroke-width]=\"strokeWidth()\"\n fill=\"none\"\n />\n <!-- Progress arc -->\n @if (value() > 0) {\n <circle\n class=\"eds-progress-circle__progress\"\n [attr.cx]=\"50\"\n [attr.cy]=\"50\"\n [attr.r]=\"radius()\"\n [attr.stroke-width]=\"strokeWidth()\"\n [attr.stroke-dasharray]=\"circumference()\"\n [attr.stroke-dashoffset]=\"dashOffset()\"\n fill=\"none\"\n stroke-linecap=\"round\"\n />\n }\n</svg>\n@if (showValue()) {\n <span class=\"eds-progress-circle__label\">{{ displayLabel() }}</span>\n}\n", styles: [".eui-21 :host.eds-progress-circle{display:inline-flex;align-items:center;justify-content:center;position:relative;width:6rem;height:6rem;--_track-color: var(--eds-c-surface-neutral-subtler);--_progress-color: var(--eds-c-border-info);--_label-color: var(--eds-c-foreground-default)}.eui-21 :host.eds-progress-circle.eds-progress-circle--info{--_progress-color: var(--eds-c-border-info)}.eui-21 :host.eds-progress-circle.eds-progress-circle--success{--_progress-color: var(--eds-c-border-success)}.eui-21 :host.eds-progress-circle.eds-progress-circle--warning{--_progress-color: var(--eds-c-border-warning)}.eui-21 :host.eds-progress-circle.eds-progress-circle--critical{--_progress-color: var(--eds-c-border-critical)}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-s{width:4rem;height:4rem}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-s .eds-progress-circle__label{font:var(--eds-f-label-xs)}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-m{width:6rem;height:6rem}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-m .eds-progress-circle__label{font:var(--eds-f-label-m-semibold)}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-l{width:9rem;height:9rem}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-l .eds-progress-circle__label{font:var(--eds-f-label-l-semibold)}.eui-21 :host.eds-progress-circle .eds-progress-circle__svg{width:100%;height:100%;transform:rotate(-90deg)}.eui-21 :host.eds-progress-circle .eds-progress-circle__track{stroke:var(--_track-color)}.eui-21 :host.eds-progress-circle .eds-progress-circle__progress{stroke:var(--_progress-color);transition:stroke-dashoffset .3s ease}.eui-21 :host.eds-progress-circle .eds-progress-circle__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:var(--eds-f-label-m-semibold);color:var(--_label-color);white-space:nowrap;-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
176
176
  }
177
177
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsProgressCircle, decorators: [{
178
178
  type: Component,
@@ -205,7 +205,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
205
205
  'aria-valuemax': '100',
206
206
  '[attr.aria-valuetext]': 'ariaValueText()',
207
207
  '[attr.aria-label]': 'ariaLabel()',
208
- }, template: "<svg viewBox=\"0 0 100 100\" class=\"eds-progress-circle__svg\">\n <!-- Background track circle -->\n <circle\n class=\"eds-progress-circle__track\"\n [attr.cx]=\"50\"\n [attr.cy]=\"50\"\n [attr.r]=\"radius()\"\n [attr.stroke-width]=\"strokeWidth()\"\n fill=\"none\"\n />\n <!-- Progress arc -->\n @if (value() > 0) {\n <circle\n class=\"eds-progress-circle__progress\"\n [attr.cx]=\"50\"\n [attr.cy]=\"50\"\n [attr.r]=\"radius()\"\n [attr.stroke-width]=\"strokeWidth()\"\n [attr.stroke-dasharray]=\"circumference()\"\n [attr.stroke-dashoffset]=\"dashOffset()\"\n fill=\"none\"\n stroke-linecap=\"round\"\n />\n }\n</svg>\n@if (showValue()) {\n <span class=\"eds-progress-circle__label\">{{ displayLabel() }}</span>\n}\n", styles: [".eui-21 :host.eds-progress-circle{display:inline-flex;align-items:center;justify-content:center;position:relative;width:6rem;height:6rem;--_track-color: var(--eds-c-surface-neutral-subtler);--_progress-color: var(--eds-c-border-info);--_label-color: var(--eds-c-foreground-default)}.eui-21 :host.eds-progress-circle.eds-progress-circle--info{--_progress-color: var(--eds-c-border-info)}.eui-21 :host.eds-progress-circle.eds-progress-circle--success{--_progress-color: var(--eds-c-border-success)}.eui-21 :host.eds-progress-circle.eds-progress-circle--warning{--_progress-color: var(--eds-c-border-warning)}.eui-21 :host.eds-progress-circle.eds-progress-circle--critical{--_progress-color: var(--eds-c-border-critical)}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-s{width:4rem;height:4rem}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-s .eds-progress-circle__label{font:var(--eds-f-label-xs)}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-m{width:6rem;height:6rem}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-m .eds-progress-circle__label{font:var(--eds-f-label-m-semi-bold)}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-l{width:9rem;height:9rem}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-l .eds-progress-circle__label{font:var(--eds-f-label-l-semi-bold)}.eui-21 :host.eds-progress-circle .eds-progress-circle__svg{width:100%;height:100%;transform:rotate(-90deg)}.eui-21 :host.eds-progress-circle .eds-progress-circle__track{stroke:var(--_track-color)}.eui-21 :host.eds-progress-circle .eds-progress-circle__progress{stroke:var(--_progress-color);transition:stroke-dashoffset .3s ease}.eui-21 :host.eds-progress-circle .eds-progress-circle__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:var(--eds-f-label-m-semi-bold);color:var(--_label-color);white-space:nowrap;-webkit-user-select:none;user-select:none}\n"] }]
208
+ }, template: "<svg viewBox=\"0 0 100 100\" class=\"eds-progress-circle__svg\">\n <!-- Background track circle -->\n <circle\n class=\"eds-progress-circle__track\"\n [attr.cx]=\"50\"\n [attr.cy]=\"50\"\n [attr.r]=\"radius()\"\n [attr.stroke-width]=\"strokeWidth()\"\n fill=\"none\"\n />\n <!-- Progress arc -->\n @if (value() > 0) {\n <circle\n class=\"eds-progress-circle__progress\"\n [attr.cx]=\"50\"\n [attr.cy]=\"50\"\n [attr.r]=\"radius()\"\n [attr.stroke-width]=\"strokeWidth()\"\n [attr.stroke-dasharray]=\"circumference()\"\n [attr.stroke-dashoffset]=\"dashOffset()\"\n fill=\"none\"\n stroke-linecap=\"round\"\n />\n }\n</svg>\n@if (showValue()) {\n <span class=\"eds-progress-circle__label\">{{ displayLabel() }}</span>\n}\n", styles: [".eui-21 :host.eds-progress-circle{display:inline-flex;align-items:center;justify-content:center;position:relative;width:6rem;height:6rem;--_track-color: var(--eds-c-surface-neutral-subtler);--_progress-color: var(--eds-c-border-info);--_label-color: var(--eds-c-foreground-default)}.eui-21 :host.eds-progress-circle.eds-progress-circle--info{--_progress-color: var(--eds-c-border-info)}.eui-21 :host.eds-progress-circle.eds-progress-circle--success{--_progress-color: var(--eds-c-border-success)}.eui-21 :host.eds-progress-circle.eds-progress-circle--warning{--_progress-color: var(--eds-c-border-warning)}.eui-21 :host.eds-progress-circle.eds-progress-circle--critical{--_progress-color: var(--eds-c-border-critical)}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-s{width:4rem;height:4rem}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-s .eds-progress-circle__label{font:var(--eds-f-label-xs)}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-m{width:6rem;height:6rem}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-m .eds-progress-circle__label{font:var(--eds-f-label-m-semibold)}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-l{width:9rem;height:9rem}.eui-21 :host.eds-progress-circle.eds-progress-circle--size-l .eds-progress-circle__label{font:var(--eds-f-label-l-semibold)}.eui-21 :host.eds-progress-circle .eds-progress-circle__svg{width:100%;height:100%;transform:rotate(-90deg)}.eui-21 :host.eds-progress-circle .eds-progress-circle__track{stroke:var(--_track-color)}.eui-21 :host.eds-progress-circle .eds-progress-circle__progress{stroke:var(--_progress-color);transition:stroke-dashoffset .3s ease}.eui-21 :host.eds-progress-circle .eds-progress-circle__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:var(--eds-f-label-m-semibold);color:var(--_label-color);white-space:nowrap;-webkit-user-select:none;user-select:none}\n"] }]
209
209
  }], propDecorators: { e2eAttr: [{ type: i0.Input, args: [{ isSignal: true, alias: "e2eAttr", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueLabel", required: false }] }], emptyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyLabel", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], useColorSteps: [{ type: i0.Input, args: [{ isSignal: true, alias: "useColorSteps", required: false }] }], colorSteps: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorSteps", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }] } });
210
210
 
211
211
  /** Convenience array for importing the eds-progress-circle component. */