@porsche-design-system/components-angular
Version:
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.
999 lines (971 loc) • 133 kB
JavaScript
import { load } from '@porsche-design-system/components-js';
export { componentsReady } from '@porsche-design-system/components-js';
import * as i0 from '@angular/core';
import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Optional, NgModule, Injectable } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
class BaseComponent {
el;
constructor(cdr, elementRef) {
cdr.detach();
this.el = elementRef.nativeElement;
}
ngOnChanges(props) {
for (const prop in props) {
this.el[prop] = props[prop].currentValue;
}
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: BaseComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: BaseComponent, isStandalone: true, selector: "ng-component", usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: BaseComponent, decorators: [{
type: Component,
args: [{
template: '',
changeDetection: ChangeDetectionStrategy.OnPush,
}]
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }] });
class PAccordion extends BaseComponent {
alignMarker;
background;
compact;
/** @deprecated */
heading;
/** @deprecated */
headingTag;
indent;
open;
/** @deprecated */
size;
sticky;
update = new EventEmitter();
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PAccordion, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PAccordion, isStandalone: false, selector: "p-accordion,[p-accordion]", inputs: { alignMarker: "alignMarker", background: "background", compact: "compact", heading: "heading", headingTag: "headingTag", indent: "indent", open: "open", size: "size", sticky: "sticky" }, outputs: { update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PAccordion, decorators: [{
type: Component,
args: [{
selector: 'p-accordion,[p-accordion]',
template: '<ng-content />',
inputs: ['alignMarker', 'background', 'compact', 'heading', 'headingTag', 'indent', 'open', 'size', 'sticky'],
outputs: ['update'],
standalone: false
}]
}] });
class PAiTag extends BaseComponent {
locale;
variant;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PAiTag, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PAiTag, isStandalone: false, selector: "p-ai-tag,[p-ai-tag]", inputs: { locale: "locale", variant: "variant" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PAiTag, decorators: [{
type: Component,
args: [{
selector: 'p-ai-tag,[p-ai-tag]',
template: '<ng-content />',
inputs: ['locale', 'variant'],
standalone: false
}]
}] });
class PBanner extends BaseComponent {
description;
dismissButton;
heading;
headingTag;
open;
position;
state;
dismiss = new EventEmitter();
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PBanner, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PBanner, isStandalone: false, selector: "p-banner,[p-banner]", inputs: { description: "description", dismissButton: "dismissButton", heading: "heading", headingTag: "headingTag", open: "open", position: "position", state: "state" }, outputs: { dismiss: "dismiss" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PBanner, decorators: [{
type: Component,
args: [{
selector: 'p-banner,[p-banner]',
template: '<ng-content />',
inputs: ['description', 'dismissButton', 'heading', 'headingTag', 'open', 'position', 'state'],
outputs: ['dismiss'],
standalone: false
}]
}] });
class PButton extends BaseComponent {
aria;
compact;
disabled;
form;
hideLabel;
icon;
iconSource;
loading;
name;
type;
value;
variant;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PButton, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PButton, isStandalone: false, selector: "p-button,[p-button]", inputs: { aria: "aria", compact: "compact", disabled: "disabled", form: "form", hideLabel: "hideLabel", icon: "icon", iconSource: "iconSource", loading: "loading", name: "name", type: "type", value: "value", variant: "variant" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PButton, decorators: [{
type: Component,
args: [{
selector: 'p-button,[p-button]',
template: '<ng-content />',
inputs: ['aria', 'compact', 'disabled', 'form', 'hideLabel', 'icon', 'iconSource', 'loading', 'name', 'type', 'value', 'variant'],
standalone: false
}]
}] });
class PButtonPure extends BaseComponent {
active;
alignLabel;
aria;
color;
disabled;
form;
hideLabel;
icon;
iconSource;
loading;
name;
size;
stretch;
type;
underline;
value;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PButtonPure, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PButtonPure, isStandalone: false, selector: "p-button-pure,[p-button-pure]", inputs: { active: "active", alignLabel: "alignLabel", aria: "aria", color: "color", disabled: "disabled", form: "form", hideLabel: "hideLabel", icon: "icon", iconSource: "iconSource", loading: "loading", name: "name", size: "size", stretch: "stretch", type: "type", underline: "underline", value: "value" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PButtonPure, decorators: [{
type: Component,
args: [{
selector: 'p-button-pure,[p-button-pure]',
template: '<ng-content />',
inputs: ['active', 'alignLabel', 'aria', 'color', 'disabled', 'form', 'hideLabel', 'icon', 'iconSource', 'loading', 'name', 'size', 'stretch', 'type', 'underline', 'value'],
standalone: false
}]
}] });
class PButtonTile extends BaseComponent {
align;
aria;
aspectRatio;
compact;
description;
disabled;
gradient;
icon;
iconSource;
label;
loading;
size;
type;
weight;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PButtonTile, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PButtonTile, isStandalone: false, selector: "p-button-tile,[p-button-tile]", inputs: { align: "align", aria: "aria", aspectRatio: "aspectRatio", compact: "compact", description: "description", disabled: "disabled", gradient: "gradient", icon: "icon", iconSource: "iconSource", label: "label", loading: "loading", size: "size", type: "type", weight: "weight" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PButtonTile, decorators: [{
type: Component,
args: [{
selector: 'p-button-tile,[p-button-tile]',
template: '<ng-content />',
inputs: ['align', 'aria', 'aspectRatio', 'compact', 'description', 'disabled', 'gradient', 'icon', 'iconSource', 'label', 'loading', 'size', 'type', 'weight'],
standalone: false
}]
}] });
class PCanvas extends BaseComponent {
background;
sidebarEndOpen;
sidebarStartOpen;
sidebarEndDismiss = new EventEmitter();
sidebarStartUpdate = new EventEmitter();
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PCanvas, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PCanvas, isStandalone: false, selector: "p-canvas,[p-canvas]", inputs: { background: "background", sidebarEndOpen: "sidebarEndOpen", sidebarStartOpen: "sidebarStartOpen" }, outputs: { sidebarEndDismiss: "sidebarEndDismiss", sidebarStartUpdate: "sidebarStartUpdate" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PCanvas, decorators: [{
type: Component,
args: [{
selector: 'p-canvas,[p-canvas]',
template: '<ng-content />',
inputs: ['background', 'sidebarEndOpen', 'sidebarStartOpen'],
outputs: ['sidebarEndDismiss', 'sidebarStartUpdate'],
standalone: false
}]
}] });
class PCarousel extends BaseComponent {
activeSlideIndex;
alignControls;
alignHeader;
aria;
description;
focusOnCenterSlide;
gradient;
heading;
headingSize;
intl;
pagination;
rewind;
skipLinkTarget;
slidesPerPage;
trimSpace;
width;
update = new EventEmitter();
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PCarousel, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PCarousel, isStandalone: false, selector: "p-carousel,[p-carousel]", inputs: { activeSlideIndex: "activeSlideIndex", alignControls: "alignControls", alignHeader: "alignHeader", aria: "aria", description: "description", focusOnCenterSlide: "focusOnCenterSlide", gradient: "gradient", heading: "heading", headingSize: "headingSize", intl: "intl", pagination: "pagination", rewind: "rewind", skipLinkTarget: "skipLinkTarget", slidesPerPage: "slidesPerPage", trimSpace: "trimSpace", width: "width" }, outputs: { update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PCarousel, decorators: [{
type: Component,
args: [{
selector: 'p-carousel,[p-carousel]',
template: '<ng-content />',
inputs: ['activeSlideIndex', 'alignControls', 'alignHeader', 'aria', 'description', 'focusOnCenterSlide', 'gradient', 'heading', 'headingSize', 'intl', 'pagination', 'rewind', 'skipLinkTarget', 'slidesPerPage', 'trimSpace', 'width'],
outputs: ['update'],
standalone: false
}]
}] });
class PCheckbox extends BaseComponent {
_renderer;
_elementRef;
_cdr;
checked;
compact;
disabled;
form;
hideLabel;
indeterminate;
label;
loading;
message;
name;
required;
state;
value;
blur = new EventEmitter();
change = new EventEmitter();
constructor(_renderer, _elementRef, _cdr) {
super(_cdr, _elementRef);
this._renderer = _renderer;
this._elementRef = _elementRef;
this._cdr = _cdr;
}
_onChange = () => { };
_onTouched = () => { };
writeValue(value) {
this._renderer.setProperty(this._elementRef.nativeElement, 'checked', value);
}
registerOnChange(fn) {
this._onChange = fn;
}
registerOnTouched(fn) {
this._onTouched = fn;
}
setDisabledState(isDisabled) {
this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PCheckbox, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PCheckbox, isStandalone: false, selector: "p-checkbox,[p-checkbox]", inputs: { checked: "checked", compact: "compact", disabled: "disabled", form: "form", hideLabel: "hideLabel", indeterminate: "indeterminate", label: "label", loading: "loading", message: "message", name: "name", required: "required", state: "state", value: "value" }, outputs: { blur: "blur", change: "change" }, host: { listeners: { "change": "_onChange($event.target.checked)", "blur": "_onTouched()" } }, providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PCheckbox),
multi: true,
},
], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PCheckbox, decorators: [{
type: Component,
args: [{
selector: 'p-checkbox,[p-checkbox]',
template: '<ng-content />',
inputs: ['checked', 'compact', 'disabled', 'form', 'hideLabel', 'indeterminate', 'label', 'loading', 'message', 'name', 'required', 'state', 'value'],
outputs: ['blur', 'change'],
standalone: false,
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PCheckbox),
multi: true,
},
],
host: {
'(change)': '_onChange($event.target.checked)',
'(blur)': '_onTouched()'
}
}]
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });
class PCrest extends BaseComponent {
aria;
href;
target;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PCrest, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PCrest, isStandalone: false, selector: "p-crest,[p-crest]", inputs: { aria: "aria", href: "href", target: "target" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PCrest, decorators: [{
type: Component,
args: [{
selector: 'p-crest,[p-crest]',
template: '<ng-content />',
inputs: ['aria', 'href', 'target'],
standalone: false
}]
}] });
/** @deprecated since v4.0.0, will be removed with next major release. Please use `p-heading` instead. */
class PDisplay extends BaseComponent {
align;
color;
ellipsis;
size;
tag;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PDisplay, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PDisplay, isStandalone: false, selector: "p-display,[p-display]", inputs: { align: "align", color: "color", ellipsis: "ellipsis", size: "size", tag: "tag" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PDisplay, decorators: [{
type: Component,
args: [{
selector: 'p-display,[p-display]',
template: '<ng-content />',
inputs: ['align', 'color', 'ellipsis', 'size', 'tag'],
standalone: false
}]
}] });
class PDivider extends BaseComponent {
color;
direction;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PDivider, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PDivider, isStandalone: false, selector: "p-divider,[p-divider]", inputs: { color: "color", direction: "direction" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PDivider, decorators: [{
type: Component,
args: [{
selector: 'p-divider,[p-divider]',
template: '<ng-content />',
inputs: ['color', 'direction'],
standalone: false
}]
}] });
class PDrilldown extends BaseComponent {
activeIdentifier;
aria;
open;
dismiss = new EventEmitter();
update = new EventEmitter();
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PDrilldown, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PDrilldown, isStandalone: false, selector: "p-drilldown,[p-drilldown]", inputs: { activeIdentifier: "activeIdentifier", aria: "aria", open: "open" }, outputs: { dismiss: "dismiss", update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PDrilldown, decorators: [{
type: Component,
args: [{
selector: 'p-drilldown,[p-drilldown]',
template: '<ng-content />',
inputs: ['activeIdentifier', 'aria', 'open'],
outputs: ['dismiss', 'update'],
standalone: false
}]
}] });
class PDrilldownItem extends BaseComponent {
cascade;
identifier;
label;
primary;
secondary;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PDrilldownItem, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PDrilldownItem, isStandalone: false, selector: "p-drilldown-item,[p-drilldown-item]", inputs: { cascade: "cascade", identifier: "identifier", label: "label", primary: "primary", secondary: "secondary" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PDrilldownItem, decorators: [{
type: Component,
args: [{
selector: 'p-drilldown-item,[p-drilldown-item]',
template: '<ng-content />',
inputs: ['cascade', 'identifier', 'label', 'primary', 'secondary'],
standalone: false
}]
}] });
class PDrilldownLink extends BaseComponent {
active;
aria;
download;
href;
rel;
target;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PDrilldownLink, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PDrilldownLink, isStandalone: false, selector: "p-drilldown-link,[p-drilldown-link]", inputs: { active: "active", aria: "aria", download: "download", href: "href", rel: "rel", target: "target" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PDrilldownLink, decorators: [{
type: Component,
args: [{
selector: 'p-drilldown-link,[p-drilldown-link]',
template: '<ng-content />',
inputs: ['active', 'aria', 'download', 'href', 'rel', 'target'],
standalone: false
}]
}] });
class PFieldset extends BaseComponent {
aria;
label;
labelSize;
message;
required;
state;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PFieldset, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PFieldset, isStandalone: false, selector: "p-fieldset,[p-fieldset]", inputs: { aria: "aria", label: "label", labelSize: "labelSize", message: "message", required: "required", state: "state" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PFieldset, decorators: [{
type: Component,
args: [{
selector: 'p-fieldset,[p-fieldset]',
template: '<ng-content />',
inputs: ['aria', 'label', 'labelSize', 'message', 'required', 'state'],
standalone: false
}]
}] });
class PFlag extends BaseComponent {
aria;
name;
size;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PFlag, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PFlag, isStandalone: false, selector: "p-flag,[p-flag]", inputs: { aria: "aria", name: "name", size: "size" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PFlag, decorators: [{
type: Component,
args: [{
selector: 'p-flag,[p-flag]',
template: '<ng-content />',
inputs: ['aria', 'name', 'size'],
standalone: false
}]
}] });
class PFlyout extends BaseComponent {
aria;
backdrop;
background;
disableBackdropClick;
footerBehavior;
fullscreen;
open;
position;
dismiss = new EventEmitter();
motionHiddenEnd = new EventEmitter();
motionVisibleEnd = new EventEmitter();
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PFlyout, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PFlyout, isStandalone: false, selector: "p-flyout,[p-flyout]", inputs: { aria: "aria", backdrop: "backdrop", background: "background", disableBackdropClick: "disableBackdropClick", footerBehavior: "footerBehavior", fullscreen: "fullscreen", open: "open", position: "position" }, outputs: { dismiss: "dismiss", motionHiddenEnd: "motionHiddenEnd", motionVisibleEnd: "motionVisibleEnd" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PFlyout, decorators: [{
type: Component,
args: [{
selector: 'p-flyout,[p-flyout]',
template: '<ng-content />',
inputs: ['aria', 'backdrop', 'background', 'disableBackdropClick', 'footerBehavior', 'fullscreen', 'open', 'position'],
outputs: ['dismiss', 'motionHiddenEnd', 'motionVisibleEnd'],
standalone: false
}]
}] });
class PHeading extends BaseComponent {
align;
color;
ellipsis;
hyphens;
size;
tag;
weight;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PHeading, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PHeading, isStandalone: false, selector: "p-heading,[p-heading]", inputs: { align: "align", color: "color", ellipsis: "ellipsis", hyphens: "hyphens", size: "size", tag: "tag", weight: "weight" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PHeading, decorators: [{
type: Component,
args: [{
selector: 'p-heading,[p-heading]',
template: '<ng-content />',
inputs: ['align', 'color', 'ellipsis', 'hyphens', 'size', 'tag', 'weight'],
standalone: false
}]
}] });
class PIcon extends BaseComponent {
aria;
color;
name;
size;
source;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PIcon, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PIcon, isStandalone: false, selector: "p-icon,[p-icon]", inputs: { aria: "aria", color: "color", name: "name", size: "size", source: "source" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PIcon, decorators: [{
type: Component,
args: [{
selector: 'p-icon,[p-icon]',
template: '<ng-content />',
inputs: ['aria', 'color', 'name', 'size', 'source'],
standalone: false
}]
}] });
class PInlineNotification extends BaseComponent {
actionIcon;
actionLabel;
actionLoading;
description;
dismissButton;
heading;
headingTag;
state;
action = new EventEmitter();
dismiss = new EventEmitter();
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PInlineNotification, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PInlineNotification, isStandalone: false, selector: "p-inline-notification,[p-inline-notification]", inputs: { actionIcon: "actionIcon", actionLabel: "actionLabel", actionLoading: "actionLoading", description: "description", dismissButton: "dismissButton", heading: "heading", headingTag: "headingTag", state: "state" }, outputs: { action: "action", dismiss: "dismiss" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PInlineNotification, decorators: [{
type: Component,
args: [{
selector: 'p-inline-notification,[p-inline-notification]',
template: '<ng-content />',
inputs: ['actionIcon', 'actionLabel', 'actionLoading', 'description', 'dismissButton', 'heading', 'headingTag', 'state'],
outputs: ['action', 'dismiss'],
standalone: false
}]
}] });
class PInputDate extends BaseComponent {
_renderer;
_elementRef;
_cdr;
autoComplete;
compact;
description;
disabled;
form;
hideLabel;
label;
loading;
max;
message;
min;
name;
readOnly;
required;
state;
step;
value;
blur = new EventEmitter();
change = new EventEmitter();
input = new EventEmitter();
constructor(_renderer, _elementRef, _cdr) {
super(_cdr, _elementRef);
this._renderer = _renderer;
this._elementRef = _elementRef;
this._cdr = _cdr;
}
_onChange = () => { };
_onTouched = () => { };
writeValue(value) {
this._renderer.setProperty(this._elementRef.nativeElement, 'value', value);
}
registerOnChange(fn) {
this._onChange = fn;
}
registerOnTouched(fn) {
this._onTouched = fn;
}
setDisabledState(isDisabled) {
this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PInputDate, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PInputDate, isStandalone: false, selector: "p-input-date,[p-input-date]", inputs: { autoComplete: "autoComplete", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", label: "label", loading: "loading", max: "max", message: "message", min: "min", name: "name", readOnly: "readOnly", required: "required", state: "state", step: "step", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, host: { listeners: { "input": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PInputDate),
multi: true,
},
], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PInputDate, decorators: [{
type: Component,
args: [{
selector: 'p-input-date,[p-input-date]',
template: '<ng-content />',
inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'label', 'loading', 'max', 'message', 'min', 'name', 'readOnly', 'required', 'state', 'step', 'value'],
outputs: ['blur', 'change', 'input'],
standalone: false,
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PInputDate),
multi: true,
},
],
host: {
'(input)': '_onChange($event.target.value)',
'(blur)': '_onTouched()'
}
}]
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });
class PInputEmail extends BaseComponent {
_renderer;
_elementRef;
_cdr;
autoComplete;
compact;
description;
disabled;
form;
hideLabel;
indicator;
label;
loading;
maxLength;
message;
minLength;
multiple;
name;
pattern;
placeholder;
readOnly;
required;
state;
value;
blur = new EventEmitter();
change = new EventEmitter();
input = new EventEmitter();
constructor(_renderer, _elementRef, _cdr) {
super(_cdr, _elementRef);
this._renderer = _renderer;
this._elementRef = _elementRef;
this._cdr = _cdr;
}
_onChange = () => { };
_onTouched = () => { };
writeValue(value) {
this._renderer.setProperty(this._elementRef.nativeElement, 'value', value);
}
registerOnChange(fn) {
this._onChange = fn;
}
registerOnTouched(fn) {
this._onTouched = fn;
}
setDisabledState(isDisabled) {
this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PInputEmail, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PInputEmail, isStandalone: false, selector: "p-input-email,[p-input-email]", inputs: { autoComplete: "autoComplete", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", indicator: "indicator", label: "label", loading: "loading", maxLength: "maxLength", message: "message", minLength: "minLength", multiple: "multiple", name: "name", pattern: "pattern", placeholder: "placeholder", readOnly: "readOnly", required: "required", state: "state", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, host: { listeners: { "input": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PInputEmail),
multi: true,
},
], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PInputEmail, decorators: [{
type: Component,
args: [{
selector: 'p-input-email,[p-input-email]',
template: '<ng-content />',
inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'indicator', 'label', 'loading', 'maxLength', 'message', 'minLength', 'multiple', 'name', 'pattern', 'placeholder', 'readOnly', 'required', 'state', 'value'],
outputs: ['blur', 'change', 'input'],
standalone: false,
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PInputEmail),
multi: true,
},
],
host: {
'(input)': '_onChange($event.target.value)',
'(blur)': '_onTouched()'
}
}]
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });
class PInputMonth extends BaseComponent {
_renderer;
_elementRef;
_cdr;
autoComplete;
compact;
description;
disabled;
form;
hideLabel;
label;
loading;
max;
message;
min;
name;
readOnly;
required;
state;
step;
value;
blur = new EventEmitter();
change = new EventEmitter();
input = new EventEmitter();
constructor(_renderer, _elementRef, _cdr) {
super(_cdr, _elementRef);
this._renderer = _renderer;
this._elementRef = _elementRef;
this._cdr = _cdr;
}
_onChange = () => { };
_onTouched = () => { };
writeValue(value) {
this._renderer.setProperty(this._elementRef.nativeElement, 'value', value);
}
registerOnChange(fn) {
this._onChange = fn;
}
registerOnTouched(fn) {
this._onTouched = fn;
}
setDisabledState(isDisabled) {
this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PInputMonth, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PInputMonth, isStandalone: false, selector: "p-input-month,[p-input-month]", inputs: { autoComplete: "autoComplete", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", label: "label", loading: "loading", max: "max", message: "message", min: "min", name: "name", readOnly: "readOnly", required: "required", state: "state", step: "step", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, host: { listeners: { "input": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PInputMonth),
multi: true,
},
], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PInputMonth, decorators: [{
type: Component,
args: [{
selector: 'p-input-month,[p-input-month]',
template: '<ng-content />',
inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'label', 'loading', 'max', 'message', 'min', 'name', 'readOnly', 'required', 'state', 'step', 'value'],
outputs: ['blur', 'change', 'input'],
standalone: false,
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PInputMonth),
multi: true,
},
],
host: {
'(input)': '_onChange($event.target.value)',
'(blur)': '_onTouched()'
}
}]
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });
class PInputNumber extends BaseComponent {
_renderer;
_elementRef;
_cdr;
autoComplete;
compact;
controls;
description;
disabled;
form;
hideLabel;
label;
loading;
max;
message;
min;
name;
placeholder;
readOnly;
required;
state;
step;
value;
blur = new EventEmitter();
change = new EventEmitter();
input = new EventEmitter();
constructor(_renderer, _elementRef, _cdr) {
super(_cdr, _elementRef);
this._renderer = _renderer;
this._elementRef = _elementRef;
this._cdr = _cdr;
}
_onChange = () => { };
_onTouched = () => { };
writeValue(value) {
this._renderer.setProperty(this._elementRef.nativeElement, 'value', value);
}
registerOnChange(fn) {
this._onChange = fn;
}
registerOnTouched(fn) {
this._onTouched = fn;
}
setDisabledState(isDisabled) {
this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PInputNumber, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PInputNumber, isStandalone: false, selector: "p-input-number,[p-input-number]", inputs: { autoComplete: "autoComplete", compact: "compact", controls: "controls", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", label: "label", loading: "loading", max: "max", message: "message", min: "min", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", state: "state", step: "step", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, host: { listeners: { "input": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PInputNumber),
multi: true,
},
], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PInputNumber, decorators: [{
type: Component,
args: [{
selector: 'p-input-number,[p-input-number]',
template: '<ng-content />',
inputs: ['autoComplete', 'compact', 'controls', 'description', 'disabled', 'form', 'hideLabel', 'label', 'loading', 'max', 'message', 'min', 'name', 'placeholder', 'readOnly', 'required', 'state', 'step', 'value'],
outputs: ['blur', 'change', 'input'],
standalone: false,
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PInputNumber),
multi: true,
},
],
host: {
'(input)': '_onChange($event.target.value)',
'(blur)': '_onTouched()'
}
}]
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });
class PInputPassword extends BaseComponent {
_renderer;
_elementRef;
_cdr;
autoComplete;
compact;
description;
disabled;
form;
hideLabel;
label;
loading;
maxLength;
message;
minLength;
name;
placeholder;
readOnly;
required;
state;
toggle;
value;
blur = new EventEmitter();
change = new EventEmitter();
input = new EventEmitter();
constructor(_renderer, _elementRef, _cdr) {
super(_cdr, _elementRef);
this._renderer = _renderer;
this._elementRef = _elementRef;
this._cdr = _cdr;
}
_onChange = () => { };
_onTouched = () => { };
writeValue(value) {
this._renderer.setProperty(this._elementRef.nativeElement, 'value', value);
}
registerOnChange(fn) {
this._onChange = fn;
}
registerOnTouched(fn) {
this._onTouched = fn;
}
setDisabledState(isDisabled) {
this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PInputPassword, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PInputPassword, isStandalone: false, selector: "p-input-password,[p-input-password]", inputs: { autoComplete: "autoComplete", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", label: "label", loading: "loading", maxLength: "maxLength", message: "message", minLength: "minLength", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", state: "state", toggle: "toggle", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, host: { listeners: { "input": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PInputPassword),
multi: true,
},
], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PInputPassword, decorators: [{
type: Component,
args: [{
selector: 'p-input-password,[p-input-password]',
template: '<ng-content />',
inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'label', 'loading', 'maxLength', 'message', 'minLength', 'name', 'placeholder', 'readOnly', 'required', 'state', 'toggle', 'value'],
outputs: ['blur', 'change', 'input'],
standalone: false,
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PInputPassword),
multi: true,
},
],
host: {
'(input)': '_onChange($event.target.value)',
'(blur)': '_onTouched()'
}
}]
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });
class PInputSearch extends BaseComponent {
_renderer;
_elementRef;
_cdr;
aria;
autoComplete;
clear;
compact;
description;
disabled;
form;
hideLabel;
indicator;
label;
loading;
maxLength;
message;
minLength;
name;
placeholder;
readOnly;
required;
state;
value;
blur = new EventEmitter();
change = new EventEmitter();
input = new EventEmitter();
constructor(_renderer, _elementRef, _cdr) {
super(_cdr, _elementRef);
this._renderer = _renderer;
this._elementRef = _elementRef;
this._cdr = _cdr;
}
_onChange = () => { };
_onTouched = () => { };
writeValue(value) {
this._renderer.setProperty(this._elementRef.nativeElement, 'value', value);
}
registerOnChange(fn) {
this._onChange = fn;
}
registerOnTouched(fn) {
this._onTouched = fn;
}
setDisabledState(isDisabled) {
this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PInputSearch, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: PInputSearch, isStandalone: false, selector: "p-input-search,[p-input-search]", inputs: { aria: "aria", autoComplete: "autoComplete", clear: "clear", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", indicator: "indicator", label: "label", loading: "loading", maxLength: "maxLength", message: "message", minLength: "minLength", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", state: "state", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, host: { listeners: { "input": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PInputSearch),
multi: true,
},
], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PInputSearch, decorators: [{
type: Component,
args: [{
selector: 'p-input-search,[p-input-search]',
template: '<ng-content />',
inputs: ['aria', 'autoComplete', 'clear', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'indicator', 'label', 'loading', 'maxLength', 'message', 'minLength', 'name', 'placeholder', 'readOnly', 'required', 'state', 'value'],
outputs: ['blur', 'change', 'input'],
standalone: false,
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PInputSearch),
multi: true,
},
],
host: {
'(input)': '_onChange($event.target.value)',
'(blur)': '_onTouched()'
}
}]
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef