@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/ai-tag.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-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/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/drilldown.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/drilldown-item.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/drilldown-link.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/fieldset.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/flag.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/flyout.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/heading.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/input-date.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/input-email.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/input-month.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/input-number.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/input-password.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/input-search.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/input-tel.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/input-text.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/input-time.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/input-url.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/input-week.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-tile.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/link-tile-product.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-group.wrapper.ts","../../../projects/angular-wrapper/src/lib/components/radio-group-option.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/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-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/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 { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, type OnChanges } from '@angular/core';\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 as Record<string, any>)[prop] = props[prop].currentValue;\n    }\n  }\n}\n","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, BreakpointCustomizable, AccordionUpdateEventDetail, AccordionSize } from '../types';\n\nexport type PAccordionProps = {\n  /**\n   * Positions the expand/collapse marker icon at the start or end of the summary section.\n   * @default 'end'\n   */\n  alignMarker?: AccordionAlignMarker;\n  /**\n   * Sets the background color of the accordion panel. Use `frosted` only when placed on images, videos, or gradients.\n   * @default 'none'\n   */\n  background?: AccordionBackground;\n  /**\n   * Reduces padding and spacing for a more compact layout, useful in space-constrained interfaces.\n   */\n  compact?: boolean;\n  /**\n   * @deprecated Will be removed in the next major release. Use the `summary` slot instead. Sets the heading text within the summary section.\n   */\n  heading?: string;\n  /**\n   * @deprecated Will be removed in the next major release. Use the `summary` slot instead. Sets the heading tag for proper semantic structure within the page.\n   * @default 'h2'\n   */\n  headingTag?: AccordionHeadingTag;\n  /**\n   * Indents the slotted content to be vertically aligned with the text of the summary section.\n   * @default false\n   */\n  indent?: BreakpointCustomizable<boolean>;\n  /**\n   * Controls whether the accordion is open or closed.\n   */\n  open?: boolean;\n  /**\n   * @deprecated Will be removed in the next major release. Use the `summary` slot instead. Controls the heading size in the summary section (only applies when using the `heading` prop or `heading` slot).\n   * @default 'small'\n   */\n  size?: BreakpointCustomizable<AccordionSize>;\n  /**\n   * @experimental Makes the summary section sticky at the top while scrolling. Only works with `background=\"canvas\"` or `background=\"surface\"`. Not compatible with `summary-before` or `summary-after` slots.\n   */\n  sticky?: boolean;\n};\n\n@Component({\n  selector: 'p-accordion,[p-accordion]',\n  template: '<ng-content />',\n  inputs: ['alignMarker', 'background', 'compact', 'heading', 'headingTag', 'indent', 'open', 'size', 'sticky'],\n  outputs: ['update'],\n  standalone: false\n})\nexport class PAccordion extends BaseComponent {\n  alignMarker?: AccordionAlignMarker;\n  background?: AccordionBackground;\n  compact?: boolean;\n  /** @deprecated */\n  heading?: string;\n  /** @deprecated */\n  headingTag?: AccordionHeadingTag;\n  indent?: BreakpointCustomizable<boolean>;\n  open?: boolean;\n  /** @deprecated */\n  size?: BreakpointCustomizable<AccordionSize>;\n  sticky?: boolean;\n  update = new EventEmitter<CustomEvent<AccordionUpdateEventDetail>>();\n  \n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { AiTagLocale, AiTagVariant } from '../types';\n\nexport type PAiTagProps = {\n  /**\n   * Locale for the AI text (ISO format, e.g. \"de_DE\").\n   * @default 'en_US'\n   */\n  locale?: AiTagLocale;\n  /**\n   * Variant to display: 'abbreviation' (e.g. \"AI\"), 'generated' (e.g. \"AI-generated\"), or 'modified' (e.g. \"AI-modified\").\n   * @default 'generated'\n   */\n  variant?: AiTagVariant;\n};\n\n@Component({\n  selector: 'p-ai-tag,[p-ai-tag]',\n  template: '<ng-content />',\n  inputs: ['locale', 'variant'],\n  standalone: false\n})\nexport class PAiTag extends BaseComponent {\n  locale?: AiTagLocale;\n  variant?: AiTagVariant;\n  \n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { BannerHeadingTag, BreakpointCustomizable, BannerPosition, BannerState } from '../types';\n\nexport type PBannerProps = {\n  /**\n   * Sets the supporting description text shown below the heading.\n   * @default ''\n   */\n  description?: string;\n  /**\n   * Shows a dismiss button so the user can manually close the banner.\n   * @default true\n   */\n  dismissButton?: boolean;\n  /**\n   * Sets the heading text displayed at the top of the banner.\n   * @default ''\n   */\n  heading?: string;\n  /**\n   * Sets the HTML heading tag (e.g. h2, h3) to maintain correct document structure for the heading.\n   * @default 'h5'\n   */\n  headingTag?: BannerHeadingTag;\n  /**\n   * Controls whether the banner is visible. Set to `true` to show it and `false` to hide it.\n   * @default false\n   */\n  open: boolean;\n  /**\n   * Sets the position of the banner on screen — `top` or `bottom`. Supports responsive breakpoint values.\n   * @default { base: 'bottom', s: 'top' }\n   */\n  position?: BreakpointCustomizable<BannerPosition>;\n  /**\n   * Sets the visual state of the banner — controls the icon and color scheme (`info`, `warning`, `error`, `success`).\n   * @default 'info'\n   */\n  state?: BannerState;\n};\n\n@Component({\n  selector: 'p-banner,[p-banner]',\n  template: '<ng-content />',\n  inputs: ['description', 'dismissButton', 'heading', 'headingTag', 'open', 'position', 'state'],\n  outputs: ['dismiss'],\n  standalone: false\n})\nexport class PBanner extends BaseComponent {\n  description?: string;\n  dismissButton?: boolean;\n  heading?: string;\n  headingTag?: BannerHeadingTag;\n  open!: boolean;\n  position?: BreakpointCustomizable<BannerPosition>;\n  state?: BannerState;\n  dismiss = new EventEmitter<CustomEvent<void>>();\n  \n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { SelectedAriaAttributes, ButtonAriaAttribute, BreakpointCustomizable, ButtonIcon, ButtonType, ButtonVariant } from '../types';\n\nexport type PButtonProps = {\n  /**\n   * Sets ARIA attributes on the button to improve accessibility for screen readers.\n   */\n  aria?: SelectedAriaAttributes<ButtonAriaAttribute>;\n  /**\n   * Reduces the button's height and padding for denser layouts. Supports responsive breakpoint values.\n   * @default false\n   */\n  compact?: BreakpointCustomizable<boolean>;\n  /**\n   * Disables the button, preventing all interaction and blocking events.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Associates the button with a form element by its ID, so it can submit or reset that form even when placed outside of it.\n   */\n  form?: string;\n  /**\n   * Hides the visible label while keeping it accessible to screen readers. Supports responsive breakpoint values.\n   * @default false\n   */\n  hideLabel?: BreakpointCustomizable<boolean>;\n  /**\n   * Sets the icon displayed inside the button. Use `none` to show no icon.\n   * @default 'none'\n   */\n  icon?: ButtonIcon;\n  /**\n   * Sets a path to a custom SVG icon, used instead of the built-in icon set.\n   */\n  iconSource?: string;\n  /**\n   * Disables the button and replaces its content with a loading spinner to indicate an ongoing operation.\n   * @default false\n   */\n  loading?: boolean;\n  /**\n   * Sets the name submitted with the form data when this button triggers form submission.\n   */\n  name?: string;\n  /**\n   * Sets the button's HTML type — `submit` sends the form, `reset` clears it, `button` performs no default action.\n   * @default 'submit'\n   */\n  type?: ButtonType;\n  /**\n   * Sets the value submitted with the form data when this button triggers form submission, paired with `name`.\n   */\n  value?: string;\n  /**\n   * Sets the visual style variant of the button (e.g. `primary`, `secondary`, `tertiary`).\n   * @default 'primary'\n   */\n  variant?: ButtonVariant;\n};\n\n@Component({\n  selector: 'p-button,[p-button]',\n  template: '<ng-content />',\n  inputs: ['aria', 'compact', 'disabled', 'form', 'hideLabel', 'icon', 'iconSource', 'loading', 'name', 'type', 'value', 'variant'],\n  standalone: false\n})\nexport class PButton extends BaseComponent {\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  type?: ButtonType;\n  value?: string;\n  variant?: ButtonVariant;\n  \n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType } from '../types';\n\nexport type PButtonPureProps = {\n  /**\n   * Visually marks the button as the currently active or selected item, useful for navigation and toggle patterns.\n   * @default false\n   */\n  active?: boolean;\n  /**\n   * Sets the label position relative to the icon — `start` places it before, `end` places it after. Supports responsive breakpoint values.\n   * @default 'end'\n   */\n  alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;\n  /**\n   * Sets ARIA attributes on the button to improve accessibility for screen readers.\n   */\n  aria?: SelectedAriaAttributes<ButtonPureAriaAttribute>;\n  /**\n   * Sets the foreground color of the button's icon and label text.\n   * @default 'primary'\n   */\n  color?: ButtonPureColor;\n  /**\n   * Disables the button, preventing all interaction and blocking events.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Associates the button with a form element by its ID, so it can submit or reset that form even when placed outside of it.\n   */\n  form?: string;\n  /**\n   * Hides the visible label while keeping it accessible to screen readers. Supports responsive breakpoint values.\n   * @default false\n   */\n  hideLabel?: BreakpointCustomizable<boolean>;\n  /**\n   * Sets the icon displayed next to the label.\n   * @default 'arrow-right'\n   */\n  icon?: ButtonPureIcon;\n  /**\n   * Sets a path to a custom SVG icon, used instead of the built-in icon set.\n   */\n  iconSource?: string;\n  /**\n   * Disables the button and replaces its icon with a loading spinner to indicate an ongoing operation.\n   * @default false\n   */\n  loading?: boolean;\n  /**\n   * Sets the name submitted with the form data when this button triggers form submission.\n   */\n  name?: string;\n  /**\n   * Sets the font size of the button label. Supports responsive breakpoint values.\n   * @default 'sm'\n   */\n  size?: BreakpointCustomizable<ButtonPureSize>;\n  /**\n   * Expands the space between icon and label to fill the full container width. Supports responsive breakpoint values.\n   * @default false\n   */\n  stretch?: BreakpointCustomizable<boolean>;\n  /**\n   * Sets the button's HTML type — `submit` sends the form, `reset` clears it, `button` performs no default action.\n   * @default 'submit'\n   */\n  type?: ButtonPureType;\n  /**\n   * Adds a text underline to the label to reinforce the button's link-like appearance.\n   * @default false\n   */\n  underline?: boolean;\n  /**\n   * Sets the value submitted with the form data when this button triggers form submission, paired with `name`.\n   */\n  value?: string;\n};\n\n@Component({\n  selector: 'p-button-pure,[p-button-pure]',\n  template: '<ng-content />',\n  inputs: ['active', 'alignLabel', 'aria', 'color', 'disabled', 'form', 'hideLabel', 'icon', 'iconSource', 'loading', 'name', 'size', 'stretch', 'type', 'underline', 'value'],\n  standalone: false\n})\nexport class PButtonPure extends BaseComponent {\n  active?: boolean;\n  alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;\n  aria?: SelectedAriaAttributes<ButtonPureAriaAttribute>;\n  color?: ButtonPureColor;\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  type?: ButtonPureType;\n  underline?: boolean;\n  value?: string;\n  \n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';\n\nexport type PButtonTileProps = {\n  /**\n   * Controls the vertical placement of the description and button — `top` or `bottom`.\n   * @default 'bottom'\n   */\n  align?: ButtonTileAlign;\n  /**\n   * Sets ARIA attributes on the tile's action button to improve accessibility for screen readers.\n   */\n  aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;\n  /**\n   * Sets the width-to-height ratio of the tile media area. Supports responsive breakpoint values.\n   * @default '4/3'\n   */\n  aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;\n  /**\n   * Renders only the icon button without the full label. Supports responsive breakpoint values.\n   * @default false\n   */\n  compact?: BreakpointCustomizable<boolean>;\n  /**\n   * Sets the description text displayed in the tile's content area.\n   */\n  description: string;\n  /**\n   * Disables the tile, preventing button interaction.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Shows a gradient overlay over the media slot to improve text legibility on bright images or videos.\n   * @default false\n   */\n  gradient?: boolean;\n  /**\n   * Sets the icon displayed in the tile's action button. Use `none` to show no icon.\n   * @default 'none'\n   */\n  icon?: ButtonTileIcon;\n  /**\n   * Sets a path to a custom SVG icon for the action button, used instead of the built-in icon set.\n   */\n  iconSource?: string;\n  /**\n   * Sets the accessible label text of the action button rendered inside the tile.\n   */\n  label: string;\n  /**\n   * Disables the tile and shows a loading spinner to indicate an ongoing operation.\n   * @default false\n   */\n  loading?: boolean;\n  /**\n   * Sets the font size of the description text in the tile content area. Supports responsive breakpoint values.\n   * @default 'medium'\n   */\n  size?: BreakpointCustomizable<ButtonTileSize>;\n  /**\n   * Sets the button's HTML type — `submit` sends the form, `reset` clears it, `button` performs no default action.\n   * @default 'submit'\n   */\n  type?: ButtonTileType;\n  /**\n   * Sets the font weight of the description text in the tile content area. Supports responsive breakpoint values.\n   * @default 'semi-bold'\n   */\n  weight?: BreakpointCustomizable<ButtonTileWeight>;\n};\n\n@Component({\n  selector: 'p-button-tile,[p-button-tile]',\n  template: '<ng-content />',\n  inputs: ['align', 'aria', 'aspectRatio', '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  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  \n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { CanvasBackground, CanvasSidebarStartUpdateEventDetail } from '../types';\n\nexport type PCanvasProps = {\n  /**\n   * Sets the background color of the main content area and automatically applies a matching color to the sidebar.\n   * @default 'canvas'\n   */\n  background?: CanvasBackground;\n  /**\n   * Controls whether the utility sidebar on the end side (right in LTR) is open or collapsed.\n   * @default false\n   */\n  sidebarEndOpen?: boolean;\n  /**\n   * Controls whether the navigation sidebar on the start side (left in LTR) is open or collapsed.\n   * @default false\n   */\n  sidebarStartOpen?: boolean;\n};\n\n@Component({\n  selector: 'p-canvas,[p-canvas]',\n  template: '<ng-content />',\n  inputs: ['background', 'sidebarEndOpen', 'sidebarStartOpen'],\n  outputs: ['sidebarEndDismiss', 'sidebarStartUpdate'],\n  standalone: false\n})\nexport class PCanvas extends BaseComponent {\n  background?: CanvasBackground;\n  sidebarEndOpen?: boolean;\n  sidebarStartOpen?: boolean;\n  sidebarEndDismiss = new EventEmitter<CustomEvent<void>>();\n  sidebarStartUpdate = new EventEmitter<CustomEvent<CanvasSidebarStartUpdateEventDetail>>();\n  \n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { CarouselAlignControls, CarouselAlignHeader, SelectedAriaAttributes, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselUpdateEventDetail, BreakpointCustomizable, CarouselSlidesPerPage, CarouselWidth } from '../types';\n\nexport type PCarouselProps = {\n  /**\n   * Sets the zero-based index of the currently visible slide. Update this to navigate programmatically.\n   * @default 0\n   */\n  activeSlideIndex?: number;\n  /**\n   * Controls the alignment of custom slotted controls within the header area.\n   * @default 'auto'\n   */\n  alignControls?: CarouselAlignControls;\n  /**\n   * Controls the horizontal alignment of the heading and description.\n   * @default 'start'\n   */\n  alignHeader?: CarouselAlignHeader;\n  /**\n   * Sets ARIA attributes on the carousel region element for improved accessibility.\n   */\n  aria?: SelectedAriaAttributes<CarouselAriaAttribute>;\n  /**\n   * Sets the description text displayed below the heading for additional context.\n   */\n  description?: string;\n  /**\n   * When enabled, each slide is individually focusable and the carousel navigates one slide at a time instead of one page.\n   * @default false\n   */\n  focusOnCenterSlide?: boolean;\n  /**\n   * Shows a gradient fade at the start and end edges to visually indicate more slides beyond the viewport.\n   * @default false\n   */\n  gradient?: boolean;\n  /**\n   * Sets the heading text displayed above the carousel. Also used as the accessible label when no `aria` prop is set.\n   */\n  heading?: string;\n  /**\n   * Sets the font size of the carousel heading.\n   * @default 'x-large'\n   */\n  headingSize?: CarouselHeadingSize;\n  /**\n   * Overrides the default label strings used for the previous, next, and page indicators — useful for localization.\n   */\n  intl?: CarouselInternationalization;\n  /**\n   * Shows pagination dot indicators below the carousel. Supports responsive breakpoint values.\n   * @default false\n   */\n  pagination?: BreakpointCustomizable<boolean>;\n  /**\n   * Enables infinite looping — navigating past the last slide wraps back to the first, and vice versa.\n   * @default false\n   */\n  rewind?: boolean;\n  /**\n   * Sets the `href` of an in-page skip link that lets keyboard users jump past the carousel slides.\n   */\n  skipLinkTarget?: string;\n  /**\n   * Sets how many slides are visible at once. Use `auto` to control each slide's width via CSS. Supports responsive breakpoint values.\n   * @default 1\n   */\n  slidesPerPage?: BreakpointCustomizable<CarouselSlidesPerPage>;\n  /**\n   * Removes whitespace before the first and after the last slide when `focusOnCenterSlide` is enabled.\n   * @default false\n   */\n  trimSpace?: boolean;\n  /**\n   * Sets the maximum width and outer spacing of the carousel, aligned to PDS grid widths.\n   * @default 'basic'\n   */\n  width?: CarouselWidth;\n};\n\n@Component({\n  selector: 'p-carousel,[p-carousel]',\n  template: '<ng-content />',\n  inputs: ['activeSlideIndex', 'alignControls', 'alignHeader', 'aria', 'description', 'focusOnCenterSlide', 'gradient', 'heading', 'headingSize', 'intl', 'pagination', 'rewind', 'skipLinkTarget', 'slidesPerPage', 'trimSpace', 'width'],\n  outputs: ['update'],\n  standalone: false\n})\nexport class PCarousel extends BaseComponent {\n  activeSlideIndex?: number;\n  alignControls?: CarouselAlignControls;\n  alignHeader?: CarouselAlignHeader;\n  aria?: SelectedAriaAttributes<CarouselAriaAttribute>;\n  description?: string;\n  focusOnCenterSlide?: boolean;\n  gradient?: boolean;\n  heading?: string;\n  headingSize?: CarouselHeadingSize;\n  intl?: CarouselInternationalization;\n  pagination?: BreakpointCustomizable<boolean>;\n  rewind?: boolean;\n  skipLinkTarget?: string;\n  slidesPerPage?: BreakpointCustomizable<CarouselSlidesPerPage>;\n  trimSpace?: boolean;\n  width?: CarouselWidth;\n  update = new EventEmitter<CustomEvent<CarouselUpdateEventDetail>>();\n  \n}","import { ChangeDetectorRef, Component, ElementRef, EventEmitter, Renderer2, forwardRef } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { BreakpointCustomizable, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState } from '../types';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport type PCheckboxProps = {\n  /**\n   * Reflects the checkbox's current checked state and allows setting the initial checked value on load.\n   * @default false\n   */\n  checked?: boolean;\n  /**\n   * Reduces the checkbox size and spacing for a more compact layout.\n   * @default false\n   */\n  compact?: boolean;\n  /**\n   * Disables the checkbox, preventing all interaction. The value is not submitted with the form.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Associates the checkbox with a form element by its ID when not directly nested inside it.\n   */\n  form?: string;\n  /**\n   * Hides the visible label while keeping it accessible to screen readers. Supports responsive breakpoint values.\n   * @default false\n   */\n  hideLabel?: BreakpointCustomizable<boolean>;\n  /**\n   * Puts the checkbox into an indeterminate state, indicating that a group of child items is only partially selected.\n   * @default false\n   */\n  indeterminate?: boolean;\n  /**\n   * Sets the visible label text displayed next to the checkbox.\n   * @default ''\n   */\n  label?: string;\n  /**\n   * @experimental Disables the checkbox and displays a loading spinner to indicate an ongoing operation.\n   * @default false\n   */\n  loading?: boolean;\n  /**\n   * Sets the validation feedback message displayed below the checkbox when `state` is `success` or `error`.\n   * @default ''\n   */\n  message?: string;\n  /**\n   * Sets the name submitted with the form data to identify this checkbox's value on the server.\n   * @default ''\n   */\n  name?: string;\n  /**\n   * Marks the checkbox as required — form submission is blocked unless the checkbox is checked.\n   * @default false\n   */\n  required?: boolean;\n  /**\n   * Sets the validation state, controlling the visual appearance and style of the feedback message (`none`, `success`, `error`).\n   * @default 'none'\n   */\n  state?: CheckboxState;\n  /**\n   * Sets the value submitted with the form data when the checkbox is checked. Unchecked checkboxes are excluded from form submissions.\n   * @default 'on'\n   */\n  value?: string;\n};\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', 'value'],\n  outputs: ['blur', 'change'],\n  standalone: false,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => PCheckbox),\n      multi: true,\n    },\n  ],\n  host: {\n    '(change)': '_onChange($event.target.checked)',\n    '(blur)': '_onTouched()'\n  }\n})\nexport class PCheckbox extends BaseComponent implements ControlValueAccessor {\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  value?: string;\n  blur = new EventEmitter<CustomEvent<CheckboxBlurEventDetail>>();\n  change = new EventEmitter<CustomEvent<CheckboxChangeEventDetail>>();\n  constructor(\n    private _renderer: Renderer2,\n    private _elementRef: ElementRef,\n    private _cdr: ChangeDetectorRef\n  ) {\n    super(_cdr, _elementRef);\n  }\n\n  _onChange: (value: any) => void = () => {};\n  _onTouched: () => void = () => {};\n\n  writeValue(value: any): void {\n    this._renderer.setProperty(this._elementRef.nativeElement, 'checked', value);\n  }\n\n  registerOnChange(fn: any): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);\n  }\n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { SelectedAriaAttributes, CrestAriaAttribute, CrestTarget } from '../types';\n\nexport type PCrestProps = {\n  /**\n   * Sets ARIA attributes on the anchor element to improve accessibility when the crest is used as a link.\n   */\n  aria?: SelectedAriaAttributes<CrestAriaAttribute>;\n  /**\n   * When set, renders the crest as an anchor element navigating to this URL when clicked.\n   */\n  href?: string;\n  /**\n   * Specifies where to open the linked URL (e.g. `_self`, `_blank`). Only applies when `href` is set.\n   * @default '_self'\n   */\n  target?: CrestTarget;\n};\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  \n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { DisplayAlign, DisplayColor, BreakpointCustomizable, DisplaySize, DisplayTag } from '../types';\n\nexport type PDisplayProps = {\n  /**\n   * Sets the horizontal text alignment (`start`, `center`, `end`, or `inherit`).\n   * @default 'start'\n   */\n  align?: DisplayAlign;\n  /**\n   * Sets the text color using PDS color tokens.\n   * @default 'primary'\n   */\n  color?: DisplayColor;\n  /**\n   * Truncates the text with an ellipsis when it overflows the container on a single line.\n   * @default false\n   */\n  ellipsis?: boolean;\n  /**\n   * Sets the visual text size. Supports responsive breakpoint values.\n   * @default 'large'\n   */\n  size?: BreakpointCustomizable<DisplaySize>;\n  /**\n   * Sets the HTML heading tag (h1–h6) for correct document outline placement. When omitted, the tag is inferred from `size`.\n   */\n  tag?: DisplayTag;\n};\n\n/** @deprecated since v4.0.0, will be removed with next major release. Please use `p-heading` instead. */\n@Component({\n  selector: 'p-display,[p-display]',\n  template: '<ng-content />',\n  inputs: ['align', 'color', 'ellipsis', 'size', 'tag'],\n  standalone: false\n})\nexport class PDisplay extends BaseComponent {\n  align?: DisplayAlign;\n  color?: DisplayColor;\n  ellipsis?: boolean;\n  size?: BreakpointCustomizable<DisplaySize>;\n  tag?: DisplayTag;\n  \n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { DividerColor, BreakpointCustomizable, DividerDirection } from '../types';\n\nexport type PDividerProps = {\n  /**\n   * Sets the color of the divider line using PDS contrast tokens.\n   * @default 'contrast-lower'\n   */\n  color?: DividerColor;\n  /**\n   * Sets the orientation of the divider to `horizontal` or `vertical`. Supports responsive breakpoint values.\n   * @default 'horizontal'\n   */\n  direction?: BreakpointCustomizable<DividerDirection>;\n};\n\n@Component({\n  selector: 'p-divider,[p-divider]',\n  template: '<ng-content />',\n  inputs: ['color', 'direction'],\n  standalone: false\n})\nexport class PDivider extends BaseComponent {\n  color?: DividerColor;\n  direction?: BreakpointCustomizable<DividerDirection>;\n  \n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { SelectedAriaAttributes, DrilldownAriaAttribute, DrilldownUpdateEventDetail } from '../types';\n\nexport type PDrilldownProps = {\n  /**\n   * Sets which `p-drilldown-item` (by `identifier`) is currently expanded to show its sub-navigation level.\n   */\n  activeIdentifier?: string | undefined;\n  /**\n   * Sets ARIA attributes on the drilldown dialog element for improved screen reader accessibility.\n   */\n  aria?: SelectedAriaAttributes<DrilldownAriaAttribute>;\n  /**\n   * Controls whether the drilldown navigation panel is visible.\n   * @default false\n   */\n  open?: boolean;\n};\n\n@Component({\n  selector: 'p-drilldown,[p-drilldown]',\n  template: '<ng-content />',\n  inputs: ['activeIdentifier', 'aria', 'open'],\n  outputs: ['dismiss', 'update'],\n  standalone: false\n})\nexport class PDrilldown extends BaseComponent {\n  activeIdentifier?: string | undefined;\n  aria?: SelectedAriaAttributes<DrilldownAriaAttribute>;\n  open?: boolean;\n  dismiss = new EventEmitter<CustomEvent<void>>();\n  update = new EventEmitter<CustomEvent<DrilldownUpdateEventDetail>>();\n  \n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\n\nexport type PDrilldownItemProps = {\n  /**\n   * Private property set by the component itself.\n   * @default false\n   */\n  cascade?: boolean;\n  /**\n   * Sets the unique identifier matched against the drilldown's `activeIdentifier` to determine if this item is shown.\n   */\n  identifier: string;\n  /**\n   * Sets the text used for the back button, sticky header, and cascade button that navigates into this navigation level.\n   */\n  label?: string;\n  /**\n   * Private property set by the component itself.\n   * @default false\n   */\n  primary?: boolean;\n  /**\n   * Private property set by the component itself.\n   * @default false\n   */\n  secondary?: boolean;\n};\n\n@Component({\n  selector: 'p-drilldown-item,[p-drilldown-item]',\n  template: '<ng-content />',\n  inputs: ['cascade', 'identifier', 'label', 'primary', 'secondary'],\n  standalone: false\n})\nexport class PDrilldownItem extends BaseComponent {\n  cascade?: boolean;\n  identifier!: string;\n  label?: string;\n  primary?: boolean;\n  secondary?: boolean;\n  \n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { SelectedAriaAttributes, DrilldownLinkAriaAttribute, DrilldownLinkTarget } from '../types';\n\nexport type PDrilldownLinkProps = {\n  /**\n   * Visually marks the link as the currently active navigation item, e.g. the current page.\n   * @default false\n   */\n  active?: boolean;\n  /**\n   * Sets ARIA attributes on the link for improved accessibility. Only applies when `href` is set.\n   */\n  aria?: SelectedAriaAttributes<DrilldownLinkAriaAttribute>;\n  /**\n   * Sets the native `download` attribute to trigger a file download. Only applies when `href` is set.\n   */\n  download?: string;\n  /**\n   * When set, the component renders as an anchor navigating to this URL. Otherwise, provide a slotted anchor element.\n   */\n  href?: string;\n  /**\n   * Sets the `rel` attribute on the link element (e.g. `noopener`). Only applies when `href` is set.\n   */\n  rel?: string;\n  /**\n   * Specifies where to open the linked URL (e.g. `_self`, `_blank`). Only applies when `href` is set.\n   * @default '_self'\n   */\n  target?: DrilldownLinkTarget;\n};\n\n@Component({\n  selector: 'p-drilldown-link,[p-drilldown-link]',\n  template: '<ng-content />',\n  inputs: ['active', 'aria', 'download', 'href', 'rel', 'target'],\n  standalone: false\n})\nexport class PDrilldownLink extends BaseComponent {\n  active?: boolean;\n  aria?: SelectedAriaAttributes<DrilldownLinkAriaAttribute>;\n  download?: string;\n  href?: string;\n  rel?: string;\n  target?: DrilldownLinkTarget;\n  \n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { SelectedAriaRole, FieldsetLabelSize, FieldsetState } from '../types';\n\nexport type PFieldsetProps = {\n  /**\n   * Overrides the ARIA role on the fieldset — use `radiogroup` when grouping radio buttons.\n   */\n  aria?: SelectedAriaRole<\"radiogroup\">;\n  /**\n   * Sets the visible legend text displayed above the grouped form controls.\n   * @default ''\n   */\n  label?: string;\n  /**\n   * Sets the font size of the fieldset label (`small`, `medium`, or `large`).\n   * @default 'medium'\n   */\n  labelSize?: FieldsetLabelSize;\n  /**\n   * Sets the validation feedback message displayed below the fieldset when `state` is `success` or `error`.\n   * @default ''\n   */\n  message?: string;\n  /**\n   * Marks all controls within the fieldset as required and adds a required indicator to the label.\n   * @default false\n   */\n  required?: boolean;\n  /**\n   * Sets the validation state of the fieldset, controlling the color and style of the feedback message.\n   * @default 'none'\n   */\n  state?: FieldsetState;\n};\n\n@Component({\n  selector: 'p-fieldset,[p-fieldset]',\n  template: '<ng-content />',\n  inputs: ['aria', 'label', 'labelSize', 'message', 'required', 'state'],\n  standalone: false\n})\nexport class PFieldset extends BaseComponent {\n  aria?: SelectedAriaRole<\"radiogroup\">;\n  label?: string;\n  labelSize?: FieldsetLabelSize;\n  message?: string;\n  required?: boolean;\n  state?: FieldsetState;\n  \n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { SelectedAriaAttributes, FlagAriaAttribute, FlagName, BreakpointCustomizable, FlagSize } from '../types';\n\nexport type PFlagProps = {\n  /**\n   * A map of ARIA attributes to enhance the flag's accessibility. For example, use `{ 'aria-label': 'German flag' }` to provide a descriptive label for screen readers.\n   */\n  aria?: SelectedAriaAttributes<FlagAriaAttribute>;\n  /**\n   * Specifies the country flag to display. Use the two-letter ISO 3166-1 alpha-2 country code. For example, use `us` for the United States, `de` for Germany, `gb` for Great Britain.\n   * @default 'de'\n   */\n  name?: FlagName;\n  /**\n   * Defines the size of the flag, aligned with the typographic scale used by components such as p-icon, p-spinner, p-text, and p-heading. When set to `inherit`, the size is derived from a custom font-size defined on a parent element, calculated against the global line-height (based on `ex`-unit) to remain visually consistent with other typographic-scale-based components.\n   * @default 'sm'\n   */\n  size?: BreakpointCustomizable<FlagSize>;\n};\n\n@Component({\n  selector: 'p-flag,[p-flag]',\n  template: '<ng-content />',\n  inputs: ['aria', 'name', 'size'],\n  standalone: false\n})\nexport class PFlag extends BaseComponent {\n  aria?: SelectedAriaAttributes<FlagAriaAttribute>;\n  name?: FlagName;\n  size?: BreakpointCustomizable<FlagSize>;\n  \n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { SelectedAriaAttributes, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, BreakpointCustomizable, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition } from '../types';\n\nexport type PFlyoutProps = {\n  /**\n   * Sets ARIA attributes on the flyout dialog element for improved screen reader accessibility.\n   */\n  aria?: SelectedAriaAttributes<FlyoutAriaAttribute>;\n  /**\n   * Sets the backdrop style. Use `blur` when background content is irrelevant; use `shading` when users still need visual context.\n   * @default 'blur'\n   */\n  backdrop?: FlyoutBackdrop;\n  /**\n   * Sets the background color of the flyout panel (`canvas` or `surface`).\n   * @default 'canvas'\n   */\n  background?: FlyoutBackground;\n  /**\n   * When enabled, clicking the backdrop will not close the flyout.\n   * @default false\n   */\n  disableBackdropClick?: boolean;\n  /**\n   * Controls footer behavior. `fixed` keeps it anchored at the bottom; `sticky` pins it only when content overflows.\n   * @default 'sticky'\n   */\n  footerBehavior?: FlyoutFooterBehavior;\n  /**\n   * If true the flyout stretches to the full viewport width with squared corners. Useful for smaller viewports where the flyout would otherwise fill the screen but still show rounded corners.\n   * @default false\n   */\n  fullscreen?: BreakpointCustomizable<boolean>;\n  /**\n   * Controls whether the flyout panel is visible.\n   * @default false\n   */\n  open: boolean;\n  /**\n   * Sets the side the flyout slides in from — `start` for left or `end` for right in LTR layouts.\n   * @default 'end'\n   */\n  position?: FlyoutPosition;\n};\n\n@Component({\n  selector: 'p-flyout,[p-flyout]',\n  template: '<ng-content />',\n  inputs: ['aria', 'backdrop', 'background', 'disableBackdropClick', 'footerBehavior', 'fullscreen', 'open', 'position'],\n  outputs: ['dismiss', 'motionHiddenEnd', 'motionVisibleEnd'],\n  standalone: false\n})\nexport class PFlyout extends BaseComponent {\n  aria?: SelectedAriaAttributes<FlyoutAriaAttribute>;\n  backdrop?: FlyoutBackdrop;\n  background?: FlyoutBackground;\n  disableBackdropClick?: boolean;\n  footerBehavior?: FlyoutFooterBehavior;\n  fullscreen?: BreakpointCustomizable<boolean>;\n  open!: boolean;\n  position?: FlyoutPosition;\n  dismiss = new EventEmitter<CustomEvent<void>>();\n  motionHiddenEnd = new EventEmitter<CustomEvent<FlyoutMotionHiddenEndEventDetail>>();\n  motionVisibleEnd = new EventEmitter<CustomEvent<FlyoutMotionVisibleEndEventDetail>>();\n  \n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { HeadingAlign, HeadingColor, HeadingHyphens, BreakpointCustomizable, HeadingSize, HeadingTag, HeadingWeight } from '../types';\n\nexport type PHeadingProps = {\n  /**\n   * Sets the horizontal text alignment (`start`, `center`, `end`, or `inherit`).\n   * @default 'start'\n   */\n  align?: HeadingAlign;\n  /**\n   * Sets the text color using PDS color tokens.\n   * @default 'primary'\n   */\n  color?: HeadingColor;\n  /**\n   * Truncates the text with an ellipsis when it overflows the container on a single line. Cannot be combined with multi-line content.\n   * @default false\n   */\n  ellipsis?: boolean;\n  /**\n   * Controls hyphenation behavior — `auto` lets the browser decide, `manual` only breaks at `&shy;`, `none` disables it entirely.\n   * @default 'none'\n   */\n  hyphens?: HeadingHyphens;\n  /**\n   * Sets the visual size of the heading. Use `inherit` to derive size from the parent. Supports responsive breakpoint values.\n   * @default '2xl'\n   */\n  size?: BreakpointCustomizable<HeadingSize>;\n  /**\n   * Sets the HTML heading tag (h1–h6) for correct document outline placement. When omitted, the tag is inferred from `size`.\n   */\n  tag?: HeadingTag;\n  /**\n   * Sets the font weight — `normal`, `semibold`, or `bold`.\n   * @default 'normal'\n   */\n  weight?: HeadingWeight;\n};\n\n@Component({\n  selector: 'p-heading,[p-heading]',\n  template: '<ng-content />',\n  inputs: ['align', 'color', 'ellipsis', 'hyphens', 'size', 'tag', 'weight'],\n  standalone: false\n})\nexport class PHeading extends BaseComponent {\n  align?: HeadingAlign;\n  color?: HeadingColor;\n  ellipsis?: boolean;\n  hyphens?: HeadingHyphens;\n  size?: BreakpointCustomizable<HeadingSize>;\n  tag?: HeadingTag;\n  weight?: HeadingWeight;\n  \n}","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { SelectedAriaAttributes, IconAriaAttribute, IconColor, IconName, BreakpointCustomizable, IconSize } from '../types';\n\nexport type PIconProps = {\n  /**\n   * Sets ARIA attributes on the icon — use `aria-label` to make the icon meaningful to screen readers when it conveys information.\n   */\n  aria?: SelectedAriaAttributes<IconAriaAttribute>;\n  /**\n   * Sets the fill color of the icon using PDS color tokens.\n   * @default 'primary'\n   */\n  color?: IconColor;\n  /**\n   * Selects an icon from the built-in PDS icon library by name (e.g. `arrow-right`, `close`).\n   * @default 'arrow-right'\n   */\n  name?: IconName;\n  /**\n   * Sets the icon size using the PDS typographic scale. Use `inherit` to derive size from the parent element. Supports responsive breakpoint values.\n   * @default 'sm'\n   */\n  size?: BreakpointCustomizable<IconSize>;\n  /**\n   * Sets a path to a custom SVG icon, used instead of the built-in icon library.\n   */\n  source?: string;\n};\n\n@Component({\n  selector: 'p-icon,[p-icon]',\n  template: '<ng-content />',\n  inputs: ['aria', 'color', 'name', 'size', 'source'],\n  standalone: false\n})\nexport class PIcon extends BaseComponent {\n  aria?: SelectedAriaAttributes<IconAriaAttribute>;\n  color?: IconColor;\n  name?: IconName;\n  size?: BreakpointCustomizable<IconSize>;\n  source?: string;\n  \n}","import { Component, EventEmitter } from '@angular/core';\nimport { BaseComponent } from '../../utils';\nimport type { InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState } from '../types';\n\nexport type PInlineNotificationProps = {\n  /**\n   * Sets the icon displayed inside the action button using a PDS icon name.\n   * @default 'arrow-right'\n   */\n  actionIcon?: InlineNotificationActionIcon;\n  /**\n   * Sets the label text of the optional action button inside the notification.\n   */\n  actionLabel?: string;\n  /**\n   * Disables the action button and shows a spinner to indicate an ongoing operation.\n   * @default false\n   */\n  actionLoading?: boolean;\n  /**\n   * Sets the supporting description text shown below the heading.\n   * @default ''\n   */\n  description?: string;\n  /**\n   * Shows a dismiss button so the user can manually close the notification.\n   * @default true\n   */\n  dismissButton?: boolean;\n  /**\n   * Sets the heading text displayed at the top of the inline notification.\n   * @default ''\n   */\n  heading?: string;\n  /**\n   * Sets the HTML heading tag (e.g. h2, h3) to maintain correct document structure.\n   * @default 'h5'\n   */\n  headingTag?: InlineNotificationHeadingTag;\n  /**\n   * Sets the visual state — controls the icon and color scheme (`info`, `warning`, `error`, `success`).\n   * @default 'info'\n   */\n  state?: InlineNotificationState;\n};\n\n@Component({\n  selector: 'p-inline-notification,[p-inline-notification]',\n  template: '<ng-content />',\n  inputs: ['actionIcon', 'actionLabel', 'actionLoading', 'description', 'dismissButton', 'heading', 'headingTag', 'state'],\n  outputs: ['action', 'dismiss'],\n  standalone: false\n})\nexport class PInlineNotification extends BaseComponent {\n  actionIcon?: InlineNotificationActionIcon;\n  actionLabel?: string;\n  actionLoading?: boolean;\n  description?: string;\n  dismissButton?: boolean;\n  heading?: string;\n  headingTag?: InlineNotificationHeadingTag;\n  state?: InlineNotificationState;\n  action = new EventEmitter<CustomEvent<void>>();\n  dismiss = new EventEmitter<CustomE