@porsche-design-system/components-angular 4.1.0 → 4.2.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1639,6 +1639,72 @@ type WordmarkSize = (typeof WORDMARK_SIZES)[number];
|
|
|
1639
1639
|
type WordmarkTarget = LinkTarget;
|
|
1640
1640
|
type WordmarkAriaAttribute = LinkAriaAttribute;
|
|
1641
1641
|
|
|
1642
|
+
type PCheckboxProps = {
|
|
1643
|
+
/**
|
|
1644
|
+
* Reflects the checkbox current checked state and allows setting the initial checked state.
|
|
1645
|
+
* @default false
|
|
1646
|
+
*/
|
|
1647
|
+
checked?: boolean;
|
|
1648
|
+
/**
|
|
1649
|
+
* Displays the checkbox in compact mode.
|
|
1650
|
+
* @default false
|
|
1651
|
+
*/
|
|
1652
|
+
compact?: boolean;
|
|
1653
|
+
/**
|
|
1654
|
+
* Marks the checkbox as disabled.
|
|
1655
|
+
* @default false
|
|
1656
|
+
*/
|
|
1657
|
+
disabled?: boolean;
|
|
1658
|
+
/**
|
|
1659
|
+
* The id of a form element the checkbox should be associated with.
|
|
1660
|
+
*/
|
|
1661
|
+
form?: string;
|
|
1662
|
+
/**
|
|
1663
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
1664
|
+
* @default false
|
|
1665
|
+
*/
|
|
1666
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
1667
|
+
/**
|
|
1668
|
+
* Marks the checkbox as indeterminate.
|
|
1669
|
+
* @default false
|
|
1670
|
+
*/
|
|
1671
|
+
indeterminate?: boolean;
|
|
1672
|
+
/**
|
|
1673
|
+
* Text content for a user-facing label.
|
|
1674
|
+
* @default ''
|
|
1675
|
+
*/
|
|
1676
|
+
label?: string;
|
|
1677
|
+
/**
|
|
1678
|
+
* @experimental Disables the checkbox and shows a loading indicator.
|
|
1679
|
+
* @default false
|
|
1680
|
+
*/
|
|
1681
|
+
loading?: boolean;
|
|
1682
|
+
/**
|
|
1683
|
+
* The message styled depending on validation state.
|
|
1684
|
+
* @default ''
|
|
1685
|
+
*/
|
|
1686
|
+
message?: string;
|
|
1687
|
+
/**
|
|
1688
|
+
* The name of the checkbox.
|
|
1689
|
+
* @default ''
|
|
1690
|
+
*/
|
|
1691
|
+
name?: string;
|
|
1692
|
+
/**
|
|
1693
|
+
* Marks the checkbox as required.
|
|
1694
|
+
* @default false
|
|
1695
|
+
*/
|
|
1696
|
+
required?: boolean;
|
|
1697
|
+
/**
|
|
1698
|
+
* The validation state.
|
|
1699
|
+
* @default 'none'
|
|
1700
|
+
*/
|
|
1701
|
+
state?: CheckboxState;
|
|
1702
|
+
/**
|
|
1703
|
+
* The checkbox value. When a form is submitted, only a checkbox which is currently checked is included in the submission.
|
|
1704
|
+
* @default 'on'
|
|
1705
|
+
*/
|
|
1706
|
+
value?: string;
|
|
1707
|
+
};
|
|
1642
1708
|
declare class PCheckbox extends BaseComponent implements ControlValueAccessor {
|
|
1643
1709
|
private _renderer;
|
|
1644
1710
|
private _elementRef;
|
|
@@ -1669,6 +1735,88 @@ declare class PCheckbox extends BaseComponent implements ControlValueAccessor {
|
|
|
1669
1735
|
static ɵcmp: i0.ɵɵComponentDeclaration<PCheckbox, "p-checkbox,[p-checkbox]", never, { "checked": { "alias": "checked"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
|
|
1670
1736
|
}
|
|
1671
1737
|
|
|
1738
|
+
type PInputDateProps = {
|
|
1739
|
+
/**
|
|
1740
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='bday' for a birthday).
|
|
1741
|
+
*/
|
|
1742
|
+
autoComplete?: string;
|
|
1743
|
+
/**
|
|
1744
|
+
* Displays the input field in compact mode.
|
|
1745
|
+
* @default false
|
|
1746
|
+
*/
|
|
1747
|
+
compact?: boolean;
|
|
1748
|
+
/**
|
|
1749
|
+
* Supplementary text providing more context or explanation for the input.
|
|
1750
|
+
* @default ''
|
|
1751
|
+
*/
|
|
1752
|
+
description?: string;
|
|
1753
|
+
/**
|
|
1754
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
1755
|
+
* @default false
|
|
1756
|
+
*/
|
|
1757
|
+
disabled?: boolean;
|
|
1758
|
+
/**
|
|
1759
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
1760
|
+
*/
|
|
1761
|
+
form?: string;
|
|
1762
|
+
/**
|
|
1763
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
1764
|
+
* @default false
|
|
1765
|
+
*/
|
|
1766
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
1767
|
+
/**
|
|
1768
|
+
* Text content for a user-facing label.
|
|
1769
|
+
* @default ''
|
|
1770
|
+
*/
|
|
1771
|
+
label?: string;
|
|
1772
|
+
/**
|
|
1773
|
+
* @experimental Shows a loading indicator.
|
|
1774
|
+
* @default false
|
|
1775
|
+
*/
|
|
1776
|
+
loading?: boolean;
|
|
1777
|
+
/**
|
|
1778
|
+
* Specifies the latest date that can be selected. The value must be a date string in YYYY-MM-DD format (e.g., max='2024-12-31').
|
|
1779
|
+
*/
|
|
1780
|
+
max?: string;
|
|
1781
|
+
/**
|
|
1782
|
+
* Dynamic feedback text for validation or status.
|
|
1783
|
+
* @default ''
|
|
1784
|
+
*/
|
|
1785
|
+
message?: string;
|
|
1786
|
+
/**
|
|
1787
|
+
* Specifies the earliest date that can be selected. The value must be a date string in YYYY-MM-DD format (e.g., min='2023-01-01').
|
|
1788
|
+
*/
|
|
1789
|
+
min?: string;
|
|
1790
|
+
/**
|
|
1791
|
+
* The name of the input field, used when submitting the form data.
|
|
1792
|
+
*/
|
|
1793
|
+
name: string;
|
|
1794
|
+
/**
|
|
1795
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
1796
|
+
* @default false
|
|
1797
|
+
*/
|
|
1798
|
+
readOnly?: boolean;
|
|
1799
|
+
/**
|
|
1800
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
1801
|
+
* @default false
|
|
1802
|
+
*/
|
|
1803
|
+
required?: boolean;
|
|
1804
|
+
/**
|
|
1805
|
+
* Indicates the validation or overall status of the input component.
|
|
1806
|
+
* @default 'none'
|
|
1807
|
+
*/
|
|
1808
|
+
state?: InputDateState;
|
|
1809
|
+
/**
|
|
1810
|
+
* Defines the granularity of the date input. This value is given in days. The default is 1 (one day).
|
|
1811
|
+
* @default 1
|
|
1812
|
+
*/
|
|
1813
|
+
step?: number;
|
|
1814
|
+
/**
|
|
1815
|
+
* The default date value for the input, in YYYY-MM-DD format (e.g., value='2025-07-02').
|
|
1816
|
+
* @default ''
|
|
1817
|
+
*/
|
|
1818
|
+
value?: string;
|
|
1819
|
+
};
|
|
1672
1820
|
declare class PInputDate extends BaseComponent implements ControlValueAccessor {
|
|
1673
1821
|
private _renderer;
|
|
1674
1822
|
private _elementRef;
|
|
@@ -1704,6 +1852,102 @@ declare class PInputDate extends BaseComponent implements ControlValueAccessor {
|
|
|
1704
1852
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputDate, "p-input-date,[p-input-date]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1705
1853
|
}
|
|
1706
1854
|
|
|
1855
|
+
type PInputEmailProps = {
|
|
1856
|
+
/**
|
|
1857
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='email').
|
|
1858
|
+
*/
|
|
1859
|
+
autoComplete?: string;
|
|
1860
|
+
/**
|
|
1861
|
+
* Displays the input field in compact mode.
|
|
1862
|
+
* @default false
|
|
1863
|
+
*/
|
|
1864
|
+
compact?: boolean;
|
|
1865
|
+
/**
|
|
1866
|
+
* Supplementary text providing more context or explanation for the input.
|
|
1867
|
+
* @default ''
|
|
1868
|
+
*/
|
|
1869
|
+
description?: string;
|
|
1870
|
+
/**
|
|
1871
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
1872
|
+
* @default false
|
|
1873
|
+
*/
|
|
1874
|
+
disabled?: boolean;
|
|
1875
|
+
/**
|
|
1876
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
1877
|
+
*/
|
|
1878
|
+
form?: string;
|
|
1879
|
+
/**
|
|
1880
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
1881
|
+
* @default false
|
|
1882
|
+
*/
|
|
1883
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
1884
|
+
/**
|
|
1885
|
+
* Controls the visibility of the email icon.
|
|
1886
|
+
* @default false
|
|
1887
|
+
*/
|
|
1888
|
+
indicator?: boolean;
|
|
1889
|
+
/**
|
|
1890
|
+
* Text content for a user-facing label.
|
|
1891
|
+
* @default ''
|
|
1892
|
+
*/
|
|
1893
|
+
label?: string;
|
|
1894
|
+
/**
|
|
1895
|
+
* @experimental Shows a loading indicator.
|
|
1896
|
+
* @default false
|
|
1897
|
+
*/
|
|
1898
|
+
loading?: boolean;
|
|
1899
|
+
/**
|
|
1900
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the input.
|
|
1901
|
+
*/
|
|
1902
|
+
maxLength?: number;
|
|
1903
|
+
/**
|
|
1904
|
+
* Dynamic feedback text for validation or status.
|
|
1905
|
+
* @default ''
|
|
1906
|
+
*/
|
|
1907
|
+
message?: string;
|
|
1908
|
+
/**
|
|
1909
|
+
* A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
|
|
1910
|
+
*/
|
|
1911
|
+
minLength?: number;
|
|
1912
|
+
/**
|
|
1913
|
+
* Allows the user to enter a list of email addresses separated by commas (and optional whitespace). The browser validates each email address in the list.
|
|
1914
|
+
* @default false
|
|
1915
|
+
*/
|
|
1916
|
+
multiple?: boolean;
|
|
1917
|
+
/**
|
|
1918
|
+
* The name of the input field, used when submitting the form data.
|
|
1919
|
+
*/
|
|
1920
|
+
name: string;
|
|
1921
|
+
/**
|
|
1922
|
+
* Specifies a regular expression that the input's value must match for the value to pass constraint validation. This allows for more specific email validation rules than the browser's default (e.g., restricting to a specific domain). If provided, it overrides the browser's default email validation.
|
|
1923
|
+
*/
|
|
1924
|
+
pattern?: string;
|
|
1925
|
+
/**
|
|
1926
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='you@example.com'). This text is displayed when the input field is empty.
|
|
1927
|
+
* @default ''
|
|
1928
|
+
*/
|
|
1929
|
+
placeholder?: string;
|
|
1930
|
+
/**
|
|
1931
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
1932
|
+
* @default false
|
|
1933
|
+
*/
|
|
1934
|
+
readOnly?: boolean;
|
|
1935
|
+
/**
|
|
1936
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
1937
|
+
* @default false
|
|
1938
|
+
*/
|
|
1939
|
+
required?: boolean;
|
|
1940
|
+
/**
|
|
1941
|
+
* Indicates the validation or overall status of the input component.
|
|
1942
|
+
* @default 'none'
|
|
1943
|
+
*/
|
|
1944
|
+
state?: InputEmailState;
|
|
1945
|
+
/**
|
|
1946
|
+
* The default email address (or comma-separated list of addresses) for the input.
|
|
1947
|
+
* @default ''
|
|
1948
|
+
*/
|
|
1949
|
+
value?: string;
|
|
1950
|
+
};
|
|
1707
1951
|
declare class PInputEmail extends BaseComponent implements ControlValueAccessor {
|
|
1708
1952
|
private _renderer;
|
|
1709
1953
|
private _elementRef;
|
|
@@ -1742,62 +1986,107 @@ declare class PInputEmail extends BaseComponent implements ControlValueAccessor
|
|
|
1742
1986
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputEmail, "p-input-email,[p-input-email]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1743
1987
|
}
|
|
1744
1988
|
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
|
|
1989
|
+
type PInputMonthProps = {
|
|
1990
|
+
/**
|
|
1991
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features.
|
|
1992
|
+
*/
|
|
1749
1993
|
autoComplete?: string;
|
|
1994
|
+
/**
|
|
1995
|
+
* Displays the input field in compact mode.
|
|
1996
|
+
* @default false
|
|
1997
|
+
*/
|
|
1750
1998
|
compact?: boolean;
|
|
1999
|
+
/**
|
|
2000
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2001
|
+
* @default ''
|
|
2002
|
+
*/
|
|
1751
2003
|
description?: string;
|
|
2004
|
+
/**
|
|
2005
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2006
|
+
* @default false
|
|
2007
|
+
*/
|
|
1752
2008
|
disabled?: boolean;
|
|
2009
|
+
/**
|
|
2010
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2011
|
+
*/
|
|
1753
2012
|
form?: string;
|
|
2013
|
+
/**
|
|
2014
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2015
|
+
* @default false
|
|
2016
|
+
*/
|
|
1754
2017
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2018
|
+
/**
|
|
2019
|
+
* Text content for a user-facing label.
|
|
2020
|
+
* @default ''
|
|
2021
|
+
*/
|
|
1755
2022
|
label?: string;
|
|
2023
|
+
/**
|
|
2024
|
+
* @experimental Shows a loading indicator.
|
|
2025
|
+
* @default false
|
|
2026
|
+
*/
|
|
1756
2027
|
loading?: boolean;
|
|
2028
|
+
/**
|
|
2029
|
+
* Specifies the latest month that can be selected. The value must be a month string in YYYY-MM format (e.g., max='2024-12').
|
|
2030
|
+
*/
|
|
1757
2031
|
max?: string;
|
|
2032
|
+
/**
|
|
2033
|
+
* Dynamic feedback text for validation or status.
|
|
2034
|
+
* @default ''
|
|
2035
|
+
*/
|
|
1758
2036
|
message?: string;
|
|
2037
|
+
/**
|
|
2038
|
+
* Specifies the earliest month that can be selected. The value must be a month string in YYYY-MM format (e.g., min='2023-01').
|
|
2039
|
+
*/
|
|
1759
2040
|
min?: string;
|
|
2041
|
+
/**
|
|
2042
|
+
* The name of the input field, used when submitting the form data.
|
|
2043
|
+
*/
|
|
1760
2044
|
name: string;
|
|
2045
|
+
/**
|
|
2046
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2047
|
+
* @default false
|
|
2048
|
+
*/
|
|
1761
2049
|
readOnly?: boolean;
|
|
2050
|
+
/**
|
|
2051
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2052
|
+
* @default false
|
|
2053
|
+
*/
|
|
1762
2054
|
required?: boolean;
|
|
2055
|
+
/**
|
|
2056
|
+
* Indicates the validation or overall status of the input component.
|
|
2057
|
+
* @default 'none'
|
|
2058
|
+
*/
|
|
1763
2059
|
state?: InputMonthState;
|
|
2060
|
+
/**
|
|
2061
|
+
* Defines the stepping interval in months. For example, step="1" increments by 1 month, step="12" by 1 year. The default is 1 month.
|
|
2062
|
+
* @default 1
|
|
2063
|
+
*/
|
|
1764
2064
|
step?: number;
|
|
2065
|
+
/**
|
|
2066
|
+
* The default month value for the input, in YYYY-MM format (e.g., value='2025-07').
|
|
2067
|
+
* @default ''
|
|
2068
|
+
*/
|
|
1765
2069
|
value?: string;
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
1769
|
-
constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
|
|
1770
|
-
_onChange: (value: any) => void;
|
|
1771
|
-
_onTouched: () => void;
|
|
1772
|
-
writeValue(value: any): void;
|
|
1773
|
-
registerOnChange(fn: any): void;
|
|
1774
|
-
registerOnTouched(fn: any): void;
|
|
1775
|
-
setDisabledState(isDisabled: boolean): void;
|
|
1776
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PInputMonth, never>;
|
|
1777
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PInputMonth, "p-input-month,[p-input-month]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1778
|
-
}
|
|
1779
|
-
|
|
1780
|
-
declare class PInputNumber extends BaseComponent implements ControlValueAccessor {
|
|
2070
|
+
};
|
|
2071
|
+
declare class PInputMonth extends BaseComponent implements ControlValueAccessor {
|
|
1781
2072
|
private _renderer;
|
|
1782
2073
|
private _elementRef;
|
|
1783
2074
|
private _cdr;
|
|
1784
2075
|
autoComplete?: string;
|
|
1785
2076
|
compact?: boolean;
|
|
1786
|
-
controls?: boolean;
|
|
1787
2077
|
description?: string;
|
|
1788
2078
|
disabled?: boolean;
|
|
1789
2079
|
form?: string;
|
|
1790
2080
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
1791
2081
|
label?: string;
|
|
1792
2082
|
loading?: boolean;
|
|
1793
|
-
max?:
|
|
2083
|
+
max?: string;
|
|
1794
2084
|
message?: string;
|
|
1795
|
-
min?:
|
|
2085
|
+
min?: string;
|
|
1796
2086
|
name: string;
|
|
1797
|
-
placeholder?: string;
|
|
1798
2087
|
readOnly?: boolean;
|
|
1799
2088
|
required?: boolean;
|
|
1800
|
-
state?:
|
|
2089
|
+
state?: InputMonthState;
|
|
1801
2090
|
step?: number;
|
|
1802
2091
|
value?: string;
|
|
1803
2092
|
blur: EventEmitter<CustomEvent<Event>>;
|
|
@@ -1810,27 +2099,243 @@ declare class PInputNumber extends BaseComponent implements ControlValueAccessor
|
|
|
1810
2099
|
registerOnChange(fn: any): void;
|
|
1811
2100
|
registerOnTouched(fn: any): void;
|
|
1812
2101
|
setDisabledState(isDisabled: boolean): void;
|
|
1813
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
1814
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
2102
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PInputMonth, never>;
|
|
2103
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PInputMonth, "p-input-month,[p-input-month]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1815
2104
|
}
|
|
1816
2105
|
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
2106
|
+
type PInputNumberProps = {
|
|
2107
|
+
/**
|
|
2108
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='postal-code').
|
|
2109
|
+
*/
|
|
1821
2110
|
autoComplete?: string;
|
|
2111
|
+
/**
|
|
2112
|
+
* Displays the input field in compact mode.
|
|
2113
|
+
* @default false
|
|
2114
|
+
*/
|
|
1822
2115
|
compact?: boolean;
|
|
2116
|
+
/**
|
|
2117
|
+
* Show or hide the increment/decrement stepper controls.
|
|
2118
|
+
* @default false
|
|
2119
|
+
*/
|
|
2120
|
+
controls?: boolean;
|
|
2121
|
+
/**
|
|
2122
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2123
|
+
* @default ''
|
|
2124
|
+
*/
|
|
1823
2125
|
description?: string;
|
|
2126
|
+
/**
|
|
2127
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2128
|
+
* @default false
|
|
2129
|
+
*/
|
|
1824
2130
|
disabled?: boolean;
|
|
2131
|
+
/**
|
|
2132
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2133
|
+
*/
|
|
1825
2134
|
form?: string;
|
|
2135
|
+
/**
|
|
2136
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2137
|
+
* @default false
|
|
2138
|
+
*/
|
|
1826
2139
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2140
|
+
/**
|
|
2141
|
+
* Text content for a user-facing label.
|
|
2142
|
+
* @default ''
|
|
2143
|
+
*/
|
|
1827
2144
|
label?: string;
|
|
2145
|
+
/**
|
|
2146
|
+
* @experimental Shows a loading indicator.
|
|
2147
|
+
* @default false
|
|
2148
|
+
*/
|
|
1828
2149
|
loading?: boolean;
|
|
1829
|
-
|
|
2150
|
+
/**
|
|
2151
|
+
* The max value of the number input.
|
|
2152
|
+
*/
|
|
2153
|
+
max?: number;
|
|
2154
|
+
/**
|
|
2155
|
+
* Dynamic feedback text for validation or status.
|
|
2156
|
+
* @default ''
|
|
2157
|
+
*/
|
|
1830
2158
|
message?: string;
|
|
1831
|
-
|
|
2159
|
+
/**
|
|
2160
|
+
* The min value of the number input.
|
|
2161
|
+
*/
|
|
2162
|
+
min?: number;
|
|
2163
|
+
/**
|
|
2164
|
+
* The name of the input field, used when submitting the form data.
|
|
2165
|
+
*/
|
|
1832
2166
|
name: string;
|
|
1833
|
-
|
|
2167
|
+
/**
|
|
2168
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Enter a number'). This text is displayed when the input field is empty.
|
|
2169
|
+
* @default ''
|
|
2170
|
+
*/
|
|
2171
|
+
placeholder?: string;
|
|
2172
|
+
/**
|
|
2173
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2174
|
+
* @default false
|
|
2175
|
+
*/
|
|
2176
|
+
readOnly?: boolean;
|
|
2177
|
+
/**
|
|
2178
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2179
|
+
* @default false
|
|
2180
|
+
*/
|
|
2181
|
+
required?: boolean;
|
|
2182
|
+
/**
|
|
2183
|
+
* Indicates the validation or overall status of the input component.
|
|
2184
|
+
* @default 'none'
|
|
2185
|
+
*/
|
|
2186
|
+
state?: InputNumberState;
|
|
2187
|
+
/**
|
|
2188
|
+
* The granularity that the value must adhere to.
|
|
2189
|
+
* @default 1
|
|
2190
|
+
*/
|
|
2191
|
+
step?: number;
|
|
2192
|
+
/**
|
|
2193
|
+
* The value of the number input.
|
|
2194
|
+
* @default ''
|
|
2195
|
+
*/
|
|
2196
|
+
value?: string;
|
|
2197
|
+
};
|
|
2198
|
+
declare class PInputNumber extends BaseComponent implements ControlValueAccessor {
|
|
2199
|
+
private _renderer;
|
|
2200
|
+
private _elementRef;
|
|
2201
|
+
private _cdr;
|
|
2202
|
+
autoComplete?: string;
|
|
2203
|
+
compact?: boolean;
|
|
2204
|
+
controls?: boolean;
|
|
2205
|
+
description?: string;
|
|
2206
|
+
disabled?: boolean;
|
|
2207
|
+
form?: string;
|
|
2208
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2209
|
+
label?: string;
|
|
2210
|
+
loading?: boolean;
|
|
2211
|
+
max?: number;
|
|
2212
|
+
message?: string;
|
|
2213
|
+
min?: number;
|
|
2214
|
+
name: string;
|
|
2215
|
+
placeholder?: string;
|
|
2216
|
+
readOnly?: boolean;
|
|
2217
|
+
required?: boolean;
|
|
2218
|
+
state?: InputNumberState;
|
|
2219
|
+
step?: number;
|
|
2220
|
+
value?: string;
|
|
2221
|
+
blur: EventEmitter<CustomEvent<Event>>;
|
|
2222
|
+
change: EventEmitter<CustomEvent<Event>>;
|
|
2223
|
+
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
2224
|
+
constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
|
|
2225
|
+
_onChange: (value: any) => void;
|
|
2226
|
+
_onTouched: () => void;
|
|
2227
|
+
writeValue(value: any): void;
|
|
2228
|
+
registerOnChange(fn: any): void;
|
|
2229
|
+
registerOnTouched(fn: any): void;
|
|
2230
|
+
setDisabledState(isDisabled: boolean): void;
|
|
2231
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PInputNumber, never>;
|
|
2232
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PInputNumber, "p-input-number,[p-input-number]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2233
|
+
}
|
|
2234
|
+
|
|
2235
|
+
type PInputPasswordProps = {
|
|
2236
|
+
/**
|
|
2237
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='current-password', autocomplete='new-password').
|
|
2238
|
+
*/
|
|
2239
|
+
autoComplete?: string;
|
|
2240
|
+
/**
|
|
2241
|
+
* Displays the input field in compact mode.
|
|
2242
|
+
* @default false
|
|
2243
|
+
*/
|
|
2244
|
+
compact?: boolean;
|
|
2245
|
+
/**
|
|
2246
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2247
|
+
* @default ''
|
|
2248
|
+
*/
|
|
2249
|
+
description?: string;
|
|
2250
|
+
/**
|
|
2251
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2252
|
+
* @default false
|
|
2253
|
+
*/
|
|
2254
|
+
disabled?: boolean;
|
|
2255
|
+
/**
|
|
2256
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2257
|
+
*/
|
|
2258
|
+
form?: string;
|
|
2259
|
+
/**
|
|
2260
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2261
|
+
* @default false
|
|
2262
|
+
*/
|
|
2263
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2264
|
+
/**
|
|
2265
|
+
* Text content for a user-facing label.
|
|
2266
|
+
* @default ''
|
|
2267
|
+
*/
|
|
2268
|
+
label?: string;
|
|
2269
|
+
/**
|
|
2270
|
+
* @experimental Shows a loading indicator.
|
|
2271
|
+
* @default false
|
|
2272
|
+
*/
|
|
2273
|
+
loading?: boolean;
|
|
2274
|
+
/**
|
|
2275
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the input.
|
|
2276
|
+
*/
|
|
2277
|
+
maxLength?: number;
|
|
2278
|
+
/**
|
|
2279
|
+
* Dynamic feedback text for validation or status.
|
|
2280
|
+
* @default ''
|
|
2281
|
+
*/
|
|
2282
|
+
message?: string;
|
|
2283
|
+
/**
|
|
2284
|
+
* A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
|
|
2285
|
+
*/
|
|
2286
|
+
minLength?: number;
|
|
2287
|
+
/**
|
|
2288
|
+
* The name of the input field, used when submitting the form data.
|
|
2289
|
+
*/
|
|
2290
|
+
name: string;
|
|
2291
|
+
/**
|
|
2292
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Enter your password'). This text is displayed when the input field is empty.
|
|
2293
|
+
* @default ''
|
|
2294
|
+
*/
|
|
2295
|
+
placeholder?: string;
|
|
2296
|
+
/**
|
|
2297
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2298
|
+
* @default false
|
|
2299
|
+
*/
|
|
2300
|
+
readOnly?: boolean;
|
|
2301
|
+
/**
|
|
2302
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2303
|
+
* @default false
|
|
2304
|
+
*/
|
|
2305
|
+
required?: boolean;
|
|
2306
|
+
/**
|
|
2307
|
+
* Indicates the validation or overall status of the input component.
|
|
2308
|
+
* @default 'none'
|
|
2309
|
+
*/
|
|
2310
|
+
state?: InputPasswordState;
|
|
2311
|
+
/**
|
|
2312
|
+
* Show or hide password toggle for `input type="password"`.
|
|
2313
|
+
* @default false
|
|
2314
|
+
*/
|
|
2315
|
+
toggle?: boolean;
|
|
2316
|
+
/**
|
|
2317
|
+
* The password input value.
|
|
2318
|
+
* @default ''
|
|
2319
|
+
*/
|
|
2320
|
+
value?: string;
|
|
2321
|
+
};
|
|
2322
|
+
declare class PInputPassword extends BaseComponent implements ControlValueAccessor {
|
|
2323
|
+
private _renderer;
|
|
2324
|
+
private _elementRef;
|
|
2325
|
+
private _cdr;
|
|
2326
|
+
autoComplete?: string;
|
|
2327
|
+
compact?: boolean;
|
|
2328
|
+
description?: string;
|
|
2329
|
+
disabled?: boolean;
|
|
2330
|
+
form?: string;
|
|
2331
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2332
|
+
label?: string;
|
|
2333
|
+
loading?: boolean;
|
|
2334
|
+
maxLength?: number;
|
|
2335
|
+
message?: string;
|
|
2336
|
+
minLength?: number;
|
|
2337
|
+
name: string;
|
|
2338
|
+
placeholder?: string;
|
|
1834
2339
|
readOnly?: boolean;
|
|
1835
2340
|
required?: boolean;
|
|
1836
2341
|
state?: InputPasswordState;
|
|
@@ -1850,6 +2355,102 @@ declare class PInputPassword extends BaseComponent implements ControlValueAccess
|
|
|
1850
2355
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputPassword, "p-input-password,[p-input-password]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "toggle": { "alias": "toggle"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1851
2356
|
}
|
|
1852
2357
|
|
|
2358
|
+
type PInputSearchProps = {
|
|
2359
|
+
/**
|
|
2360
|
+
* Additional ARIA attributes for the native search input (e.g. `role="combobox"`, `aria-expanded`).
|
|
2361
|
+
*/
|
|
2362
|
+
aria?: SelectedAriaAttributes<InputSearchAriaAttribute>;
|
|
2363
|
+
/**
|
|
2364
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
|
|
2365
|
+
*/
|
|
2366
|
+
autoComplete?: string;
|
|
2367
|
+
/**
|
|
2368
|
+
* Show clear input value button
|
|
2369
|
+
* @default false
|
|
2370
|
+
*/
|
|
2371
|
+
clear?: boolean;
|
|
2372
|
+
/**
|
|
2373
|
+
* Displays the input field in compact mode.
|
|
2374
|
+
* @default false
|
|
2375
|
+
*/
|
|
2376
|
+
compact?: boolean;
|
|
2377
|
+
/**
|
|
2378
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2379
|
+
* @default ''
|
|
2380
|
+
*/
|
|
2381
|
+
description?: string;
|
|
2382
|
+
/**
|
|
2383
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2384
|
+
* @default false
|
|
2385
|
+
*/
|
|
2386
|
+
disabled?: boolean;
|
|
2387
|
+
/**
|
|
2388
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2389
|
+
*/
|
|
2390
|
+
form?: string;
|
|
2391
|
+
/**
|
|
2392
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2393
|
+
* @default false
|
|
2394
|
+
*/
|
|
2395
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2396
|
+
/**
|
|
2397
|
+
* Show search indicator icon
|
|
2398
|
+
* @default false
|
|
2399
|
+
*/
|
|
2400
|
+
indicator?: boolean;
|
|
2401
|
+
/**
|
|
2402
|
+
* Text content for a user-facing label.
|
|
2403
|
+
* @default ''
|
|
2404
|
+
*/
|
|
2405
|
+
label?: string;
|
|
2406
|
+
/**
|
|
2407
|
+
* @experimental Shows a loading indicator.
|
|
2408
|
+
* @default false
|
|
2409
|
+
*/
|
|
2410
|
+
loading?: boolean;
|
|
2411
|
+
/**
|
|
2412
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the input.
|
|
2413
|
+
*/
|
|
2414
|
+
maxLength?: number;
|
|
2415
|
+
/**
|
|
2416
|
+
* Dynamic feedback text for validation or status.
|
|
2417
|
+
* @default ''
|
|
2418
|
+
*/
|
|
2419
|
+
message?: string;
|
|
2420
|
+
/**
|
|
2421
|
+
* A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
|
|
2422
|
+
*/
|
|
2423
|
+
minLength?: number;
|
|
2424
|
+
/**
|
|
2425
|
+
* The name of the input field, used when submitting the form data.
|
|
2426
|
+
*/
|
|
2427
|
+
name: string;
|
|
2428
|
+
/**
|
|
2429
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Search...'). This text is displayed when the input field is empty.
|
|
2430
|
+
* @default ''
|
|
2431
|
+
*/
|
|
2432
|
+
placeholder?: string;
|
|
2433
|
+
/**
|
|
2434
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2435
|
+
* @default false
|
|
2436
|
+
*/
|
|
2437
|
+
readOnly?: boolean;
|
|
2438
|
+
/**
|
|
2439
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2440
|
+
* @default false
|
|
2441
|
+
*/
|
|
2442
|
+
required?: boolean;
|
|
2443
|
+
/**
|
|
2444
|
+
* Indicates the validation or overall status of the input component.
|
|
2445
|
+
* @default 'none'
|
|
2446
|
+
*/
|
|
2447
|
+
state?: InputSearchState;
|
|
2448
|
+
/**
|
|
2449
|
+
* The search input value.
|
|
2450
|
+
* @default ''
|
|
2451
|
+
*/
|
|
2452
|
+
value?: string;
|
|
2453
|
+
};
|
|
1853
2454
|
declare class PInputSearch extends BaseComponent implements ControlValueAccessor {
|
|
1854
2455
|
private _renderer;
|
|
1855
2456
|
private _elementRef;
|
|
@@ -1888,6 +2489,97 @@ declare class PInputSearch extends BaseComponent implements ControlValueAccessor
|
|
|
1888
2489
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputSearch, "p-input-search,[p-input-search]", never, { "aria": { "alias": "aria"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "clear": { "alias": "clear"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1889
2490
|
}
|
|
1890
2491
|
|
|
2492
|
+
type PInputTelProps = {
|
|
2493
|
+
/**
|
|
2494
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='tel').
|
|
2495
|
+
*/
|
|
2496
|
+
autoComplete?: string;
|
|
2497
|
+
/**
|
|
2498
|
+
* Displays the input field in compact mode.
|
|
2499
|
+
* @default false
|
|
2500
|
+
*/
|
|
2501
|
+
compact?: boolean;
|
|
2502
|
+
/**
|
|
2503
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2504
|
+
* @default ''
|
|
2505
|
+
*/
|
|
2506
|
+
description?: string;
|
|
2507
|
+
/**
|
|
2508
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2509
|
+
* @default false
|
|
2510
|
+
*/
|
|
2511
|
+
disabled?: boolean;
|
|
2512
|
+
/**
|
|
2513
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2514
|
+
*/
|
|
2515
|
+
form?: string;
|
|
2516
|
+
/**
|
|
2517
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2518
|
+
* @default false
|
|
2519
|
+
*/
|
|
2520
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2521
|
+
/**
|
|
2522
|
+
* Controls the visibility of the phone icon.
|
|
2523
|
+
* @default false
|
|
2524
|
+
*/
|
|
2525
|
+
indicator?: boolean;
|
|
2526
|
+
/**
|
|
2527
|
+
* Text content for a user-facing label.
|
|
2528
|
+
* @default ''
|
|
2529
|
+
*/
|
|
2530
|
+
label?: string;
|
|
2531
|
+
/**
|
|
2532
|
+
* @experimental Shows a loading indicator.
|
|
2533
|
+
* @default false
|
|
2534
|
+
*/
|
|
2535
|
+
loading?: boolean;
|
|
2536
|
+
/**
|
|
2537
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the input.
|
|
2538
|
+
*/
|
|
2539
|
+
maxLength?: number;
|
|
2540
|
+
/**
|
|
2541
|
+
* Dynamic feedback text for validation or status.
|
|
2542
|
+
* @default ''
|
|
2543
|
+
*/
|
|
2544
|
+
message?: string;
|
|
2545
|
+
/**
|
|
2546
|
+
* A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
|
|
2547
|
+
*/
|
|
2548
|
+
minLength?: number;
|
|
2549
|
+
/**
|
|
2550
|
+
* The name of the input field, used when submitting the form data.
|
|
2551
|
+
*/
|
|
2552
|
+
name: string;
|
|
2553
|
+
/**
|
|
2554
|
+
* Specifies a regular expression that the input's value must match for the value to pass constraint validation. This allows for more specific tel validation rules than the browser's default. If provided, it overrides the browser's default tel validation.
|
|
2555
|
+
*/
|
|
2556
|
+
pattern?: string;
|
|
2557
|
+
/**
|
|
2558
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='(123) 456-7890')
|
|
2559
|
+
* @default ''
|
|
2560
|
+
*/
|
|
2561
|
+
placeholder?: string;
|
|
2562
|
+
/**
|
|
2563
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2564
|
+
* @default false
|
|
2565
|
+
*/
|
|
2566
|
+
readOnly?: boolean;
|
|
2567
|
+
/**
|
|
2568
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2569
|
+
* @default false
|
|
2570
|
+
*/
|
|
2571
|
+
required?: boolean;
|
|
2572
|
+
/**
|
|
2573
|
+
* Indicates the validation or overall status of the input component.
|
|
2574
|
+
* @default 'none'
|
|
2575
|
+
*/
|
|
2576
|
+
state?: InputTelState;
|
|
2577
|
+
/**
|
|
2578
|
+
* The tel input value.
|
|
2579
|
+
* @default ''
|
|
2580
|
+
*/
|
|
2581
|
+
value?: string;
|
|
2582
|
+
};
|
|
1891
2583
|
declare class PInputTel extends BaseComponent implements ControlValueAccessor {
|
|
1892
2584
|
private _renderer;
|
|
1893
2585
|
private _elementRef;
|
|
@@ -1925,6 +2617,97 @@ declare class PInputTel extends BaseComponent implements ControlValueAccessor {
|
|
|
1925
2617
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputTel, "p-input-tel,[p-input-tel]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1926
2618
|
}
|
|
1927
2619
|
|
|
2620
|
+
type PInputTextProps = {
|
|
2621
|
+
/**
|
|
2622
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='name').
|
|
2623
|
+
*/
|
|
2624
|
+
autoComplete?: string;
|
|
2625
|
+
/**
|
|
2626
|
+
* Displays the input field in compact mode.
|
|
2627
|
+
* @default false
|
|
2628
|
+
*/
|
|
2629
|
+
compact?: boolean;
|
|
2630
|
+
/**
|
|
2631
|
+
* Show or hide the character counter.
|
|
2632
|
+
* @default false
|
|
2633
|
+
*/
|
|
2634
|
+
counter?: boolean;
|
|
2635
|
+
/**
|
|
2636
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2637
|
+
* @default ''
|
|
2638
|
+
*/
|
|
2639
|
+
description?: string;
|
|
2640
|
+
/**
|
|
2641
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2642
|
+
* @default false
|
|
2643
|
+
*/
|
|
2644
|
+
disabled?: boolean;
|
|
2645
|
+
/**
|
|
2646
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2647
|
+
*/
|
|
2648
|
+
form?: string;
|
|
2649
|
+
/**
|
|
2650
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2651
|
+
* @default false
|
|
2652
|
+
*/
|
|
2653
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2654
|
+
/**
|
|
2655
|
+
* Text content for a user-facing label.
|
|
2656
|
+
* @default ''
|
|
2657
|
+
*/
|
|
2658
|
+
label?: string;
|
|
2659
|
+
/**
|
|
2660
|
+
* @experimental Shows a loading indicator.
|
|
2661
|
+
* @default false
|
|
2662
|
+
*/
|
|
2663
|
+
loading?: boolean;
|
|
2664
|
+
/**
|
|
2665
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the input.
|
|
2666
|
+
*/
|
|
2667
|
+
maxLength?: number;
|
|
2668
|
+
/**
|
|
2669
|
+
* Dynamic feedback text for validation or status.
|
|
2670
|
+
* @default ''
|
|
2671
|
+
*/
|
|
2672
|
+
message?: string;
|
|
2673
|
+
/**
|
|
2674
|
+
* A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
|
|
2675
|
+
*/
|
|
2676
|
+
minLength?: number;
|
|
2677
|
+
/**
|
|
2678
|
+
* The name of the input field, used when submitting the form data.
|
|
2679
|
+
*/
|
|
2680
|
+
name: string;
|
|
2681
|
+
/**
|
|
2682
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Enter your full name'). This text is displayed when the input field is empty.
|
|
2683
|
+
* @default ''
|
|
2684
|
+
*/
|
|
2685
|
+
placeholder?: string;
|
|
2686
|
+
/**
|
|
2687
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2688
|
+
* @default false
|
|
2689
|
+
*/
|
|
2690
|
+
readOnly?: boolean;
|
|
2691
|
+
/**
|
|
2692
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2693
|
+
* @default false
|
|
2694
|
+
*/
|
|
2695
|
+
required?: boolean;
|
|
2696
|
+
/**
|
|
2697
|
+
* Indicate whether to enable spell-checking.
|
|
2698
|
+
*/
|
|
2699
|
+
spellCheck?: boolean;
|
|
2700
|
+
/**
|
|
2701
|
+
* Indicates the validation or overall status of the input component.
|
|
2702
|
+
* @default 'none'
|
|
2703
|
+
*/
|
|
2704
|
+
state?: InputTextState;
|
|
2705
|
+
/**
|
|
2706
|
+
* The text input value.
|
|
2707
|
+
* @default ''
|
|
2708
|
+
*/
|
|
2709
|
+
value?: string;
|
|
2710
|
+
};
|
|
1928
2711
|
declare class PInputText extends BaseComponent implements ControlValueAccessor {
|
|
1929
2712
|
private _renderer;
|
|
1930
2713
|
private _elementRef;
|
|
@@ -1962,6 +2745,88 @@ declare class PInputText extends BaseComponent implements ControlValueAccessor {
|
|
|
1962
2745
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputText, "p-input-text,[p-input-text]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1963
2746
|
}
|
|
1964
2747
|
|
|
2748
|
+
type PInputTimeProps = {
|
|
2749
|
+
/**
|
|
2750
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
|
|
2751
|
+
*/
|
|
2752
|
+
autoComplete?: string;
|
|
2753
|
+
/**
|
|
2754
|
+
* Displays the input field in compact mode.
|
|
2755
|
+
* @default false
|
|
2756
|
+
*/
|
|
2757
|
+
compact?: boolean;
|
|
2758
|
+
/**
|
|
2759
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2760
|
+
* @default ''
|
|
2761
|
+
*/
|
|
2762
|
+
description?: string;
|
|
2763
|
+
/**
|
|
2764
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2765
|
+
* @default false
|
|
2766
|
+
*/
|
|
2767
|
+
disabled?: boolean;
|
|
2768
|
+
/**
|
|
2769
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2770
|
+
*/
|
|
2771
|
+
form?: string;
|
|
2772
|
+
/**
|
|
2773
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2774
|
+
* @default false
|
|
2775
|
+
*/
|
|
2776
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2777
|
+
/**
|
|
2778
|
+
* Text content for a user-facing label.
|
|
2779
|
+
* @default ''
|
|
2780
|
+
*/
|
|
2781
|
+
label?: string;
|
|
2782
|
+
/**
|
|
2783
|
+
* @experimental Shows a loading indicator.
|
|
2784
|
+
* @default false
|
|
2785
|
+
*/
|
|
2786
|
+
loading?: boolean;
|
|
2787
|
+
/**
|
|
2788
|
+
* Specifies the latest time that can be selected. The value must be a time string in hh:mm or hh:mm:ss format (e.g., max='17:30').
|
|
2789
|
+
*/
|
|
2790
|
+
max?: string;
|
|
2791
|
+
/**
|
|
2792
|
+
* Dynamic feedback text for validation or status.
|
|
2793
|
+
* @default ''
|
|
2794
|
+
*/
|
|
2795
|
+
message?: string;
|
|
2796
|
+
/**
|
|
2797
|
+
* Specifies the earliest time that can be selected. The value must be a time string in hh:mm or hh:mm:ss format (e.g., min='09:00').
|
|
2798
|
+
*/
|
|
2799
|
+
min?: string;
|
|
2800
|
+
/**
|
|
2801
|
+
* The name of the input field, used when submitting the form data.
|
|
2802
|
+
*/
|
|
2803
|
+
name: string;
|
|
2804
|
+
/**
|
|
2805
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2806
|
+
* @default false
|
|
2807
|
+
*/
|
|
2808
|
+
readOnly?: boolean;
|
|
2809
|
+
/**
|
|
2810
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2811
|
+
* @default false
|
|
2812
|
+
*/
|
|
2813
|
+
required?: boolean;
|
|
2814
|
+
/**
|
|
2815
|
+
* Indicates the validation or overall status of the input component.
|
|
2816
|
+
* @default 'none'
|
|
2817
|
+
*/
|
|
2818
|
+
state?: InputTimeState;
|
|
2819
|
+
/**
|
|
2820
|
+
* Defines the granularity of the time input. The step value is given in seconds. The default is 60 (one minute). You can also specify smaller increments (e.g., step='1' for seconds, step='0.001' for milliseconds).
|
|
2821
|
+
* @default 60
|
|
2822
|
+
*/
|
|
2823
|
+
step?: number;
|
|
2824
|
+
/**
|
|
2825
|
+
* The default time value for the input, in hh:mm or hh:mm:ss format (e.g., value='14:00').
|
|
2826
|
+
* @default ''
|
|
2827
|
+
*/
|
|
2828
|
+
value?: string;
|
|
2829
|
+
};
|
|
1965
2830
|
declare class PInputTime extends BaseComponent implements ControlValueAccessor {
|
|
1966
2831
|
private _renderer;
|
|
1967
2832
|
private _elementRef;
|
|
@@ -1997,6 +2862,97 @@ declare class PInputTime extends BaseComponent implements ControlValueAccessor {
|
|
|
1997
2862
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputTime, "p-input-time,[p-input-time]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1998
2863
|
}
|
|
1999
2864
|
|
|
2865
|
+
type PInputUrlProps = {
|
|
2866
|
+
/**
|
|
2867
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='url').
|
|
2868
|
+
*/
|
|
2869
|
+
autoComplete?: string;
|
|
2870
|
+
/**
|
|
2871
|
+
* Displays the input field in compact mode.
|
|
2872
|
+
* @default false
|
|
2873
|
+
*/
|
|
2874
|
+
compact?: boolean;
|
|
2875
|
+
/**
|
|
2876
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2877
|
+
* @default ''
|
|
2878
|
+
*/
|
|
2879
|
+
description?: string;
|
|
2880
|
+
/**
|
|
2881
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2882
|
+
* @default false
|
|
2883
|
+
*/
|
|
2884
|
+
disabled?: boolean;
|
|
2885
|
+
/**
|
|
2886
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2887
|
+
*/
|
|
2888
|
+
form?: string;
|
|
2889
|
+
/**
|
|
2890
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2891
|
+
* @default false
|
|
2892
|
+
*/
|
|
2893
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2894
|
+
/**
|
|
2895
|
+
* Controls the visibility of the URL icon.
|
|
2896
|
+
* @default false
|
|
2897
|
+
*/
|
|
2898
|
+
indicator?: boolean;
|
|
2899
|
+
/**
|
|
2900
|
+
* Text content for a user-facing label.
|
|
2901
|
+
* @default ''
|
|
2902
|
+
*/
|
|
2903
|
+
label?: string;
|
|
2904
|
+
/**
|
|
2905
|
+
* @experimental Shows a loading indicator.
|
|
2906
|
+
* @default false
|
|
2907
|
+
*/
|
|
2908
|
+
loading?: boolean;
|
|
2909
|
+
/**
|
|
2910
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the input.
|
|
2911
|
+
*/
|
|
2912
|
+
maxLength?: number;
|
|
2913
|
+
/**
|
|
2914
|
+
* Dynamic feedback text for validation or status.
|
|
2915
|
+
* @default ''
|
|
2916
|
+
*/
|
|
2917
|
+
message?: string;
|
|
2918
|
+
/**
|
|
2919
|
+
* A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
|
|
2920
|
+
*/
|
|
2921
|
+
minLength?: number;
|
|
2922
|
+
/**
|
|
2923
|
+
* The name of the input field, used when submitting the form data.
|
|
2924
|
+
*/
|
|
2925
|
+
name: string;
|
|
2926
|
+
/**
|
|
2927
|
+
* Specifies a regular expression that the input's value must match to pass constraint validation. This allows for more specific URL validation rules than the browser's default. If provided, it overrides the browser's default URL validation.
|
|
2928
|
+
*/
|
|
2929
|
+
pattern?: string;
|
|
2930
|
+
/**
|
|
2931
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='https://porsche.com/')
|
|
2932
|
+
* @default ''
|
|
2933
|
+
*/
|
|
2934
|
+
placeholder?: string;
|
|
2935
|
+
/**
|
|
2936
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2937
|
+
* @default false
|
|
2938
|
+
*/
|
|
2939
|
+
readOnly?: boolean;
|
|
2940
|
+
/**
|
|
2941
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2942
|
+
* @default false
|
|
2943
|
+
*/
|
|
2944
|
+
required?: boolean;
|
|
2945
|
+
/**
|
|
2946
|
+
* Indicates the validation or overall status of the input component.
|
|
2947
|
+
* @default 'none'
|
|
2948
|
+
*/
|
|
2949
|
+
state?: InputUrlState;
|
|
2950
|
+
/**
|
|
2951
|
+
* The URL input value.
|
|
2952
|
+
* @default ''
|
|
2953
|
+
*/
|
|
2954
|
+
value?: string;
|
|
2955
|
+
};
|
|
2000
2956
|
declare class PInputUrl extends BaseComponent implements ControlValueAccessor {
|
|
2001
2957
|
private _renderer;
|
|
2002
2958
|
private _elementRef;
|
|
@@ -2034,6 +2990,88 @@ declare class PInputUrl extends BaseComponent implements ControlValueAccessor {
|
|
|
2034
2990
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputUrl, "p-input-url,[p-input-url]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2035
2991
|
}
|
|
2036
2992
|
|
|
2993
|
+
type PInputWeekProps = {
|
|
2994
|
+
/**
|
|
2995
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features.
|
|
2996
|
+
*/
|
|
2997
|
+
autoComplete?: string;
|
|
2998
|
+
/**
|
|
2999
|
+
* Displays the input field in compact mode.
|
|
3000
|
+
* @default false
|
|
3001
|
+
*/
|
|
3002
|
+
compact?: boolean;
|
|
3003
|
+
/**
|
|
3004
|
+
* Supplementary text providing more context or explanation for the input.
|
|
3005
|
+
* @default ''
|
|
3006
|
+
*/
|
|
3007
|
+
description?: string;
|
|
3008
|
+
/**
|
|
3009
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
3010
|
+
* @default false
|
|
3011
|
+
*/
|
|
3012
|
+
disabled?: boolean;
|
|
3013
|
+
/**
|
|
3014
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
3015
|
+
*/
|
|
3016
|
+
form?: string;
|
|
3017
|
+
/**
|
|
3018
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3019
|
+
* @default false
|
|
3020
|
+
*/
|
|
3021
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3022
|
+
/**
|
|
3023
|
+
* Text content for a user-facing label.
|
|
3024
|
+
* @default ''
|
|
3025
|
+
*/
|
|
3026
|
+
label?: string;
|
|
3027
|
+
/**
|
|
3028
|
+
* @experimental Shows a loading indicator.
|
|
3029
|
+
* @default false
|
|
3030
|
+
*/
|
|
3031
|
+
loading?: boolean;
|
|
3032
|
+
/**
|
|
3033
|
+
* Specifies the latest week that can be selected. The value must be a week string in YYYY-Www format (e.g., max='2024-W52').
|
|
3034
|
+
*/
|
|
3035
|
+
max?: string;
|
|
3036
|
+
/**
|
|
3037
|
+
* Dynamic feedback text for validation or status.
|
|
3038
|
+
* @default ''
|
|
3039
|
+
*/
|
|
3040
|
+
message?: string;
|
|
3041
|
+
/**
|
|
3042
|
+
* Specifies the earliest week that can be selected. The value must be a week string in YYYY-Www format (e.g., min='2024-W01').
|
|
3043
|
+
*/
|
|
3044
|
+
min?: string;
|
|
3045
|
+
/**
|
|
3046
|
+
* The name of the input field, used when submitting the form data.
|
|
3047
|
+
*/
|
|
3048
|
+
name: string;
|
|
3049
|
+
/**
|
|
3050
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
3051
|
+
* @default false
|
|
3052
|
+
*/
|
|
3053
|
+
readOnly?: boolean;
|
|
3054
|
+
/**
|
|
3055
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
3056
|
+
* @default false
|
|
3057
|
+
*/
|
|
3058
|
+
required?: boolean;
|
|
3059
|
+
/**
|
|
3060
|
+
* Indicates the validation or overall status of the input component.
|
|
3061
|
+
* @default 'none'
|
|
3062
|
+
*/
|
|
3063
|
+
state?: InputWeekState;
|
|
3064
|
+
/**
|
|
3065
|
+
* Defines the stepping interval in weeks. For example, step="1" increments by 1 week. The default is 1 week.
|
|
3066
|
+
* @default 1
|
|
3067
|
+
*/
|
|
3068
|
+
step?: number;
|
|
3069
|
+
/**
|
|
3070
|
+
* The default week value for the input, in YYYY-Www format (e.g., value='2025-W27').
|
|
3071
|
+
* @default ''
|
|
3072
|
+
*/
|
|
3073
|
+
value?: string;
|
|
3074
|
+
};
|
|
2037
3075
|
declare class PInputWeek extends BaseComponent implements ControlValueAccessor {
|
|
2038
3076
|
private _renderer;
|
|
2039
3077
|
private _elementRef;
|
|
@@ -2069,6 +3107,66 @@ declare class PInputWeek extends BaseComponent implements ControlValueAccessor {
|
|
|
2069
3107
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputWeek, "p-input-week,[p-input-week]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2070
3108
|
}
|
|
2071
3109
|
|
|
3110
|
+
type PMultiSelectProps = {
|
|
3111
|
+
/**
|
|
3112
|
+
* Displays the multi-select in compact mode.
|
|
3113
|
+
* @default false
|
|
3114
|
+
*/
|
|
3115
|
+
compact?: boolean;
|
|
3116
|
+
/**
|
|
3117
|
+
* Supplementary text providing more context or explanation for the multi-select.
|
|
3118
|
+
* @default ''
|
|
3119
|
+
*/
|
|
3120
|
+
description?: string;
|
|
3121
|
+
/**
|
|
3122
|
+
* Disables the multi-select
|
|
3123
|
+
* @default false
|
|
3124
|
+
*/
|
|
3125
|
+
disabled?: boolean;
|
|
3126
|
+
/**
|
|
3127
|
+
* Changes the direction to which the dropdown list appears.
|
|
3128
|
+
* @default 'auto'
|
|
3129
|
+
*/
|
|
3130
|
+
dropdownDirection?: MultiSelectDropdownDirection;
|
|
3131
|
+
/**
|
|
3132
|
+
* The id of a form element the multi-select should be associated with.
|
|
3133
|
+
*/
|
|
3134
|
+
form?: string;
|
|
3135
|
+
/**
|
|
3136
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3137
|
+
* @default false
|
|
3138
|
+
*/
|
|
3139
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3140
|
+
/**
|
|
3141
|
+
* Text content for a user-facing label.
|
|
3142
|
+
* @default ''
|
|
3143
|
+
*/
|
|
3144
|
+
label?: string;
|
|
3145
|
+
/**
|
|
3146
|
+
* The message styled depending on validation state.
|
|
3147
|
+
* @default ''
|
|
3148
|
+
*/
|
|
3149
|
+
message?: string;
|
|
3150
|
+
/**
|
|
3151
|
+
* The name of the control.
|
|
3152
|
+
*/
|
|
3153
|
+
name: string;
|
|
3154
|
+
/**
|
|
3155
|
+
* Requires an option with a non-empty string value to be selected.
|
|
3156
|
+
* @default false
|
|
3157
|
+
*/
|
|
3158
|
+
required?: boolean;
|
|
3159
|
+
/**
|
|
3160
|
+
* The validation state.
|
|
3161
|
+
* @default 'none'
|
|
3162
|
+
*/
|
|
3163
|
+
state?: MultiSelectState;
|
|
3164
|
+
/**
|
|
3165
|
+
* The selected values.
|
|
3166
|
+
* @default []
|
|
3167
|
+
*/
|
|
3168
|
+
value?: string[];
|
|
3169
|
+
};
|
|
2072
3170
|
declare class PMultiSelect extends BaseComponent implements ControlValueAccessor {
|
|
2073
3171
|
private _renderer;
|
|
2074
3172
|
private _elementRef;
|
|
@@ -2099,6 +3197,76 @@ declare class PMultiSelect extends BaseComponent implements ControlValueAccessor
|
|
|
2099
3197
|
static ɵcmp: i0.ɵɵComponentDeclaration<PMultiSelect, "p-multi-select,[p-multi-select]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "toggle": "toggle"; }, never, ["*"], false, never>;
|
|
2100
3198
|
}
|
|
2101
3199
|
|
|
3200
|
+
type PPinCodeProps = {
|
|
3201
|
+
/**
|
|
3202
|
+
* Displays the pin code in compact mode.
|
|
3203
|
+
* @default false
|
|
3204
|
+
*/
|
|
3205
|
+
compact?: boolean;
|
|
3206
|
+
/**
|
|
3207
|
+
* Supplementary text providing more context or explanation for the pin code.
|
|
3208
|
+
* @default ''
|
|
3209
|
+
*/
|
|
3210
|
+
description?: string;
|
|
3211
|
+
/**
|
|
3212
|
+
* Disables the Pin Code. No events will be triggered while disabled state is active.
|
|
3213
|
+
* @default false
|
|
3214
|
+
*/
|
|
3215
|
+
disabled?: boolean;
|
|
3216
|
+
/**
|
|
3217
|
+
* The id of a form element the pin-code should be associated with.
|
|
3218
|
+
*/
|
|
3219
|
+
form?: string;
|
|
3220
|
+
/**
|
|
3221
|
+
* Shows or hides the label and description. For better accessibility, it is recommended to show the label.
|
|
3222
|
+
* @default false
|
|
3223
|
+
*/
|
|
3224
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3225
|
+
/**
|
|
3226
|
+
* Text content for a user-facing label.
|
|
3227
|
+
* @default ''
|
|
3228
|
+
*/
|
|
3229
|
+
label?: string;
|
|
3230
|
+
/**
|
|
3231
|
+
* Number of characters of the Pin Code.
|
|
3232
|
+
* @default 4
|
|
3233
|
+
*/
|
|
3234
|
+
length?: PinCodeLength;
|
|
3235
|
+
/**
|
|
3236
|
+
* Disables the Pin Code and shows a loading indicator. No events will be triggered while loading state is active.
|
|
3237
|
+
* @default false
|
|
3238
|
+
*/
|
|
3239
|
+
loading?: boolean;
|
|
3240
|
+
/**
|
|
3241
|
+
* The message styled depending on validation state.
|
|
3242
|
+
* @default ''
|
|
3243
|
+
*/
|
|
3244
|
+
message?: string;
|
|
3245
|
+
/**
|
|
3246
|
+
* Name of the control.
|
|
3247
|
+
*/
|
|
3248
|
+
name?: string;
|
|
3249
|
+
/**
|
|
3250
|
+
* Marks the Pin Code as required.
|
|
3251
|
+
* @default false
|
|
3252
|
+
*/
|
|
3253
|
+
required?: boolean;
|
|
3254
|
+
/**
|
|
3255
|
+
* The validation state.
|
|
3256
|
+
* @default 'none'
|
|
3257
|
+
*/
|
|
3258
|
+
state?: PinCodeState;
|
|
3259
|
+
/**
|
|
3260
|
+
* Pin Code type.
|
|
3261
|
+
* @default 'number'
|
|
3262
|
+
*/
|
|
3263
|
+
type?: PinCodeType;
|
|
3264
|
+
/**
|
|
3265
|
+
* Sets the initial value of the Pin Code.
|
|
3266
|
+
* @default ''
|
|
3267
|
+
*/
|
|
3268
|
+
value?: string;
|
|
3269
|
+
};
|
|
2102
3270
|
declare class PPinCode extends BaseComponent implements ControlValueAccessor {
|
|
2103
3271
|
private _renderer;
|
|
2104
3272
|
private _elementRef;
|
|
@@ -2130,6 +3298,71 @@ declare class PPinCode extends BaseComponent implements ControlValueAccessor {
|
|
|
2130
3298
|
static ɵcmp: i0.ɵɵComponentDeclaration<PPinCode, "p-pin-code,[p-pin-code]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "length": { "alias": "length"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
|
|
2131
3299
|
}
|
|
2132
3300
|
|
|
3301
|
+
type PRadioGroupProps = {
|
|
3302
|
+
/**
|
|
3303
|
+
* Displays the radio group in compact mode.
|
|
3304
|
+
* @default false
|
|
3305
|
+
*/
|
|
3306
|
+
compact?: boolean;
|
|
3307
|
+
/**
|
|
3308
|
+
* Supplementary text providing more context or explanation for the radio group.
|
|
3309
|
+
* @default ''
|
|
3310
|
+
*/
|
|
3311
|
+
description?: string;
|
|
3312
|
+
/**
|
|
3313
|
+
* Defines the direction of the main and cross-axis. The default is `column`, which stacks the options vertically. You always need to provide a base value when using breakpoints.
|
|
3314
|
+
* @default 'column'
|
|
3315
|
+
*/
|
|
3316
|
+
direction?: BreakpointCustomizable<RadioGroupDirection>;
|
|
3317
|
+
/**
|
|
3318
|
+
* Disables the radio group. The value will not be submitted with the form.
|
|
3319
|
+
* @default false
|
|
3320
|
+
*/
|
|
3321
|
+
disabled?: boolean;
|
|
3322
|
+
/**
|
|
3323
|
+
* Specifies the id of the <form> element that the radio group belongs to (useful if the radio group is not a direct descendant of the form).
|
|
3324
|
+
*/
|
|
3325
|
+
form?: string;
|
|
3326
|
+
/**
|
|
3327
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3328
|
+
* @default false
|
|
3329
|
+
*/
|
|
3330
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3331
|
+
/**
|
|
3332
|
+
* Text content for a user-facing label.
|
|
3333
|
+
* @default ''
|
|
3334
|
+
*/
|
|
3335
|
+
label?: string;
|
|
3336
|
+
/**
|
|
3337
|
+
* @experimental Shows a loading indicator.
|
|
3338
|
+
* @default false
|
|
3339
|
+
*/
|
|
3340
|
+
loading?: boolean;
|
|
3341
|
+
/**
|
|
3342
|
+
* Dynamic feedback text for validation or status.
|
|
3343
|
+
* @default ''
|
|
3344
|
+
*/
|
|
3345
|
+
message?: string;
|
|
3346
|
+
/**
|
|
3347
|
+
* The name of the group of radio buttons, used when submitting the form data.
|
|
3348
|
+
*/
|
|
3349
|
+
name: string;
|
|
3350
|
+
/**
|
|
3351
|
+
* A boolean value that specifies a selection must be made from the group before the form can be submitted.
|
|
3352
|
+
* @default false
|
|
3353
|
+
*/
|
|
3354
|
+
required?: boolean;
|
|
3355
|
+
/**
|
|
3356
|
+
* Indicates the validation or overall status of the radio group component.
|
|
3357
|
+
* @default 'none'
|
|
3358
|
+
*/
|
|
3359
|
+
state?: RadioGroupState;
|
|
3360
|
+
/**
|
|
3361
|
+
* The default value for the radio-group.
|
|
3362
|
+
* @default ''
|
|
3363
|
+
*/
|
|
3364
|
+
value?: string;
|
|
3365
|
+
};
|
|
2133
3366
|
declare class PRadioGroup extends BaseComponent implements ControlValueAccessor {
|
|
2134
3367
|
private _renderer;
|
|
2135
3368
|
private _elementRef;
|
|
@@ -2160,6 +3393,70 @@ declare class PRadioGroup extends BaseComponent implements ControlValueAccessor
|
|
|
2160
3393
|
static ɵcmp: i0.ɵɵComponentDeclaration<PRadioGroup, "p-radio-group,[p-radio-group]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
|
|
2161
3394
|
}
|
|
2162
3395
|
|
|
3396
|
+
type PSegmentedControlProps = {
|
|
3397
|
+
/**
|
|
3398
|
+
* Sets the amount of columns.
|
|
3399
|
+
* @default 'auto'
|
|
3400
|
+
*/
|
|
3401
|
+
columns?: BreakpointCustomizable<SegmentedControlColumns>;
|
|
3402
|
+
/**
|
|
3403
|
+
* Displays the segmented control in compact mode.
|
|
3404
|
+
* @default false
|
|
3405
|
+
*/
|
|
3406
|
+
compact?: boolean;
|
|
3407
|
+
/**
|
|
3408
|
+
* Supplementary text providing more context or explanation for the segmented-control.
|
|
3409
|
+
* @default ''
|
|
3410
|
+
*/
|
|
3411
|
+
description?: string;
|
|
3412
|
+
/**
|
|
3413
|
+
* Disables the segmented-control.
|
|
3414
|
+
* @default false
|
|
3415
|
+
*/
|
|
3416
|
+
disabled?: boolean;
|
|
3417
|
+
/**
|
|
3418
|
+
* The id of a form element the segmented-control should be associated with.
|
|
3419
|
+
*/
|
|
3420
|
+
form?: string;
|
|
3421
|
+
/**
|
|
3422
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3423
|
+
* @default false
|
|
3424
|
+
*/
|
|
3425
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3426
|
+
/**
|
|
3427
|
+
* Text content for a user-facing label.
|
|
3428
|
+
* @default ''
|
|
3429
|
+
*/
|
|
3430
|
+
label?: string;
|
|
3431
|
+
/**
|
|
3432
|
+
* Dynamic feedback text for validation or status.
|
|
3433
|
+
* @default ''
|
|
3434
|
+
*/
|
|
3435
|
+
message?: string;
|
|
3436
|
+
/**
|
|
3437
|
+
* The name of the segmented-control.
|
|
3438
|
+
*/
|
|
3439
|
+
name?: string;
|
|
3440
|
+
/**
|
|
3441
|
+
* If true, prevents items from wrapping to new rows and renders them in a single scrollable row instead.
|
|
3442
|
+
* @default false
|
|
3443
|
+
*/
|
|
3444
|
+
noWrap?: boolean;
|
|
3445
|
+
/**
|
|
3446
|
+
* A boolean value that specifies a selection must be made from the group before the form can be submitted.
|
|
3447
|
+
* @default false
|
|
3448
|
+
*/
|
|
3449
|
+
required?: boolean;
|
|
3450
|
+
/**
|
|
3451
|
+
* Indicates the validation or overall status of the component.
|
|
3452
|
+
* @default 'none'
|
|
3453
|
+
*/
|
|
3454
|
+
state?: SegmentedControlState;
|
|
3455
|
+
/**
|
|
3456
|
+
* Sets the initial value of the segmented-control.
|
|
3457
|
+
*/
|
|
3458
|
+
value?: string | number;
|
|
3459
|
+
};
|
|
2163
3460
|
declare class PSegmentedControl extends BaseComponent implements ControlValueAccessor {
|
|
2164
3461
|
private _renderer;
|
|
2165
3462
|
private _elementRef;
|
|
@@ -2190,6 +3487,70 @@ declare class PSegmentedControl extends BaseComponent implements ControlValueAcc
|
|
|
2190
3487
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControl, "p-segmented-control,[p-segmented-control]", never, { "columns": { "alias": "columns"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noWrap": { "alias": "noWrap"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
|
|
2191
3488
|
}
|
|
2192
3489
|
|
|
3490
|
+
type PSelectProps = {
|
|
3491
|
+
/**
|
|
3492
|
+
* Displays the select in compact mode.
|
|
3493
|
+
* @default false
|
|
3494
|
+
*/
|
|
3495
|
+
compact?: boolean;
|
|
3496
|
+
/**
|
|
3497
|
+
* Supplementary text providing more context or explanation for the select.
|
|
3498
|
+
* @default ''
|
|
3499
|
+
*/
|
|
3500
|
+
description?: string;
|
|
3501
|
+
/**
|
|
3502
|
+
* Disables the select.
|
|
3503
|
+
* @default false
|
|
3504
|
+
*/
|
|
3505
|
+
disabled?: boolean;
|
|
3506
|
+
/**
|
|
3507
|
+
* Changes the direction to which the dropdown list appears.
|
|
3508
|
+
* @default 'auto'
|
|
3509
|
+
*/
|
|
3510
|
+
dropdownDirection?: SelectDropdownDirection;
|
|
3511
|
+
/**
|
|
3512
|
+
* Shows an input in the dropdown allowing options to be filtered. Will be ignored if the `filter` slot is used.
|
|
3513
|
+
* @default false
|
|
3514
|
+
*/
|
|
3515
|
+
filter?: boolean;
|
|
3516
|
+
/**
|
|
3517
|
+
* The id of a form element the select should be associated with.
|
|
3518
|
+
*/
|
|
3519
|
+
form?: string;
|
|
3520
|
+
/**
|
|
3521
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3522
|
+
* @default false
|
|
3523
|
+
*/
|
|
3524
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3525
|
+
/**
|
|
3526
|
+
* Text content for a user-facing label.
|
|
3527
|
+
* @default ''
|
|
3528
|
+
*/
|
|
3529
|
+
label?: string;
|
|
3530
|
+
/**
|
|
3531
|
+
* The message styled depending on validation state.
|
|
3532
|
+
* @default ''
|
|
3533
|
+
*/
|
|
3534
|
+
message?: string;
|
|
3535
|
+
/**
|
|
3536
|
+
* The name of the control.
|
|
3537
|
+
*/
|
|
3538
|
+
name: string;
|
|
3539
|
+
/**
|
|
3540
|
+
* Requires an option with a non-empty string value to be selected.
|
|
3541
|
+
* @default false
|
|
3542
|
+
*/
|
|
3543
|
+
required?: boolean;
|
|
3544
|
+
/**
|
|
3545
|
+
* The validation state.
|
|
3546
|
+
* @default 'none'
|
|
3547
|
+
*/
|
|
3548
|
+
state?: SelectState;
|
|
3549
|
+
/**
|
|
3550
|
+
* The selected value.
|
|
3551
|
+
*/
|
|
3552
|
+
value?: string;
|
|
3553
|
+
};
|
|
2193
3554
|
declare class PSelect extends BaseComponent implements ControlValueAccessor {
|
|
2194
3555
|
private _renderer;
|
|
2195
3556
|
private _elementRef;
|
|
@@ -2221,11 +3582,113 @@ declare class PSelect extends BaseComponent implements ControlValueAccessor {
|
|
|
2221
3582
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSelect, "p-select,[p-select]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "toggle": "toggle"; }, never, ["*"], false, never>;
|
|
2222
3583
|
}
|
|
2223
3584
|
|
|
3585
|
+
type PTableBodyProps = {};
|
|
2224
3586
|
declare class PTableBody extends BaseComponent {
|
|
2225
3587
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTableBody, never>;
|
|
2226
3588
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTableBody, "p-table-body,[p-table-body]", never, {}, {}, never, ["*"], false, never>;
|
|
2227
3589
|
}
|
|
2228
3590
|
|
|
3591
|
+
type PTextareaProps = {
|
|
3592
|
+
/**
|
|
3593
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
|
|
3594
|
+
*/
|
|
3595
|
+
autoComplete?: string;
|
|
3596
|
+
/**
|
|
3597
|
+
* Displays the textarea in compact mode.
|
|
3598
|
+
* @default false
|
|
3599
|
+
*/
|
|
3600
|
+
compact?: boolean;
|
|
3601
|
+
/**
|
|
3602
|
+
* Show or hide the character counter.
|
|
3603
|
+
* @default false
|
|
3604
|
+
*/
|
|
3605
|
+
counter?: boolean;
|
|
3606
|
+
/**
|
|
3607
|
+
* Supplementary text providing more context or explanation for the textarea.
|
|
3608
|
+
* @default ''
|
|
3609
|
+
*/
|
|
3610
|
+
description?: string;
|
|
3611
|
+
/**
|
|
3612
|
+
* Disables the textarea. The value will not be submitted with the form.
|
|
3613
|
+
* @default false
|
|
3614
|
+
*/
|
|
3615
|
+
disabled?: boolean;
|
|
3616
|
+
/**
|
|
3617
|
+
* Specifies the id of the <form> element that the textarea belongs to (useful if the textarea is not a direct descendant of the form).
|
|
3618
|
+
*/
|
|
3619
|
+
form?: string;
|
|
3620
|
+
/**
|
|
3621
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3622
|
+
* @default false
|
|
3623
|
+
*/
|
|
3624
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3625
|
+
/**
|
|
3626
|
+
* Text content for a user-facing label.
|
|
3627
|
+
* @default ''
|
|
3628
|
+
*/
|
|
3629
|
+
label?: string;
|
|
3630
|
+
/**
|
|
3631
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the textarea.
|
|
3632
|
+
*/
|
|
3633
|
+
maxLength?: number;
|
|
3634
|
+
/**
|
|
3635
|
+
* Dynamic feedback text for validation or status.
|
|
3636
|
+
* @default ''
|
|
3637
|
+
*/
|
|
3638
|
+
message?: string;
|
|
3639
|
+
/**
|
|
3640
|
+
* A non-negative integer specifying the minimum number of characters required for the textarea's value to be considered valid.
|
|
3641
|
+
*/
|
|
3642
|
+
minLength?: number;
|
|
3643
|
+
/**
|
|
3644
|
+
* The name of the textarea, used when submitting the form data.
|
|
3645
|
+
*/
|
|
3646
|
+
name: string;
|
|
3647
|
+
/**
|
|
3648
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Write your message here...'). This text is displayed when the textarea is empty.
|
|
3649
|
+
* @default ''
|
|
3650
|
+
*/
|
|
3651
|
+
placeholder?: string;
|
|
3652
|
+
/**
|
|
3653
|
+
* A boolean value that, if present, makes the textarea uneditable by the user, but its value will still be submitted with the form.
|
|
3654
|
+
* @default false
|
|
3655
|
+
*/
|
|
3656
|
+
readOnly?: boolean;
|
|
3657
|
+
/**
|
|
3658
|
+
* A boolean value that, if present, indicates that the textarea must be filled out before the form can be submitted.
|
|
3659
|
+
* @default false
|
|
3660
|
+
*/
|
|
3661
|
+
required?: boolean;
|
|
3662
|
+
/**
|
|
3663
|
+
* Controls whether the textarea is resizable and in which direction.
|
|
3664
|
+
* @default 'vertical'
|
|
3665
|
+
*/
|
|
3666
|
+
resize?: TextareaResize;
|
|
3667
|
+
/**
|
|
3668
|
+
* The number of rows. Has no effect when field-sizing CSS Variable '--p-textarea-field-sizing' is set to 'content'.
|
|
3669
|
+
* @default 7
|
|
3670
|
+
*/
|
|
3671
|
+
rows?: number;
|
|
3672
|
+
/**
|
|
3673
|
+
* Specifies whether the textarea should have its spelling and grammar checked
|
|
3674
|
+
*/
|
|
3675
|
+
spellCheck?: boolean;
|
|
3676
|
+
/**
|
|
3677
|
+
* Indicates the validation or overall status of the textarea component.
|
|
3678
|
+
* @default 'none'
|
|
3679
|
+
*/
|
|
3680
|
+
state?: TextareaState;
|
|
3681
|
+
/**
|
|
3682
|
+
* The textarea value.
|
|
3683
|
+
* @default ''
|
|
3684
|
+
*/
|
|
3685
|
+
value?: string;
|
|
3686
|
+
/**
|
|
3687
|
+
* Handles wrapping behavior of elements.
|
|
3688
|
+
* @default 'soft'
|
|
3689
|
+
*/
|
|
3690
|
+
wrap?: TextareaWrap;
|
|
3691
|
+
};
|
|
2229
3692
|
declare class PTextarea extends BaseComponent implements ControlValueAccessor {
|
|
2230
3693
|
private _renderer;
|
|
2231
3694
|
private _elementRef;
|
|
@@ -2265,6 +3728,44 @@ declare class PTextarea extends BaseComponent implements ControlValueAccessor {
|
|
|
2265
3728
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTextarea, "p-textarea,[p-textarea]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "resize": { "alias": "resize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2266
3729
|
}
|
|
2267
3730
|
|
|
3731
|
+
type PAccordionProps = {
|
|
3732
|
+
/**
|
|
3733
|
+
* Aligns the marker within the summary section.
|
|
3734
|
+
* @default 'end'
|
|
3735
|
+
*/
|
|
3736
|
+
alignMarker?: AccordionAlignMarker;
|
|
3737
|
+
/**
|
|
3738
|
+
* Defines the background color. Use `frosted` only on images, videos or gradients.
|
|
3739
|
+
* @default 'none'
|
|
3740
|
+
*/
|
|
3741
|
+
background?: AccordionBackground;
|
|
3742
|
+
/**
|
|
3743
|
+
* Displays the accordion in compact mode.
|
|
3744
|
+
*/
|
|
3745
|
+
compact?: boolean;
|
|
3746
|
+
/**
|
|
3747
|
+
* @deprecated Will be removed in the next major release. Use the `summary` slot instead. Sets the heading text within the summary section.
|
|
3748
|
+
*/
|
|
3749
|
+
heading?: string;
|
|
3750
|
+
/**
|
|
3751
|
+
* @deprecated Will be removed in the next major release. Use the `summary` slot instead. Sets the heading tag for proper semantic structure within the page.
|
|
3752
|
+
* @default 'h2'
|
|
3753
|
+
*/
|
|
3754
|
+
headingTag?: AccordionHeadingTag;
|
|
3755
|
+
/**
|
|
3756
|
+
* Controls whether the accordion is open or closed.
|
|
3757
|
+
*/
|
|
3758
|
+
open?: boolean;
|
|
3759
|
+
/**
|
|
3760
|
+
* @deprecated Will be removed in the next major release. Use the `summary` slot instead. Controls the heading size in the summary section (only applies when using the `heading` prop or `heading` slot).
|
|
3761
|
+
* @default 'small'
|
|
3762
|
+
*/
|
|
3763
|
+
size?: BreakpointCustomizable<AccordionSize>;
|
|
3764
|
+
/**
|
|
3765
|
+
* @experimental Makes the summary section sticky at the top while scrolling. Only works with `background="canvas"` or `background="surface"`. Not compatible with `summary-before` or `summary-after` slots.
|
|
3766
|
+
*/
|
|
3767
|
+
sticky?: boolean;
|
|
3768
|
+
};
|
|
2268
3769
|
declare class PAccordion extends BaseComponent {
|
|
2269
3770
|
alignMarker?: AccordionAlignMarker;
|
|
2270
3771
|
background?: AccordionBackground;
|
|
@@ -2282,6 +3783,43 @@ declare class PAccordion extends BaseComponent {
|
|
|
2282
3783
|
static ɵcmp: i0.ɵɵComponentDeclaration<PAccordion, "p-accordion,[p-accordion]", never, { "alignMarker": { "alias": "alignMarker"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2283
3784
|
}
|
|
2284
3785
|
|
|
3786
|
+
type PBannerProps = {
|
|
3787
|
+
/**
|
|
3788
|
+
* Sets the description text of the banner.
|
|
3789
|
+
* @default ''
|
|
3790
|
+
*/
|
|
3791
|
+
description?: string;
|
|
3792
|
+
/**
|
|
3793
|
+
* Shows a dismiss button allowing the banner to be closed.
|
|
3794
|
+
* @default true
|
|
3795
|
+
*/
|
|
3796
|
+
dismissButton?: boolean;
|
|
3797
|
+
/**
|
|
3798
|
+
* Sets the heading text of the banner.
|
|
3799
|
+
* @default ''
|
|
3800
|
+
*/
|
|
3801
|
+
heading?: string;
|
|
3802
|
+
/**
|
|
3803
|
+
* Sets the heading tag for proper semantic structure within the page.
|
|
3804
|
+
* @default 'h5'
|
|
3805
|
+
*/
|
|
3806
|
+
headingTag?: BannerHeadingTag;
|
|
3807
|
+
/**
|
|
3808
|
+
* Controls whether the banner is open or closed.
|
|
3809
|
+
* @default false
|
|
3810
|
+
*/
|
|
3811
|
+
open: boolean;
|
|
3812
|
+
/**
|
|
3813
|
+
* Sets the position of the banner.
|
|
3814
|
+
* @default { base: 'bottom', s: 'top' }
|
|
3815
|
+
*/
|
|
3816
|
+
position?: BreakpointCustomizable<BannerPosition>;
|
|
3817
|
+
/**
|
|
3818
|
+
* Defines the visual state of the banner.
|
|
3819
|
+
* @default 'info'
|
|
3820
|
+
*/
|
|
3821
|
+
state?: BannerState;
|
|
3822
|
+
};
|
|
2285
3823
|
declare class PBanner extends BaseComponent {
|
|
2286
3824
|
description?: string;
|
|
2287
3825
|
dismissButton?: boolean;
|
|
@@ -2295,6 +3833,63 @@ declare class PBanner extends BaseComponent {
|
|
|
2295
3833
|
static ɵcmp: i0.ɵɵComponentDeclaration<PBanner, "p-banner,[p-banner]", never, { "description": { "alias": "description"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["*"], false, never>;
|
|
2296
3834
|
}
|
|
2297
3835
|
|
|
3836
|
+
type PButtonProps = {
|
|
3837
|
+
/**
|
|
3838
|
+
* Sets ARIA attributes.
|
|
3839
|
+
*/
|
|
3840
|
+
aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
|
|
3841
|
+
/**
|
|
3842
|
+
* Displays the button in compact mode.
|
|
3843
|
+
* @default false
|
|
3844
|
+
*/
|
|
3845
|
+
compact?: BreakpointCustomizable<boolean>;
|
|
3846
|
+
/**
|
|
3847
|
+
* Disables the button. No events will be triggered while disabled state is active.
|
|
3848
|
+
* @default false
|
|
3849
|
+
*/
|
|
3850
|
+
disabled?: boolean;
|
|
3851
|
+
/**
|
|
3852
|
+
* The id of a form element the button should be associated with.
|
|
3853
|
+
*/
|
|
3854
|
+
form?: string;
|
|
3855
|
+
/**
|
|
3856
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3857
|
+
* @default false
|
|
3858
|
+
*/
|
|
3859
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3860
|
+
/**
|
|
3861
|
+
* The icon shown. By choosing 'none', no icon is displayed.
|
|
3862
|
+
* @default 'none'
|
|
3863
|
+
*/
|
|
3864
|
+
icon?: ButtonIcon;
|
|
3865
|
+
/**
|
|
3866
|
+
* A URL path to a custom icon.
|
|
3867
|
+
*/
|
|
3868
|
+
iconSource?: string;
|
|
3869
|
+
/**
|
|
3870
|
+
* Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
|
|
3871
|
+
* @default false
|
|
3872
|
+
*/
|
|
3873
|
+
loading?: boolean;
|
|
3874
|
+
/**
|
|
3875
|
+
* The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form.
|
|
3876
|
+
*/
|
|
3877
|
+
name?: string;
|
|
3878
|
+
/**
|
|
3879
|
+
* Specifies the type of the button.
|
|
3880
|
+
* @default 'submit'
|
|
3881
|
+
*/
|
|
3882
|
+
type?: ButtonType;
|
|
3883
|
+
/**
|
|
3884
|
+
* Defines the value associated with the button's name when it's submitted with the form data. This value is passed to the server in params when the form is submitted using this button.
|
|
3885
|
+
*/
|
|
3886
|
+
value?: string;
|
|
3887
|
+
/**
|
|
3888
|
+
* The style variant of the button.
|
|
3889
|
+
* @default 'primary'
|
|
3890
|
+
*/
|
|
3891
|
+
variant?: ButtonVariant;
|
|
3892
|
+
};
|
|
2298
3893
|
declare class PButton extends BaseComponent {
|
|
2299
3894
|
aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
|
|
2300
3895
|
compact?: BreakpointCustomizable<boolean>;
|
|
@@ -2307,11 +3902,88 @@ declare class PButton extends BaseComponent {
|
|
|
2307
3902
|
name?: string;
|
|
2308
3903
|
type?: ButtonType;
|
|
2309
3904
|
value?: string;
|
|
2310
|
-
variant?: ButtonVariant;
|
|
2311
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PButton, never>;
|
|
2312
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PButton, "p-button,[p-button]", never, { "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2313
|
-
}
|
|
2314
|
-
|
|
3905
|
+
variant?: ButtonVariant;
|
|
3906
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PButton, never>;
|
|
3907
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PButton, "p-button,[p-button]", never, { "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
3908
|
+
}
|
|
3909
|
+
|
|
3910
|
+
type PButtonPureProps = {
|
|
3911
|
+
/**
|
|
3912
|
+
* Displays the button in its active state.
|
|
3913
|
+
* @default false
|
|
3914
|
+
*/
|
|
3915
|
+
active?: boolean;
|
|
3916
|
+
/**
|
|
3917
|
+
* Aligns the label.
|
|
3918
|
+
* @default 'end'
|
|
3919
|
+
*/
|
|
3920
|
+
alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;
|
|
3921
|
+
/**
|
|
3922
|
+
* Sets ARIA attributes.
|
|
3923
|
+
*/
|
|
3924
|
+
aria?: SelectedAriaAttributes<ButtonPureAriaAttribute>;
|
|
3925
|
+
/**
|
|
3926
|
+
* The color.
|
|
3927
|
+
* @default 'primary'
|
|
3928
|
+
*/
|
|
3929
|
+
color?: ButtonPureColor;
|
|
3930
|
+
/**
|
|
3931
|
+
* Disables the button. No events will be triggered while disabled state is active.
|
|
3932
|
+
* @default false
|
|
3933
|
+
*/
|
|
3934
|
+
disabled?: boolean;
|
|
3935
|
+
/**
|
|
3936
|
+
* The id of a form element the button should be associated with.
|
|
3937
|
+
*/
|
|
3938
|
+
form?: string;
|
|
3939
|
+
/**
|
|
3940
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3941
|
+
* @default false
|
|
3942
|
+
*/
|
|
3943
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3944
|
+
/**
|
|
3945
|
+
* The icon shown.
|
|
3946
|
+
* @default 'arrow-right'
|
|
3947
|
+
*/
|
|
3948
|
+
icon?: ButtonPureIcon;
|
|
3949
|
+
/**
|
|
3950
|
+
* A URL path to a custom icon.
|
|
3951
|
+
*/
|
|
3952
|
+
iconSource?: string;
|
|
3953
|
+
/**
|
|
3954
|
+
* Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
|
|
3955
|
+
* @default false
|
|
3956
|
+
*/
|
|
3957
|
+
loading?: boolean;
|
|
3958
|
+
/**
|
|
3959
|
+
* The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form.
|
|
3960
|
+
*/
|
|
3961
|
+
name?: string;
|
|
3962
|
+
/**
|
|
3963
|
+
* Size of the button.
|
|
3964
|
+
* @default 'sm'
|
|
3965
|
+
*/
|
|
3966
|
+
size?: BreakpointCustomizable<ButtonPureSize>;
|
|
3967
|
+
/**
|
|
3968
|
+
* Stretches the area between icon and label to max available space.
|
|
3969
|
+
* @default false
|
|
3970
|
+
*/
|
|
3971
|
+
stretch?: BreakpointCustomizable<boolean>;
|
|
3972
|
+
/**
|
|
3973
|
+
* Specifies the type of the button.
|
|
3974
|
+
* @default 'submit'
|
|
3975
|
+
*/
|
|
3976
|
+
type?: ButtonPureType;
|
|
3977
|
+
/**
|
|
3978
|
+
* Shows an underline under the label.
|
|
3979
|
+
* @default false
|
|
3980
|
+
*/
|
|
3981
|
+
underline?: boolean;
|
|
3982
|
+
/**
|
|
3983
|
+
* Defines the value associated with the button's name when it's submitted with the form data. This value is passed to the server in params when the form is submitted using this button.
|
|
3984
|
+
*/
|
|
3985
|
+
value?: string;
|
|
3986
|
+
};
|
|
2315
3987
|
declare class PButtonPure extends BaseComponent {
|
|
2316
3988
|
active?: boolean;
|
|
2317
3989
|
alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;
|
|
@@ -2333,6 +4005,74 @@ declare class PButtonPure extends BaseComponent {
|
|
|
2333
4005
|
static ɵcmp: i0.ɵɵComponentDeclaration<PButtonPure, "p-button-pure,[p-button-pure]", never, { "active": { "alias": "active"; "required": false; }; "alignLabel": { "alias": "alignLabel"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "type": { "alias": "type"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2334
4006
|
}
|
|
2335
4007
|
|
|
4008
|
+
type PButtonTileProps = {
|
|
4009
|
+
/**
|
|
4010
|
+
* Alignment of button and description.
|
|
4011
|
+
* @default 'bottom'
|
|
4012
|
+
*/
|
|
4013
|
+
align?: ButtonTileAlign;
|
|
4014
|
+
/**
|
|
4015
|
+
* Sets ARIA attributes.
|
|
4016
|
+
*/
|
|
4017
|
+
aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;
|
|
4018
|
+
/**
|
|
4019
|
+
* Aspect ratio of the button-tile.
|
|
4020
|
+
* @default '4/3'
|
|
4021
|
+
*/
|
|
4022
|
+
aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;
|
|
4023
|
+
/**
|
|
4024
|
+
* Displays the button-tile as compact version with description and button icon only.
|
|
4025
|
+
* @default false
|
|
4026
|
+
*/
|
|
4027
|
+
compact?: BreakpointCustomizable<boolean>;
|
|
4028
|
+
/**
|
|
4029
|
+
* Description text.
|
|
4030
|
+
*/
|
|
4031
|
+
description: string;
|
|
4032
|
+
/**
|
|
4033
|
+
* Disables the button. No events will be triggered while disabled state is active.
|
|
4034
|
+
* @default false
|
|
4035
|
+
*/
|
|
4036
|
+
disabled?: boolean;
|
|
4037
|
+
/**
|
|
4038
|
+
* Show gradient.
|
|
4039
|
+
* @default false
|
|
4040
|
+
*/
|
|
4041
|
+
gradient?: boolean;
|
|
4042
|
+
/**
|
|
4043
|
+
* The icon shown. By choosing 'none', no icon is displayed.
|
|
4044
|
+
* @default 'none'
|
|
4045
|
+
*/
|
|
4046
|
+
icon?: ButtonTileIcon;
|
|
4047
|
+
/**
|
|
4048
|
+
* A URL path to a custom icon.
|
|
4049
|
+
*/
|
|
4050
|
+
iconSource?: string;
|
|
4051
|
+
/**
|
|
4052
|
+
* Label of the button.
|
|
4053
|
+
*/
|
|
4054
|
+
label: string;
|
|
4055
|
+
/**
|
|
4056
|
+
* Disables the button-tile and shows a loading indicator. No events will be triggered while loading state is active.
|
|
4057
|
+
* @default false
|
|
4058
|
+
*/
|
|
4059
|
+
loading?: boolean;
|
|
4060
|
+
/**
|
|
4061
|
+
* Font size of the description.
|
|
4062
|
+
* @default 'medium'
|
|
4063
|
+
*/
|
|
4064
|
+
size?: BreakpointCustomizable<ButtonTileSize>;
|
|
4065
|
+
/**
|
|
4066
|
+
* Specifies the type of the button.
|
|
4067
|
+
* @default 'submit'
|
|
4068
|
+
*/
|
|
4069
|
+
type?: ButtonTileType;
|
|
4070
|
+
/**
|
|
4071
|
+
* Font weight of the description.
|
|
4072
|
+
* @default 'semi-bold'
|
|
4073
|
+
*/
|
|
4074
|
+
weight?: BreakpointCustomizable<ButtonTileWeight>;
|
|
4075
|
+
};
|
|
2336
4076
|
declare class PButtonTile extends BaseComponent {
|
|
2337
4077
|
align?: ButtonTileAlign;
|
|
2338
4078
|
aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;
|
|
@@ -2352,6 +4092,23 @@ declare class PButtonTile extends BaseComponent {
|
|
|
2352
4092
|
static ɵcmp: i0.ɵɵComponentDeclaration<PButtonTile, "p-button-tile,[p-button-tile]", never, { "align": { "alias": "align"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2353
4093
|
}
|
|
2354
4094
|
|
|
4095
|
+
type PCanvasProps = {
|
|
4096
|
+
/**
|
|
4097
|
+
* Defines the background color of the main section and auto adjust it for the sidebar
|
|
4098
|
+
* @default 'canvas'
|
|
4099
|
+
*/
|
|
4100
|
+
background?: CanvasBackground;
|
|
4101
|
+
/**
|
|
4102
|
+
* Open the sidebar on the end side
|
|
4103
|
+
* @default false
|
|
4104
|
+
*/
|
|
4105
|
+
sidebarEndOpen?: boolean;
|
|
4106
|
+
/**
|
|
4107
|
+
* Open the sidebar on the start side
|
|
4108
|
+
* @default false
|
|
4109
|
+
*/
|
|
4110
|
+
sidebarStartOpen?: boolean;
|
|
4111
|
+
};
|
|
2355
4112
|
declare class PCanvas extends BaseComponent {
|
|
2356
4113
|
background?: CanvasBackground;
|
|
2357
4114
|
sidebarEndOpen?: boolean;
|
|
@@ -2362,6 +4119,83 @@ declare class PCanvas extends BaseComponent {
|
|
|
2362
4119
|
static ɵcmp: i0.ɵɵComponentDeclaration<PCanvas, "p-canvas,[p-canvas]", never, { "background": { "alias": "background"; "required": false; }; "sidebarEndOpen": { "alias": "sidebarEndOpen"; "required": false; }; "sidebarStartOpen": { "alias": "sidebarStartOpen"; "required": false; }; }, { "sidebarEndDismiss": "sidebarEndDismiss"; "sidebarStartUpdate": "sidebarStartUpdate"; }, never, ["*"], false, never>;
|
|
2363
4120
|
}
|
|
2364
4121
|
|
|
4122
|
+
type PCarouselProps = {
|
|
4123
|
+
/**
|
|
4124
|
+
* Defines which slide is active (zero-based numbering).
|
|
4125
|
+
* @default 0
|
|
4126
|
+
*/
|
|
4127
|
+
activeSlideIndex?: number;
|
|
4128
|
+
/**
|
|
4129
|
+
* Aligns the slotted controls.
|
|
4130
|
+
* @default 'auto'
|
|
4131
|
+
*/
|
|
4132
|
+
alignControls?: CarouselAlignControls;
|
|
4133
|
+
/**
|
|
4134
|
+
* Aligns the heading and description.
|
|
4135
|
+
* @default 'start'
|
|
4136
|
+
*/
|
|
4137
|
+
alignHeader?: CarouselAlignHeader;
|
|
4138
|
+
/**
|
|
4139
|
+
* Sets ARIA attributes.
|
|
4140
|
+
*/
|
|
4141
|
+
aria?: SelectedAriaAttributes<CarouselAriaAttribute>;
|
|
4142
|
+
/**
|
|
4143
|
+
* Defines the description used in the carousel.
|
|
4144
|
+
*/
|
|
4145
|
+
description?: string;
|
|
4146
|
+
/**
|
|
4147
|
+
* Indicates whether focus should be set on the center slide. If true, the carousel loops by individual slide; otherwise, it loops by page.
|
|
4148
|
+
* @default false
|
|
4149
|
+
*/
|
|
4150
|
+
focusOnCenterSlide?: boolean;
|
|
4151
|
+
/**
|
|
4152
|
+
* Fades the slides out.
|
|
4153
|
+
* @default false
|
|
4154
|
+
*/
|
|
4155
|
+
gradient?: boolean;
|
|
4156
|
+
/**
|
|
4157
|
+
* Defines the heading used in the carousel.
|
|
4158
|
+
*/
|
|
4159
|
+
heading?: string;
|
|
4160
|
+
/**
|
|
4161
|
+
* Defines the heading size used in the carousel.
|
|
4162
|
+
* @default 'x-large'
|
|
4163
|
+
*/
|
|
4164
|
+
headingSize?: CarouselHeadingSize;
|
|
4165
|
+
/**
|
|
4166
|
+
* Override the default wordings that are used for aria-labels on the next/prev buttons and pagination.
|
|
4167
|
+
*/
|
|
4168
|
+
intl?: CarouselInternationalization;
|
|
4169
|
+
/**
|
|
4170
|
+
* If false, the carousel will not show pagination bullets at the bottom.
|
|
4171
|
+
* @default false
|
|
4172
|
+
*/
|
|
4173
|
+
pagination?: BreakpointCustomizable<boolean>;
|
|
4174
|
+
/**
|
|
4175
|
+
* Whether the slides should rewind from last to first slide and vice versa.
|
|
4176
|
+
* @default false
|
|
4177
|
+
*/
|
|
4178
|
+
rewind?: boolean;
|
|
4179
|
+
/**
|
|
4180
|
+
* Defines the skip link target used to skip carousel entries.
|
|
4181
|
+
*/
|
|
4182
|
+
skipLinkTarget?: string;
|
|
4183
|
+
/**
|
|
4184
|
+
* Sets the amount of slides visible at the same time. Can be set to `auto` if you want to define different widths per slide via CSS.
|
|
4185
|
+
* @default 1
|
|
4186
|
+
*/
|
|
4187
|
+
slidesPerPage?: BreakpointCustomizable<CarouselSlidesPerPage>;
|
|
4188
|
+
/**
|
|
4189
|
+
* Determines whether to trim spaces before/after the carousel if `focusOnCenterSlide` option is true.
|
|
4190
|
+
* @default false
|
|
4191
|
+
*/
|
|
4192
|
+
trimSpace?: boolean;
|
|
4193
|
+
/**
|
|
4194
|
+
* Defines the outer spacings between the carousel and the left and right screen sides.
|
|
4195
|
+
* @default 'basic'
|
|
4196
|
+
*/
|
|
4197
|
+
width?: CarouselWidth;
|
|
4198
|
+
};
|
|
2365
4199
|
declare class PCarousel extends BaseComponent {
|
|
2366
4200
|
activeSlideIndex?: number;
|
|
2367
4201
|
alignControls?: CarouselAlignControls;
|
|
@@ -2384,6 +4218,21 @@ declare class PCarousel extends BaseComponent {
|
|
|
2384
4218
|
static ɵcmp: i0.ɵɵComponentDeclaration<PCarousel, "p-carousel,[p-carousel]", never, { "activeSlideIndex": { "alias": "activeSlideIndex"; "required": false; }; "alignControls": { "alias": "alignControls"; "required": false; }; "alignHeader": { "alias": "alignHeader"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "description": { "alias": "description"; "required": false; }; "focusOnCenterSlide": { "alias": "focusOnCenterSlide"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingSize": { "alias": "headingSize"; "required": false; }; "intl": { "alias": "intl"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "rewind": { "alias": "rewind"; "required": false; }; "skipLinkTarget": { "alias": "skipLinkTarget"; "required": false; }; "slidesPerPage": { "alias": "slidesPerPage"; "required": false; }; "trimSpace": { "alias": "trimSpace"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2385
4219
|
}
|
|
2386
4220
|
|
|
4221
|
+
type PCrestProps = {
|
|
4222
|
+
/**
|
|
4223
|
+
* Sets ARIA attributes.
|
|
4224
|
+
*/
|
|
4225
|
+
aria?: SelectedAriaAttributes<CrestAriaAttribute>;
|
|
4226
|
+
/**
|
|
4227
|
+
* When `href` is provided, the component renders as an `<a>` element.
|
|
4228
|
+
*/
|
|
4229
|
+
href?: string;
|
|
4230
|
+
/**
|
|
4231
|
+
* Specifies where to open the linked document.
|
|
4232
|
+
* @default '_self'
|
|
4233
|
+
*/
|
|
4234
|
+
target?: CrestTarget;
|
|
4235
|
+
};
|
|
2387
4236
|
declare class PCrest extends BaseComponent {
|
|
2388
4237
|
aria?: SelectedAriaAttributes<CrestAriaAttribute>;
|
|
2389
4238
|
href?: string;
|
|
@@ -2392,6 +4241,32 @@ declare class PCrest extends BaseComponent {
|
|
|
2392
4241
|
static ɵcmp: i0.ɵɵComponentDeclaration<PCrest, "p-crest,[p-crest]", never, { "aria": { "alias": "aria"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2393
4242
|
}
|
|
2394
4243
|
|
|
4244
|
+
type PDisplayProps = {
|
|
4245
|
+
/**
|
|
4246
|
+
* Text alignment of the component.
|
|
4247
|
+
* @default 'start'
|
|
4248
|
+
*/
|
|
4249
|
+
align?: DisplayAlign;
|
|
4250
|
+
/**
|
|
4251
|
+
* Basic text color variations.
|
|
4252
|
+
* @default 'primary'
|
|
4253
|
+
*/
|
|
4254
|
+
color?: DisplayColor;
|
|
4255
|
+
/**
|
|
4256
|
+
* Adds an ellipsis to a single line of text if it overflows.
|
|
4257
|
+
* @default false
|
|
4258
|
+
*/
|
|
4259
|
+
ellipsis?: boolean;
|
|
4260
|
+
/**
|
|
4261
|
+
* Size of the component. Also defines the size for specific breakpoints, like {base: "medium", l: "large"}. You always need to provide a base value when doing this.
|
|
4262
|
+
* @default 'large'
|
|
4263
|
+
*/
|
|
4264
|
+
size?: BreakpointCustomizable<DisplaySize>;
|
|
4265
|
+
/**
|
|
4266
|
+
* Sets a heading tag, so it fits correctly within the outline of the page.
|
|
4267
|
+
*/
|
|
4268
|
+
tag?: DisplayTag;
|
|
4269
|
+
};
|
|
2395
4270
|
/** @deprecated since v4.0.0, will be removed with next major release. Please use `p-heading` instead. */
|
|
2396
4271
|
declare class PDisplay extends BaseComponent {
|
|
2397
4272
|
align?: DisplayAlign;
|
|
@@ -2403,6 +4278,18 @@ declare class PDisplay extends BaseComponent {
|
|
|
2403
4278
|
static ɵcmp: i0.ɵɵComponentDeclaration<PDisplay, "p-display,[p-display]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2404
4279
|
}
|
|
2405
4280
|
|
|
4281
|
+
type PDividerProps = {
|
|
4282
|
+
/**
|
|
4283
|
+
* Defines color.
|
|
4284
|
+
* @default 'contrast-lower'
|
|
4285
|
+
*/
|
|
4286
|
+
color?: DividerColor;
|
|
4287
|
+
/**
|
|
4288
|
+
* Defines direction.
|
|
4289
|
+
* @default 'horizontal'
|
|
4290
|
+
*/
|
|
4291
|
+
direction?: BreakpointCustomizable<DividerDirection>;
|
|
4292
|
+
};
|
|
2406
4293
|
declare class PDivider extends BaseComponent {
|
|
2407
4294
|
color?: DividerColor;
|
|
2408
4295
|
direction?: BreakpointCustomizable<DividerDirection>;
|
|
@@ -2410,6 +4297,21 @@ declare class PDivider extends BaseComponent {
|
|
|
2410
4297
|
static ɵcmp: i0.ɵɵComponentDeclaration<PDivider, "p-divider,[p-divider]", never, { "color": { "alias": "color"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2411
4298
|
}
|
|
2412
4299
|
|
|
4300
|
+
type PDrilldownProps = {
|
|
4301
|
+
/**
|
|
4302
|
+
* Defines which `p-drilldown-item` is shown as open.
|
|
4303
|
+
*/
|
|
4304
|
+
activeIdentifier?: string | undefined;
|
|
4305
|
+
/**
|
|
4306
|
+
* Sets ARIA attributes.
|
|
4307
|
+
*/
|
|
4308
|
+
aria?: SelectedAriaAttributes<DrilldownAriaAttribute>;
|
|
4309
|
+
/**
|
|
4310
|
+
* If `true`, the drilldown is shown as open.
|
|
4311
|
+
* @default false
|
|
4312
|
+
*/
|
|
4313
|
+
open?: boolean;
|
|
4314
|
+
};
|
|
2413
4315
|
declare class PDrilldown extends BaseComponent {
|
|
2414
4316
|
activeIdentifier?: string | undefined;
|
|
2415
4317
|
aria?: SelectedAriaAttributes<DrilldownAriaAttribute>;
|
|
@@ -2420,6 +4322,31 @@ declare class PDrilldown extends BaseComponent {
|
|
|
2420
4322
|
static ɵcmp: i0.ɵɵComponentDeclaration<PDrilldown, "p-drilldown,[p-drilldown]", never, { "activeIdentifier": { "alias": "activeIdentifier"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "dismiss": "dismiss"; "update": "update"; }, never, ["*"], false, never>;
|
|
2421
4323
|
}
|
|
2422
4324
|
|
|
4325
|
+
type PDrilldownItemProps = {
|
|
4326
|
+
/**
|
|
4327
|
+
* Private property set by the component itself.
|
|
4328
|
+
* @default false
|
|
4329
|
+
*/
|
|
4330
|
+
cascade?: boolean;
|
|
4331
|
+
/**
|
|
4332
|
+
* Unique identifier which controls if this item should be shown when the active-identifier on the drilldown is set to this value.
|
|
4333
|
+
*/
|
|
4334
|
+
identifier: string;
|
|
4335
|
+
/**
|
|
4336
|
+
* Renders back button, header section on mobile view and cascade button to reach a deeper level of the navigation structure.
|
|
4337
|
+
*/
|
|
4338
|
+
label?: string;
|
|
4339
|
+
/**
|
|
4340
|
+
* Private property set by the component itself.
|
|
4341
|
+
* @default false
|
|
4342
|
+
*/
|
|
4343
|
+
primary?: boolean;
|
|
4344
|
+
/**
|
|
4345
|
+
* Private property set by the component itself.
|
|
4346
|
+
* @default false
|
|
4347
|
+
*/
|
|
4348
|
+
secondary?: boolean;
|
|
4349
|
+
};
|
|
2423
4350
|
declare class PDrilldownItem extends BaseComponent {
|
|
2424
4351
|
cascade?: boolean;
|
|
2425
4352
|
identifier: string;
|
|
@@ -2430,6 +4357,34 @@ declare class PDrilldownItem extends BaseComponent {
|
|
|
2430
4357
|
static ɵcmp: i0.ɵɵComponentDeclaration<PDrilldownItem, "p-drilldown-item,[p-drilldown-item]", never, { "cascade": { "alias": "cascade"; "required": false; }; "identifier": { "alias": "identifier"; "required": false; }; "label": { "alias": "label"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "secondary": { "alias": "secondary"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2431
4358
|
}
|
|
2432
4359
|
|
|
4360
|
+
type PDrilldownLinkProps = {
|
|
4361
|
+
/**
|
|
4362
|
+
* Displays the link in its active state.
|
|
4363
|
+
* @default false
|
|
4364
|
+
*/
|
|
4365
|
+
active?: boolean;
|
|
4366
|
+
/**
|
|
4367
|
+
* Add ARIA attributes (only has effect when `href` is defined and no slotted anchor is used).
|
|
4368
|
+
*/
|
|
4369
|
+
aria?: SelectedAriaAttributes<DrilldownLinkAriaAttribute>;
|
|
4370
|
+
/**
|
|
4371
|
+
* Sets the native `download` attribute when the target URL points to a downloadable file (only has effect when `href` is defined and no slotted anchor is used).
|
|
4372
|
+
*/
|
|
4373
|
+
download?: string;
|
|
4374
|
+
/**
|
|
4375
|
+
* When `href` is provided, the component renders as an `<a>` element. Otherwise, provide a slotted anchor element.
|
|
4376
|
+
*/
|
|
4377
|
+
href?: string;
|
|
4378
|
+
/**
|
|
4379
|
+
* Sets the `rel` attribute on the link (only has effect when `href` is defined and no slotted anchor is used).
|
|
4380
|
+
*/
|
|
4381
|
+
rel?: string;
|
|
4382
|
+
/**
|
|
4383
|
+
* Target attribute where the link should be opened (only has effect when `href` is defined and no slotted anchor is used).
|
|
4384
|
+
* @default '_self'
|
|
4385
|
+
*/
|
|
4386
|
+
target?: DrilldownLinkTarget;
|
|
4387
|
+
};
|
|
2433
4388
|
declare class PDrilldownLink extends BaseComponent {
|
|
2434
4389
|
active?: boolean;
|
|
2435
4390
|
aria?: SelectedAriaAttributes<DrilldownLinkAriaAttribute>;
|
|
@@ -2441,6 +4396,37 @@ declare class PDrilldownLink extends BaseComponent {
|
|
|
2441
4396
|
static ɵcmp: i0.ɵɵComponentDeclaration<PDrilldownLink, "p-drilldown-link,[p-drilldown-link]", never, { "active": { "alias": "active"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2442
4397
|
}
|
|
2443
4398
|
|
|
4399
|
+
type PFieldsetProps = {
|
|
4400
|
+
/**
|
|
4401
|
+
* Sets ARIA attributes.
|
|
4402
|
+
*/
|
|
4403
|
+
aria?: SelectedAriaRole<"radiogroup">;
|
|
4404
|
+
/**
|
|
4405
|
+
* Text content for a user-facing label.
|
|
4406
|
+
* @default ''
|
|
4407
|
+
*/
|
|
4408
|
+
label?: string;
|
|
4409
|
+
/**
|
|
4410
|
+
* Controls the size of the label text.
|
|
4411
|
+
* @default 'medium'
|
|
4412
|
+
*/
|
|
4413
|
+
labelSize?: FieldsetLabelSize;
|
|
4414
|
+
/**
|
|
4415
|
+
* The message styled depending on validation state.
|
|
4416
|
+
* @default ''
|
|
4417
|
+
*/
|
|
4418
|
+
message?: string;
|
|
4419
|
+
/**
|
|
4420
|
+
* Marks the Fieldset as required.
|
|
4421
|
+
* @default false
|
|
4422
|
+
*/
|
|
4423
|
+
required?: boolean;
|
|
4424
|
+
/**
|
|
4425
|
+
* The validation state.
|
|
4426
|
+
* @default 'none'
|
|
4427
|
+
*/
|
|
4428
|
+
state?: FieldsetState;
|
|
4429
|
+
};
|
|
2444
4430
|
declare class PFieldset extends BaseComponent {
|
|
2445
4431
|
aria?: SelectedAriaRole<"radiogroup">;
|
|
2446
4432
|
label?: string;
|
|
@@ -2452,6 +4438,22 @@ declare class PFieldset extends BaseComponent {
|
|
|
2452
4438
|
static ɵcmp: i0.ɵɵComponentDeclaration<PFieldset, "p-fieldset,[p-fieldset]", never, { "aria": { "alias": "aria"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "message": { "alias": "message"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2453
4439
|
}
|
|
2454
4440
|
|
|
4441
|
+
type PFlagProps = {
|
|
4442
|
+
/**
|
|
4443
|
+
* A map of ARIA attributes to enhance the flag's accessibility. For example, use `{ 'aria-label': 'German flag' }` to provide a descriptive label for screen readers.
|
|
4444
|
+
*/
|
|
4445
|
+
aria?: SelectedAriaAttributes<FlagAriaAttribute>;
|
|
4446
|
+
/**
|
|
4447
|
+
* Specifies the country flag to display. Use the two-letter ISO 3166-1 alpha-2 country code. For example, use `us` for the United States, `de` for Germany, `gb` for Great Britain.
|
|
4448
|
+
* @default 'de'
|
|
4449
|
+
*/
|
|
4450
|
+
name?: FlagName;
|
|
4451
|
+
/**
|
|
4452
|
+
* Defines the size of the flag, aligned with the typographic scale used by components such as p-icon, p-spinner, p-text, and p-heading. When set to `inherit`, the size is derived from a custom font-size defined on a parent element, calculated against the global line-height (based on `ex`-unit) to remain visually consistent with other typographic-scale-based components.
|
|
4453
|
+
* @default 'sm'
|
|
4454
|
+
*/
|
|
4455
|
+
size?: BreakpointCustomizable<FlagSize>;
|
|
4456
|
+
};
|
|
2455
4457
|
declare class PFlag extends BaseComponent {
|
|
2456
4458
|
aria?: SelectedAriaAttributes<FlagAriaAttribute>;
|
|
2457
4459
|
name?: FlagName;
|
|
@@ -2460,6 +4462,42 @@ declare class PFlag extends BaseComponent {
|
|
|
2460
4462
|
static ɵcmp: i0.ɵɵComponentDeclaration<PFlag, "p-flag,[p-flag]", never, { "aria": { "alias": "aria"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2461
4463
|
}
|
|
2462
4464
|
|
|
4465
|
+
type PFlyoutProps = {
|
|
4466
|
+
/**
|
|
4467
|
+
* Sets ARIA attributes.
|
|
4468
|
+
*/
|
|
4469
|
+
aria?: SelectedAriaAttributes<FlyoutAriaAttribute>;
|
|
4470
|
+
/**
|
|
4471
|
+
* Defines the backdrop, 'blur' (should be used when the underlying content is not relevant for users) and 'shading' (should be used when the user still needs a visual connection to the underlying content).
|
|
4472
|
+
* @default 'blur'
|
|
4473
|
+
*/
|
|
4474
|
+
backdrop?: FlyoutBackdrop;
|
|
4475
|
+
/**
|
|
4476
|
+
* Defines the background color
|
|
4477
|
+
* @default 'canvas'
|
|
4478
|
+
*/
|
|
4479
|
+
background?: FlyoutBackground;
|
|
4480
|
+
/**
|
|
4481
|
+
* If true, the flyout will not be closable via backdrop click.
|
|
4482
|
+
* @default false
|
|
4483
|
+
*/
|
|
4484
|
+
disableBackdropClick?: boolean;
|
|
4485
|
+
/**
|
|
4486
|
+
* Determines the footer's position behavior. When set to "fixed," the flyout content stretches to fill the full height, keeping the footer permanently at the bottom. When set to "sticky," the footer flows beneath the content and only becomes fixed if the content overflows.
|
|
4487
|
+
* @default 'sticky'
|
|
4488
|
+
*/
|
|
4489
|
+
footerBehavior?: FlyoutFooterBehavior;
|
|
4490
|
+
/**
|
|
4491
|
+
* If true, the flyout is open.
|
|
4492
|
+
* @default false
|
|
4493
|
+
*/
|
|
4494
|
+
open: boolean;
|
|
4495
|
+
/**
|
|
4496
|
+
* The position of the flyout
|
|
4497
|
+
* @default 'end'
|
|
4498
|
+
*/
|
|
4499
|
+
position?: FlyoutPosition;
|
|
4500
|
+
};
|
|
2463
4501
|
declare class PFlyout extends BaseComponent {
|
|
2464
4502
|
aria?: SelectedAriaAttributes<FlyoutAriaAttribute>;
|
|
2465
4503
|
backdrop?: FlyoutBackdrop;
|
|
@@ -2475,6 +4513,42 @@ declare class PFlyout extends BaseComponent {
|
|
|
2475
4513
|
static ɵcmp: i0.ɵɵComponentDeclaration<PFlyout, "p-flyout,[p-flyout]", never, { "aria": { "alias": "aria"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "background": { "alias": "background"; "required": false; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "footerBehavior": { "alias": "footerBehavior"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "dismiss": "dismiss"; "motionHiddenEnd": "motionHiddenEnd"; "motionVisibleEnd": "motionVisibleEnd"; }, never, ["*"], false, never>;
|
|
2476
4514
|
}
|
|
2477
4515
|
|
|
4516
|
+
type PHeadingProps = {
|
|
4517
|
+
/**
|
|
4518
|
+
* Text alignment of the heading. Use 'start' for left-aligned text (in LTR), 'center' for centered, 'end' for right-aligned (in LTR), or 'inherit' to adopt the parent's alignment.
|
|
4519
|
+
* @default 'start'
|
|
4520
|
+
*/
|
|
4521
|
+
align?: HeadingAlign;
|
|
4522
|
+
/**
|
|
4523
|
+
* Text color of the heading. Use 'primary' for default, 'contrast-higher' / 'contrast-high' / 'contrast-medium' for alternative emphasis levels, or 'inherit' to adopt the parent's color.
|
|
4524
|
+
* @default 'primary'
|
|
4525
|
+
*/
|
|
4526
|
+
color?: HeadingColor;
|
|
4527
|
+
/**
|
|
4528
|
+
* Adds an ellipsis to a single line of text if it overflows the container width. When enabled, the text is truncated to a single line with `text-overflow: ellipsis`. Cannot be combined with multi-line content.
|
|
4529
|
+
* @default false
|
|
4530
|
+
*/
|
|
4531
|
+
ellipsis?: boolean;
|
|
4532
|
+
/**
|
|
4533
|
+
* Controls the hyphenation behavior of the heading. Use 'auto' to let the browser automatically hyphenate words at appropriate points, 'manual' to only hyphenate at manually inserted hyphenation points (e.g. `­`), 'none' to disable hyphenation entirely, or 'inherit' to adopt the parent's hyphenation setting.
|
|
4534
|
+
* @default 'none'
|
|
4535
|
+
*/
|
|
4536
|
+
hyphens?: HeadingHyphens;
|
|
4537
|
+
/**
|
|
4538
|
+
* Size of the heading. Also defines the size for specific breakpoints, like {base: "md", l: "2xl"}. You always need to provide a base value when doing this. Use 'inherit' to adopt the parent's font size.
|
|
4539
|
+
* @default '2xl'
|
|
4540
|
+
*/
|
|
4541
|
+
size?: BreakpointCustomizable<HeadingSize>;
|
|
4542
|
+
/**
|
|
4543
|
+
* Sets the HTML heading tag (h1 - h6) to ensure the correct document outline and semantic hierarchy. If not set, the tag is automatically inferred from the `size` property (e.g. '2xl' maps to 'h2', 'md' to 'h5', 'sm' to 'h6').
|
|
4544
|
+
*/
|
|
4545
|
+
tag?: HeadingTag;
|
|
4546
|
+
/**
|
|
4547
|
+
* The font weight of the heading. Use 'normal' for regular weight, 'semibold' for slightly emphasized text, or 'bold' for strong emphasis. For `size` values of 'sm' or smaller, it's recommended to use 'semibold' for better readability.
|
|
4548
|
+
* @default 'normal'
|
|
4549
|
+
*/
|
|
4550
|
+
weight?: HeadingWeight;
|
|
4551
|
+
};
|
|
2478
4552
|
declare class PHeading extends BaseComponent {
|
|
2479
4553
|
align?: HeadingAlign;
|
|
2480
4554
|
color?: HeadingColor;
|
|
@@ -2487,6 +4561,31 @@ declare class PHeading extends BaseComponent {
|
|
|
2487
4561
|
static ɵcmp: i0.ɵɵComponentDeclaration<PHeading, "p-heading,[p-heading]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "hyphens": { "alias": "hyphens"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2488
4562
|
}
|
|
2489
4563
|
|
|
4564
|
+
type PIconProps = {
|
|
4565
|
+
/**
|
|
4566
|
+
* Sets ARIA attributes.
|
|
4567
|
+
*/
|
|
4568
|
+
aria?: SelectedAriaAttributes<IconAriaAttribute>;
|
|
4569
|
+
/**
|
|
4570
|
+
* Basic color variations.
|
|
4571
|
+
* @default 'primary'
|
|
4572
|
+
*/
|
|
4573
|
+
color?: IconColor;
|
|
4574
|
+
/**
|
|
4575
|
+
* Specifies which icon to use.
|
|
4576
|
+
* @default 'arrow-right'
|
|
4577
|
+
*/
|
|
4578
|
+
name?: IconName;
|
|
4579
|
+
/**
|
|
4580
|
+
* Defines the size of the icon, aligned with the typographic scale used by components such as p-spinner, p-flag, p-text, and p-heading. When set to `inherit`, the size is derived from a custom font-size defined on a parent element, calculated against the global line-height (based on `ex`-unit) to remain visually consistent with other typographic-scale-based components.
|
|
4581
|
+
* @default 'sm'
|
|
4582
|
+
*/
|
|
4583
|
+
size?: BreakpointCustomizable<IconSize>;
|
|
4584
|
+
/**
|
|
4585
|
+
* Specifies a whole icon path which can be used for custom icons.
|
|
4586
|
+
*/
|
|
4587
|
+
source?: string;
|
|
4588
|
+
};
|
|
2490
4589
|
declare class PIcon extends BaseComponent {
|
|
2491
4590
|
aria?: SelectedAriaAttributes<IconAriaAttribute>;
|
|
2492
4591
|
color?: IconColor;
|
|
@@ -2497,6 +4596,47 @@ declare class PIcon extends BaseComponent {
|
|
|
2497
4596
|
static ɵcmp: i0.ɵɵComponentDeclaration<PIcon, "p-icon,[p-icon]", never, { "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "source": { "alias": "source"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2498
4597
|
}
|
|
2499
4598
|
|
|
4599
|
+
type PInlineNotificationProps = {
|
|
4600
|
+
/**
|
|
4601
|
+
* Action icon of the inline-notification.
|
|
4602
|
+
* @default 'arrow-right'
|
|
4603
|
+
*/
|
|
4604
|
+
actionIcon?: InlineNotificationActionIcon;
|
|
4605
|
+
/**
|
|
4606
|
+
* Action label of the inline-notification.
|
|
4607
|
+
*/
|
|
4608
|
+
actionLabel?: string;
|
|
4609
|
+
/**
|
|
4610
|
+
* Disables the action button and shows a loading indicator. No events will be triggered while loading state is active.
|
|
4611
|
+
* @default false
|
|
4612
|
+
*/
|
|
4613
|
+
actionLoading?: boolean;
|
|
4614
|
+
/**
|
|
4615
|
+
* Description of the inline-notification.
|
|
4616
|
+
* @default ''
|
|
4617
|
+
*/
|
|
4618
|
+
description?: string;
|
|
4619
|
+
/**
|
|
4620
|
+
* If false, the inline-notification will not have a dismiss button.
|
|
4621
|
+
* @default true
|
|
4622
|
+
*/
|
|
4623
|
+
dismissButton?: boolean;
|
|
4624
|
+
/**
|
|
4625
|
+
* Heading of the inline-notification.
|
|
4626
|
+
* @default ''
|
|
4627
|
+
*/
|
|
4628
|
+
heading?: string;
|
|
4629
|
+
/**
|
|
4630
|
+
* Sets a heading tag, so it fits correctly within the outline of the page.
|
|
4631
|
+
* @default 'h5'
|
|
4632
|
+
*/
|
|
4633
|
+
headingTag?: InlineNotificationHeadingTag;
|
|
4634
|
+
/**
|
|
4635
|
+
* State of the inline-notification.
|
|
4636
|
+
* @default 'info'
|
|
4637
|
+
*/
|
|
4638
|
+
state?: InlineNotificationState;
|
|
4639
|
+
};
|
|
2500
4640
|
declare class PInlineNotification extends BaseComponent {
|
|
2501
4641
|
actionIcon?: InlineNotificationActionIcon;
|
|
2502
4642
|
actionLabel?: string;
|
|
@@ -2512,6 +4652,53 @@ declare class PInlineNotification extends BaseComponent {
|
|
|
2512
4652
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInlineNotification, "p-inline-notification,[p-inline-notification]", never, { "actionIcon": { "alias": "actionIcon"; "required": false; }; "actionLabel": { "alias": "actionLabel"; "required": false; }; "actionLoading": { "alias": "actionLoading"; "required": false; }; "description": { "alias": "description"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "action": "action"; "dismiss": "dismiss"; }, never, ["*"], false, never>;
|
|
2513
4653
|
}
|
|
2514
4654
|
|
|
4655
|
+
type PLinkProps = {
|
|
4656
|
+
/**
|
|
4657
|
+
* Sets ARIA attributes.
|
|
4658
|
+
*/
|
|
4659
|
+
aria?: SelectedAriaAttributes<LinkAriaAttribute>;
|
|
4660
|
+
/**
|
|
4661
|
+
* Displays the link in compact mode.
|
|
4662
|
+
* @default false
|
|
4663
|
+
*/
|
|
4664
|
+
compact?: BreakpointCustomizable<boolean>;
|
|
4665
|
+
/**
|
|
4666
|
+
* Sets the native `download` attribute when the target URL points to a downloadable file.
|
|
4667
|
+
*/
|
|
4668
|
+
download?: string;
|
|
4669
|
+
/**
|
|
4670
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
4671
|
+
* @default false
|
|
4672
|
+
*/
|
|
4673
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
4674
|
+
/**
|
|
4675
|
+
* When `href` is provided, the component renders as an `<a>` element.
|
|
4676
|
+
*/
|
|
4677
|
+
href?: string;
|
|
4678
|
+
/**
|
|
4679
|
+
* The icon shown. By choosing 'none', no icon is displayed.
|
|
4680
|
+
* @default 'none'
|
|
4681
|
+
*/
|
|
4682
|
+
icon?: LinkIcon;
|
|
4683
|
+
/**
|
|
4684
|
+
* A URL path to a custom icon.
|
|
4685
|
+
*/
|
|
4686
|
+
iconSource?: string;
|
|
4687
|
+
/**
|
|
4688
|
+
* Sets the `rel` attribute on the link.
|
|
4689
|
+
*/
|
|
4690
|
+
rel?: string;
|
|
4691
|
+
/**
|
|
4692
|
+
* Specifies where to open the linked document.
|
|
4693
|
+
* @default '_self'
|
|
4694
|
+
*/
|
|
4695
|
+
target?: LinkTarget;
|
|
4696
|
+
/**
|
|
4697
|
+
* The style variant of the link.
|
|
4698
|
+
* @default 'primary'
|
|
4699
|
+
*/
|
|
4700
|
+
variant?: LinkVariant;
|
|
4701
|
+
};
|
|
2515
4702
|
declare class PLink extends BaseComponent {
|
|
2516
4703
|
aria?: SelectedAriaAttributes<LinkAriaAttribute>;
|
|
2517
4704
|
compact?: BreakpointCustomizable<boolean>;
|
|
@@ -2527,6 +4714,73 @@ declare class PLink extends BaseComponent {
|
|
|
2527
4714
|
static ɵcmp: i0.ɵɵComponentDeclaration<PLink, "p-link,[p-link]", never, { "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "download": { "alias": "download"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2528
4715
|
}
|
|
2529
4716
|
|
|
4717
|
+
type PLinkPureProps = {
|
|
4718
|
+
/**
|
|
4719
|
+
* Displays the link in its active state.
|
|
4720
|
+
* @default false
|
|
4721
|
+
*/
|
|
4722
|
+
active?: boolean;
|
|
4723
|
+
/**
|
|
4724
|
+
* Aligns the label.
|
|
4725
|
+
* @default 'end'
|
|
4726
|
+
*/
|
|
4727
|
+
alignLabel?: BreakpointCustomizable<LinkPureAlignLabel>;
|
|
4728
|
+
/**
|
|
4729
|
+
* Sets ARIA attributes.
|
|
4730
|
+
*/
|
|
4731
|
+
aria?: SelectedAriaAttributes<LinkPureAriaAttribute>;
|
|
4732
|
+
/**
|
|
4733
|
+
* The color.
|
|
4734
|
+
* @default 'primary'
|
|
4735
|
+
*/
|
|
4736
|
+
color?: LinkPureColor;
|
|
4737
|
+
/**
|
|
4738
|
+
* Sets the native `download` attribute when the target URL points to a downloadable file.
|
|
4739
|
+
*/
|
|
4740
|
+
download?: string;
|
|
4741
|
+
/**
|
|
4742
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
4743
|
+
* @default false
|
|
4744
|
+
*/
|
|
4745
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
4746
|
+
/**
|
|
4747
|
+
* When `href` is provided, the component renders as an `<a>` element.
|
|
4748
|
+
*/
|
|
4749
|
+
href?: string;
|
|
4750
|
+
/**
|
|
4751
|
+
* The icon shown. By choosing 'none', no icon is displayed
|
|
4752
|
+
* @default 'arrow-right'
|
|
4753
|
+
*/
|
|
4754
|
+
icon?: LinkPureIcon;
|
|
4755
|
+
/**
|
|
4756
|
+
* A URL path to a custom icon.
|
|
4757
|
+
*/
|
|
4758
|
+
iconSource?: string;
|
|
4759
|
+
/**
|
|
4760
|
+
* Sets the `rel` attribute on the link.
|
|
4761
|
+
*/
|
|
4762
|
+
rel?: string;
|
|
4763
|
+
/**
|
|
4764
|
+
* Size of the link.
|
|
4765
|
+
* @default 'sm'
|
|
4766
|
+
*/
|
|
4767
|
+
size?: BreakpointCustomizable<LinkPureSize>;
|
|
4768
|
+
/**
|
|
4769
|
+
* Stretches the area between icon and label to max available space.
|
|
4770
|
+
* @default false
|
|
4771
|
+
*/
|
|
4772
|
+
stretch?: BreakpointCustomizable<boolean>;
|
|
4773
|
+
/**
|
|
4774
|
+
* Specifies where to open the linked document.
|
|
4775
|
+
* @default '_self'
|
|
4776
|
+
*/
|
|
4777
|
+
target?: LinkPureTarget;
|
|
4778
|
+
/**
|
|
4779
|
+
* Shows an underline under the label.
|
|
4780
|
+
* @default false
|
|
4781
|
+
*/
|
|
4782
|
+
underline?: boolean;
|
|
4783
|
+
};
|
|
2530
4784
|
declare class PLinkPure extends BaseComponent {
|
|
2531
4785
|
active?: boolean;
|
|
2532
4786
|
alignLabel?: BreakpointCustomizable<LinkPureAlignLabel>;
|
|
@@ -2546,6 +4800,67 @@ declare class PLinkPure extends BaseComponent {
|
|
|
2546
4800
|
static ɵcmp: i0.ɵɵComponentDeclaration<PLinkPure, "p-link-pure,[p-link-pure]", never, { "active": { "alias": "active"; "required": false; }; "alignLabel": { "alias": "alignLabel"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "download": { "alias": "download"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "target": { "alias": "target"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2547
4801
|
}
|
|
2548
4802
|
|
|
4803
|
+
type PLinkTileProps = {
|
|
4804
|
+
/**
|
|
4805
|
+
* Alignment of link and description.
|
|
4806
|
+
* @default 'bottom'
|
|
4807
|
+
*/
|
|
4808
|
+
align?: LinkTileAlign;
|
|
4809
|
+
/**
|
|
4810
|
+
* Sets ARIA attributes.
|
|
4811
|
+
*/
|
|
4812
|
+
aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
|
|
4813
|
+
/**
|
|
4814
|
+
* Aspect ratio of the link-tile.
|
|
4815
|
+
* @default '4/3'
|
|
4816
|
+
*/
|
|
4817
|
+
aspectRatio?: BreakpointCustomizable<LinkTileAspectRatio>;
|
|
4818
|
+
/**
|
|
4819
|
+
* Displays the link-tile as compact version with description and link icon only.
|
|
4820
|
+
* @default false
|
|
4821
|
+
*/
|
|
4822
|
+
compact?: BreakpointCustomizable<boolean>;
|
|
4823
|
+
/**
|
|
4824
|
+
* Description text.
|
|
4825
|
+
*/
|
|
4826
|
+
description: string;
|
|
4827
|
+
/**
|
|
4828
|
+
* Sets the native `download` attribute when the target URL points to a downloadable file.
|
|
4829
|
+
*/
|
|
4830
|
+
download?: string;
|
|
4831
|
+
/**
|
|
4832
|
+
* Show gradient.
|
|
4833
|
+
* @default false
|
|
4834
|
+
*/
|
|
4835
|
+
gradient?: boolean;
|
|
4836
|
+
/**
|
|
4837
|
+
* href of the `<a>`.
|
|
4838
|
+
*/
|
|
4839
|
+
href: string;
|
|
4840
|
+
/**
|
|
4841
|
+
* Label of the <a />.
|
|
4842
|
+
*/
|
|
4843
|
+
label: string;
|
|
4844
|
+
/**
|
|
4845
|
+
* Sets the `rel` attribute on the link.
|
|
4846
|
+
*/
|
|
4847
|
+
rel?: string;
|
|
4848
|
+
/**
|
|
4849
|
+
* Font size of the description.
|
|
4850
|
+
* @default 'medium'
|
|
4851
|
+
*/
|
|
4852
|
+
size?: BreakpointCustomizable<LinkTileSize>;
|
|
4853
|
+
/**
|
|
4854
|
+
* Specifies where to open the linked document.
|
|
4855
|
+
* @default '_self'
|
|
4856
|
+
*/
|
|
4857
|
+
target?: LinkTileTarget;
|
|
4858
|
+
/**
|
|
4859
|
+
* Font weight of the description.
|
|
4860
|
+
* @default 'semi-bold'
|
|
4861
|
+
*/
|
|
4862
|
+
weight?: BreakpointCustomizable<LinkTileWeight>;
|
|
4863
|
+
};
|
|
2549
4864
|
declare class PLinkTile extends BaseComponent {
|
|
2550
4865
|
align?: LinkTileAlign;
|
|
2551
4866
|
aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
|
|
@@ -2564,6 +4879,52 @@ declare class PLinkTile extends BaseComponent {
|
|
|
2564
4879
|
static ɵcmp: i0.ɵɵComponentDeclaration<PLinkTile, "p-link-tile,[p-link-tile]", never, { "align": { "alias": "align"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "download": { "alias": "download"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "href": { "alias": "href"; "required": false; }; "label": { "alias": "label"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2565
4880
|
}
|
|
2566
4881
|
|
|
4882
|
+
type PLinkTileProductProps = {
|
|
4883
|
+
/**
|
|
4884
|
+
* Aspect ratio of the link-tile-product.
|
|
4885
|
+
* @default '3/4'
|
|
4886
|
+
*/
|
|
4887
|
+
aspectRatio?: BreakpointCustomizable<LinkTileProductAspectRatio>;
|
|
4888
|
+
/**
|
|
4889
|
+
* Additional product description.
|
|
4890
|
+
*/
|
|
4891
|
+
description?: string;
|
|
4892
|
+
/**
|
|
4893
|
+
* Product heading.
|
|
4894
|
+
*/
|
|
4895
|
+
heading: string;
|
|
4896
|
+
/**
|
|
4897
|
+
* href of the `<a>`.
|
|
4898
|
+
*/
|
|
4899
|
+
href?: string;
|
|
4900
|
+
/**
|
|
4901
|
+
* Shows a like button.
|
|
4902
|
+
* @default true
|
|
4903
|
+
*/
|
|
4904
|
+
likeButton?: boolean;
|
|
4905
|
+
/**
|
|
4906
|
+
* Indicates whether the product is liked.
|
|
4907
|
+
* @default false
|
|
4908
|
+
*/
|
|
4909
|
+
liked?: boolean;
|
|
4910
|
+
/**
|
|
4911
|
+
* Product retail price (with or without discount).
|
|
4912
|
+
*/
|
|
4913
|
+
price: string;
|
|
4914
|
+
/**
|
|
4915
|
+
* Shows original price (recommended retail price) with line-through. Needs prop "price" to be defined, otherwise this prop has no effect.
|
|
4916
|
+
*/
|
|
4917
|
+
priceOriginal?: string;
|
|
4918
|
+
/**
|
|
4919
|
+
* Sets the `rel` attribute on the link.
|
|
4920
|
+
*/
|
|
4921
|
+
rel?: string;
|
|
4922
|
+
/**
|
|
4923
|
+
* Specifies where to open the linked document.
|
|
4924
|
+
* @default '_self'
|
|
4925
|
+
*/
|
|
4926
|
+
target?: LinkTileProductTarget;
|
|
4927
|
+
};
|
|
2567
4928
|
declare class PLinkTileProduct extends BaseComponent {
|
|
2568
4929
|
aspectRatio?: BreakpointCustomizable<LinkTileProductAspectRatio>;
|
|
2569
4930
|
description?: string;
|
|
@@ -2580,6 +4941,42 @@ declare class PLinkTileProduct extends BaseComponent {
|
|
|
2580
4941
|
static ɵcmp: i0.ɵɵComponentDeclaration<PLinkTileProduct, "p-link-tile-product,[p-link-tile-product]", never, { "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "description": { "alias": "description"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "href": { "alias": "href"; "required": false; }; "likeButton": { "alias": "likeButton"; "required": false; }; "liked": { "alias": "liked"; "required": false; }; "price": { "alias": "price"; "required": false; }; "priceOriginal": { "alias": "priceOriginal"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, { "like": "like"; }, never, ["*"], false, never>;
|
|
2581
4942
|
}
|
|
2582
4943
|
|
|
4944
|
+
type PModalProps = {
|
|
4945
|
+
/**
|
|
4946
|
+
* Sets ARIA attributes.
|
|
4947
|
+
*/
|
|
4948
|
+
aria?: SelectedAriaAttributes<ModalAriaAttribute>;
|
|
4949
|
+
/**
|
|
4950
|
+
* Defines the backdrop, 'blur' (should be used when Modal is opened by user interaction, e.g. after a click on a button) and 'shading' (should be used when Modal gets opened automatically, e.g. Cookie Consent).
|
|
4951
|
+
* @default 'blur'
|
|
4952
|
+
*/
|
|
4953
|
+
backdrop?: ModalBackdrop;
|
|
4954
|
+
/**
|
|
4955
|
+
* Defines the background color
|
|
4956
|
+
* @default 'canvas'
|
|
4957
|
+
*/
|
|
4958
|
+
background?: ModalBackground;
|
|
4959
|
+
/**
|
|
4960
|
+
* If true, the modal will not be closable via backdrop click.
|
|
4961
|
+
* @default false
|
|
4962
|
+
*/
|
|
4963
|
+
disableBackdropClick?: boolean;
|
|
4964
|
+
/**
|
|
4965
|
+
* If false, the modal will not have a dismiss button.
|
|
4966
|
+
* @default true
|
|
4967
|
+
*/
|
|
4968
|
+
dismissButton?: boolean;
|
|
4969
|
+
/**
|
|
4970
|
+
* If true the modal uses max viewport height and width. Should only be used for mobile.
|
|
4971
|
+
* @default false
|
|
4972
|
+
*/
|
|
4973
|
+
fullscreen?: BreakpointCustomizable<boolean>;
|
|
4974
|
+
/**
|
|
4975
|
+
* If true, the modal is open.
|
|
4976
|
+
* @default false
|
|
4977
|
+
*/
|
|
4978
|
+
open: boolean;
|
|
4979
|
+
};
|
|
2583
4980
|
declare class PModal extends BaseComponent {
|
|
2584
4981
|
aria?: SelectedAriaAttributes<ModalAriaAttribute>;
|
|
2585
4982
|
backdrop?: ModalBackdrop;
|
|
@@ -2595,6 +4992,38 @@ declare class PModal extends BaseComponent {
|
|
|
2595
4992
|
static ɵcmp: i0.ɵɵComponentDeclaration<PModal, "p-modal,[p-modal]", never, { "aria": { "alias": "aria"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "background": { "alias": "background"; "required": false; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "dismiss": "dismiss"; "motionHiddenEnd": "motionHiddenEnd"; "motionVisibleEnd": "motionVisibleEnd"; }, never, ["*"], false, never>;
|
|
2596
4993
|
}
|
|
2597
4994
|
|
|
4995
|
+
type PModelSignatureProps = {
|
|
4996
|
+
/**
|
|
4997
|
+
* Adapts the color of the component.
|
|
4998
|
+
* @default 'primary'
|
|
4999
|
+
*/
|
|
5000
|
+
color?: ModelSignatureColor;
|
|
5001
|
+
/**
|
|
5002
|
+
* Sets the browser's fetch priority hint for the model signature asset.
|
|
5003
|
+
* @default 'auto'
|
|
5004
|
+
*/
|
|
5005
|
+
fetchPriority?: ModelSignatureFetchPriority;
|
|
5006
|
+
/**
|
|
5007
|
+
* Defines whether the model signature is always loaded or only loaded when it is in the viewport (this feature may not work reliably).
|
|
5008
|
+
* @default false
|
|
5009
|
+
*/
|
|
5010
|
+
lazy?: boolean;
|
|
5011
|
+
/**
|
|
5012
|
+
* Adapts the model of the component.
|
|
5013
|
+
* @default '911'
|
|
5014
|
+
*/
|
|
5015
|
+
model?: ModelSignatureModel;
|
|
5016
|
+
/**
|
|
5017
|
+
* When set to `true`, then all model signatures are visually aligned with each other. When set to `false` the model signature comes without any safe zone.
|
|
5018
|
+
* @default true
|
|
5019
|
+
*/
|
|
5020
|
+
safeZone?: boolean;
|
|
5021
|
+
/**
|
|
5022
|
+
* Adapts the size of the component. When set to `inherit` a CSS `width` or `height` needs to be defined on the host but not both.
|
|
5023
|
+
* @default 'small'
|
|
5024
|
+
*/
|
|
5025
|
+
size?: ModelSignatureSize;
|
|
5026
|
+
};
|
|
2598
5027
|
declare class PModelSignature extends BaseComponent {
|
|
2599
5028
|
color?: ModelSignatureColor;
|
|
2600
5029
|
fetchPriority?: ModelSignatureFetchPriority;
|
|
@@ -2606,6 +5035,17 @@ declare class PModelSignature extends BaseComponent {
|
|
|
2606
5035
|
static ɵcmp: i0.ɵɵComponentDeclaration<PModelSignature, "p-model-signature,[p-model-signature]", never, { "color": { "alias": "color"; "required": false; }; "fetchPriority": { "alias": "fetchPriority"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "model": { "alias": "model"; "required": false; }; "safeZone": { "alias": "safeZone"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2607
5036
|
}
|
|
2608
5037
|
|
|
5038
|
+
type PMultiSelectOptionProps = {
|
|
5039
|
+
/**
|
|
5040
|
+
* Disables the option.
|
|
5041
|
+
* @default false
|
|
5042
|
+
*/
|
|
5043
|
+
disabled?: boolean;
|
|
5044
|
+
/**
|
|
5045
|
+
* The option value.
|
|
5046
|
+
*/
|
|
5047
|
+
value: string;
|
|
5048
|
+
};
|
|
2609
5049
|
declare class PMultiSelectOption extends BaseComponent {
|
|
2610
5050
|
disabled?: boolean;
|
|
2611
5051
|
value: string;
|
|
@@ -2613,6 +5053,17 @@ declare class PMultiSelectOption extends BaseComponent {
|
|
|
2613
5053
|
static ɵcmp: i0.ɵɵComponentDeclaration<PMultiSelectOption, "p-multi-select-option,[p-multi-select-option]", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2614
5054
|
}
|
|
2615
5055
|
|
|
5056
|
+
type POptgroupProps = {
|
|
5057
|
+
/**
|
|
5058
|
+
* Disables the optgroup.
|
|
5059
|
+
* @default false
|
|
5060
|
+
*/
|
|
5061
|
+
disabled?: boolean;
|
|
5062
|
+
/**
|
|
5063
|
+
* The optgroup label.
|
|
5064
|
+
*/
|
|
5065
|
+
label?: string;
|
|
5066
|
+
};
|
|
2616
5067
|
declare class POptgroup extends BaseComponent {
|
|
2617
5068
|
disabled?: boolean;
|
|
2618
5069
|
label?: string;
|
|
@@ -2620,6 +5071,33 @@ declare class POptgroup extends BaseComponent {
|
|
|
2620
5071
|
static ɵcmp: i0.ɵɵComponentDeclaration<POptgroup, "p-optgroup,[p-optgroup]", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2621
5072
|
}
|
|
2622
5073
|
|
|
5074
|
+
type PPaginationProps = {
|
|
5075
|
+
/**
|
|
5076
|
+
* Index of the currently active page.
|
|
5077
|
+
* @default 1
|
|
5078
|
+
*/
|
|
5079
|
+
activePage: number;
|
|
5080
|
+
/**
|
|
5081
|
+
* Override the default wordings that are used for aria-labels on the next/prev and page buttons.
|
|
5082
|
+
* @default { root: 'Pagination', prev: 'Previous page', next: 'Next page', page: 'Page', }
|
|
5083
|
+
*/
|
|
5084
|
+
intl?: PaginationInternationalization;
|
|
5085
|
+
/**
|
|
5086
|
+
* The total count of items which should be shown per page.
|
|
5087
|
+
* @default 1
|
|
5088
|
+
*/
|
|
5089
|
+
itemsPerPage?: number;
|
|
5090
|
+
/**
|
|
5091
|
+
* Show or hide the button to jump to the last page.
|
|
5092
|
+
* @default true
|
|
5093
|
+
*/
|
|
5094
|
+
showLastPage?: boolean;
|
|
5095
|
+
/**
|
|
5096
|
+
* The total count of items.
|
|
5097
|
+
* @default 1
|
|
5098
|
+
*/
|
|
5099
|
+
totalItemsCount: number;
|
|
5100
|
+
};
|
|
2623
5101
|
declare class PPagination extends BaseComponent {
|
|
2624
5102
|
activePage: number;
|
|
2625
5103
|
intl?: PaginationInternationalization;
|
|
@@ -2631,6 +5109,21 @@ declare class PPagination extends BaseComponent {
|
|
|
2631
5109
|
static ɵcmp: i0.ɵɵComponentDeclaration<PPagination, "p-pagination,[p-pagination]", never, { "activePage": { "alias": "activePage"; "required": false; }; "intl": { "alias": "intl"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "showLastPage": { "alias": "showLastPage"; "required": false; }; "totalItemsCount": { "alias": "totalItemsCount"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2632
5110
|
}
|
|
2633
5111
|
|
|
5112
|
+
type PPopoverProps = {
|
|
5113
|
+
/**
|
|
5114
|
+
* Sets ARIA attributes.
|
|
5115
|
+
*/
|
|
5116
|
+
aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
|
|
5117
|
+
/**
|
|
5118
|
+
* Descriptive text shown when the popover is open.
|
|
5119
|
+
*/
|
|
5120
|
+
description?: string;
|
|
5121
|
+
/**
|
|
5122
|
+
* Preferred direction in which the popover should open when there is enough space in the viewport. Otherwise, it opens in the direction with the most available space.
|
|
5123
|
+
* @default 'bottom'
|
|
5124
|
+
*/
|
|
5125
|
+
direction?: PopoverDirection;
|
|
5126
|
+
};
|
|
2634
5127
|
declare class PPopover extends BaseComponent {
|
|
2635
5128
|
aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
|
|
2636
5129
|
description?: string;
|
|
@@ -2639,6 +5132,26 @@ declare class PPopover extends BaseComponent {
|
|
|
2639
5132
|
static ɵcmp: i0.ɵɵComponentDeclaration<PPopover, "p-popover,[p-popover]", never, { "aria": { "alias": "aria"; "required": false; }; "description": { "alias": "description"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2640
5133
|
}
|
|
2641
5134
|
|
|
5135
|
+
type PRadioGroupOptionProps = {
|
|
5136
|
+
/**
|
|
5137
|
+
* Disables the radio group option. The value will not be submitted with the form.
|
|
5138
|
+
* @default false
|
|
5139
|
+
*/
|
|
5140
|
+
disabled?: boolean;
|
|
5141
|
+
/**
|
|
5142
|
+
* Text content for a user-facing label.
|
|
5143
|
+
*/
|
|
5144
|
+
label?: string;
|
|
5145
|
+
/**
|
|
5146
|
+
* @experimental Shows a loading indicator.
|
|
5147
|
+
* @default false
|
|
5148
|
+
*/
|
|
5149
|
+
loading?: boolean;
|
|
5150
|
+
/**
|
|
5151
|
+
* The value for the input.
|
|
5152
|
+
*/
|
|
5153
|
+
value?: string;
|
|
5154
|
+
};
|
|
2642
5155
|
declare class PRadioGroupOption extends BaseComponent {
|
|
2643
5156
|
disabled?: boolean;
|
|
2644
5157
|
label?: string;
|
|
@@ -2648,6 +5161,35 @@ declare class PRadioGroupOption extends BaseComponent {
|
|
|
2648
5161
|
static ɵcmp: i0.ɵɵComponentDeclaration<PRadioGroupOption, "p-radio-group-option,[p-radio-group-option]", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2649
5162
|
}
|
|
2650
5163
|
|
|
5164
|
+
type PScrollerProps = {
|
|
5165
|
+
/**
|
|
5166
|
+
* @deprecated since v4.0.0, will be removed with next major release, has no effect anymore.
|
|
5167
|
+
* @default 'center'
|
|
5168
|
+
*/
|
|
5169
|
+
alignScrollIndicator?: ScrollerAlignScrollIndicator;
|
|
5170
|
+
/**
|
|
5171
|
+
* Add ARIA role.
|
|
5172
|
+
*/
|
|
5173
|
+
aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
|
|
5174
|
+
/**
|
|
5175
|
+
* Displays with reduced spacing and smaller padding for a more condensed layout.
|
|
5176
|
+
*/
|
|
5177
|
+
compact?: boolean;
|
|
5178
|
+
/**
|
|
5179
|
+
* @deprecated since v4.0.0, use native `scrollIntoView()` on the slotted element itself.
|
|
5180
|
+
*/
|
|
5181
|
+
scrollToPosition?: ScrollerScrollToPosition;
|
|
5182
|
+
/**
|
|
5183
|
+
* Specifies if scrollbar should be shown.
|
|
5184
|
+
* @default false
|
|
5185
|
+
*/
|
|
5186
|
+
scrollbar?: boolean;
|
|
5187
|
+
/**
|
|
5188
|
+
* @experimental Makes the indicator sticky at the top or bottom while scrolling depending on the scroll direction.
|
|
5189
|
+
* @default false
|
|
5190
|
+
*/
|
|
5191
|
+
sticky?: boolean;
|
|
5192
|
+
};
|
|
2651
5193
|
declare class PScroller extends BaseComponent {
|
|
2652
5194
|
/** @deprecated */
|
|
2653
5195
|
alignScrollIndicator?: ScrollerAlignScrollIndicator;
|
|
@@ -2661,6 +5203,33 @@ declare class PScroller extends BaseComponent {
|
|
|
2661
5203
|
static ɵcmp: i0.ɵɵComponentDeclaration<PScroller, "p-scroller,[p-scroller]", never, { "alignScrollIndicator": { "alias": "alignScrollIndicator"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "scrollToPosition": { "alias": "scrollToPosition"; "required": false; }; "scrollbar": { "alias": "scrollbar"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2662
5204
|
}
|
|
2663
5205
|
|
|
5206
|
+
type PSegmentedControlItemProps = {
|
|
5207
|
+
/**
|
|
5208
|
+
* Sets ARIA attributes.
|
|
5209
|
+
*/
|
|
5210
|
+
aria?: SelectedAriaAttributes<SegmentedControlItemAriaAttribute>;
|
|
5211
|
+
/**
|
|
5212
|
+
* Disables the button. No events will be triggered while disabled state is active.
|
|
5213
|
+
* @default false
|
|
5214
|
+
*/
|
|
5215
|
+
disabled?: boolean;
|
|
5216
|
+
/**
|
|
5217
|
+
* The icon shown.
|
|
5218
|
+
*/
|
|
5219
|
+
icon?: SegmentedControlItemIcon;
|
|
5220
|
+
/**
|
|
5221
|
+
* A URL path to a custom icon.
|
|
5222
|
+
*/
|
|
5223
|
+
iconSource?: string;
|
|
5224
|
+
/**
|
|
5225
|
+
* Text content for a user-facing label.
|
|
5226
|
+
*/
|
|
5227
|
+
label?: string;
|
|
5228
|
+
/**
|
|
5229
|
+
* The value of this item which is emitted by the parent element if it becomes selected. This property is **required**.
|
|
5230
|
+
*/
|
|
5231
|
+
value: string | number;
|
|
5232
|
+
};
|
|
2664
5233
|
declare class PSegmentedControlItem extends BaseComponent {
|
|
2665
5234
|
aria?: SelectedAriaAttributes<SegmentedControlItemAriaAttribute>;
|
|
2666
5235
|
disabled?: boolean;
|
|
@@ -2672,6 +5241,17 @@ declare class PSegmentedControlItem extends BaseComponent {
|
|
|
2672
5241
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControlItem, "p-segmented-control-item,[p-segmented-control-item]", never, { "aria": { "alias": "aria"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2673
5242
|
}
|
|
2674
5243
|
|
|
5244
|
+
type PSelectOptionProps = {
|
|
5245
|
+
/**
|
|
5246
|
+
* Disables the option.
|
|
5247
|
+
* @default false
|
|
5248
|
+
*/
|
|
5249
|
+
disabled?: boolean;
|
|
5250
|
+
/**
|
|
5251
|
+
* The option value.
|
|
5252
|
+
*/
|
|
5253
|
+
value?: string;
|
|
5254
|
+
};
|
|
2675
5255
|
declare class PSelectOption extends BaseComponent {
|
|
2676
5256
|
disabled?: boolean;
|
|
2677
5257
|
value?: string;
|
|
@@ -2679,6 +5259,32 @@ declare class PSelectOption extends BaseComponent {
|
|
|
2679
5259
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSelectOption, "p-select-option,[p-select-option]", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2680
5260
|
}
|
|
2681
5261
|
|
|
5262
|
+
type PSheetProps = {
|
|
5263
|
+
/**
|
|
5264
|
+
* Sets ARIA attributes.
|
|
5265
|
+
*/
|
|
5266
|
+
aria?: SelectedAriaAttributes<SheetAriaAttribute>;
|
|
5267
|
+
/**
|
|
5268
|
+
* Defines the background color
|
|
5269
|
+
* @default 'canvas'
|
|
5270
|
+
*/
|
|
5271
|
+
background?: SheetBackground;
|
|
5272
|
+
/**
|
|
5273
|
+
* If true, the sheet will not be closable via backdrop click.
|
|
5274
|
+
* @default false
|
|
5275
|
+
*/
|
|
5276
|
+
disableBackdropClick?: boolean;
|
|
5277
|
+
/**
|
|
5278
|
+
* If false, the sheet will not have a dismiss button.
|
|
5279
|
+
* @default true
|
|
5280
|
+
*/
|
|
5281
|
+
dismissButton?: boolean;
|
|
5282
|
+
/**
|
|
5283
|
+
* If true, the sheet is open.
|
|
5284
|
+
* @default false
|
|
5285
|
+
*/
|
|
5286
|
+
open: boolean;
|
|
5287
|
+
};
|
|
2682
5288
|
declare class PSheet extends BaseComponent {
|
|
2683
5289
|
aria?: SelectedAriaAttributes<SheetAriaAttribute>;
|
|
2684
5290
|
background?: SheetBackground;
|
|
@@ -2692,6 +5298,22 @@ declare class PSheet extends BaseComponent {
|
|
|
2692
5298
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSheet, "p-sheet,[p-sheet]", never, { "aria": { "alias": "aria"; "required": false; }; "background": { "alias": "background"; "required": false; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "dismiss": "dismiss"; "motionHiddenEnd": "motionHiddenEnd"; "motionVisibleEnd": "motionVisibleEnd"; }, never, ["*"], false, never>;
|
|
2693
5299
|
}
|
|
2694
5300
|
|
|
5301
|
+
type PSpinnerProps = {
|
|
5302
|
+
/**
|
|
5303
|
+
* Sets ARIA attributes.
|
|
5304
|
+
*/
|
|
5305
|
+
aria?: SelectedAriaAttributes<SpinnerAriaAttribute>;
|
|
5306
|
+
/**
|
|
5307
|
+
* Basic color variations.
|
|
5308
|
+
* @default 'primary'
|
|
5309
|
+
*/
|
|
5310
|
+
color?: SpinnerColor;
|
|
5311
|
+
/**
|
|
5312
|
+
* Defines the size of the spinner, aligned with the typographic scale used by components such as p-icon, p-flag, p-text, and p-heading. When set to `inherit`, the size is derived from a custom font-size defined on a parent element, calculated against the global line-height (based on `ex`-unit) to remain visually consistent with other typographic-scale-based components.
|
|
5313
|
+
* @default 'sm'
|
|
5314
|
+
*/
|
|
5315
|
+
size?: BreakpointCustomizable<SpinnerSize>;
|
|
5316
|
+
};
|
|
2695
5317
|
declare class PSpinner extends BaseComponent {
|
|
2696
5318
|
aria?: SelectedAriaAttributes<SpinnerAriaAttribute>;
|
|
2697
5319
|
color?: SpinnerColor;
|
|
@@ -2700,6 +5322,9 @@ declare class PSpinner extends BaseComponent {
|
|
|
2700
5322
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSpinner, "p-spinner,[p-spinner]", never, { "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2701
5323
|
}
|
|
2702
5324
|
|
|
5325
|
+
type PStepperHorizontalProps = {
|
|
5326
|
+
size?: BreakpointCustomizable<StepperHorizontalSize>;
|
|
5327
|
+
};
|
|
2703
5328
|
declare class PStepperHorizontal extends BaseComponent {
|
|
2704
5329
|
size?: BreakpointCustomizable<StepperHorizontalSize>;
|
|
2705
5330
|
update: EventEmitter<CustomEvent<StepperHorizontalUpdateEventDetail>>;
|
|
@@ -2707,6 +5332,17 @@ declare class PStepperHorizontal extends BaseComponent {
|
|
|
2707
5332
|
static ɵcmp: i0.ɵɵComponentDeclaration<PStepperHorizontal, "p-stepper-horizontal,[p-stepper-horizontal]", never, { "size": { "alias": "size"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2708
5333
|
}
|
|
2709
5334
|
|
|
5335
|
+
type PStepperHorizontalItemProps = {
|
|
5336
|
+
/**
|
|
5337
|
+
* Disables the stepper-horizontal-item. No events will be triggered while disabled state is active.
|
|
5338
|
+
* @default false
|
|
5339
|
+
*/
|
|
5340
|
+
disabled?: boolean;
|
|
5341
|
+
/**
|
|
5342
|
+
* The validation state.
|
|
5343
|
+
*/
|
|
5344
|
+
state?: StepperHorizontalItemState;
|
|
5345
|
+
};
|
|
2710
5346
|
declare class PStepperHorizontalItem extends BaseComponent {
|
|
2711
5347
|
disabled?: boolean;
|
|
2712
5348
|
state?: StepperHorizontalItemState;
|
|
@@ -2714,6 +5350,43 @@ declare class PStepperHorizontalItem extends BaseComponent {
|
|
|
2714
5350
|
static ɵcmp: i0.ɵɵComponentDeclaration<PStepperHorizontalItem, "p-stepper-horizontal-item,[p-stepper-horizontal-item]", never, { "disabled": { "alias": "disabled"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2715
5351
|
}
|
|
2716
5352
|
|
|
5353
|
+
type PSwitchProps = {
|
|
5354
|
+
/**
|
|
5355
|
+
* Aligns the label.
|
|
5356
|
+
* @default 'end'
|
|
5357
|
+
*/
|
|
5358
|
+
alignLabel?: BreakpointCustomizable<SwitchAlignLabel>;
|
|
5359
|
+
/**
|
|
5360
|
+
* Visualize the switch with on/off status.
|
|
5361
|
+
* @default false
|
|
5362
|
+
*/
|
|
5363
|
+
checked?: boolean;
|
|
5364
|
+
/**
|
|
5365
|
+
* Displays the switch in compact mode.
|
|
5366
|
+
* @default false
|
|
5367
|
+
*/
|
|
5368
|
+
compact?: boolean;
|
|
5369
|
+
/**
|
|
5370
|
+
* Disables the switch. No events will be triggered while disabled state is active.
|
|
5371
|
+
* @default false
|
|
5372
|
+
*/
|
|
5373
|
+
disabled?: boolean;
|
|
5374
|
+
/**
|
|
5375
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
5376
|
+
* @default false
|
|
5377
|
+
*/
|
|
5378
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
5379
|
+
/**
|
|
5380
|
+
* Disables the switch and shows a loading indicator. No events will be triggered while loading state is active.
|
|
5381
|
+
* @default false
|
|
5382
|
+
*/
|
|
5383
|
+
loading?: boolean;
|
|
5384
|
+
/**
|
|
5385
|
+
* Stretches the contents to max available space.
|
|
5386
|
+
* @default false
|
|
5387
|
+
*/
|
|
5388
|
+
stretch?: BreakpointCustomizable<boolean>;
|
|
5389
|
+
};
|
|
2717
5390
|
declare class PSwitch extends BaseComponent {
|
|
2718
5391
|
alignLabel?: BreakpointCustomizable<SwitchAlignLabel>;
|
|
2719
5392
|
checked?: boolean;
|
|
@@ -2727,6 +5400,27 @@ declare class PSwitch extends BaseComponent {
|
|
|
2727
5400
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSwitch, "p-switch,[p-switch]", never, { "alignLabel": { "alias": "alignLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2728
5401
|
}
|
|
2729
5402
|
|
|
5403
|
+
type PTableProps = {
|
|
5404
|
+
/**
|
|
5405
|
+
* A caption describing the contents of the table for accessibility only. This won't be visible in the browser. Use an element with an attribute of `slot="caption"` for a visible caption.
|
|
5406
|
+
*/
|
|
5407
|
+
caption?: string;
|
|
5408
|
+
/**
|
|
5409
|
+
* Displays with reduced spacing and smaller padding for a more condensed layout.
|
|
5410
|
+
* @default false
|
|
5411
|
+
*/
|
|
5412
|
+
compact?: boolean;
|
|
5413
|
+
/**
|
|
5414
|
+
* Controls the layout behavior of the table.
|
|
5415
|
+
* @default 'auto'
|
|
5416
|
+
*/
|
|
5417
|
+
layout?: TableLayout;
|
|
5418
|
+
/**
|
|
5419
|
+
* @experimental Makes the scroll indicator sticky at the top or bottom while scrolling depending on the scroll direction.
|
|
5420
|
+
* @default false
|
|
5421
|
+
*/
|
|
5422
|
+
sticky?: boolean;
|
|
5423
|
+
};
|
|
2730
5424
|
declare class PTable extends BaseComponent {
|
|
2731
5425
|
caption?: string;
|
|
2732
5426
|
compact?: boolean;
|
|
@@ -2737,17 +5431,41 @@ declare class PTable extends BaseComponent {
|
|
|
2737
5431
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTable, "p-table,[p-table]", never, { "caption": { "alias": "caption"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2738
5432
|
}
|
|
2739
5433
|
|
|
5434
|
+
type PTableCellProps = {
|
|
5435
|
+
/**
|
|
5436
|
+
* Allows slotted text to wrap onto multiple lines instead of being forced onto a single line.
|
|
5437
|
+
* @default false
|
|
5438
|
+
*/
|
|
5439
|
+
multiline?: boolean;
|
|
5440
|
+
};
|
|
2740
5441
|
declare class PTableCell extends BaseComponent {
|
|
2741
5442
|
multiline?: boolean;
|
|
2742
5443
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTableCell, never>;
|
|
2743
5444
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTableCell, "p-table-cell,[p-table-cell]", never, { "multiline": { "alias": "multiline"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2744
5445
|
}
|
|
2745
5446
|
|
|
5447
|
+
type PTableHeadProps = {};
|
|
2746
5448
|
declare class PTableHead extends BaseComponent {
|
|
2747
5449
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTableHead, never>;
|
|
2748
5450
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTableHead, "p-table-head,[p-table-head]", never, {}, {}, never, ["*"], false, never>;
|
|
2749
5451
|
}
|
|
2750
5452
|
|
|
5453
|
+
type PTableHeadCellProps = {
|
|
5454
|
+
/**
|
|
5455
|
+
* Hides the label but keeps it accessible for screen readers. This property only takes effect when the `sort` prop is not set.
|
|
5456
|
+
* @default false
|
|
5457
|
+
*/
|
|
5458
|
+
hideLabel?: boolean;
|
|
5459
|
+
/**
|
|
5460
|
+
* Allows slotted text to wrap onto multiple lines instead of being forced onto a single line.
|
|
5461
|
+
* @default false
|
|
5462
|
+
*/
|
|
5463
|
+
multiline?: boolean;
|
|
5464
|
+
/**
|
|
5465
|
+
* Defines sortability properties.
|
|
5466
|
+
*/
|
|
5467
|
+
sort?: TableHeadCellSort;
|
|
5468
|
+
};
|
|
2751
5469
|
declare class PTableHeadCell extends BaseComponent {
|
|
2752
5470
|
hideLabel?: boolean;
|
|
2753
5471
|
multiline?: boolean;
|
|
@@ -2756,16 +5474,44 @@ declare class PTableHeadCell extends BaseComponent {
|
|
|
2756
5474
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTableHeadCell, "p-table-head-cell,[p-table-head-cell]", never, { "hideLabel": { "alias": "hideLabel"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2757
5475
|
}
|
|
2758
5476
|
|
|
5477
|
+
type PTableHeadRowProps = {};
|
|
2759
5478
|
declare class PTableHeadRow extends BaseComponent {
|
|
2760
5479
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTableHeadRow, never>;
|
|
2761
5480
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTableHeadRow, "p-table-head-row,[p-table-head-row]", never, {}, {}, never, ["*"], false, never>;
|
|
2762
5481
|
}
|
|
2763
5482
|
|
|
5483
|
+
type PTableRowProps = {};
|
|
2764
5484
|
declare class PTableRow extends BaseComponent {
|
|
2765
5485
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTableRow, never>;
|
|
2766
5486
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTableRow, "p-table-row,[p-table-row]", never, {}, {}, never, ["*"], false, never>;
|
|
2767
5487
|
}
|
|
2768
5488
|
|
|
5489
|
+
type PTabsProps = {
|
|
5490
|
+
/**
|
|
5491
|
+
* Defines which tab is shown as selected (zero-based numbering).
|
|
5492
|
+
* @default 0
|
|
5493
|
+
*/
|
|
5494
|
+
activeTabIndex?: number;
|
|
5495
|
+
/**
|
|
5496
|
+
* Defines the background color. Use `frosted` only on images, videos or gradients.
|
|
5497
|
+
* @default 'none'
|
|
5498
|
+
*/
|
|
5499
|
+
background?: TabsBackground;
|
|
5500
|
+
/**
|
|
5501
|
+
* Displays with reduced spacing and smaller padding for a more condensed layout.
|
|
5502
|
+
*/
|
|
5503
|
+
compact?: boolean;
|
|
5504
|
+
/**
|
|
5505
|
+
* The text size.
|
|
5506
|
+
* @default 'small'
|
|
5507
|
+
*/
|
|
5508
|
+
size?: BreakpointCustomizable<TabsSize>;
|
|
5509
|
+
/**
|
|
5510
|
+
* @deprecated Will be removed in the next major release. Has no effect anymore.
|
|
5511
|
+
* @default 'regular'
|
|
5512
|
+
*/
|
|
5513
|
+
weight?: TabsWeight;
|
|
5514
|
+
};
|
|
2769
5515
|
declare class PTabs extends BaseComponent {
|
|
2770
5516
|
activeTabIndex?: number;
|
|
2771
5517
|
background?: TabsBackground;
|
|
@@ -2778,6 +5524,31 @@ declare class PTabs extends BaseComponent {
|
|
|
2778
5524
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTabs, "p-tabs,[p-tabs]", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2779
5525
|
}
|
|
2780
5526
|
|
|
5527
|
+
type PTabsBarProps = {
|
|
5528
|
+
/**
|
|
5529
|
+
* Defines which tab is shown as selected (zero-based numbering), or `undefined` if none should be selected.
|
|
5530
|
+
*/
|
|
5531
|
+
activeTabIndex?: number | undefined;
|
|
5532
|
+
/**
|
|
5533
|
+
* Defines the background color. Use `frosted` only on images, videos or gradients.
|
|
5534
|
+
* @default 'none'
|
|
5535
|
+
*/
|
|
5536
|
+
background?: TabsBarBackground;
|
|
5537
|
+
/**
|
|
5538
|
+
* Displays with reduced spacing and smaller padding for a more condensed layout.
|
|
5539
|
+
*/
|
|
5540
|
+
compact?: boolean;
|
|
5541
|
+
/**
|
|
5542
|
+
* The text size.
|
|
5543
|
+
* @default 'small'
|
|
5544
|
+
*/
|
|
5545
|
+
size?: BreakpointCustomizable<TabsBarSize>;
|
|
5546
|
+
/**
|
|
5547
|
+
* @deprecated Will be removed in the next major release. Has no effect anymore.
|
|
5548
|
+
* @default 'regular'
|
|
5549
|
+
*/
|
|
5550
|
+
weight?: TabsBarWeight;
|
|
5551
|
+
};
|
|
2781
5552
|
declare class PTabsBar extends BaseComponent {
|
|
2782
5553
|
activeTabIndex?: number | undefined;
|
|
2783
5554
|
background?: TabsBarBackground;
|
|
@@ -2790,12 +5561,39 @@ declare class PTabsBar extends BaseComponent {
|
|
|
2790
5561
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTabsBar, "p-tabs-bar,[p-tabs-bar]", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2791
5562
|
}
|
|
2792
5563
|
|
|
5564
|
+
type PTabsItemProps = {
|
|
5565
|
+
/**
|
|
5566
|
+
* Defines the label used in tabs.
|
|
5567
|
+
*/
|
|
5568
|
+
label: string;
|
|
5569
|
+
};
|
|
2793
5570
|
declare class PTabsItem extends BaseComponent {
|
|
2794
5571
|
label: string;
|
|
2795
5572
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTabsItem, never>;
|
|
2796
5573
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTabsItem, "p-tabs-item,[p-tabs-item]", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2797
5574
|
}
|
|
2798
5575
|
|
|
5576
|
+
type PTagProps = {
|
|
5577
|
+
/**
|
|
5578
|
+
* Displays the tag in compact mode.
|
|
5579
|
+
* @default false
|
|
5580
|
+
*/
|
|
5581
|
+
compact?: boolean;
|
|
5582
|
+
/**
|
|
5583
|
+
* The icon shown.
|
|
5584
|
+
* @default 'none'
|
|
5585
|
+
*/
|
|
5586
|
+
icon?: TagIcon;
|
|
5587
|
+
/**
|
|
5588
|
+
* A URL path to a custom icon.
|
|
5589
|
+
*/
|
|
5590
|
+
iconSource?: string;
|
|
5591
|
+
/**
|
|
5592
|
+
* Background color variations.
|
|
5593
|
+
* @default 'secondary'
|
|
5594
|
+
*/
|
|
5595
|
+
variant?: TagVariant;
|
|
5596
|
+
};
|
|
2799
5597
|
declare class PTag extends BaseComponent {
|
|
2800
5598
|
compact?: boolean;
|
|
2801
5599
|
icon?: TagIcon;
|
|
@@ -2805,6 +5603,21 @@ declare class PTag extends BaseComponent {
|
|
|
2805
5603
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTag, "p-tag,[p-tag]", never, { "compact": { "alias": "compact"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2806
5604
|
}
|
|
2807
5605
|
|
|
5606
|
+
type PTagDismissibleProps = {
|
|
5607
|
+
/**
|
|
5608
|
+
* Sets ARIA attributes.
|
|
5609
|
+
*/
|
|
5610
|
+
aria?: SelectedAriaAttributes<TagDismissibleAriaAttribute>;
|
|
5611
|
+
/**
|
|
5612
|
+
* Displays the dismissible tag in compact mode.
|
|
5613
|
+
* @default false
|
|
5614
|
+
*/
|
|
5615
|
+
compact?: boolean;
|
|
5616
|
+
/**
|
|
5617
|
+
* Text content for a user-facing label.
|
|
5618
|
+
*/
|
|
5619
|
+
label?: string;
|
|
5620
|
+
};
|
|
2808
5621
|
declare class PTagDismissible extends BaseComponent {
|
|
2809
5622
|
aria?: SelectedAriaAttributes<TagDismissibleAriaAttribute>;
|
|
2810
5623
|
compact?: boolean;
|
|
@@ -2813,6 +5626,43 @@ declare class PTagDismissible extends BaseComponent {
|
|
|
2813
5626
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTagDismissible, "p-tag-dismissible,[p-tag-dismissible]", never, { "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2814
5627
|
}
|
|
2815
5628
|
|
|
5629
|
+
type PTextProps = {
|
|
5630
|
+
/**
|
|
5631
|
+
* Text alignment of the text. Use 'start' for left-aligned text (in LTR), 'center' for centered, 'end' for right-aligned (in LTR), or 'inherit' to adopt the parent's alignment.
|
|
5632
|
+
* @default 'start'
|
|
5633
|
+
*/
|
|
5634
|
+
align?: TextAlign;
|
|
5635
|
+
/**
|
|
5636
|
+
* Text color of the text. Use 'primary' for default, 'contrast-higher' / 'contrast-high' / 'contrast-medium' for alternative emphasis levels, 'success' / 'warning' / 'error' / 'info' for status messages, or 'inherit' to adopt the parent's color.
|
|
5637
|
+
* @default 'primary'
|
|
5638
|
+
*/
|
|
5639
|
+
color?: TextColor;
|
|
5640
|
+
/**
|
|
5641
|
+
* Adds an ellipsis to a single line of text if it overflows the container width. When enabled, the text is truncated to a single line with `text-overflow: ellipsis`. Cannot be combined with multi-line content.
|
|
5642
|
+
* @default false
|
|
5643
|
+
*/
|
|
5644
|
+
ellipsis?: boolean;
|
|
5645
|
+
/**
|
|
5646
|
+
* Controls the hyphenation behavior of the text. Use 'auto' to let the browser automatically hyphenate words at appropriate points, 'manual' to only hyphenate at manually inserted hyphenation points (e.g. `­`), 'none' to disable hyphenation entirely, or 'inherit' to adopt the parent's hyphenation setting.
|
|
5647
|
+
* @default 'inherit'
|
|
5648
|
+
*/
|
|
5649
|
+
hyphens?: TextHyphens;
|
|
5650
|
+
/**
|
|
5651
|
+
* Size of the text. Also defines the size for specific breakpoints, like {base: "sm", l: "md"}. You always need to provide a base value when doing this. Use 'inherit' to adopt the parent's font size.
|
|
5652
|
+
* @default 'sm'
|
|
5653
|
+
*/
|
|
5654
|
+
size?: BreakpointCustomizable<TextSize>;
|
|
5655
|
+
/**
|
|
5656
|
+
* Sets the HTML tag of the rendered element to ensure correct semantic meaning (e.g. 'p' for paragraphs, 'blockquote' for quotes, 'time' for dates).
|
|
5657
|
+
* @default 'p'
|
|
5658
|
+
*/
|
|
5659
|
+
tag?: TextTag;
|
|
5660
|
+
/**
|
|
5661
|
+
* The font weight of the text. Use 'normal' for regular body text, 'semibold' for slightly emphasized text, or 'bold' for strong emphasis.
|
|
5662
|
+
* @default 'normal'
|
|
5663
|
+
*/
|
|
5664
|
+
weight?: TextWeight;
|
|
5665
|
+
};
|
|
2816
5666
|
declare class PText extends BaseComponent {
|
|
2817
5667
|
align?: TextAlign;
|
|
2818
5668
|
color?: TextColor;
|
|
@@ -2825,22 +5675,51 @@ declare class PText extends BaseComponent {
|
|
|
2825
5675
|
static ɵcmp: i0.ɵɵComponentDeclaration<PText, "p-text,[p-text]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "hyphens": { "alias": "hyphens"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2826
5676
|
}
|
|
2827
5677
|
|
|
5678
|
+
type PTextListProps = {
|
|
5679
|
+
/**
|
|
5680
|
+
* The list style type.
|
|
5681
|
+
* @default 'unordered'
|
|
5682
|
+
*/
|
|
5683
|
+
type?: TextListType;
|
|
5684
|
+
};
|
|
2828
5685
|
declare class PTextList extends BaseComponent {
|
|
2829
5686
|
type?: TextListType;
|
|
2830
5687
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTextList, never>;
|
|
2831
5688
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTextList, "p-text-list,[p-text-list]", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2832
5689
|
}
|
|
2833
5690
|
|
|
5691
|
+
type PTextListItemProps = {};
|
|
2834
5692
|
declare class PTextListItem extends BaseComponent {
|
|
2835
5693
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTextListItem, never>;
|
|
2836
5694
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTextListItem, "p-text-list-item,[p-text-list-item]", never, {}, {}, never, ["*"], false, never>;
|
|
2837
5695
|
}
|
|
2838
5696
|
|
|
5697
|
+
type PToastProps = {};
|
|
2839
5698
|
declare class PToast extends BaseComponent {
|
|
2840
5699
|
static ɵfac: i0.ɵɵFactoryDeclaration<PToast, never>;
|
|
2841
5700
|
static ɵcmp: i0.ɵɵComponentDeclaration<PToast, "p-toast,[p-toast]", never, {}, {}, never, ["*"], false, never>;
|
|
2842
5701
|
}
|
|
2843
5702
|
|
|
5703
|
+
type PWordmarkProps = {
|
|
5704
|
+
/**
|
|
5705
|
+
* Sets ARIA attributes.
|
|
5706
|
+
*/
|
|
5707
|
+
aria?: SelectedAriaAttributes<WordmarkAriaAttribute>;
|
|
5708
|
+
/**
|
|
5709
|
+
* When `href` is provided, the component renders as an `<a>` element.
|
|
5710
|
+
*/
|
|
5711
|
+
href?: string;
|
|
5712
|
+
/**
|
|
5713
|
+
* Controls the size of the wordmark.
|
|
5714
|
+
* @default 'small'
|
|
5715
|
+
*/
|
|
5716
|
+
size?: WordmarkSize;
|
|
5717
|
+
/**
|
|
5718
|
+
* Specifies where to open the linked document.
|
|
5719
|
+
* @default '_self'
|
|
5720
|
+
*/
|
|
5721
|
+
target?: WordmarkTarget;
|
|
5722
|
+
};
|
|
2844
5723
|
declare class PWordmark extends BaseComponent {
|
|
2845
5724
|
aria?: SelectedAriaAttributes<WordmarkAriaAttribute>;
|
|
2846
5725
|
href?: string;
|
|
@@ -2874,4 +5753,4 @@ declare class ToastManager {
|
|
|
2874
5753
|
}
|
|
2875
5754
|
|
|
2876
5755
|
export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFlag, PFlyout, PHeading, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputMonth, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PInputWeek, PLink, PLinkPure, PLinkTile, PLinkTileProduct, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioGroup, PRadioGroupOption, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextList, PTextListItem, PTextarea, PToast, PWordmark, PorscheDesignSystemModule, ToastManager };
|
|
2877
|
-
export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerPosition, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchAriaAttribute, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBackground, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
|
|
5756
|
+
export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerPosition, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchAriaAttribute, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PAccordionProps, PBannerProps, PButtonProps, PButtonPureProps, PButtonTileProps, PCanvasProps, PCarouselProps, PCheckboxProps, PCrestProps, PDisplayProps, PDividerProps, PDrilldownItemProps, PDrilldownLinkProps, PDrilldownProps, PFieldsetProps, PFlagProps, PFlyoutProps, PHeadingProps, PIconProps, PInlineNotificationProps, PInputDateProps, PInputEmailProps, PInputMonthProps, PInputNumberProps, PInputPasswordProps, PInputSearchProps, PInputTelProps, PInputTextProps, PInputTimeProps, PInputUrlProps, PInputWeekProps, PLinkProps, PLinkPureProps, PLinkTileProductProps, PLinkTileProps, PModalProps, PModelSignatureProps, PMultiSelectOptionProps, PMultiSelectProps, POptgroupProps, PPaginationProps, PPinCodeProps, PPopoverProps, PRadioGroupOptionProps, PRadioGroupProps, PScrollerProps, PSegmentedControlItemProps, PSegmentedControlProps, PSelectOptionProps, PSelectProps, PSheetProps, PSpinnerProps, PStepperHorizontalItemProps, PStepperHorizontalProps, PSwitchProps, PTableBodyProps, PTableCellProps, PTableHeadCellProps, PTableHeadProps, PTableHeadRowProps, PTableProps, PTableRowProps, PTabsBarProps, PTabsItemProps, PTabsProps, PTagDismissibleProps, PTagProps, PTextListItemProps, PTextListProps, PTextProps, PTextareaProps, PToastProps, PWordmarkProps, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBackground, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
|