@porsche-design-system/components-angular/fesm2022/porsche-design-system-components-angular.mjs.map

Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.

{"version":3,"file":"porsche-design-system-components-angular.mjs","sources":["../../../projects/angular-wrapper/src/utils.ts","../../../projects/angular-wrapper/src/lib/components/accordion.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/banner.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/button.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/button-group.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/button-pure.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/button-tile.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/canvas.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/carousel.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/checkbox.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/checkbox-wrapper.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/content-wrapper.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/crest.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/display.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/divider.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/fieldset.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/fieldset-wrapper.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/flex.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/flex-item.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/flyout.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/flyout-multilevel.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/flyout-multilevel-item.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/grid.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/grid-item.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/heading.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/headline.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/icon.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/inline-notification.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/link.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/link-pure.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/link-social.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/link-tile.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/link-tile-model-signature.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/link-tile-product.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/marque.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/modal.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/model-signature.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/multi-select.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/multi-select-option.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/optgroup.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/pagination.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/pin-code.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/popover.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/radio-button-wrapper.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/scroller.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/segmented-control.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/segmented-control-item.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/select.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/select-option.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/select-wrapper.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/sheet.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/spinner.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/stepper-horizontal.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/stepper-horizontal-item.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/switch.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/table.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/table-body.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/table-cell.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/table-head.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/table-head-cell.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/table-head-row.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/table-row.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/tabs.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/tabs-bar.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/tabs-item.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/tag.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/tag-dismissible.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/text.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/text-field-wrapper.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/text-list.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/text-list-item.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/textarea.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/textarea-wrapper.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/toast.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/wordmark.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/barrel.ts","../../../projects/angular-wrapper/src/porsche-design-system.module.ts","../../../projects/angular-wrapper/src/toast-manager.ts","../../../projects/angular-wrapper/src/porsche-design-system-components-angular.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  inject,\n  InjectionToken,\n  type OnChanges,\n  type OnDestroy,\n} from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\nimport type { Theme } from './lib/types';\n\nexport const THEME_TOKEN = new InjectionToken<BehaviorSubject<Theme>>('pdsTheme');\n\n@Component({\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport abstract class BaseComponent implements OnChanges {\n  protected el: HTMLElement;\n\n  constructor(cdr: ChangeDetectorRef, elementRef: ElementRef) {\n    cdr.detach();\n    this.el = elementRef.nativeElement;\n  }\n\n  ngOnChanges(props: Record<string, { previousValue: any; currentValue: any; firstChange: boolean }>): void {\n    for (const prop in props) {\n      this.el[prop] = props[prop].currentValue;\n    }\n  }\n}\n\n@Component({\n  template: '',\n})\nexport abstract class BaseComponentWithTheme extends BaseComponent implements OnDestroy {\n  theme?: Theme;\n  private themeSubscription = inject(THEME_TOKEN).subscribe((theme) => {\n    (this.el as HTMLElement & { theme: Theme }).theme = this.theme || theme;\n  });\n\n  ngOnDestroy(): void {\n    // need to manually unsubscribe or otherwise subscription is still active even after unmount\n    // https://rafaelneto.dev/en/blog/unsubscribing-behaviorsubject-observable-angular/\n    this.themeSubscription.unsubscribe();\n  }\n}\n","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { AccordionHeadingTag, AccordionUpdateEventDetail, BreakpointCustomizable, AccordionSize, AccordionTag, Theme } from '../types';\n\n@Component({\n  selector: 'p-accordion,[p-accordion]',\n  template: '<ng-content />',\n  inputs: ['compact', 'heading', 'headingTag', 'open', 'size', 'sticky', 'tag', 'theme'],\n  outputs: ['accordionChange', 'update'],\n  standalone: false\n})\nexport class PAccordion extends BaseComponentWithTheme {\n  compact?: boolean;\n  heading?: string;\n  headingTag?: AccordionHeadingTag;\n  open?: boolean;\n  size?: BreakpointCustomizable<AccordionSize>;\n  sticky?: boolean;\n  /** @deprecated */\n  tag?: AccordionTag;\n  declare theme?: Theme;\n  /** @deprecated */\n  accordionChange = new EventEmitter<CustomEvent<AccordionUpdateEventDetail>>();\n  update = new EventEmitter<CustomEvent<AccordionUpdateEventDetail>>();\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { BannerHeadingTag, BannerState, Theme, BannerWidth } from '../types';\n\n@Component({\n  selector: 'p-banner,[p-banner]',\n  template: '<ng-content />',\n  inputs: ['description', 'dismissButton', 'heading', 'headingTag', 'open', 'persistent', 'state', 'theme', 'width'],\n  outputs: ['dismiss'],\n  standalone: false\n})\nexport class PBanner extends BaseComponentWithTheme {\n  description?: string;\n  dismissButton?: boolean;\n  heading?: string;\n  headingTag?: BannerHeadingTag;\n  open: boolean;\n  /** @deprecated */\n  persistent?: boolean;\n  state?: BannerState;\n  declare theme?: Theme;\n  /** @deprecated */\n  width?: BannerWidth;\n  dismiss = new EventEmitter<CustomEvent<void>>();\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { SelectedAriaAttributes, ButtonAriaAttribute, BreakpointCustomizable, ButtonIcon, Theme, ButtonType, ButtonVariant } from '../types';\n\n@Component({\n  selector: 'p-button,[p-button]',\n  template: '<ng-content />',\n  inputs: ['aria', 'compact', 'disabled', 'form', 'hideLabel', 'icon', 'iconSource', 'loading', 'name', 'theme', 'type', 'value', 'variant'],\n  standalone: false\n})\nexport class PButton extends BaseComponentWithTheme {\n  aria?: SelectedAriaAttributes<ButtonAriaAttribute>;\n  compact?: BreakpointCustomizable<boolean>;\n  disabled?: boolean;\n  form?: string;\n  hideLabel?: BreakpointCustomizable<boolean>;\n  icon?: ButtonIcon;\n  iconSource?: string;\n  loading?: boolean;\n  name?: string;\n  declare theme?: Theme;\n  type?: ButtonType;\n  value?: string;\n  variant?: ButtonVariant;\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { BreakpointCustomizable, ButtonGroupDirection } from '../types';\n\n@Component({\n  selector: 'p-button-group,[p-button-group]',\n  template: '<ng-content />',\n  inputs: ['direction'],\n  standalone: false\n})\nexport class PButtonGroup extends BaseComponent {\n  direction?: BreakpointCustomizable<ButtonGroupDirection>;\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, Theme, ButtonPureType, ButtonPureWeight } from '../types';\n\n@Component({\n  selector: 'p-button-pure,[p-button-pure]',\n  template: '<ng-content />',\n  inputs: ['active', 'alignLabel', 'aria', 'disabled', 'form', 'hideLabel', 'icon', 'iconSource', 'loading', 'name', 'size', 'stretch', 'theme', 'type', 'underline', 'value', 'weight'],\n  standalone: false\n})\nexport class PButtonPure extends BaseComponentWithTheme {\n  active?: boolean;\n  alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;\n  aria?: SelectedAriaAttributes<ButtonPureAriaAttribute>;\n  disabled?: boolean;\n  form?: string;\n  hideLabel?: BreakpointCustomizable<boolean>;\n  icon?: ButtonPureIcon;\n  iconSource?: string;\n  loading?: boolean;\n  name?: string;\n  size?: BreakpointCustomizable<ButtonPureSize>;\n  stretch?: BreakpointCustomizable<boolean>;\n  declare theme?: Theme;\n  type?: ButtonPureType;\n  underline?: boolean;\n  value?: string;\n  /** @deprecated */\n  weight?: ButtonPureWeight;\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileBackground, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';\n\n@Component({\n  selector: 'p-button-tile,[p-button-tile]',\n  template: '<ng-content />',\n  inputs: ['align', 'aria', 'aspectRatio', 'background', 'compact', 'description', 'disabled', 'gradient', 'icon', 'iconSource', 'label', 'loading', 'size', 'type', 'weight'],\n  standalone: false\n})\nexport class PButtonTile extends BaseComponent {\n  align?: ButtonTileAlign;\n  aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;\n  aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;\n  background?: ButtonTileBackground;\n  compact?: BreakpointCustomizable<boolean>;\n  description: string;\n  disabled?: boolean;\n  gradient?: boolean;\n  icon?: ButtonTileIcon;\n  iconSource?: string;\n  label: string;\n  loading?: boolean;\n  size?: BreakpointCustomizable<ButtonTileSize>;\n  type?: ButtonTileType;\n  weight?: BreakpointCustomizable<ButtonTileWeight>;\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { CanvasSidebarStartUpdateEventDetail, Theme } from '../types';\n\n@Component({\n  selector: 'p-canvas,[p-canvas]',\n  template: '<ng-content />',\n  inputs: ['sidebarEndOpen', 'sidebarStartOpen', 'theme'],\n  outputs: ['sidebarEndDismiss', 'sidebarStartUpdate'],\n  standalone: false\n})\nexport class PCanvas extends BaseComponentWithTheme {\n  sidebarEndOpen?: boolean;\n  sidebarStartOpen?: boolean;\n  declare theme?: Theme;\n  sidebarEndDismiss = new EventEmitter<CustomEvent<void>>();\n  sidebarStartUpdate = new EventEmitter<CustomEvent<CanvasSidebarStartUpdateEventDetail>>();\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { CarouselAlignControls, CarouselAlignHeader, SelectedAriaAttributes, CarouselAriaAttribute, BreakpointCustomizable, CarouselGradientColor, CarouselHeadingSize, CarouselInternationalization, CarouselUpdateEventDetail, CarouselSlidesPerPage, Theme, CarouselWidth } from '../types';\n\n@Component({\n  selector: 'p-carousel,[p-carousel]',\n  template: '<ng-content />',\n  inputs: ['activeSlideIndex', 'alignControls', 'alignHeader', 'aria', 'description', 'disablePagination', 'focusOnCenterSlide', 'gradientColor', 'heading', 'headingSize', 'intl', 'pagination', 'rewind', 'skipLinkTarget', 'slidesPerPage', 'theme', 'trimSpace', 'width', 'wrapContent'],\n  outputs: ['carouselChange', 'update'],\n  standalone: false\n})\nexport class PCarousel extends BaseComponentWithTheme {\n  activeSlideIndex?: number;\n  alignControls?: CarouselAlignControls;\n  alignHeader?: CarouselAlignHeader;\n  aria?: SelectedAriaAttributes<CarouselAriaAttribute>;\n  description?: string;\n  /** @deprecated */\n  disablePagination?: BreakpointCustomizable<boolean>;\n  focusOnCenterSlide?: boolean;\n  gradientColor?: CarouselGradientColor;\n  heading?: string;\n  headingSize?: CarouselHeadingSize;\n  intl?: CarouselInternationalization;\n  pagination?: BreakpointCustomizable<boolean>;\n  rewind?: boolean;\n  skipLinkTarget?: string;\n  slidesPerPage?: BreakpointCustomizable<CarouselSlidesPerPage>;\n  declare theme?: Theme;\n  trimSpace?: boolean;\n  width?: CarouselWidth;\n  /** @deprecated */\n  wrapContent?: boolean;\n  /** @deprecated */\n  carouselChange = new EventEmitter<CustomEvent<CarouselUpdateEventDetail>>();\n  update = new EventEmitter<CustomEvent<CarouselUpdateEventDetail>>();\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { BreakpointCustomizable, CheckboxBlurEventDetail, CheckboxUpdateEventDetail, CheckboxState, Theme } from '../types';\n\n@Component({\n  selector: 'p-checkbox,[p-checkbox]',\n  template: '<ng-content />',\n  inputs: ['checked', 'compact', 'disabled', 'form', 'hideLabel', 'indeterminate', 'label', 'loading', 'message', 'name', 'required', 'state', 'theme', 'value'],\n  outputs: ['blur', 'update'],\n  standalone: false\n})\nexport class PCheckbox extends BaseComponentWithTheme {\n  checked?: boolean;\n  compact?: boolean;\n  disabled?: boolean;\n  form?: string;\n  hideLabel?: BreakpointCustomizable<boolean>;\n  indeterminate?: boolean;\n  label?: string;\n  loading?: boolean;\n  message?: string;\n  name?: string;\n  required?: boolean;\n  state?: CheckboxState;\n  declare theme?: Theme;\n  value?: string;\n  blur = new EventEmitter<CustomEvent<CheckboxBlurEventDetail>>();\n  update = new EventEmitter<CustomEvent<CheckboxUpdateEventDetail>>();\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { BreakpointCustomizable, CheckboxWrapperState, Theme } from '../types';\n\n@Component({\n  selector: 'p-checkbox-wrapper,[p-checkbox-wrapper]',\n  template: '<ng-content />',\n  inputs: ['hideLabel', 'label', 'loading', 'message', 'state', 'theme'],\n  standalone: false\n})\nexport class PCheckboxWrapper extends BaseComponentWithTheme {\n  hideLabel?: BreakpointCustomizable<boolean>;\n  label?: string;\n  loading?: boolean;\n  message?: string;\n  state?: CheckboxWrapperState;\n  declare theme?: Theme;\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { ContentWrapperBackgroundColor, Theme, ContentWrapperWidth } from '../types';\n\n/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */\n@Component({\n  selector: 'p-content-wrapper,[p-content-wrapper]',\n  template: '<ng-content />',\n  inputs: ['backgroundColor', 'theme', 'width'],\n  standalone: false\n})\nexport class PContentWrapper extends BaseComponentWithTheme {\n  /** @deprecated */\n  backgroundColor?: ContentWrapperBackgroundColor;\n  /** @deprecated */\n  declare theme?: Theme;\n  width?: ContentWrapperWidth;\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { SelectedAriaAttributes, CrestAriaAttribute, CrestTarget } from '../types';\n\n@Component({\n  selector: 'p-crest,[p-crest]',\n  template: '<ng-content />',\n  inputs: ['aria', 'href', 'target'],\n  standalone: false\n})\nexport class PCrest extends BaseComponent {\n  aria?: SelectedAriaAttributes<CrestAriaAttribute>;\n  href?: string;\n  target?: CrestTarget;\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { DisplayAlign, DisplayColor, BreakpointCustomizable, DisplaySize, DisplayTag, Theme } from '../types';\n\n@Component({\n  selector: 'p-display,[p-display]',\n  template: '<ng-content />',\n  inputs: ['align', 'color', 'ellipsis', 'size', 'tag', 'theme'],\n  standalone: false\n})\nexport class PDisplay extends BaseComponentWithTheme {\n  align?: DisplayAlign;\n  color?: DisplayColor;\n  ellipsis?: boolean;\n  size?: BreakpointCustomizable<DisplaySize>;\n  tag?: DisplayTag;\n  declare theme?: Theme;\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { DividerColor, BreakpointCustomizable, DividerDirection, DividerOrientation, Theme } from '../types';\n\n@Component({\n  selector: 'p-divider,[p-divider]',\n  template: '<ng-content />',\n  inputs: ['color', 'direction', 'orientation', 'theme'],\n  standalone: false\n})\nexport class PDivider extends BaseComponentWithTheme {\n  color?: DividerColor;\n  direction?: BreakpointCustomizable<DividerDirection>;\n  /** @deprecated */\n  orientation?: BreakpointCustomizable<DividerOrientation>;\n  declare theme?: Theme;\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { FieldsetLabelSize, FieldsetState, Theme } from '../types';\n\n@Component({\n  selector: 'p-fieldset,[p-fieldset]',\n  template: '<ng-content />',\n  inputs: ['label', 'labelSize', 'message', 'required', 'state', 'theme'],\n  standalone: false\n})\nexport class PFieldset extends BaseComponentWithTheme {\n  label?: string;\n  labelSize?: FieldsetLabelSize;\n  message?: string;\n  required?: boolean;\n  state?: FieldsetState;\n  declare theme?: Theme;\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { FieldsetWrapperLabelSize, FieldsetWrapperState, Theme } from '../types';\n\n/** @deprecated since v3.0.0, will be removed with next major release. Please use \"p-fieldset\" instead. */\n@Component({\n  selector: 'p-fieldset-wrapper,[p-fieldset-wrapper]',\n  template: '<ng-content />',\n  inputs: ['label', 'labelSize', 'message', 'required', 'state', 'theme'],\n  standalone: false\n})\nexport class PFieldsetWrapper extends BaseComponentWithTheme {\n  label?: string;\n  labelSize?: FieldsetWrapperLabelSize;\n  message?: string;\n  required?: boolean;\n  state?: FieldsetWrapperState;\n  declare theme?: Theme;\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { BreakpointCustomizable, FlexAlignContent, FlexAlignItems, FlexDirection, FlexInline, FlexJustifyContent, FlexWrap } from '../types';\n\n/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */\n@Component({\n  selector: 'p-flex,[p-flex]',\n  template: '<ng-content />',\n  inputs: ['alignContent', 'alignItems', 'direction', 'inline', 'justifyContent', 'wrap'],\n  standalone: false\n})\nexport class PFlex extends BaseComponent {\n  alignContent?: BreakpointCustomizable<FlexAlignContent>;\n  alignItems?: BreakpointCustomizable<FlexAlignItems>;\n  direction?: BreakpointCustomizable<FlexDirection>;\n  inline?: BreakpointCustomizable<FlexInline>;\n  justifyContent?: BreakpointCustomizable<FlexJustifyContent>;\n  wrap?: BreakpointCustomizable<FlexWrap>;\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { BreakpointCustomizable, FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth } from '../types';\n\n/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */\n@Component({\n  selector: 'p-flex-item,[p-flex-item]',\n  template: '<ng-content />',\n  inputs: ['alignSelf', 'flex', 'grow', 'offset', 'shrink', 'width'],\n  standalone: false\n})\nexport class PFlexItem extends BaseComponent {\n  alignSelf?: BreakpointCustomizable<FlexItemAlignSelf>;\n  flex?: BreakpointCustomizable<FlexItemFlex>;\n  grow?: BreakpointCustomizable<FlexItemGrow>;\n  offset?: BreakpointCustomizable<FlexItemOffset>;\n  shrink?: BreakpointCustomizable<FlexItemShrink>;\n  width?: BreakpointCustomizable<FlexItemWidth>;\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { SelectedAriaAttributes, FlyoutAriaAttribute, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, Theme } from '../types';\n\n@Component({\n  selector: 'p-flyout,[p-flyout]',\n  template: '<ng-content />',\n  inputs: ['aria', 'disableBackdropClick', 'footerBehavior', 'open', 'position', 'theme'],\n  outputs: ['dismiss', 'motionHiddenEnd', 'motionVisibleEnd'],\n  standalone: false\n})\nexport class PFlyout extends BaseComponentWithTheme {\n  aria?: SelectedAriaAttributes<FlyoutAriaAttribute>;\n  disableBackdropClick?: boolean;\n  footerBehavior?: FlyoutFooterBehavior;\n  open: boolean;\n  position?: FlyoutPosition;\n  declare theme?: Theme;\n  dismiss = new EventEmitter<CustomEvent<void>>();\n  motionHiddenEnd = new EventEmitter<CustomEvent<FlyoutMotionHiddenEndEventDetail>>();\n  motionVisibleEnd = new EventEmitter<CustomEvent<FlyoutMotionVisibleEndEventDetail>>();\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { SelectedAriaAttributes, FlyoutMultilevelAriaAttribute, FlyoutMultilevelUpdateEventDetail, Theme } from '../types';\n\n@Component({\n  selector: 'p-flyout-multilevel,[p-flyout-multilevel]',\n  template: '<ng-content />',\n  inputs: ['activeIdentifier', 'aria', 'open', 'theme'],\n  outputs: ['dismiss', 'update'],\n  standalone: false\n})\nexport class PFlyoutMultilevel extends BaseComponentWithTheme {\n  activeIdentifier?: string | undefined;\n  aria?: SelectedAriaAttributes<FlyoutMultilevelAriaAttribute>;\n  open?: boolean;\n  declare theme?: Theme;\n  dismiss = new EventEmitter<CustomEvent<void>>();\n  update = new EventEmitter<CustomEvent<FlyoutMultilevelUpdateEventDetail>>();\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\n\n@Component({\n  selector: 'p-flyout-multilevel-item,[p-flyout-multilevel-item]',\n  template: '<ng-content />',\n  inputs: ['cascade', 'identifier', 'label', 'primary', 'secondary'],\n  standalone: false\n})\nexport class PFlyoutMultilevelItem extends BaseComponent {\n  cascade?: boolean;\n  identifier: string;\n  label?: string;\n  primary?: boolean;\n  secondary?: boolean;\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { BreakpointCustomizable, GridDirection, GridGutter, GridWrap } from '../types';\n\n/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */\n@Component({\n  selector: 'p-grid,[p-grid]',\n  template: '<ng-content />',\n  inputs: ['direction', 'gutter', 'wrap'],\n  standalone: false\n})\nexport class PGrid extends BaseComponent {\n  direction?: BreakpointCustomizable<GridDirection>;\n  /** @deprecated */\n  gutter?: BreakpointCustomizable<GridGutter>;\n  wrap?: BreakpointCustomizable<GridWrap>;\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { BreakpointCustomizable, GridItemOffset, GridItemSize } from '../types';\n\n/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */\n@Component({\n  selector: 'p-grid-item,[p-grid-item]',\n  template: '<ng-content />',\n  inputs: ['offset', 'size'],\n  standalone: false\n})\nexport class PGridItem extends BaseComponent {\n  offset?: BreakpointCustomizable<GridItemOffset>;\n  size?: BreakpointCustomizable<GridItemSize>;\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { HeadingAlign, HeadingColor, BreakpointCustomizable, HeadingSize, HeadingTag, Theme } from '../types';\n\n@Component({\n  selector: 'p-heading,[p-heading]',\n  template: '<ng-content />',\n  inputs: ['align', 'color', 'ellipsis', 'size', 'tag', 'theme'],\n  standalone: false\n})\nexport class PHeading extends BaseComponentWithTheme {\n  align?: HeadingAlign;\n  color?: HeadingColor;\n  ellipsis?: boolean;\n  size?: BreakpointCustomizable<HeadingSize>;\n  tag?: HeadingTag;\n  declare theme?: Theme;\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { HeadlineAlign, HeadlineColor, HeadlineTag, Theme, HeadlineVariant } from '../types';\n\n/** @deprecated since v3.0.0, will be removed with next major release. Please use \"p-heading\" instead. */\n@Component({\n  selector: 'p-headline,[p-headline]',\n  template: '<ng-content />',\n  inputs: ['align', 'color', 'ellipsis', 'tag', 'theme', 'variant'],\n  standalone: false\n})\nexport class PHeadline extends BaseComponentWithTheme {\n  align?: HeadlineAlign;\n  color?: HeadlineColor;\n  ellipsis?: boolean;\n  tag?: HeadlineTag;\n  declare theme?: Theme;\n  variant?: HeadlineVariant;\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { SelectedAriaAttributes, IconAriaAttribute, IconColor, IconName, IconSize, Theme } from '../types';\n\n@Component({\n  selector: 'p-icon,[p-icon]',\n  template: '<ng-content />',\n  inputs: ['aria', 'color', 'lazy', 'name', 'size', 'source', 'theme'],\n  standalone: false\n})\nexport class PIcon extends BaseComponentWithTheme {\n  aria?: SelectedAriaAttributes<IconAriaAttribute>;\n  color?: IconColor;\n  /** @deprecated */\n  lazy?: boolean;\n  name?: IconName;\n  size?: IconSize;\n  source?: string;\n  declare theme?: Theme;\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, Theme } from '../types';\n\n@Component({\n  selector: 'p-inline-notification,[p-inline-notification]',\n  template: '<ng-content />',\n  inputs: ['actionIcon', 'actionLabel', 'actionLoading', 'description', 'dismissButton', 'heading', 'headingTag', 'persistent', 'state', 'theme'],\n  outputs: ['action', 'dismiss'],\n  standalone: false\n})\nexport class PInlineNotification extends BaseComponentWithTheme {\n  actionIcon?: InlineNotificationActionIcon;\n  actionLabel?: string;\n  actionLoading?: boolean;\n  description?: string;\n  dismissButton?: boolean;\n  heading?: string;\n  headingTag?: InlineNotificationHeadingTag;\n  /** @deprecated */\n  persistent?: boolean;\n  state?: InlineNotificationState;\n  declare theme?: Theme;\n  action = new EventEmitter<CustomEvent<void>>();\n  dismiss = new EventEmitter<CustomEvent<void>>();\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, LinkIcon, LinkTarget, Theme, LinkVariant } from '../types';\n\n@Component({\n  selector: 'p-link,[p-link]',\n  template: '<ng-content />',\n  inputs: ['aria', 'compact', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme', 'variant'],\n  standalone: false\n})\nexport class PLink extends BaseComponentWithTheme {\n  aria?: SelectedAriaAttributes<LinkAriaAttribute>;\n  compact?: BreakpointCustomizable<boolean>;\n  download?: string;\n  hideLabel?: BreakpointCustomizable<boolean>;\n  href?: string;\n  icon?: LinkIcon;\n  iconSource?: string;\n  rel?: string;\n  target?: LinkTarget;\n  declare theme?: Theme;\n  variant?: LinkVariant;\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { BreakpointCustomizable, LinkPureAlignLabel, SelectedAriaAttributes, LinkPureAriaAttribute, LinkPureIcon, LinkPureSize, LinkPureTarget, Theme, LinkPureWeight } from '../types';\n\n@Component({\n  selector: 'p-link-pure,[p-link-pure]',\n  template: '<ng-content />',\n  inputs: ['active', 'alignLabel', 'aria', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'size', 'stretch', 'target', 'theme', 'underline', 'weight'],\n  standalone: false\n})\nexport class PLinkPure extends BaseComponentWithTheme {\n  active?: boolean;\n  alignLabel?: BreakpointCustomizable<LinkPureAlignLabel>;\n  aria?: SelectedAriaAttributes<LinkPureAriaAttribute>;\n  download?: string;\n  hideLabel?: BreakpointCustomizable<boolean>;\n  href?: string;\n  icon?: LinkPureIcon;\n  iconSource?: string;\n  rel?: string;\n  size?: BreakpointCustomizable<LinkPureSize>;\n  stretch?: BreakpointCustomizable<boolean>;\n  target?: LinkPureTarget;\n  declare theme?: Theme;\n  underline?: boolean;\n  /** @deprecated */\n  weight?: LinkPureWeight;\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { BreakpointCustomizable, LinkSocialIcon, LinkSocialTarget, Theme } from '../types';\n\n/** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead. */\n@Component({\n  selector: 'p-link-social,[p-link-social]',\n  template: '<ng-content />',\n  inputs: ['compact', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme'],\n  standalone: false\n})\nexport class PLinkSocial extends BaseComponentWithTheme {\n  compact?: boolean;\n  hideLabel?: BreakpointCustomizable<boolean>;\n  href?: string;\n  icon?: LinkSocialIcon;\n  iconSource?: string;\n  rel?: string;\n  target?: LinkSocialTarget;\n  declare theme?: Theme;\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { LinkTileAlign, SelectedAriaAttributes, LinkTileAriaAttribute, BreakpointCustomizable, LinkTileAspectRatio, LinkTileBackground, LinkTileSize, LinkTileTarget, LinkTileWeight } from '../types';\n\n@Component({\n  selector: 'p-link-tile,[p-link-tile]',\n  template: '<ng-content />',\n  inputs: ['align', 'aria', 'aspectRatio', 'background', 'compact', 'description', 'download', 'gradient', 'href', 'label', 'rel', 'size', 'target', 'weight'],\n  standalone: false\n})\nexport class PLinkTile extends BaseComponent {\n  align?: LinkTileAlign;\n  aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;\n  aspectRatio?: BreakpointCustomizable<LinkTileAspectRatio>;\n  background?: LinkTileBackground;\n  compact?: BreakpointCustomizable<boolean>;\n  description: string;\n  download?: string;\n  gradient?: boolean;\n  href: string;\n  label: string;\n  rel?: string;\n  size?: BreakpointCustomizable<LinkTileSize>;\n  target?: LinkTileTarget;\n  weight?: BreakpointCustomizable<LinkTileWeight>;\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { BreakpointCustomizable, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight } from '../types';\n\n@Component({\n  selector: 'p-link-tile-model-signature,[p-link-tile-model-signature]',\n  template: '<ng-content />',\n  inputs: ['aspectRatio', 'description', 'heading', 'headingTag', 'linkDirection', 'model', 'weight'],\n  standalone: false\n})\nexport class PLinkTileModelSignature extends BaseComponent {\n  aspectRatio?: BreakpointCustomizable<LinkTileModelSignatureAspectRatio>;\n  description?: string;\n  heading: string;\n  headingTag?: LinkTileModelSignatureHeadingTag;\n  linkDirection?: BreakpointCustomizable<LinkTileModelSignatureLinkDirection>;\n  model?: LinkTileModelSignatureModel;\n  weight?: BreakpointCustomizable<LinkTileModelSignatureWeight>;\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { BreakpointCustomizable, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, Theme } from '../types';\n\n@Component({\n  selector: 'p-link-tile-product,[p-link-tile-product]',\n  template: '<ng-content />',\n  inputs: ['aspectRatio', 'description', 'heading', 'href', 'likeButton', 'liked', 'price', 'priceOriginal', 'rel', 'target', 'theme'],\n  outputs: ['like'],\n  standalone: false\n})\nexport class PLinkTileProduct extends BaseComponentWithTheme {\n  aspectRatio?: BreakpointCustomizable<LinkTileProductAspectRatio>;\n  description?: string;\n  heading: string;\n  href?: string;\n  likeButton?: boolean;\n  liked?: boolean;\n  price: string;\n  priceOriginal?: string;\n  rel?: string;\n  target?: LinkTileProductTarget;\n  declare theme?: Theme;\n  like = new EventEmitter<CustomEvent<LinkTileProductLikeEventDetail>>();\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { SelectedAriaAttributes, MarqueAriaAttribute, MarqueSize, MarqueTarget, MarqueVariant } from '../types';\n\n/** @deprecated since v3.0.0, will be removed with next major release. Please use \"p-wordmark\" instead. */\n@Component({\n  selector: 'p-marque,[p-marque]',\n  template: '<ng-content />',\n  inputs: ['aria', 'href', 'size', 'target', 'trademark', 'variant'],\n  standalone: false\n})\nexport class PMarque extends BaseComponent {\n  aria?: SelectedAriaAttributes<MarqueAriaAttribute>;\n  href?: string;\n  size?: MarqueSize;\n  target?: MarqueTarget;\n  trademark?: boolean;\n  variant?: MarqueVariant;\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { SelectedAriaAttributes, ModalAriaAttribute, ModalBackdrop, BreakpointCustomizable, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, Theme } from '../types';\n\n@Component({\n  selector: 'p-modal,[p-modal]',\n  template: '<ng-content />',\n  inputs: ['aria', 'backdrop', 'disableBackdropClick', 'disableCloseButton', 'dismissButton', 'fullscreen', 'heading', 'open', 'theme'],\n  outputs: ['close', 'dismiss', 'motionHiddenEnd', 'motionVisibleEnd'],\n  standalone: false\n})\nexport class PModal extends BaseComponentWithTheme {\n  aria?: SelectedAriaAttributes<ModalAriaAttribute>;\n  backdrop?: ModalBackdrop;\n  disableBackdropClick?: boolean;\n  /** @deprecated */\n  disableCloseButton?: boolean;\n  dismissButton?: boolean;\n  fullscreen?: BreakpointCustomizable<boolean>;\n  /** @deprecated */\n  heading?: string;\n  open: boolean;\n  declare theme?: Theme;\n  /** @deprecated */\n  close = new EventEmitter<CustomEvent<void>>();\n  dismiss = new EventEmitter<CustomEvent<void>>();\n  motionHiddenEnd = new EventEmitter<CustomEvent<ModalMotionHiddenEndEventDetail>>();\n  motionVisibleEnd = new EventEmitter<CustomEvent<ModalMotionVisibleEndEventDetail>>();\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, Theme } from '../types';\n\n@Component({\n  selector: 'p-model-signature,[p-model-signature]',\n  template: '<ng-content />',\n  inputs: ['color', 'fetchPriority', 'lazy', 'model', 'safeZone', 'size', 'theme'],\n  standalone: false\n})\nexport class PModelSignature extends BaseComponentWithTheme {\n  color?: ModelSignatureColor;\n  fetchPriority?: ModelSignatureFetchPriority;\n  lazy?: boolean;\n  model?: ModelSignatureModel;\n  safeZone?: boolean;\n  size?: ModelSignatureSize;\n  declare theme?: Theme;\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { MultiSelectDropdownDirection, BreakpointCustomizable, MultiSelectUpdateEventDetail, MultiSelectState, Theme } from '../types';\n\n@Component({\n  selector: 'p-multi-select,[p-multi-select]',\n  template: '<ng-content />',\n  inputs: ['description', 'disabled', 'dropdownDirection', 'form', 'hideLabel', 'label', 'message', 'name', 'required', 'state', 'theme', 'value'],\n  outputs: ['update'],\n  standalone: false\n})\nexport class PMultiSelect extends BaseComponentWithTheme {\n  description?: string;\n  disabled?: boolean;\n  dropdownDirection?: MultiSelectDropdownDirection;\n  form?: string;\n  hideLabel?: BreakpointCustomizable<boolean>;\n  label?: string;\n  message?: string;\n  name: string;\n  required?: boolean;\n  state?: MultiSelectState;\n  declare theme?: Theme;\n  value?: string[];\n  update = new EventEmitter<CustomEvent<MultiSelectUpdateEventDetail>>();\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\n\n@Component({\n  selector: 'p-multi-select-option,[p-multi-select-option]',\n  template: '<ng-content />',\n  inputs: ['disabled', 'value'],\n  standalone: false\n})\nexport class PMultiSelectOption extends BaseComponent {\n  disabled?: boolean;\n  value: string;\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\n\n@Component({\n  selector: 'p-optgroup,[p-optgroup]',\n  template: '<ng-content />',\n  inputs: ['disabled', 'label'],\n  standalone: false\n})\nexport class POptgroup extends BaseComponent {\n  disabled?: boolean;\n  label?: string;\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { PaginationInternationalization, BreakpointCustomizable, PaginationMaxNumberOfPageLinks, PaginationUpdateEventDetail, Theme } from '../types';\n\n@Component({\n  selector: 'p-pagination,[p-pagination]',\n  template: '<ng-content />',\n  inputs: ['activePage', 'allyLabel', 'allyLabelNext', 'allyLabelPage', 'allyLabelPrev', 'intl', 'itemsPerPage', 'maxNumberOfPageLinks', 'showLastPage', 'theme', 'totalItemsCount'],\n  outputs: ['pageChange', 'update'],\n  standalone: false\n})\nexport class PPagination extends BaseComponentWithTheme {\n  activePage: number;\n  /** @deprecated */\n  allyLabel?: string;\n  /** @deprecated */\n  allyLabelNext?: string;\n  /** @deprecated */\n  allyLabelPage?: string;\n  /** @deprecated */\n  allyLabelPrev?: string;\n  intl?: PaginationInternationalization;\n  itemsPerPage?: number;\n  /** @deprecated */\n  maxNumberOfPageLinks?: BreakpointCustomizable<PaginationMaxNumberOfPageLinks>;\n  showLastPage?: boolean;\n  declare theme?: Theme;\n  totalItemsCount: number;\n  /** @deprecated */\n  pageChange = new EventEmitter<CustomEvent<PaginationUpdateEventDetail>>();\n  update = new EventEmitter<CustomEvent<PaginationUpdateEventDetail>>();\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { BreakpointCustomizable, PinCodeLength, PinCodeUpdateEventDetail, PinCodeState, Theme, PinCodeType } from '../types';\n\n@Component({\n  selector: 'p-pin-code,[p-pin-code]',\n  template: '<ng-content />',\n  inputs: ['description', 'disabled', 'form', 'hideLabel', 'label', 'length', 'loading', 'message', 'name', 'required', 'state', 'theme', 'type', 'value'],\n  outputs: ['update'],\n  standalone: false\n})\nexport class PPinCode extends BaseComponentWithTheme {\n  description?: string;\n  disabled?: boolean;\n  form?: string;\n  hideLabel?: BreakpointCustomizable<boolean>;\n  label?: string;\n  length?: PinCodeLength;\n  loading?: boolean;\n  message?: string;\n  name?: string;\n  required?: boolean;\n  state?: PinCodeState;\n  declare theme?: Theme;\n  type?: PinCodeType;\n  value?: string;\n  update = new EventEmitter<CustomEvent<PinCodeUpdateEventDetail>>();\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { SelectedAriaAttributes, PopoverAriaAttribute, PopoverDirection, Theme } from '../types';\n\n@Component({\n  selector: 'p-popover,[p-popover]',\n  template: '<ng-content />',\n  inputs: ['aria', 'description', 'direction', 'theme'],\n  standalone: false\n})\nexport class PPopover extends BaseComponentWithTheme {\n  aria?: SelectedAriaAttributes<PopoverAriaAttribute>;\n  description?: string;\n  direction?: PopoverDirection;\n  declare theme?: Theme;\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { BreakpointCustomizable, RadioButtonWrapperState, Theme } from '../types';\n\n@Component({\n  selector: 'p-radio-button-wrapper,[p-radio-button-wrapper]',\n  template: '<ng-content />',\n  inputs: ['hideLabel', 'label', 'loading', 'message', 'state', 'theme'],\n  standalone: false\n})\nexport class PRadioButtonWrapper extends BaseComponentWithTheme {\n  hideLabel?: BreakpointCustomizable<boolean>;\n  label?: string;\n  loading?: boolean;\n  message?: string;\n  state?: RadioButtonWrapperState;\n  declare theme?: Theme;\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { ScrollerAlignScrollIndicator, SelectedAriaAttributes, ScrollerAriaAttribute, ScrollerGradientColor, ScrollerGradientColorScheme, ScrollerScrollIndicatorPosition, ScrollerScrollToPosition, Theme } from '../types';\n\n@Component({\n  selector: 'p-scroller,[p-scroller]',\n  template: '<ng-content />',\n  inputs: ['alignScrollIndicator', 'aria', 'gradientColor', 'gradientColorScheme', 'scrollIndicatorPosition', 'scrollToPosition', 'scrollbar', 'theme'],\n  standalone: false\n})\nexport class PScroller extends BaseComponentWithTheme {\n  alignScrollIndicator?: ScrollerAlignScrollIndicator;\n  aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;\n  gradientColor?: ScrollerGradientColor;\n  /** @deprecated */\n  gradientColorScheme?: ScrollerGradientColorScheme;\n  /** @deprecated */\n  scrollIndicatorPosition?: ScrollerScrollIndicatorPosition;\n  scrollToPosition?: ScrollerScrollToPosition;\n  scrollbar?: boolean;\n  declare theme?: Theme;\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { SegmentedControlBackgroundColor, BreakpointCustomizable, SegmentedControlColumns, SegmentedControlUpdateEventDetail, Theme } from '../types';\n\n@Component({\n  selector: 'p-segmented-control,[p-segmented-control]',\n  template: '<ng-content />',\n  inputs: ['backgroundColor', 'columns', 'disabled', 'form', 'name', 'theme', 'value'],\n  outputs: ['segmentedControlChange', 'update'],\n  standalone: false\n})\nexport class PSegmentedControl extends BaseComponentWithTheme {\n  /** @deprecated */\n  backgroundColor?: SegmentedControlBackgroundColor;\n  columns?: BreakpointCustomizable<SegmentedControlColumns>;\n  disabled?: boolean;\n  form?: string;\n  name?: string;\n  declare theme?: Theme;\n  value?: string | number;\n  /** @deprecated */\n  segmentedControlChange = new EventEmitter<CustomEvent<SegmentedControlUpdateEventDetail>>();\n  update = new EventEmitter<CustomEvent<SegmentedControlUpdateEventDetail>>();\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { SelectedAriaAttributes, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon } from '../types';\n\n@Component({\n  selector: 'p-segmented-control-item,[p-segmented-control-item]',\n  template: '<ng-content />',\n  inputs: ['aria', 'disabled', 'icon', 'iconSource', 'label', 'value'],\n  standalone: false\n})\nexport class PSegmentedControlItem extends BaseComponent {\n  aria?: SelectedAriaAttributes<SegmentedControlItemAriaAttribute>;\n  disabled?: boolean;\n  icon?: SegmentedControlItemIcon;\n  iconSource?: string;\n  label?: string;\n  value: string | number;\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { SelectDropdownDirection, BreakpointCustomizable, SelectUpdateEventDetail, SelectState, Theme } from '../types';\n\n@Component({\n  selector: 'p-select,[p-select]',\n  template: '<ng-content />',\n  inputs: ['compact', 'description', 'disabled', 'dropdownDirection', 'form', 'hideLabel', 'label', 'message', 'name', 'required', 'state', 'theme', 'value'],\n  outputs: ['update'],\n  standalone: false\n})\nexport class PSelect extends BaseComponentWithTheme {\n  compact?: boolean;\n  description?: string;\n  disabled?: boolean;\n  dropdownDirection?: SelectDropdownDirection;\n  form?: string;\n  hideLabel?: BreakpointCustomizable<boolean>;\n  label?: string;\n  message?: string;\n  name: string;\n  required?: boolean;\n  state?: SelectState;\n  declare theme?: Theme;\n  value?: string;\n  update = new EventEmitter<CustomEvent<SelectUpdateEventDetail>>();\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\n\n@Component({\n  selector: 'p-select-option,[p-select-option]',\n  template: '<ng-content />',\n  inputs: ['disabled', 'value'],\n  standalone: false\n})\nexport class PSelectOption extends BaseComponent {\n  disabled?: boolean;\n  value?: string;\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { SelectWrapperDropdownDirection, BreakpointCustomizable, SelectWrapperState, Theme } from '../types';\n\n@Component({\n  selector: 'p-select-wrapper,[p-select-wrapper]',\n  template: '<ng-content />',\n  inputs: ['description', 'dropdownDirection', 'filter', 'hideLabel', 'label', 'message', 'native', 'state', 'theme'],\n  standalone: false\n})\nexport class PSelectWrapper extends BaseComponentWithTheme {\n  description?: string;\n  dropdownDirection?: SelectWrapperDropdownDirection;\n  filter?: boolean;\n  hideLabel?: BreakpointCustomizable<boolean>;\n  label?: string;\n  message?: string;\n  native?: boolean;\n  state?: SelectWrapperState;\n  declare theme?: Theme;\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { SelectedAriaAttributes, SheetAriaAttribute, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, Theme } from '../types';\n\n@Component({\n  selector: 'p-sheet,[p-sheet]',\n  template: '<ng-content />',\n  inputs: ['aria', 'disableBackdropClick', 'dismissButton', 'open', 'theme'],\n  outputs: ['dismiss', 'motionHiddenEnd', 'motionVisibleEnd'],\n  standalone: false\n})\nexport class PSheet extends BaseComponentWithTheme {\n  aria?: SelectedAriaAttributes<SheetAriaAttribute>;\n  disableBackdropClick?: boolean;\n  dismissButton?: boolean;\n  open: boolean;\n  declare theme?: Theme;\n  dismiss = new EventEmitter<CustomEvent<void>>();\n  motionHiddenEnd = new EventEmitter<CustomEvent<SheetMotionHiddenEndEventDetail>>();\n  motionVisibleEnd = new EventEmitter<CustomEvent<SheetMotionVisibleEndEventDetail>>();\n}","import { Component } from '@angular/core';\nimport { BaseComponentWithTheme } from '../../utils';\nimport type { SelectedAriaAttributes, SpinnerAriaAttribute, BreakpointCustomizable, SpinnerSize, Theme } from '../types';\n\n@Component({\n  selector: 'p-spinner,[p-spinner]',\n  template: '<ng-content />',\n  inputs: ['aria', 'size', 'theme'],\n  standalone: false\n})\nexport class PSpinner extends BaseComponentWithTheme {\n  aria?: SelectedAriaAttributes<SpinnerAriaAttribute>;\n  size?: BreakpointCustomizable<SpinnerSize>;\n  declare theme?: Theme;\n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponentWithTh