@payex-ds/angular 0.0.0-stage → 0.1.0

package/fesm2022/payex-ds-angular.mjs

@@ -0,0 +1,2311 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, NgZone, DestroyRef, EventEmitter, booleanAttribute, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, numberAttribute, forwardRef, Directive, makeEnvironmentProviders, APP_INITIALIZER } from '@angular/core';
+import { definePdsAccordion, definePdsAccordionItem, definePdsAlert, definePdsBadge, definePdsBreadcrumb, definePdsBreadcrumbItem, definePdsButton, definePdsCard, definePdsCheckbox, definePdsDatepicker, definePdsDialog, definePdsDropdown, definePdsDropdownItem, definePdsExpandable, definePdsInput, definePdsLink, definePdsList, defineAll, definePdsLoader, definePdsMediaObject, definePdsPagination, definePdsPanel, definePdsProgressStep, definePdsProgressSteps, definePdsRadio, definePdsRadioGroup, definePdsRangeslider, definePdsSelect, definePdsSheet, definePdsSidebar, definePdsSidebarGroup, definePdsSidebarItem, definePdsSkipLink, definePdsSlab, definePdsStatus, definePdsTab, definePdsTabPanel, definePdsTable, definePdsTabs, definePdsTag, definePdsToast, definePdsTogglebox, definePdsTooltip, definePdsTopbar, ds } from '@payex-ds/core';
+export { ds } from '@payex-ds/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+/** Shared plumbing for generated components; the component itself IS the custom element host. */
+class PdsComponentBase {
+    /** Defines the element and upgrades the host before Angular assigns inputs. */
+    constructor(define) {
+        this.pdsHost = inject(ElementRef).nativeElement;
+        this.pdsZone = inject(NgZone);
+        this.pdsDestroyRef = inject(DestroyRef);
+        define();
+        if (typeof customElements !== 'undefined')
+            customElements.upgrade(this.pdsHost);
+    }
+    pdsSetProperty(name, value) {
+        this.pdsZone.runOutsideAngular(() => {
+            this.pdsHost[name] = value;
+        });
+    }
+    pdsSetAttribute(name, value) {
+        this.pdsZone.runOutsideAngular(() => {
+            if (value === null || value === undefined || value === false)
+                this.pdsHost.removeAttribute(name);
+            else
+                this.pdsHost.setAttribute(name, value === true ? '' : String(value));
+        });
+    }
+    pdsForward(eventName, emitter) {
+        const listener = (event) => {
+            this.pdsZone.run(() => emitter.emit(event));
+        };
+        this.pdsZone.runOutsideAngular(() => this.pdsHost.addEventListener(eventName, listener));
+        this.pdsDestroyRef.onDestroy(() => this.pdsHost.removeEventListener(eventName, listener));
+    }
+}
+
+// AUTO-GENERATED by @payex-ds/wrapper-gen from the @payex-ds/core Custom Elements Manifest.
+// Do not edit by hand. Regenerate with `pnpm generate:wrappers`.
+/** Accordion groups pds-accordion-item sections. */
+class PdsAccordionComponent extends PdsComponentBase {
+    set multiple(value) {
+        this.pdsSetProperty('multiple', value);
+    }
+    constructor() {
+        super(definePdsAccordion);
+        /** Bubbles from the item the user toggled. Detail: `{ open }`. */
+        this.pdsToggle = new EventEmitter();
+        this.pdsForward('pds-toggle', this.pdsToggle);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsAccordionComponent, isStandalone: true, selector: "pds-accordion", inputs: { multiple: ["multiple", "multiple", booleanAttribute] }, outputs: { pdsToggle: "pdsToggle" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsAccordionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-accordion',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { multiple: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], pdsToggle: [{
+                type: Output
+            }] } });
+/** Accordion item with a heading button and a content region. */
+class PdsAccordionItemComponent extends PdsComponentBase {
+    set disabled(value) {
+        this.pdsSetProperty('disabled', value);
+    }
+    set heading(value) {
+        this.pdsSetProperty('heading', value);
+    }
+    set headingLevel(value) {
+        this.pdsSetProperty('headingLevel', value);
+    }
+    set open(value) {
+        this.pdsSetProperty('open', value);
+    }
+    constructor() {
+        super(definePdsAccordionItem);
+        /** Fired when the user toggles the item. Detail: `{ open }`. */
+        this.pdsToggle = new EventEmitter();
+        this.pdsForward('pds-toggle', this.pdsToggle);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsAccordionItemComponent, isStandalone: true, selector: "pds-accordion-item", inputs: { disabled: ["disabled", "disabled", booleanAttribute], heading: "heading", headingLevel: ["headingLevel", "headingLevel", numberAttribute], open: ["open", "open", booleanAttribute] }, outputs: { pdsToggle: "pdsToggle" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsAccordionItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-accordion-item',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], heading: [{
+                type: Input
+            }], headingLevel: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], open: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], pdsToggle: [{
+                type: Output
+            }] } });
+/** Alerts communicate important, contextual messages. */
+class PdsAlertComponent extends PdsComponentBase {
+    set dismissible(value) {
+        this.pdsSetProperty('dismissible', value);
+    }
+    set heading(value) {
+        this.pdsSetProperty('heading', value);
+    }
+    set variant(value) {
+        this.pdsSetProperty('variant', value);
+    }
+    /** Accessible label of the close button. Default `Dismiss`. */
+    set closeLabel(value) {
+        this.pdsSetAttribute('close-label', value);
+    }
+    constructor() {
+        super(definePdsAlert);
+        /** Fired when the close button is used (cancelable). The alert hides itself unless cancelled. */
+        this.pdsDismiss = new EventEmitter();
+        this.pdsForward('pds-dismiss', this.pdsDismiss);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsAlertComponent, isStandalone: true, selector: "pds-alert", inputs: { dismissible: ["dismissible", "dismissible", booleanAttribute], heading: "heading", variant: "variant", closeLabel: ["close-label", "closeLabel"] }, outputs: { pdsDismiss: "pdsDismiss" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsAlertComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-alert',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { dismissible: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], heading: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], closeLabel: [{
+                type: Input,
+                args: ['close-label']
+            }], pdsDismiss: [{
+                type: Output
+            }] } });
+/** Badges highlight a count or short status label. */
+class PdsBadgeComponent extends PdsComponentBase {
+    set count(value) {
+        this.pdsSetProperty('count', value);
+    }
+    set dot(value) {
+        this.pdsSetProperty('dot', value);
+    }
+    set max(value) {
+        this.pdsSetProperty('max', value);
+    }
+    set variant(value) {
+        this.pdsSetProperty('variant', value);
+    }
+    /** Accessible name announced instead of the visible text. */
+    set ariaLabel(value) {
+        this.pdsSetAttribute('aria-label', value);
+    }
+    constructor() {
+        super(definePdsBadge);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsBadgeComponent, isStandalone: true, selector: "pds-badge", inputs: { count: "count", dot: ["dot", "dot", booleanAttribute], max: ["max", "max", numberAttribute], variant: "variant", ariaLabel: ["aria-label", "ariaLabel"] }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsBadgeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-badge',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { count: [{
+                type: Input
+            }], dot: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], max: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], variant: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input,
+                args: ['aria-label']
+            }] } });
+/** Shows the user's location in a hierarchy. */
+class PdsBreadcrumbComponent extends PdsComponentBase {
+    set expandLabel(value) {
+        this.pdsSetProperty('expandLabel', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set maxItems(value) {
+        this.pdsSetProperty('maxItems', value);
+    }
+    constructor() {
+        super(definePdsBreadcrumb);
+        /** Fired when the collapsed items are revealed. */
+        this.pdsExpand = new EventEmitter();
+        this.pdsForward('pds-expand', this.pdsExpand);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsBreadcrumbComponent, isStandalone: true, selector: "pds-breadcrumb", inputs: { expandLabel: "expandLabel", label: "label", maxItems: ["maxItems", "maxItems", numberAttribute] }, outputs: { pdsExpand: "pdsExpand" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-breadcrumb',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { expandLabel: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], maxItems: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], pdsExpand: [{
+                type: Output
+            }] } });
+/** An item inside `pds-breadcrumb`. */
+class PdsBreadcrumbItemComponent extends PdsComponentBase {
+    set current(value) {
+        this.pdsSetProperty('current', value);
+    }
+    set href(value) {
+        this.pdsSetProperty('href', value);
+    }
+    constructor() {
+        super(definePdsBreadcrumbItem);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsBreadcrumbItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsBreadcrumbItemComponent, isStandalone: true, selector: "pds-breadcrumb-item", inputs: { current: ["current", "current", booleanAttribute], href: "href" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsBreadcrumbItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-breadcrumb-item',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { current: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], href: [{
+                type: Input
+            }] } });
+/** Buttons trigger actions or navigation. */
+class PdsButtonComponent extends PdsComponentBase {
+    set disabled(value) {
+        this.pdsSetProperty('disabled', value);
+    }
+    set fullWidth(value) {
+        this.pdsSetProperty('fullWidth', value);
+    }
+    set href(value) {
+        this.pdsSetProperty('href', value);
+    }
+    set loading(value) {
+        this.pdsSetProperty('loading', value);
+    }
+    set size(value) {
+        this.pdsSetProperty('size', value);
+    }
+    set type(value) {
+        this.pdsSetProperty('type', value);
+    }
+    set variant(value) {
+        this.pdsSetProperty('variant', value);
+    }
+    /** Link target when `href` is set. */
+    set target(value) {
+        this.pdsSetAttribute('target', value);
+    }
+    constructor() {
+        super(definePdsButton);
+        /** Fired when activated (not fired while disabled/loading). Detail: `{ originalEvent }`. */
+        this.pdsClick = new EventEmitter();
+        this.pdsForward('pds-click', this.pdsClick);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsButtonComponent, isStandalone: true, selector: "pds-button", inputs: { disabled: ["disabled", "disabled", booleanAttribute], fullWidth: ["fullWidth", "fullWidth", booleanAttribute], href: "href", loading: ["loading", "loading", booleanAttribute], size: "size", type: "type", variant: "variant", target: "target" }, outputs: { pdsClick: "pdsClick" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-button',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], fullWidth: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], href: [{
+                type: Input
+            }], loading: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], size: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], pdsClick: [{
+                type: Output
+            }] } });
+/** Cards group related content and actions. */
+class PdsCardComponent extends PdsComponentBase {
+    set clickable(value) {
+        this.pdsSetProperty('clickable', value);
+    }
+    set heading(value) {
+        this.pdsSetProperty('heading', value);
+    }
+    set headingLevel(value) {
+        this.pdsSetProperty('headingLevel', value);
+    }
+    set href(value) {
+        this.pdsSetProperty('href', value);
+    }
+    set variant(value) {
+        this.pdsSetProperty('variant', value);
+    }
+    /** Accessible link name when `href` is set without `heading`. */
+    set label(value) {
+        this.pdsSetAttribute('label', value);
+    }
+    /** Link target when `href` is set. */
+    set target(value) {
+        this.pdsSetAttribute('target', value);
+    }
+    constructor() {
+        super(definePdsCard);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsCardComponent, isStandalone: true, selector: "pds-card", inputs: { clickable: ["clickable", "clickable", booleanAttribute], heading: "heading", headingLevel: ["headingLevel", "headingLevel", numberAttribute], href: "href", variant: "variant", label: "label", target: "target" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsCardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-card',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { clickable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], heading: [{
+                type: Input
+            }], headingLevel: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], href: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }] } });
+/** Checkbox for boolean or multi-select choices. */
+class PdsCheckboxComponent extends PdsComponentBase {
+    /** Current checked state (the attribute is the initial state). */
+    set checked(value) {
+        this.pdsSetProperty('checked', value);
+    }
+    set disabled(value) {
+        this.pdsSetProperty('disabled', value);
+    }
+    set errorText(value) {
+        this.pdsSetProperty('errorText', value);
+    }
+    set helperText(value) {
+        this.pdsSetProperty('helperText', value);
+    }
+    set indeterminate(value) {
+        this.pdsSetProperty('indeterminate', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set name(value) {
+        this.pdsSetProperty('name', value);
+    }
+    set required(value) {
+        this.pdsSetProperty('required', value);
+    }
+    set value(value) {
+        this.pdsSetProperty('value', value);
+    }
+    constructor() {
+        super(definePdsCheckbox);
+        /** Fired when toggled by the user. Detail: `{ checked, value }`. */
+        this.pdsChange = new EventEmitter();
+        this.pdsForward('pds-change', this.pdsChange);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsCheckboxComponent, isStandalone: true, selector: "pds-checkbox", inputs: { checked: ["checked", "checked", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], errorText: "errorText", helperText: "helperText", indeterminate: ["indeterminate", "indeterminate", booleanAttribute], label: "label", name: "name", required: ["required", "required", booleanAttribute], value: "value" }, outputs: { pdsChange: "pdsChange" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-checkbox',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { checked: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], errorText: [{
+                type: Input
+            }], helperText: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], label: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], value: [{
+                type: Input
+            }], pdsChange: [{
+                type: Output
+            }] } });
+/** Pick a date by typing or from a calendar popup. */
+class PdsDatepickerComponent extends PdsComponentBase {
+    set disabled(value) {
+        this.pdsSetProperty('disabled', value);
+    }
+    set disabledDates(value) {
+        this.pdsSetProperty('disabledDates', value);
+    }
+    set errorText(value) {
+        this.pdsSetProperty('errorText', value);
+    }
+    set firstDayOfWeek(value) {
+        this.pdsSetProperty('firstDayOfWeek', value);
+    }
+    set helperText(value) {
+        this.pdsSetProperty('helperText', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set locale(value) {
+        this.pdsSetProperty('locale', value);
+    }
+    set max(value) {
+        this.pdsSetProperty('max', value);
+    }
+    set min(value) {
+        this.pdsSetProperty('min', value);
+    }
+    set name(value) {
+        this.pdsSetProperty('name', value);
+    }
+    set placeholder(value) {
+        this.pdsSetProperty('placeholder', value);
+    }
+    set readonly(value) {
+        this.pdsSetProperty('readonly', value);
+    }
+    set required(value) {
+        this.pdsSetProperty('required', value);
+    }
+    set value(value) {
+        this.pdsSetProperty('value', value);
+    }
+    constructor() {
+        super(definePdsDatepicker);
+        /** Fired when the value changes. Detail: `{ value }` (ISO string or empty). */
+        this.pdsChange = new EventEmitter();
+        /** Fired when the calendar opens. */
+        this.pdsOpen = new EventEmitter();
+        /** Fired when the calendar closes. */
+        this.pdsClose = new EventEmitter();
+        this.pdsForward('pds-change', this.pdsChange);
+        this.pdsForward('pds-open', this.pdsOpen);
+        this.pdsForward('pds-close', this.pdsClose);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsDatepickerComponent, isStandalone: true, selector: "pds-datepicker", inputs: { disabled: ["disabled", "disabled", booleanAttribute], disabledDates: "disabledDates", errorText: "errorText", firstDayOfWeek: ["firstDayOfWeek", "firstDayOfWeek", numberAttribute], helperText: "helperText", label: "label", locale: "locale", max: "max", min: "min", name: "name", placeholder: "placeholder", readonly: ["readonly", "readonly", booleanAttribute], required: ["required", "required", booleanAttribute], value: "value" }, outputs: { pdsChange: "pdsChange", pdsOpen: "pdsOpen", pdsClose: "pdsClose" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-datepicker',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disabledDates: [{
+                type: Input
+            }], errorText: [{
+                type: Input
+            }], firstDayOfWeek: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], helperText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], locale: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], readonly: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], value: [{
+                type: Input
+            }], pdsChange: [{
+                type: Output
+            }], pdsOpen: [{
+                type: Output
+            }], pdsClose: [{
+                type: Output
+            }] } });
+/** Dialogs interrupt the user with focused, modal content. */
+class PdsDialogComponent extends PdsComponentBase {
+    set dismissible(value) {
+        this.pdsSetProperty('dismissible', value);
+    }
+    set heading(value) {
+        this.pdsSetProperty('heading', value);
+    }
+    set open(value) {
+        this.pdsSetProperty('open', value);
+    }
+    /** Value reported by `pds-close`. */
+    set returnValue(value) {
+        this.pdsSetProperty('returnValue', value);
+    }
+    set size(value) {
+        this.pdsSetProperty('size', value);
+    }
+    /** Accessible label of the close button. Default `Close`. */
+    set closeLabel(value) {
+        this.pdsSetAttribute('close-label', value);
+    }
+    constructor() {
+        super(definePdsDialog);
+        /** Fired after the dialog opened. */
+        this.pdsOpen = new EventEmitter();
+        /** Fired after the dialog closed. Detail: `{ returnValue }`. */
+        this.pdsClose = new EventEmitter();
+        /** Cancelable; fired when Escape, backdrop or close button asks to close. Detail: `{ reason }`. */
+        this.pdsRequestClose = new EventEmitter();
+        this.pdsForward('pds-open', this.pdsOpen);
+        this.pdsForward('pds-close', this.pdsClose);
+        this.pdsForward('pds-request-close', this.pdsRequestClose);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsDialogComponent, isStandalone: true, selector: "pds-dialog", inputs: { dismissible: ["dismissible", "dismissible", booleanAttribute], heading: "heading", open: ["open", "open", booleanAttribute], returnValue: "returnValue", size: "size", closeLabel: ["close-label", "closeLabel"] }, outputs: { pdsOpen: "pdsOpen", pdsClose: "pdsClose", pdsRequestClose: "pdsRequestClose" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsDialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-dialog',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { dismissible: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], heading: [{
+                type: Input
+            }], open: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], returnValue: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], closeLabel: [{
+                type: Input,
+                args: ['close-label']
+            }], pdsOpen: [{
+                type: Output
+            }], pdsClose: [{
+                type: Output
+            }], pdsRequestClose: [{
+                type: Output
+            }] } });
+/** Dropdown menu opened from a button. */
+class PdsDropdownComponent extends PdsComponentBase {
+    set disabled(value) {
+        this.pdsSetProperty('disabled', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set open(value) {
+        this.pdsSetProperty('open', value);
+    }
+    set placement(value) {
+        this.pdsSetProperty('placement', value);
+    }
+    constructor() {
+        super(definePdsDropdown);
+        /** Fired when an item is chosen. Detail: `{ value }`. */
+        this.pdsSelect = new EventEmitter();
+        this.pdsForward('pds-select', this.pdsSelect);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsDropdownComponent, isStandalone: true, selector: "pds-dropdown", inputs: { disabled: ["disabled", "disabled", booleanAttribute], label: "label", open: ["open", "open", booleanAttribute], placement: "placement" }, outputs: { pdsSelect: "pdsSelect" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsDropdownComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-dropdown',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], label: [{
+                type: Input
+            }], open: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], placement: [{
+                type: Input
+            }], pdsSelect: [{
+                type: Output
+            }] } });
+/** Menu item. */
+class PdsDropdownItemComponent extends PdsComponentBase {
+    set disabled(value) {
+        this.pdsSetProperty('disabled', value);
+    }
+    set href(value) {
+        this.pdsSetProperty('href', value);
+    }
+    set value(value) {
+        this.pdsSetProperty('value', value);
+    }
+    constructor() {
+        super(definePdsDropdownItem);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsDropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsDropdownItemComponent, isStandalone: true, selector: "pds-dropdown-item", inputs: { disabled: ["disabled", "disabled", booleanAttribute], href: "href", value: "value" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsDropdownItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-dropdown-item',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], href: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+/** Expandable reveals or hides content. */
+class PdsExpandableComponent extends PdsComponentBase {
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set open(value) {
+        this.pdsSetProperty('open', value);
+    }
+    constructor() {
+        super(definePdsExpandable);
+        /** Fired when the user toggles. Detail: `{ open }`. */
+        this.pdsToggle = new EventEmitter();
+        this.pdsForward('pds-toggle', this.pdsToggle);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsExpandableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsExpandableComponent, isStandalone: true, selector: "pds-expandable", inputs: { label: "label", open: ["open", "open", booleanAttribute] }, outputs: { pdsToggle: "pdsToggle" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsExpandableComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-expandable',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { label: [{
+                type: Input
+            }], open: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], pdsToggle: [{
+                type: Output
+            }] } });
+/** Single-line text field. */
+class PdsInputComponent extends PdsComponentBase {
+    set disabled(value) {
+        this.pdsSetProperty('disabled', value);
+    }
+    set errorText(value) {
+        this.pdsSetProperty('errorText', value);
+    }
+    set helperText(value) {
+        this.pdsSetProperty('helperText', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set name(value) {
+        this.pdsSetProperty('name', value);
+    }
+    set placeholder(value) {
+        this.pdsSetProperty('placeholder', value);
+    }
+    set readOnly(value) {
+        this.pdsSetProperty('readOnly', value);
+    }
+    set required(value) {
+        this.pdsSetProperty('required', value);
+    }
+    set type(value) {
+        this.pdsSetProperty('type', value);
+    }
+    /** Current value. */
+    set value(value) {
+        this.pdsSetProperty('value', value);
+    }
+    /** Native autocomplete hint. */
+    set autocomplete(value) {
+        this.pdsSetAttribute('autocomplete', value);
+    }
+    /** Maximum (number type). */
+    set max(value) {
+        this.pdsSetAttribute('max', value);
+    }
+    /** Maximum length. */
+    set maxlength(value) {
+        this.pdsSetAttribute('maxlength', value);
+    }
+    /** Minimum (number type). */
+    set min(value) {
+        this.pdsSetAttribute('min', value);
+    }
+    /** Minimum length. */
+    set minlength(value) {
+        this.pdsSetAttribute('minlength', value);
+    }
+    /** Validation regular expression. */
+    set pattern(value) {
+        this.pdsSetAttribute('pattern', value);
+    }
+    /** Makes the field read-only. */
+    set readonly(value) {
+        this.pdsSetAttribute('readonly', value);
+    }
+    constructor() {
+        super(definePdsInput);
+        /** Fired on every edit. Detail: `{ value }`. */
+        this.pdsInput = new EventEmitter();
+        /** Fired when the value is committed. Detail: `{ value }`. */
+        this.pdsChange = new EventEmitter();
+        this.pdsForward('pds-input', this.pdsInput);
+        this.pdsForward('pds-change', this.pdsChange);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsInputComponent, isStandalone: true, selector: "pds-input", inputs: { disabled: ["disabled", "disabled", booleanAttribute], errorText: "errorText", helperText: "helperText", label: "label", name: "name", placeholder: "placeholder", readOnly: ["readOnly", "readOnly", booleanAttribute], required: ["required", "required", booleanAttribute], type: "type", value: "value", autocomplete: "autocomplete", max: "max", maxlength: "maxlength", min: "min", minlength: "minlength", pattern: "pattern", readonly: "readonly" }, outputs: { pdsInput: "pdsInput", pdsChange: "pdsChange" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-input',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], errorText: [{
+                type: Input
+            }], helperText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], readOnly: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], type: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], autocomplete: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], maxlength: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], minlength: [{
+                type: Input
+            }], pattern: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], pdsInput: [{
+                type: Output
+            }], pdsChange: [{
+                type: Output
+            }] } });
+/** Links navigate to another location. */
+class PdsLinkComponent extends PdsComponentBase {
+    set external(value) {
+        this.pdsSetProperty('external', value);
+    }
+    set href(value) {
+        this.pdsSetProperty('href', value);
+    }
+    set target(value) {
+        this.pdsSetProperty('target', value);
+    }
+    set variant(value) {
+        this.pdsSetProperty('variant', value);
+    }
+    constructor() {
+        super(definePdsLink);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsLinkComponent, isStandalone: true, selector: "pds-link", inputs: { external: ["external", "external", booleanAttribute], href: "href", target: "target", variant: "variant" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsLinkComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-link',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { external: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], href: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }] } });
+/** Lists present related items. */
+class PdsListComponent extends PdsComponentBase {
+    set variant(value) {
+        this.pdsSetProperty('variant', value);
+    }
+    constructor() {
+        super(definePdsList);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PdsListComponent, isStandalone: true, selector: "pds-list", inputs: { variant: "variant" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-list',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{
+                type: Input
+            }] } });
+/** A single entry in a list. */
+class PdsListItemComponent extends PdsComponentBase {
+    set dataIndex(value) {
+        this.pdsSetAttribute('data-index', value);
+    }
+    set dataVariant(value) {
+        this.pdsSetAttribute('data-variant', value);
+    }
+    constructor() {
+        super(defineAll);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PdsListItemComponent, isStandalone: true, selector: "pds-list-item", inputs: { dataIndex: ["data-index", "dataIndex"], dataVariant: ["data-variant", "dataVariant"] }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsListItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-list-item',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { dataIndex: [{
+                type: Input,
+                args: ['data-index']
+            }], dataVariant: [{
+                type: Input,
+                args: ['data-variant']
+            }] } });
+/** Indicates that content is loading. */
+class PdsLoaderComponent extends PdsComponentBase {
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set overlay(value) {
+        this.pdsSetProperty('overlay', value);
+    }
+    set size(value) {
+        this.pdsSetProperty('size', value);
+    }
+    constructor() {
+        super(definePdsLoader);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsLoaderComponent, isStandalone: true, selector: "pds-loader", inputs: { label: "label", overlay: ["overlay", "overlay", booleanAttribute], size: "size" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsLoaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-loader',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { label: [{
+                type: Input
+            }], overlay: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], size: [{
+                type: Input
+            }] } });
+/** Media objects pair an image or icon with text. */
+class PdsMediaObjectComponent extends PdsComponentBase {
+    set align(value) {
+        this.pdsSetProperty('align', value);
+    }
+    set reverse(value) {
+        this.pdsSetProperty('reverse', value);
+    }
+    /** Breakpoint in px, or `null` when the container query is used. */
+    set stackBelow(value) {
+        this.pdsSetProperty('stackBelow', value);
+    }
+    constructor() {
+        super(definePdsMediaObject);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsMediaObjectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsMediaObjectComponent, isStandalone: true, selector: "pds-media-object", inputs: { align: "align", reverse: ["reverse", "reverse", booleanAttribute], stackBelow: "stackBelow" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsMediaObjectComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-media-object',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { align: [{
+                type: Input
+            }], reverse: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], stackBelow: [{
+                type: Input
+            }] } });
+/** Navigate between pages of content. */
+class PdsPaginationComponent extends PdsComponentBase {
+    set hrefTemplate(value) {
+        this.pdsSetProperty('hrefTemplate', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set page(value) {
+        this.pdsSetProperty('page', value);
+    }
+    set siblingCount(value) {
+        this.pdsSetProperty('siblingCount', value);
+    }
+    set totalPages(value) {
+        this.pdsSetProperty('totalPages', value);
+    }
+    /** Accessible name of the next control. Default `Next page`. */
+    set nextLabel(value) {
+        this.pdsSetAttribute('next-label', value);
+    }
+    /** Accessible name of the previous control. Default `Previous page`. */
+    set previousLabel(value) {
+        this.pdsSetAttribute('previous-label', value);
+    }
+    constructor() {
+        super(definePdsPagination);
+        /** Fired when the user selects a page. Detail: `{ page }`. */
+        this.pdsChange = new EventEmitter();
+        this.pdsForward('pds-change', this.pdsChange);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsPaginationComponent, isStandalone: true, selector: "pds-pagination", inputs: { hrefTemplate: "hrefTemplate", label: "label", page: ["page", "page", numberAttribute], siblingCount: ["siblingCount", "siblingCount", numberAttribute], totalPages: ["totalPages", "totalPages", numberAttribute], nextLabel: ["next-label", "nextLabel"], previousLabel: ["previous-label", "previousLabel"] }, outputs: { pdsChange: "pdsChange" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsPaginationComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-pagination',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { hrefTemplate: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], page: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], siblingCount: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], totalPages: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], nextLabel: [{
+                type: Input,
+                args: ['next-label']
+            }], previousLabel: [{
+                type: Input,
+                args: ['previous-label']
+            }], pdsChange: [{
+                type: Output
+            }] } });
+/** Panels group related content on a tinted surface. */
+class PdsPanelComponent extends PdsComponentBase {
+    set heading(value) {
+        this.pdsSetProperty('heading', value);
+    }
+    set headingLevel(value) {
+        this.pdsSetProperty('headingLevel', value);
+    }
+    set variant(value) {
+        this.pdsSetProperty('variant', value);
+    }
+    constructor() {
+        super(definePdsPanel);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsPanelComponent, isStandalone: true, selector: "pds-panel", inputs: { heading: "heading", headingLevel: ["headingLevel", "headingLevel", numberAttribute], variant: "variant" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-panel',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { heading: [{
+                type: Input
+            }], headingLevel: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], variant: [{
+                type: Input
+            }] } });
+/** One step of a multi-step process. */
+class PdsProgressStepComponent extends PdsComponentBase {
+    set status(value) {
+        this.pdsSetProperty('status', value);
+    }
+    constructor() {
+        super(definePdsProgressStep);
+        /** Fired when a completed step is activated in a clickable container. Detail: `{ index }`. */
+        this.pdsStepClick = new EventEmitter();
+        this.pdsForward('pds-step-click', this.pdsStepClick);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsProgressStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PdsProgressStepComponent, isStandalone: true, selector: "pds-progress-step", inputs: { status: "status" }, outputs: { pdsStepClick: "pdsStepClick" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsProgressStepComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-progress-step',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { status: [{
+                type: Input
+            }], pdsStepClick: [{
+                type: Output
+            }] } });
+/** Shows progress through a sequence of steps. */
+class PdsProgressStepsComponent extends PdsComponentBase {
+    set clickable(value) {
+        this.pdsSetProperty('clickable', value);
+    }
+    set current(value) {
+        this.pdsSetProperty('current', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set orientation(value) {
+        this.pdsSetProperty('orientation', value);
+    }
+    constructor() {
+        super(definePdsProgressSteps);
+        /** Fired when a completed step is activated. Detail: `{ index }`. */
+        this.pdsStepClick = new EventEmitter();
+        this.pdsForward('pds-step-click', this.pdsStepClick);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsProgressStepsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsProgressStepsComponent, isStandalone: true, selector: "pds-progress-steps", inputs: { clickable: ["clickable", "clickable", booleanAttribute], current: ["current", "current", numberAttribute], label: "label", orientation: "orientation" }, outputs: { pdsStepClick: "pdsStepClick" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsProgressStepsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-progress-steps',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { clickable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], current: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], label: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], pdsStepClick: [{
+                type: Output
+            }] } });
+/** Radio option, used inside `pds-radio-group`. */
+class PdsRadioComponent extends PdsComponentBase {
+    /** Current selection state (managed by the group). The `checked` attribute is only the initial state. */
+    set checked(value) {
+        this.pdsSetProperty('checked', value);
+    }
+    set disabled(value) {
+        this.pdsSetProperty('disabled', value);
+    }
+    set value(value) {
+        this.pdsSetProperty('value', value);
+    }
+    constructor() {
+        super(definePdsRadio);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsRadioComponent, isStandalone: true, selector: "pds-radio", inputs: { checked: ["checked", "checked", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], value: "value" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsRadioComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-radio',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { checked: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], value: [{
+                type: Input
+            }] } });
+/** Group of mutually exclusive radio options. */
+class PdsRadioGroupComponent extends PdsComponentBase {
+    set disabled(value) {
+        this.pdsSetProperty('disabled', value);
+    }
+    set errorText(value) {
+        this.pdsSetProperty('errorText', value);
+    }
+    set helperText(value) {
+        this.pdsSetProperty('helperText', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set name(value) {
+        this.pdsSetProperty('name', value);
+    }
+    set orientation(value) {
+        this.pdsSetProperty('orientation', value);
+    }
+    set required(value) {
+        this.pdsSetProperty('required', value);
+    }
+    /** Currently selected value ('' when none). */
+    set value(value) {
+        this.pdsSetProperty('value', value);
+    }
+    constructor() {
+        super(definePdsRadioGroup);
+        /** Fired when the selection changes by user interaction. Detail: `{ value }`. */
+        this.pdsChange = new EventEmitter();
+        this.pdsForward('pds-change', this.pdsChange);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsRadioGroupComponent, isStandalone: true, selector: "pds-radio-group", inputs: { disabled: ["disabled", "disabled", booleanAttribute], errorText: "errorText", helperText: "helperText", label: "label", name: "name", orientation: "orientation", required: ["required", "required", booleanAttribute], value: "value" }, outputs: { pdsChange: "pdsChange" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsRadioGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-radio-group',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], errorText: [{
+                type: Input
+            }], helperText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], value: [{
+                type: Input
+            }], pdsChange: [{
+                type: Output
+            }] } });
+/** Slider for choosing a number within a range. */
+class PdsRangesliderComponent extends PdsComponentBase {
+    set disabled(value) {
+        this.pdsSetProperty('disabled', value);
+    }
+    set errorText(value) {
+        this.pdsSetProperty('errorText', value);
+    }
+    set helperText(value) {
+        this.pdsSetProperty('helperText', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set name(value) {
+        this.pdsSetProperty('name', value);
+    }
+    set required(value) {
+        this.pdsSetProperty('required', value);
+    }
+    set showValue(value) {
+        this.pdsSetProperty('showValue', value);
+    }
+    /** Current value. */
+    set value(value) {
+        this.pdsSetProperty('value', value);
+    }
+    /** Maximum. Default 100. */
+    set max(value) {
+        this.pdsSetAttribute('max', value);
+    }
+    /** Minimum. Default 0. */
+    set min(value) {
+        this.pdsSetAttribute('min', value);
+    }
+    /** Step. Default 1. */
+    set step(value) {
+        this.pdsSetAttribute('step', value);
+    }
+    constructor() {
+        super(definePdsRangeslider);
+        /** Fired while dragging. Detail: `{ value }`. */
+        this.pdsInput = new EventEmitter();
+        /** Fired when the value is committed. Detail: `{ value }`. */
+        this.pdsChange = new EventEmitter();
+        this.pdsForward('pds-input', this.pdsInput);
+        this.pdsForward('pds-change', this.pdsChange);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsRangesliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsRangesliderComponent, isStandalone: true, selector: "pds-rangeslider", inputs: { disabled: ["disabled", "disabled", booleanAttribute], errorText: "errorText", helperText: "helperText", label: "label", name: "name", required: ["required", "required", booleanAttribute], showValue: ["showValue", "showValue", booleanAttribute], value: "value", max: "max", min: "min", step: "step" }, outputs: { pdsInput: "pdsInput", pdsChange: "pdsChange" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsRangesliderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-rangeslider',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], errorText: [{
+                type: Input
+            }], helperText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], showValue: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], value: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], pdsInput: [{
+                type: Output
+            }], pdsChange: [{
+                type: Output
+            }] } });
+/** Dropdown for choosing one option from a list. */
+class PdsSelectComponent extends PdsComponentBase {
+    set disabled(value) {
+        this.pdsSetProperty('disabled', value);
+    }
+    set errorText(value) {
+        this.pdsSetProperty('errorText', value);
+    }
+    set helperText(value) {
+        this.pdsSetProperty('helperText', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set name(value) {
+        this.pdsSetProperty('name', value);
+    }
+    set placeholder(value) {
+        this.pdsSetProperty('placeholder', value);
+    }
+    set required(value) {
+        this.pdsSetProperty('required', value);
+    }
+    /** Current value. */
+    set value(value) {
+        this.pdsSetProperty('value', value);
+    }
+    constructor() {
+        super(definePdsSelect);
+        /** Fired when the selection changes. Detail: `{ value }`. */
+        this.pdsInput = new EventEmitter();
+        /** Fired when the selection is committed. Detail: `{ value }`. */
+        this.pdsChange = new EventEmitter();
+        this.pdsForward('pds-input', this.pdsInput);
+        this.pdsForward('pds-change', this.pdsChange);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsSelectComponent, isStandalone: true, selector: "pds-select", inputs: { disabled: ["disabled", "disabled", booleanAttribute], errorText: "errorText", helperText: "helperText", label: "label", name: "name", placeholder: "placeholder", required: ["required", "required", booleanAttribute], value: "value" }, outputs: { pdsInput: "pdsInput", pdsChange: "pdsChange" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsSelectComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-select',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], errorText: [{
+                type: Input
+            }], helperText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], value: [{
+                type: Input
+            }], pdsInput: [{
+                type: Output
+            }], pdsChange: [{
+                type: Output
+            }] } });
+/** Sheets slide in from an edge of the screen with secondary content. */
+class PdsSheetComponent extends PdsComponentBase {
+    set dismissible(value) {
+        this.pdsSetProperty('dismissible', value);
+    }
+    set heading(value) {
+        this.pdsSetProperty('heading', value);
+    }
+    set open(value) {
+        this.pdsSetProperty('open', value);
+    }
+    set placement(value) {
+        this.pdsSetProperty('placement', value);
+    }
+    /** Value reported by `pds-close`. */
+    set returnValue(value) {
+        this.pdsSetProperty('returnValue', value);
+    }
+    /** Accessible label of the close button. Default `Close`. */
+    set closeLabel(value) {
+        this.pdsSetAttribute('close-label', value);
+    }
+    constructor() {
+        super(definePdsSheet);
+        /** Fired after the sheet opened. */
+        this.pdsOpen = new EventEmitter();
+        /** Fired after the sheet closed. Detail: `{ returnValue }`. */
+        this.pdsClose = new EventEmitter();
+        /** Cancelable; fired when Escape, backdrop or close button asks to close. Detail: `{ reason }`. */
+        this.pdsRequestClose = new EventEmitter();
+        this.pdsForward('pds-open', this.pdsOpen);
+        this.pdsForward('pds-close', this.pdsClose);
+        this.pdsForward('pds-request-close', this.pdsRequestClose);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsSheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsSheetComponent, isStandalone: true, selector: "pds-sheet", inputs: { dismissible: ["dismissible", "dismissible", booleanAttribute], heading: "heading", open: ["open", "open", booleanAttribute], placement: "placement", returnValue: "returnValue", closeLabel: ["close-label", "closeLabel"] }, outputs: { pdsOpen: "pdsOpen", pdsClose: "pdsClose", pdsRequestClose: "pdsRequestClose" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsSheetComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-sheet',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { dismissible: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], heading: [{
+                type: Input
+            }], open: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], placement: [{
+                type: Input
+            }], returnValue: [{
+                type: Input
+            }], closeLabel: [{
+                type: Input,
+                args: ['close-label']
+            }], pdsOpen: [{
+                type: Output
+            }], pdsClose: [{
+                type: Output
+            }], pdsRequestClose: [{
+                type: Output
+            }] } });
+/** Vertical navigation container for `pds-sidebar-item` and `pds-sidebar-group`. */
+class PdsSidebarComponent extends PdsComponentBase {
+    set collapsed(value) {
+        this.pdsSetProperty('collapsed', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    constructor() {
+        super(definePdsSidebar);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsSidebarComponent, isStandalone: true, selector: "pds-sidebar", inputs: { collapsed: ["collapsed", "collapsed", booleanAttribute], label: "label" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsSidebarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-sidebar',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { collapsed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], label: [{
+                type: Input
+            }] } });
+/** A collapsible section of `pds-sidebar-item`s. */
+class PdsSidebarGroupComponent extends PdsComponentBase {
+    /** Set by the parent sidebar: icon-only mode shows items directly without a heading. */
+    set collapsed(value) {
+        this.pdsSetProperty('collapsed', value);
+    }
+    set expanded(value) {
+        this.pdsSetProperty('expanded', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    constructor() {
+        super(definePdsSidebarGroup);
+        /** Fired when the heading is toggled. Detail: `{ expanded }`. */
+        this.pdsToggle = new EventEmitter();
+        this.pdsForward('pds-toggle', this.pdsToggle);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsSidebarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsSidebarGroupComponent, isStandalone: true, selector: "pds-sidebar-group", inputs: { collapsed: ["collapsed", "collapsed", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute], label: "label" }, outputs: { pdsToggle: "pdsToggle" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsSidebarGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-sidebar-group',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { collapsed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], expanded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], label: [{
+                type: Input
+            }], pdsToggle: [{
+                type: Output
+            }] } });
+/** An item inside `pds-sidebar`. */
+class PdsSidebarItemComponent extends PdsComponentBase {
+    set active(value) {
+        this.pdsSetProperty('active', value);
+    }
+    /** Set by the parent sidebar. */
+    set collapsed(value) {
+        this.pdsSetProperty('collapsed', value);
+    }
+    set disabled(value) {
+        this.pdsSetProperty('disabled', value);
+    }
+    set href(value) {
+        this.pdsSetProperty('href', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    constructor() {
+        super(definePdsSidebarItem);
+        /** Fired when a button-type item is activated. */
+        this.pdsClick = new EventEmitter();
+        this.pdsForward('pds-click', this.pdsClick);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsSidebarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsSidebarItemComponent, isStandalone: true, selector: "pds-sidebar-item", inputs: { active: ["active", "active", booleanAttribute], collapsed: ["collapsed", "collapsed", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], href: "href", label: "label" }, outputs: { pdsClick: "pdsClick" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsSidebarItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-sidebar-item',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { active: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], collapsed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], href: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], pdsClick: [{
+                type: Output
+            }] } });
+/** Lets keyboard users skip repeated content. */
+class PdsSkipLinkComponent extends PdsComponentBase {
+    set href(value) {
+        this.pdsSetProperty('href', value);
+    }
+    constructor() {
+        super(definePdsSkipLink);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsSkipLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PdsSkipLinkComponent, isStandalone: true, selector: "pds-skip-link", inputs: { href: "href" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsSkipLinkComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-skip-link',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { href: [{
+                type: Input
+            }] } });
+/** Slabs divide a page into full-width sections. */
+class PdsSlabComponent extends PdsComponentBase {
+    set size(value) {
+        this.pdsSetProperty('size', value);
+    }
+    set variant(value) {
+        this.pdsSetProperty('variant', value);
+    }
+    constructor() {
+        super(definePdsSlab);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsSlabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PdsSlabComponent, isStandalone: true, selector: "pds-slab", inputs: { size: "size", variant: "variant" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsSlabComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-slab',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }] } });
+/** Shows a status as a coloured dot plus label. */
+class PdsStatusComponent extends PdsComponentBase {
+    set status(value) {
+        this.pdsSetProperty('status', value);
+    }
+    constructor() {
+        super(definePdsStatus);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PdsStatusComponent, isStandalone: true, selector: "pds-status", inputs: { status: "status" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsStatusComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-status',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { status: [{
+                type: Input
+            }] } });
+/** Tab button of a tab list. */
+class PdsTabComponent extends PdsComponentBase {
+    set disabled(value) {
+        this.pdsSetProperty('disabled', value);
+    }
+    set panel(value) {
+        this.pdsSetProperty('panel', value);
+    }
+    /** True once the tab is connected; lets the parent ignore tabs that are not initialised yet. */
+    set ready(value) {
+        this.pdsSetProperty('ready', value);
+    }
+    set selected(value) {
+        this.pdsSetProperty('selected', value);
+    }
+    constructor() {
+        super(definePdsTab);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsTabComponent, isStandalone: true, selector: "pds-tab", inputs: { disabled: ["disabled", "disabled", booleanAttribute], panel: "panel", ready: ["ready", "ready", booleanAttribute], selected: ["selected", "selected", booleanAttribute] }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsTabComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-tab',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], panel: [{
+                type: Input
+            }], ready: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], selected: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+/** Panel shown when its tab is selected. */
+class PdsTabPanelComponent extends PdsComponentBase {
+    constructor() {
+        super(definePdsTabPanel);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsTabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PdsTabPanelComponent, isStandalone: true, selector: "pds-tab-panel", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsTabPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-tab-panel',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [] });
+/** Styled, scrollable and optionally sortable data table. */
+class PdsTableComponent extends PdsComponentBase {
+    set bordered(value) {
+        this.pdsSetProperty('bordered', value);
+    }
+    set compact(value) {
+        this.pdsSetProperty('compact', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set stickyHeader(value) {
+        this.pdsSetProperty('stickyHeader', value);
+    }
+    set striped(value) {
+        this.pdsSetProperty('striped', value);
+    }
+    /** CSS max-height of the scroll region (e.g. `20rem`). */
+    set maxHeight(value) {
+        this.pdsSetAttribute('max-height', value);
+    }
+    constructor() {
+        super(definePdsTable);
+        /** Fired after a column is sorted. Detail: `{ column, direction }`. */
+        this.pdsSort = new EventEmitter();
+        this.pdsForward('pds-sort', this.pdsSort);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsTableComponent, isStandalone: true, selector: "pds-table", inputs: { bordered: ["bordered", "bordered", booleanAttribute], compact: ["compact", "compact", booleanAttribute], label: "label", stickyHeader: ["stickyHeader", "stickyHeader", booleanAttribute], striped: ["striped", "striped", booleanAttribute], maxHeight: ["max-height", "maxHeight"] }, outputs: { pdsSort: "pdsSort" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsTableComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-table',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { bordered: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], compact: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], label: [{
+                type: Input
+            }], stickyHeader: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], striped: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], maxHeight: [{
+                type: Input,
+                args: ['max-height']
+            }], pdsSort: [{
+                type: Output
+            }] } });
+/** Tabs switch between related panels. */
+class PdsTabsComponent extends PdsComponentBase {
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set orientation(value) {
+        this.pdsSetProperty('orientation', value);
+    }
+    set value(value) {
+        this.pdsSetProperty('value', value);
+    }
+    constructor() {
+        super(definePdsTabs);
+        /** Fired when the user selects a tab. Detail: `{ index, value }` (value is the panel id). */
+        this.pdsChange = new EventEmitter();
+        this.pdsForward('pds-change', this.pdsChange);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PdsTabsComponent, isStandalone: true, selector: "pds-tabs", inputs: { label: "label", orientation: "orientation", value: "value" }, outputs: { pdsChange: "pdsChange" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsTabsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-tabs',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { label: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], pdsChange: [{
+                type: Output
+            }] } });
+/** Tags label or categorise content. */
+class PdsTagComponent extends PdsComponentBase {
+    set removable(value) {
+        this.pdsSetProperty('removable', value);
+    }
+    set size(value) {
+        this.pdsSetProperty('size', value);
+    }
+    set variant(value) {
+        this.pdsSetProperty('variant', value);
+    }
+    constructor() {
+        super(definePdsTag);
+        /** Fired (cancelable) when the remove button is activated. The tag removes itself unless prevented. */
+        this.pdsRemove = new EventEmitter();
+        this.pdsForward('pds-remove', this.pdsRemove);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsTagComponent, isStandalone: true, selector: "pds-tag", inputs: { removable: ["removable", "removable", booleanAttribute], size: "size", variant: "variant" }, outputs: { pdsRemove: "pdsRemove" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsTagComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-tag',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { removable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], pdsRemove: [{
+                type: Output
+            }] } });
+/** Toasts show short-lived, non-blocking feedback. */
+class PdsToastComponent extends PdsComponentBase {
+    set dismissible(value) {
+        this.pdsSetProperty('dismissible', value);
+    }
+    set duration(value) {
+        this.pdsSetProperty('duration', value);
+    }
+    set heading(value) {
+        this.pdsSetProperty('heading', value);
+    }
+    set variant(value) {
+        this.pdsSetProperty('variant', value);
+    }
+    /** Accessible label of the close button. Default `Dismiss`. */
+    set closeLabel(value) {
+        this.pdsSetAttribute('close-label', value);
+    }
+    constructor() {
+        super(definePdsToast);
+        /** Fired before the toast is removed (cancelable). Detail: `{ reason: 'timeout' | 'close-button' | 'programmatic' }`. */
+        this.pdsDismiss = new EventEmitter();
+        this.pdsForward('pds-dismiss', this.pdsDismiss);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsToastComponent, isStandalone: true, selector: "pds-toast", inputs: { dismissible: ["dismissible", "dismissible", booleanAttribute], duration: ["duration", "duration", numberAttribute], heading: "heading", variant: "variant", closeLabel: ["close-label", "closeLabel"] }, outputs: { pdsDismiss: "pdsDismiss" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsToastComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-toast',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { dismissible: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], duration: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], heading: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], closeLabel: [{
+                type: Input,
+                args: ['close-label']
+            }], pdsDismiss: [{
+                type: Output
+            }] } });
+/** Container that stacks and announces `pds-toast` elements. */
+class PdsToastRegionComponent extends PdsComponentBase {
+    constructor() {
+        super(defineAll);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsToastRegionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PdsToastRegionComponent, isStandalone: true, selector: "pds-toast-region", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsToastRegionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-toast-region',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [] });
+/** Switch for immediately-applied on/off settings. */
+class PdsToggleboxComponent extends PdsComponentBase {
+    /** Current state (the attribute is the initial state). */
+    set checked(value) {
+        this.pdsSetProperty('checked', value);
+    }
+    set disabled(value) {
+        this.pdsSetProperty('disabled', value);
+    }
+    set errorText(value) {
+        this.pdsSetProperty('errorText', value);
+    }
+    set helperText(value) {
+        this.pdsSetProperty('helperText', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set name(value) {
+        this.pdsSetProperty('name', value);
+    }
+    set required(value) {
+        this.pdsSetProperty('required', value);
+    }
+    set value(value) {
+        this.pdsSetProperty('value', value);
+    }
+    constructor() {
+        super(definePdsTogglebox);
+        /** Fired when toggled by the user. Detail: `{ checked, value }`. */
+        this.pdsChange = new EventEmitter();
+        this.pdsForward('pds-change', this.pdsChange);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsToggleboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsToggleboxComponent, isStandalone: true, selector: "pds-togglebox", inputs: { checked: ["checked", "checked", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], errorText: "errorText", helperText: "helperText", label: "label", name: "name", required: ["required", "required", booleanAttribute], value: "value" }, outputs: { pdsChange: "pdsChange" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsToggleboxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-togglebox',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { checked: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], errorText: [{
+                type: Input
+            }], helperText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], value: [{
+                type: Input
+            }], pdsChange: [{
+                type: Output
+            }] } });
+/** Tooltips show short supplementary text for a control. */
+class PdsTooltipComponent extends PdsComponentBase {
+    set content(value) {
+        this.pdsSetProperty('content', value);
+    }
+    set delay(value) {
+        this.pdsSetProperty('delay', value);
+    }
+    set hide(value) {
+        this.pdsSetProperty('hide', value);
+    }
+    set placement(value) {
+        this.pdsSetProperty('placement', value);
+    }
+    constructor() {
+        super(definePdsTooltip);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsTooltipComponent, isStandalone: true, selector: "pds-tooltip", inputs: { content: "content", delay: ["delay", "delay", numberAttribute], hide: "hide", placement: "placement" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsTooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-tooltip',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { content: [{
+                type: Input
+            }], delay: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], hide: [{
+                type: Input
+            }], placement: [{
+                type: Input
+            }] } });
+/** Responsive application header. */
+class PdsTopbarComponent extends PdsComponentBase {
+    set breakpoint(value) {
+        this.pdsSetProperty('breakpoint', value);
+    }
+    set label(value) {
+        this.pdsSetProperty('label', value);
+    }
+    set menuLabel(value) {
+        this.pdsSetProperty('menuLabel', value);
+    }
+    set open(value) {
+        this.pdsSetProperty('open', value);
+    }
+    constructor() {
+        super(definePdsTopbar);
+        /** Fired when the menu is opened or closed. Detail: `{ open }`. */
+        this.pdsMenuToggle = new EventEmitter();
+        this.pdsForward('pds-menu-toggle', this.pdsMenuToggle);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsTopbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: PdsTopbarComponent, isStandalone: true, selector: "pds-topbar", inputs: { breakpoint: "breakpoint", label: "label", menuLabel: "menuLabel", open: ["open", "open", booleanAttribute] }, outputs: { pdsMenuToggle: "pdsMenuToggle" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsTopbarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pds-topbar',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: () => [], propDecorators: { breakpoint: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], menuLabel: [{
+                type: Input
+            }], open: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], pdsMenuToggle: [{
+                type: Output
+            }] } });
+const PDS_ELEMENT_COMPONENTS = [
+    PdsAccordionComponent,
+    PdsAccordionItemComponent,
+    PdsAlertComponent,
+    PdsBadgeComponent,
+    PdsBreadcrumbComponent,
+    PdsBreadcrumbItemComponent,
+    PdsButtonComponent,
+    PdsCardComponent,
+    PdsCheckboxComponent,
+    PdsDatepickerComponent,
+    PdsDialogComponent,
+    PdsDropdownComponent,
+    PdsDropdownItemComponent,
+    PdsExpandableComponent,
+    PdsInputComponent,
+    PdsLinkComponent,
+    PdsListComponent,
+    PdsListItemComponent,
+    PdsLoaderComponent,
+    PdsMediaObjectComponent,
+    PdsPaginationComponent,
+    PdsPanelComponent,
+    PdsProgressStepComponent,
+    PdsProgressStepsComponent,
+    PdsRadioComponent,
+    PdsRadioGroupComponent,
+    PdsRangesliderComponent,
+    PdsSelectComponent,
+    PdsSheetComponent,
+    PdsSidebarComponent,
+    PdsSidebarGroupComponent,
+    PdsSidebarItemComponent,
+    PdsSkipLinkComponent,
+    PdsSlabComponent,
+    PdsStatusComponent,
+    PdsTabComponent,
+    PdsTabPanelComponent,
+    PdsTableComponent,
+    PdsTabsComponent,
+    PdsTagComponent,
+    PdsToastComponent,
+    PdsToastRegionComponent,
+    PdsToggleboxComponent,
+    PdsTooltipComponent,
+    PdsTopbarComponent,
+];
+
+/** Generic `ControlValueAccessor`; the generated directive supplies selectors and the per-tag config. */
+class PdsValueAccessorBase {
+    constructor(controls) {
+        this.host = inject(ElementRef).nativeElement;
+        this.zone = inject(NgZone);
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        const tag = this.host.tagName.toLowerCase();
+        const config = controls[tag];
+        if (!config)
+            throw new Error(`No form control config for <${tag}>`);
+        this.config = config;
+        const destroyRef = inject(DestroyRef);
+        const changed = () => this.zone.run(() => this.onChange(this.read()));
+        const touched = () => this.zone.run(() => this.onTouched());
+        this.zone.runOutsideAngular(() => {
+            for (const name of config.events)
+                this.host.addEventListener(name, changed);
+            this.host.addEventListener('focusout', touched);
+        });
+        destroyRef.onDestroy(() => {
+            for (const name of config.events)
+                this.host.removeEventListener(name, changed);
+            this.host.removeEventListener('focusout', touched);
+        });
+    }
+    writeValue(value) {
+        const normalized = this.config.property === 'checked' ? Boolean(value) : (value ?? '');
+        this.host[this.config.property] = normalized;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.host.disabled = isDisabled;
+    }
+    read() {
+        return this.host[this.config.property];
+    }
+}
+
+// AUTO-GENERATED by @payex-ds/wrapper-gen from the @payex-ds/core Custom Elements Manifest.
+// Do not edit by hand. Regenerate with `pnpm generate:wrappers`.
+/** Form-associated elements found in the manifest and how their value is read. */
+const PDS_FORM_CONTROLS = {
+    'pds-checkbox': { property: 'checked', events: ['pds-change'] },
+    'pds-datepicker': { property: 'value', events: ['pds-change'] },
+    'pds-input': { property: 'value', events: ['pds-input', 'pds-change'] },
+    'pds-radio-group': { property: 'value', events: ['pds-change'] },
+    'pds-rangeslider': { property: 'value', events: ['pds-input', 'pds-change'] },
+    'pds-select': { property: 'value', events: ['pds-input', 'pds-change'] },
+    'pds-togglebox': { property: 'checked', events: ['pds-change'] },
+};
+/** `ControlValueAccessor` for every form control: works with `formControlName`, `formControl` and `ngModel`. */
+class PdsValueAccessor extends PdsValueAccessorBase {
+    constructor() {
+        super(PDS_FORM_CONTROLS);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PdsValueAccessor, isStandalone: true, selector: "pds-checkbox[formControlName],pds-checkbox[formControl],pds-checkbox[ngModel],pds-datepicker[formControlName],pds-datepicker[formControl],pds-datepicker[ngModel],pds-input[formControlName],pds-input[formControl],pds-input[ngModel],pds-radio-group[formControlName],pds-radio-group[formControl],pds-radio-group[ngModel],pds-rangeslider[formControlName],pds-rangeslider[formControl],pds-rangeslider[ngModel],pds-select[formControlName],pds-select[formControl],pds-select[ngModel],pds-togglebox[formControlName],pds-togglebox[formControl],pds-togglebox[ngModel]", providers: [
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => PdsValueAccessor), multi: true },
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PdsValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'pds-checkbox[formControlName],pds-checkbox[formControl],pds-checkbox[ngModel],pds-datepicker[formControlName],pds-datepicker[formControl],pds-datepicker[ngModel],pds-input[formControlName],pds-input[formControl],pds-input[ngModel],pds-radio-group[formControlName],pds-radio-group[formControl],pds-radio-group[ngModel],pds-rangeslider[formControlName],pds-rangeslider[formControl],pds-rangeslider[ngModel],pds-select[formControlName],pds-select[formControl],pds-select[ngModel],pds-togglebox[formControlName],pds-togglebox[formControl],pds-togglebox[ngModel]',
+                    standalone: true,
+                    providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => PdsValueAccessor), multi: true },
+                    ],
+                }]
+        }], ctorParameters: () => [] });
+
+// AUTO-GENERATED by @payex-ds/wrapper-gen from the @payex-ds/core Custom Elements Manifest.
+// Do not edit by hand. Regenerate with `pnpm generate:wrappers`.
+/** Every component plus the form value accessor; use as `imports: [...PDS_COMPONENTS]`. */
+const PDS_COMPONENTS = [...PDS_ELEMENT_COMPONENTS, PdsValueAccessor];
+
+/** Loads the design before the application bootstraps. Use in `bootstrapApplication(..., { providers })`. */
+function provideDesignSystem(config) {
+    const { design, inlineDesign, ...rest } = config;
+    const options = inlineDesign === undefined ? rest : { ...rest, design: inlineDesign };
+    return makeEnvironmentProviders([
+        {
+            provide: APP_INITIALIZER,
+            multi: true,
+            useFactory: () => () => ds.init(design, options),
+        },
+    ]);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PDS_COMPONENTS, PDS_ELEMENT_COMPONENTS, PDS_FORM_CONTROLS, PdsAccordionComponent, PdsAccordionItemComponent, PdsAlertComponent, PdsBadgeComponent, PdsBreadcrumbComponent, PdsBreadcrumbItemComponent, PdsButtonComponent, PdsCardComponent, PdsCheckboxComponent, PdsComponentBase, PdsDatepickerComponent, PdsDialogComponent, PdsDropdownComponent, PdsDropdownItemComponent, PdsExpandableComponent, PdsInputComponent, PdsLinkComponent, PdsListComponent, PdsListItemComponent, PdsLoaderComponent, PdsMediaObjectComponent, PdsPaginationComponent, PdsPanelComponent, PdsProgressStepComponent, PdsProgressStepsComponent, PdsRadioComponent, PdsRadioGroupComponent, PdsRangesliderComponent, PdsSelectComponent, PdsSheetComponent, PdsSidebarComponent, PdsSidebarGroupComponent, PdsSidebarItemComponent, PdsSkipLinkComponent, PdsSlabComponent, PdsStatusComponent, PdsTabComponent, PdsTabPanelComponent, PdsTableComponent, PdsTabsComponent, PdsTagComponent, PdsToastComponent, PdsToastRegionComponent, PdsToggleboxComponent, PdsTooltipComponent, PdsTopbarComponent, PdsValueAccessor, PdsValueAccessorBase, provideDesignSystem };
+//# sourceMappingURL=payex-ds-angular.mjs.map