UNPKG

@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
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