vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Merge branch 'master' into PV4113

pull/4114/head
Melloware 2023-09-05 07:43:18 -04:00 committed by GitHub
parent 12174a1f96 e64f250c92
commit f93b31747e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1459 changed files with 45002 additions and 14606 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

247
CHANGELOG.md
View File

@ -1,6 +1,220 @@
# Changelog
[3.29.2](https://github.com/primefaces/primevue/tree/3.29.2) (2023-05-31)
## [3.33.0](https://github.com/primefaces/primevue/tree/3.33.0) (2023-09-01)
[Full Changelog](https://github.com/primefaces/primevue/compare/3.32.2...3.33.0)
**Breaking Changes:**
- Rename `merge` and `useMergeProps` options with `mergeSections` and `mergeProps` options on `usePassThrough` method [\#4342](https://github.com/primefaces/primevue/issues/4342)
**Deprecated:**
- `to` option deprecation of MenuModel for Menu components [\#4372](https://github.com/primefaces/primevue/issues/4372)
- Vue-Router deprecation in Menu components [\#4351](https://github.com/primefaces/primevue/issues/4351)
**Implemented New Features and Enhancements:**
- Menu: new `submenuheader` slot [\#4352](https://github.com/primefaces/primevue/issues/4352)
- SplitButton: MenuIcon [\#4201](https://github.com/primefaces/primevue/issues/4201)
**Fixed bugs:**
- FileUpload: drag over border implementation bug [\#4371](https://github.com/primefaces/primevue/issues/4371)
- Dialog: drag cannot work as expected [\#4367](https://github.com/primefaces/primevue/issues/4367)
- Testing components will throw a `Cannot read properties of undefined (reading 'unstyled')` error [\#4360](https://github.com/primefaces/primevue/issues/4360)
- VirtualScroller: Unstyled mode is removing needed classes for core functionality [\#4348](https://github.com/primefaces/primevue/issues/4348)
- Component Name: Splitter [\#4341](https://github.com/primefaces/primevue/issues/4341)
- DataTable: v-model:editingRows is not reactive when changed from outside [\#4337](https://github.com/primefaces/primevue/issues/4337)
- DataTable: PT Options missing for Expansion Row Cell [\#4306](https://github.com/primefaces/primevue/issues/4306)
- Calendar: Accessibility features broken when hour-format="12" [\#4287](https://github.com/primefaces/primevue/issues/4287)
- SplitButton: Not rendering icon slot without icon property [\#4200](https://github.com/primefaces/primevue/issues/4200)
- Dialog: Draggable fails if Dialog contains a TabView/TabPanel [\#4182](https://github.com/primefaces/primevue/issues/4182)
## [3.32.2](https://github.com/primefaces/primevue/tree/3.32.2) (2023-08-23)
[Full Changelog](https://github.com/primefaces/primevue/compare/3.32.1...3.32.2)
**Implemented New Features and Enhancements:**
- PassThrough: component option improvements [\#4322](https://github.com/primefaces/primevue/issues/4322)
**Fixed bugs:**
- \[AutoComplete\] wrong removetokenicon pt implementation [\#4320](https://github.com/primefaces/primevue/issues/4320)
- \[Editor\] - Tailwind theme is not working. Structure needs adjustments [\#4317](https://github.com/primefaces/primevue/issues/4317)
- Dialog: Uncaught TypeError: getComputedStyle is not a function [\#4312](https://github.com/primefaces/primevue/issues/4312)
- Toast message content overflows the toast border [\#4309](https://github.com/primefaces/primevue/issues/4309)
- Column: `colspan` only applied to `thead>tr>td` but should be applied to `tbody>tr>td` [\#4307](https://github.com/primefaces/primevue/issues/4307)
- Calendar: Icon classes not being correctly exposed [\#4305](https://github.com/primefaces/primevue/issues/4305)
- Listbox: Typing filtericon slot does not expose class [\#4304](https://github.com/primefaces/primevue/issues/4304)
- Sidebar: Icon classes not being correctly exposed [\#4303](https://github.com/primefaces/primevue/issues/4303)
- Toast: Icon classes not being correctly exposed [\#4302](https://github.com/primefaces/primevue/issues/4302)
- Dialog: Draggable Fails [\#4298](https://github.com/primefaces/primevue/issues/4298)
- Datatable Cell Edit: Numpad Enter not saving new data on InputNumber [\#4292](https://github.com/primefaces/primevue/issues/4292)
## [3.32.1](https://github.com/primefaces/primevue/tree/3.32.1) (2023-08-18)
[Full Changelog](https://github.com/primefaces/primevue/compare/3.32.0...3.32.1)
**Implemented New Features and Enhancements:**
- Improve `usePassThrough` method [\#4289](https://github.com/primefaces/primevue/issues/4289)
- SelectButton: passthrough option [\#4286](https://github.com/primefaces/primevue/issues/4286)
- Locale performance updates with large datasets [\#4285](https://github.com/primefaces/primevue/issues/4285)
- Baseicon: Content Security Policy \(CSP\) violation [\#4271](https://github.com/primefaces/primevue/issues/4271)
- FileUpload: Class .p-fileupload-highlight is missing [\#4129](https://github.com/primefaces/primevue/issues/4129)
- DataTable: Slow filter and sort performance with large datasets [\#4007](https://github.com/primefaces/primevue/issues/4007)
- Dropdown: Show Clear Keyboard Binding [\#3834](https://github.com/primefaces/primevue/issues/3834)
**Fixed bugs:**
- Sidebar: using unstyled mode and Tailwind theme, the :modal="false" doesn't work. Can't disable the modal layer. [\#4288](https://github.com/primefaces/primevue/issues/4288)
- Unstyled Mode: Tailwind - only refers to a type [\#4280](https://github.com/primefaces/primevue/issues/4280)
- Disabled prop on Password component not working [\#4279](https://github.com/primefaces/primevue/issues/4279)
- usePassThrough: Components with function as their value doesn't seem to work properly [\#4278](https://github.com/primefaces/primevue/issues/4278)
- DataTable in expand mode resizing problem [\#4277](https://github.com/primefaces/primevue/issues/4277)
- Slot function options .d.ts typing fixes [\#4274](https://github.com/primefaces/primevue/issues/4274)
- Sidebar: Tailwind transitions do not work for all positions [\#4272](https://github.com/primefaces/primevue/issues/4272)
- Datatable: Menu Filter Icon Click Causes Column to Sort [\#4268](https://github.com/primefaces/primevue/issues/4268)
- Button: iconClass is not assigned when component is unstyled [\#4265](https://github.com/primefaces/primevue/issues/4265)
- Dropdown: Invalid slot typings [\#4263](https://github.com/primefaces/primevue/issues/4263)
- Unexpected behavior of the ConfirmDialog component during dragging process [\#4251](https://github.com/primefaces/primevue/issues/4251)
- ColorPicker: baseZIndex is unused [\#4228](https://github.com/primefaces/primevue/issues/4228)
- Calendar: increment minute [\#4207](https://github.com/primefaces/primevue/issues/4207)
- Message: Icon shrinks when text in message wraps to new lines. [\#3966](https://github.com/primefaces/primevue/issues/3966)
- Dialog, Sidebar: Not working if v-model:visible is changed quickly [\#3940](https://github.com/primefaces/primevue/issues/3940)
- DataTable: Grouping with Pagination is Broken [\#3896](https://github.com/primefaces/primevue/issues/3896)
- rowGroup feature is not working with paginator in PrimeVue's DataTable [\#3858](https://github.com/primefaces/primevue/issues/3858)
- Image: want set preview to fullscreen [\#2947](https://github.com/primefaces/primevue/issues/2947)
- Buttongroup with outlined buttons [\#2238](https://github.com/primefaces/primevue/issues/2238)
## [3.32.0](https://github.com/primefaces/primevue/tree/3.32.0) (2023-08-11)
[Full Changelog](https://github.com/primefaces/primevue/compare/3.31.0...3.32.0)
**Breaking Changes:**
- Update `Tailwind` package in core [\#4255](https://github.com/primefaces/primevue/issues/4255)
**Implemented New Features and Enhancements:**
- Add `usePassThrough` method to customize default PT objects [\#4257](https://github.com/primefaces/primevue/issues/4257)
- AutoComplete: loading state [\#4253](https://github.com/primefaces/primevue/issues/4253)
- Add `Content Security Policy (CSP)` config [\#4241](https://github.com/primefaces/primevue/issues/4241)
- Core unstyled mode updates [\#4235](https://github.com/primefaces/primevue/issues/4235)
- Datatable: Cell Edit Numpad Enter not working [\#4232](https://github.com/primefaces/primevue/issues/4232)
- Add `transition` option to Pass Through\(PT\) of components [\#4231](https://github.com/primefaces/primevue/issues/4231)
- Add custom `global.css` option to Pass Through\(PT\) [\#4230](https://github.com/primefaces/primevue/issues/4230)
- Avatar: Return target in error event callback [\#4222](https://github.com/primefaces/primevue/issues/4222)
- Password: add "@change" event [\#4219](https://github.com/primefaces/primevue/issues/4219)
- PT context improvemens [\#4211](https://github.com/primefaces/primevue/issues/4211)
**Fixed bugs:**
- Dropdown: Click on icon line is ignored [\#4259](https://github.com/primefaces/primevue/issues/4259)
- Vue Tooltip: Flickering Issue [\#4256](https://github.com/primefaces/primevue/issues/4256)
- Image: preview button is missing `type="button"` and submits forms by default [\#4249](https://github.com/primefaces/primevue/issues/4249)
- SpeedDial: tooltip not working on speed dial [\#4238](https://github.com/primefaces/primevue/issues/4238)
- Dialog: unstyled mode pointer-event defects [\#4237](https://github.com/primefaces/primevue/issues/4237)
- Toast: Toast Icon is too small [\#4234](https://github.com/primefaces/primevue/issues/4234)
- Datatable: Filtering with grouping not working [\#4229](https://github.com/primefaces/primevue/issues/4229)
- Dropdown: Incorrect prop declaration [\#4225](https://github.com/primefaces/primevue/issues/4225)
- RadioButton: pt prop has incorrect type [\#4202](https://github.com/primefaces/primevue/issues/4202)
- TreeSelect: p-treeselect-items-wrapper is missing [\#4145](https://github.com/primefaces/primevue/issues/4145)
- SplitButton: menu icon not visible in large size [\#4028](https://github.com/primefaces/primevue/issues/4028)
- DataTable and TreeTable: Column sorting not working correctly when using custom header template [\#3702](https://github.com/primefaces/primevue/issues/3702)
## [3.31.0](https://github.com/primefaces/primevue/tree/3.31.0) (2023-07-25)
[Full Changelog](https://github.com/primefaces/primevue/compare/3.30.2...3.31.0)
**Implemented New Features and Enhancements:**
- Tailwind Theme for Unstyled Mode [\#4205](https://github.com/primefaces/primevue/issues/4205)
- PT context improvements [\#4196](https://github.com/primefaces/primevue/issues/4196)
- Add item parameter to menuitem options for pt property [\#4190](https://github.com/primefaces/primevue/issues/4190)
**Fixed bugs:**
- Bootstrap: Breadcrumb icon fix [\#4195](https://github.com/primefaces/primevue/issues/4195)
- CascadeSelect unstyled mode defect [\#4192](https://github.com/primefaces/primevue/issues/4192)
- InputSwitch: pt prop has incorrect type [\#4187](https://github.com/primefaces/primevue/issues/4187)
- TabView: ID used in aria-controls does not exist on panel content div [\#4181](https://github.com/primefaces/primevue/issues/4181)
- Dropdown: default optionLabel and default optionValue are null \(but doc say, default to label and value\) [\#4174](https://github.com/primefaces/primevue/issues/4174)
- Image: Preview not closing on escape click [\#4089](https://github.com/primefaces/primevue/issues/4089)
## [3.30.2](https://github.com/primefaces/primevue/tree/3.30.2) (2023-07-20)
[Full Changelog](https://github.com/primefaces/primevue/compare/3.30.1...3.30.2)
**Implemented New Features and Enhancements:**
- Rename `button` and `buttonIcon` pt options with `closeButton` and `closeIcon` options in Message and Toast [\#4159](https://github.com/primefaces/primevue/issues/4159)
- DataTable & TreeTable: new `size` property [\#4156](https://github.com/primefaces/primevue/issues/4156)
- Improve `pt` syntax for 'class' definitions [\#4150](https://github.com/primefaces/primevue/issues/4150)
- PT context improvements [\#4149](https://github.com/primefaces/primevue/issues/4149)
**Fixed bugs:**
- TabMenu: disabled item defect & accessibility improvements [\#4169](https://github.com/primefaces/primevue/issues/4169)
- OverlayPanel: Toggle on list of focusable elements forces screen jump [\#4167](https://github.com/primefaces/primevue/issues/4167)
- Global pt implementation defects [\#4163](https://github.com/primefaces/primevue/issues/4163)
- Multiselect: Custom checkbox render issue [\#4152](https://github.com/primefaces/primevue/issues/4152)
## [3.30.1](https://github.com/primefaces/primevue/tree/3.30.1) (2023-07-14)
[Full Changelog](https://github.com/primefaces/primevue/compare/3.30.0...3.30.1)
**Implemented New Features and Enhancements:**
- Button: remove margin from default style [\#4139](https://github.com/primefaces/primevue/issues/4139)
- Improve `pt` options on components that use helper component [\#4136](https://github.com/primefaces/primevue/issues/4136)
- Pass Through Props: Syntactic improvement suggestion [\#4125](https://github.com/primefaces/primevue/issues/4125)
- PT context improvements [\#4124](https://github.com/primefaces/primevue/issues/4124)
**Fixed bugs:**
- TreeTable: Sorting does not work when clicking at the header title [\#4138](https://github.com/primefaces/primevue/issues/4138)
- Selection\(multiple and single\) not working in TreeTable [\#4133](https://github.com/primefaces/primevue/issues/4133)
- The types in PrimeVue config are not accessible [\#4122](https://github.com/primefaces/primevue/issues/4122)
- Browser CDN mode is not working as expected [\#4121](https://github.com/primefaces/primevue/issues/4121)
- TypeScript: changeTheme is not declared [\#4118](https://github.com/primefaces/primevue/issues/4118)
- Panel: Wrong prop type in `header` slot [\#4086](https://github.com/primefaces/primevue/issues/4086)
## [3.30.0](https://github.com/primefaces/primevue/tree/3.30.0) (2023-07-10)
[Full Changelog](https://github.com/primefaces/primevue/compare/3.29.2...3.30.0)
**Implemented New Features and Enhancements:**
- InputText: `size` property [\#4106](https://github.com/primefaces/primevue/issues/4106)
- Add `hooks` keyword to `pt` options to access all lifecycle methods on components and directives [\#4103](https://github.com/primefaces/primevue/issues/4103)
- Pass all emits to templates on DynamicDialog [\#4102](https://github.com/primefaces/primevue/issues/4102)
- Improve `pt` options on components that use helper component [\#3983](https://github.com/primefaces/primevue/issues/3983)
- Add `unstyled` mode for all components [\#3965](https://github.com/primefaces/primevue/issues/3965)
**Fixed bugs:**
- Button: Button width is to small when have a icon and a badge only [\#4083](https://github.com/primefaces/primevue/issues/4083)
- SplitButton: aria-expanded not set correctly [\#4065](https://github.com/primefaces/primevue/issues/4065)
- Toast: Crashing when no severity value is provided [\#4063](https://github.com/primefaces/primevue/issues/4063)
- Positioning defect PrimeVue Button with icon slot [\#4042](https://github.com/primefaces/primevue/issues/4042)
- Tooltip: showDelay still triggers Tooltip when original element is removed [\#4029](https://github.com/primefaces/primevue/issues/4029)
- tooltip: hideDelay is not defined [\#4025](https://github.com/primefaces/primevue/issues/4025)
- `pt` implementation defects [\#4024](https://github.com/primefaces/primevue/issues/4024)
- FocusTrap.js writes to read-only property `classList` which causes test failures under happy-dom [\#4015](https://github.com/primefaces/primevue/issues/4015)
- The `getScrollableParents` method throws a exception in shadow dom [\#4014](https://github.com/primefaces/primevue/issues/4014)
- TreeTable: event propagation issue [\#4010](https://github.com/primefaces/primevue/issues/4010)
- Dynamic clipPath support for icons [\#3959](https://github.com/primefaces/primevue/issues/3959)
- Accordion: pt options for root applied twice [\#3955](https://github.com/primefaces/primevue/issues/3955)
- InputNumber: Incorrect formatting when in decimal mode with a suffix \(maybe all the time\) [\#3382](https://github.com/primefaces/primevue/issues/3382)
**Deprecated:**
- The `primevue[.min].css` has been deprecated [\#4110](https://github.com/primefaces/primevue/issues/4110)
## [3.29.2](https://github.com/primefaces/primevue/tree/3.29.2) (2023-05-31)
[Full Changelog](https://github.com/primefaces/primevue/compare/3.29.1...3.29.2)
@ -8,7 +222,7 @@
- Datatable: Custom checkbox render issue [\#4003](https://github.com/primefaces/primevue/issues/4003)
[3.29.1](https://github.com/primefaces/primevue/tree/3.29.1) (2023-05-15)
## [3.29.1](https://github.com/primefaces/primevue/tree/3.29.1) (2023-05-15)
[Full Changelog](https://github.com/primefaces/primevue/compare/3.29.0...3.29.1)
@ -102,7 +316,7 @@
- Api: Typing mismatch [\#3806](https://github.com/primefaces/primevue/issues/3806)
- DataTable: Row edits when enabled doesn't work with pagination [\#3801](https://github.com/primefaces/primevue/issues/3801)
- Calendar: Page scrolls to top when clicked on calendar icon [\#3791](https://github.com/primefaces/primevue/issues/3791)
- Splitter: a couple of errors related to aria-* attributes [\#3783](https://github.com/primefaces/primevue/issues/3783)
- Splitter: a couple of errors related to aria-\* attributes [\#3783](https://github.com/primefaces/primevue/issues/3783)
- DataTable: Group Rows do not span all Columns with Selection Mode set and group-by not in the Column list [\#3781](https://github.com/primefaces/primevue/issues/3781)
- DataTable: the table disappears when using scrollHeight="flex" and virtual scrolling [\#3772](https://github.com/primefaces/primevue/issues/3772)
@ -468,7 +682,6 @@
- MultiSelect: Scroll to focused item on select [\#2957](https://github.com/primefaces/primevue/issues/2957)
- Toast: Close button resizes on longer text [\#2949](https://github.com/primefaces/primevue/issues/2949)
## [3.17.0](https://github.com/primefaces/primevue/tree/3.17.0) (2022-09-08)
[Full Changelog](https://github.com/primefaces/primevue/compare/3.16.2...3.17.0)
@ -550,6 +763,7 @@
[Full Changelog](https://github.com/primefaces/primevue/compare/3.15.0...3.16.0)
**Breaking Changes:**
- Accessibility for Form Components [\#2838](https://github.com/primefaces/primevue/issues/2838)
- Improve CascadeSelect implementation for Accessibility [\#2831](https://github.com/primefaces/primevue/issues/2831)
- Improve AutoComplete implementation for Accessibility [\#2822](https://github.com/primefaces/primevue/issues/2822)
@ -881,6 +1095,7 @@
[Full Changelog](https://github.com/primefaces/primevue/compare/3.9.0...3.9.1)
**Breaking Changes:**
- Rename slots for toolbar [\#1761](https://github.com/primefaces/primevue/issues/1761)
## [3.9.0](https://github.com/primefaces/primevue/tree/3.9.0) (2021-11-18)
@ -1689,6 +1904,23 @@
- Button not registered in FileUpload [\#478](https://github.com/primefaces/primevue/issues/478)
- BlockUI documentation indicates "show" event whereas the actual event is "unblock" [\#485](https://github.com/primefaces/primevue/issues/485)
## [2.10.2](https://github.com/primefaces/primevue/tree/2.10.2) (2023-08-16)
[Full Changelog](https://github.com/primefaces/primevue/compare/2.10.1...2.10.2)
**Implemented New Features and Enhancements:**
- Password: id props is passed to container [\#4143](https://github.com/primefaces/primevue/issues/4143)
- OverlayPanel: Backport events to v2.x [\#3733](https://github.com/primefaces/primevue/issues/3733)
**Fixed bugs:**
- Calendar: updateFocus called on unmounted instance [\#3962](https://github.com/primefaces/primevue/issues/3962)
- DataTable: row group header colspan doesn't span full row when table has selection column [\#3685](https://github.com/primefaces/primevue/issues/3685)
- \[2.\] Tooltip: "escape" option is always false when tooltip is updated [\#3529](https://github.com/primefaces/primevue/issues/3529)
- CascadeSelect: "TypeError: Cannot set properties of undefined \(setting 'minWidth'\)" when using appendTo=body [\#3479](https://github.com/primefaces/primevue/issues/3479)
- TabMenu: First tab is always highlighted even when selected other tabs [\#3368](https://github.com/primefaces/primevue/issues/3368)
## [2.10.1](https://github.com/primefaces/primevue/tree/2.10.1) (2022-11-18)
[Full Changelog](https://github.com/primefaces/primevue/compare/2.10.0...2.10.1)
@ -2070,6 +2302,7 @@
- Chip Component [\#778](https://github.com/primefaces/primevue/issues/778)
**Fixed bugs:**
- Vertical Slider [\#780](https://github.com/primefaces/primevue/issues/780)
## [2.2.3](https://github.com/primefaces/primevue/tree/2.2.3) (2020-12-14)
@ -2409,6 +2642,7 @@
- Decouple MegaMenu from PrimeFlex [\#295](https://github.com/primefaces/primevue/issues/295)
**Breaking Changes:**
- Remove Spinner [\#287](https://github.com/primefaces/primevue/issues/287)
- Rename ValidationMessage to InlineMessage [\#301](https://github.com/primefaces/primevue/issues/301)
- Refactor Messages css naming [\#302](https://github.com/primefaces/primevue/issues/302)
@ -2474,7 +2708,6 @@
- Textarea with autoResize true not displayed correctly when initially hidden [\#274](https://github.com/primefaces/primevue/issues/274)
- Calendar is not empty when the v-model is null [\#270](https://github.com/primefaces/primevue/issues/270)
## [1.2.0](https://github.com/primefaces/primevue/tree/1.2.0) (2020-04-17)
[Full Changelog](https://github.com/primefaces/primevue/compare/1.0.6...1.1.0)
@ -2884,6 +3117,4 @@
[Full Changelog](https://github.com/primefaces/primevue/compare/9d2c525d528c9bd6f306c6f550e3f0eef7879054...1.0.0-beta.1)
\* *This Changelog was automatically generated by [github_changelog_generator](https://github.com/github-changelog-generator/github-changelog-generator)*
\* _This Changelog was automatically generated by [github_changelog_generator](https://github.com/github-changelog-generator/github-changelog-generator)_

22
README.md
View File

@ -33,17 +33,16 @@ const app = createApp(App);
app.use(PrimeVue);
```
## Styles
## Theming
PrimeVue has two theming has modes; styled or unstyled.
Theme, core and icons are the necessary css files of the components, visit the [Themes](https://primevue.org/theming) section for the complete list of available themes to choose from.
**Styled Mode**
Styled mode is based on pre-skinned components with opinionated themes like Material, Bootstrap or PrimeOne themes. Theme is the required css file to be imported, visit the [Themes](https://primevue.org/theming) section for the complete list of available themes to choose from.
```javascript
// theme
import 'primevue/resources/themes/lara-light-blue/theme.css';
// core
import 'primevue/resources/primevue.min.css';
```
Each PrimeVue theme has its own font family so it is suggested to apply it to your application for a unified look.
@ -54,7 +53,17 @@ body {
}
```
**Unstyled Mode**
Unstyled mode is disabled by default for all components. Using the PrimeVue plugin during installation, set `unstyled` as true to enable it globally. Visit the [Unstyled mode](https://primevue.org/unstyled) documentation for more information and examples.
```javascript
import { createApp } from "vue";
import PrimeVue from "primevue/config";
const app = createApp(App);
app.use(PrimeVue, { unstyled: true });
```
## Usage
@ -92,8 +101,7 @@ Open the nuxt configuration file and add the css dependencies.
```javascript
export default defineNuxtConfig({
css: [
"primevue/resources/themes/lara-light-blue/theme.css",
"primevue/resources/primevue.css"
"primevue/resources/themes/lara-light-blue/theme.css"
],
build: {
transpile: ["primevue"]

17
api-generator/build-apidoc.js
View File

@ -378,16 +378,27 @@ if (project) {
const childSinature = child.signatures[0];
const parameters = childSinature.parameters.reduce((acc, { name, type }, index) => (index === 0 ? `${name}: ${type.name}` : `${acc}, ${name}: ${type.name}`), '');
type += ` \t <b>${childSinature.name}(${parameters})</b>: ${childSinature.type?.name}, // ${childSinature.comment?.summary[0]?.text}\n `;
type += ` \t <span class="font-medium">${childSinature.name}(${parameters})</span>: ${childSinature.type?.name}, // ${childSinature.comment?.summary[0]?.text}\n `;
} else {
if (child.type?.declaration?.signatures) {
let functionParameters = '';
child.type?.declaration?.signatures[0]?.parameters.map((param, index) => {
if (index !== 0) functionParameters += `, `;
functionParameters += `${param.name}: ${param.type?.name}`;
});
type += `\t <span class="font-medium">${child.name}</span>: (${functionParameters}) &rArr; ${child.type?.declaration?.signatures[0]?.type?.name}, // ${child.type?.declaration?.signatures[0]?.comment.summary[0]?.text}\n`;
} else {
const childType = child.type.elementType ? child.type.elementType.name : child.type.name;
type += ` \t <b>${child.name}</b>: ${childType}, // ${child.comment?.summary[0]?.text}\n `;
type += ` \t <span class="font-medium">${child.name}</span>: ${childType}, // ${child.comment?.summary[0]?.text}\n `;
}
}
});
}
type = `{\n ${type} }`;
type = `{\n ${type}}`;
}
return {

2
api-generator/components/accordion.js
View File

@ -45,7 +45,7 @@ const AccordionProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

8
api-generator/components/accordiontab.js
View File

@ -21,13 +21,13 @@ const AccordionTabProps = [
name: 'headerProps',
type: 'any',
default: 'null',
description: 'Uses to pass all properties of the HTMLDivElement to the tab header.'
description: 'Used to pass all properties of the HTMLDivElement to the tab header.'
},
{
name: 'headerActionProps',
type: 'any',
default: 'null',
description: 'Uses to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.'
description: 'Used to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.'
},
{
name: 'contentStyle',
@ -45,7 +45,7 @@ const AccordionTabProps = [
name: 'contentProps',
type: 'any',
default: 'null',
description: 'Uses to pass all properties of the HTMLDivElement to the tab content.'
description: 'Used to pass all properties of the HTMLDivElement to the tab content.'
},
{
name: 'disabled',
@ -57,7 +57,7 @@ const AccordionTabProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
}
];

12
api-generator/components/autocomplete.js
View File

@ -77,6 +77,12 @@ const AutoCompleteProps = [
default: 'null',
description: 'Default text to display when no option is selected.'
},
{
name: 'loading',
type: 'boolean',
default: 'false',
description: 'Whether the multiselect is in loading state.'
},
{
name: 'disabled',
type: 'boolean',
@ -141,7 +147,7 @@ const AutoCompleteProps = [
name: 'inputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component.'
description: 'Used to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component.'
},
{
name: 'panelStyle',
@ -159,7 +165,7 @@ const AutoCompleteProps = [
name: 'panelProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
description: 'Used to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
},
{
name: 'dropdownIcon',
@ -255,7 +261,7 @@ const AutoCompleteProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

11
api-generator/components/avatar.js
View File

@ -33,7 +33,7 @@ const AvatarProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',
@ -53,7 +53,14 @@ const AvatarSlots = [
const AvatarEvents = [
{
name: 'error',
description: 'Triggered when an error occurs while loading an image file.'
description: 'Triggered when an error occurs while loading an image file.',
arguments: [
{
name: 'event',
type: 'object',
description: 'Browser event'
}
]
}
];

2
api-generator/components/avatargroup.js
View File

@ -33,7 +33,7 @@ const AvatarGroupProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/badge.js
View File

@ -21,7 +21,7 @@ const BadgeProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/blockui.js
View File

@ -27,7 +27,7 @@ const BlockUIProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/breadcrumb.js
View File

@ -21,7 +21,7 @@ const BreadcrumbProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/button.js
View File

@ -99,7 +99,7 @@ const ButtonProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

8
api-generator/components/calendar.js
View File

@ -243,7 +243,7 @@ const CalendarProps = [
name: 'manualInput',
type: 'boolean',
default: 'true',
description: 'Wheter to allow prevents entering the date manually via typing.'
description: 'Whether to allow entering the date manually via typing.'
},
{
name: 'appendTo',
@ -297,7 +297,7 @@ const CalendarProps = [
name: 'inputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
},
{
name: 'panelClass',
@ -315,13 +315,13 @@ const CalendarProps = [
name: 'panelProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
description: 'Used to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
},
{
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/card.js
View File

@ -3,7 +3,7 @@ const CardProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/carousel.js
View File

@ -87,7 +87,7 @@ const CarouselProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

6
api-generator/components/cascadeselect.js
View File

@ -75,7 +75,7 @@ const CascadeSelectProps = [
name: 'inputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component.'
description: 'Used to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component.'
},
{
name: 'panelStyle',
@ -93,7 +93,7 @@ const CascadeSelectProps = [
name: 'panelProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
description: 'Used to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
},
{
name: 'appendTo',
@ -189,7 +189,7 @@ const CascadeSelectProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/chart.js
View File

@ -39,7 +39,7 @@ const ChartProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

4
api-generator/components/checkbox.js
View File

@ -75,7 +75,7 @@ const CheckboxProps = [
name: 'inputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
},
{
name: 'aria-labelledby',
@ -93,7 +93,7 @@ const CheckboxProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/chip.js
View File

@ -33,7 +33,7 @@ const ChipProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

4
api-generator/components/chips.js
View File

@ -63,13 +63,13 @@ const ChipsProps = [
name: 'inputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
},
{
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/colorpicker.js
View File

@ -75,7 +75,7 @@ const ColorPickerProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/column.js
View File

@ -255,7 +255,7 @@ const ColumnProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
}
];

2
api-generator/components/columngroup.js
View File

@ -9,7 +9,7 @@ const ColumnGroupProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
}
];

2
api-generator/components/confirmdialog.js
View File

@ -21,7 +21,7 @@ const ConfirmDialogProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/confirmpopup.js
View File

@ -9,7 +9,7 @@ const ConfirmPopupProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/contextmenu.js
View File

@ -39,7 +39,7 @@ const ContextMenuProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

8
api-generator/components/datatable.js
View File

@ -366,6 +366,12 @@ const DataTableProps = [
default: 'false',
description: 'Whether to displays rows with alternating colors.'
},
{
name: 'size',
type: 'string',
default: 'null',
description: 'Defines the size of the table.'
},
{
name: 'tableStyle',
type: 'object',
@ -382,7 +388,7 @@ const DataTableProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/dataview.js
View File

@ -99,7 +99,7 @@ const DataViewProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/dataviewlayoutoptions.js
View File

@ -9,7 +9,7 @@ const DataViewLayoutOptionsProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
}
];

2
api-generator/components/deferredcontent.js
View File

@ -3,7 +3,7 @@ const DeferredContentProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/dialog.js
View File

@ -135,7 +135,7 @@ const DialogProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/divider.js
View File

@ -21,7 +21,7 @@ const DividerProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/dock.js
View File

@ -39,7 +39,7 @@ const DockProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

10
api-generator/components/dropdown.js
View File

@ -129,7 +129,7 @@ const DropdownProps = [
name: 'inputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component.'
description: 'Used to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component.'
},
{
name: 'panelStyle',
@ -147,19 +147,19 @@ const DropdownProps = [
name: 'panelProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
description: 'Used to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
},
{
name: 'filterInputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement to the filter input inside the component.'
description: 'Used to pass all properties of the HTMLInputElement to the filter input inside the component.'
},
{
name: 'clearIconProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLElement to the clear icon inside the component.'
description: 'Used to pass all properties of the HTMLElement to the clear icon inside the component.'
},
{
name: 'appendTo',
@ -261,7 +261,7 @@ const DropdownProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/editor.js
View File

@ -39,7 +39,7 @@ const EditorProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

4
api-generator/components/fieldset.js
View File

@ -21,13 +21,13 @@ const FieldsetProps = [
name: 'toggleButtonProps',
type: 'string',
default: 'null',
description: 'Uses to pass the custom value to read for the AnchorHTMLAttributes inside the component.'
description: 'Used to pass the custom value to read for the AnchorHTMLAttributes inside the component.'
},
{
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/fileupload.js
View File

@ -147,7 +147,7 @@ const FileUploadProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/galleria.js
View File

@ -147,7 +147,7 @@ const GalleriaProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/image.js
View File

@ -27,7 +27,7 @@ const ImageProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/inlinemessage.js
View File

@ -15,7 +15,7 @@ const InlineMessageProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/inplace.js
View File

@ -21,7 +21,7 @@ const InplaceProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/inputmask.js
View File

@ -33,7 +33,7 @@ const InputMaskProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

8
api-generator/components/inputnumber.js
View File

@ -169,25 +169,25 @@ const InputNumberProps = [
name: 'inputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
},
{
name: 'incrementButtonProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLButtonElement to increment button inside the component.'
description: 'Used to pass all properties of the HTMLButtonElement to increment button inside the component.'
},
{
name: 'decrementButtonProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLButtonElement to decrement button inside the component.'
description: 'Used to pass all properties of the HTMLButtonElement to decrement button inside the component.'
},
{
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

4
api-generator/components/inputswitch.js
View File

@ -39,13 +39,13 @@ const InputSwitchProps = [
name: 'inputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
},
{
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/inputtext.js
View File

@ -15,7 +15,7 @@ const InputTextProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/knob.js
View File

@ -99,7 +99,7 @@ const KnobProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

4
api-generator/components/listbox.js
View File

@ -106,7 +106,7 @@ const ListboxProps = [
name: 'filterInputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement to the filter input inside the component.'
description: 'Used to pass all properties of the HTMLInputElement to the filter input inside the component.'
},
{
name: 'virtualScrollerOptions',
@ -178,7 +178,7 @@ const ListboxProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/megamenu.js
View File

@ -21,7 +21,7 @@ const MegaMenuProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

8
api-generator/components/menu.js
View File

@ -39,7 +39,7 @@ const MenuProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',
@ -71,11 +71,15 @@ const MenuSlots = [
},
{
name: 'item',
description: 'Template of a menuitem.'
description: 'Custom item template.'
},
{
name: 'itemicon',
description: 'Custom item icon template.'
},
{
name: 'submenuheader',
description: 'Custom submenuheader template.'
}
];

2
api-generator/components/menubar.js
View File

@ -15,7 +15,7 @@ const MenubarProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/message.js
View File

@ -39,7 +39,7 @@ const MessageProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

10
api-generator/components/multiselect.js
View File

@ -69,7 +69,7 @@ const MultiSelectProps = [
name: 'inputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
},
{
name: 'panelStyle',
@ -87,19 +87,19 @@ const MultiSelectProps = [
name: 'panelProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLDivElement to the overlay panel.'
description: 'Used to pass all properties of the HTMLDivElement to the overlay panel.'
},
{
name: 'filterInputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement to the filter input inside the overlay panel.'
description: 'Used to pass all properties of the HTMLInputElement to the filter input inside the overlay panel.'
},
{
name: 'closeButtonProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLButtonElement to the close button inside the overlay panel.'
description: 'Used to pass all properties of the HTMLButtonElement to the close button inside the overlay panel.'
},
{
name: 'dataKey',
@ -297,7 +297,7 @@ const MultiSelectProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/orderlist.js
View File

@ -52,7 +52,7 @@ const OrderListProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/organizationchart.js
View File

@ -33,7 +33,7 @@ const OrganizationChartProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/overlaypanel.js
View File

@ -51,7 +51,7 @@ const OverlayPanelProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/paginator.js
View File

@ -51,7 +51,7 @@ const PaginatorProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

4
api-generator/components/panel.js
View File

@ -21,13 +21,13 @@ const PanelProps = [
name: 'toggleButtonProps',
type: 'string',
default: 'null',
description: 'Uses to pass the custom value to read for the anchor inside the component.'
description: 'Used to pass the custom value to read for the anchor inside the component.'
},
{
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/panelmenu.js
View File

@ -21,7 +21,7 @@ const PanelMenuProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

23
api-generator/components/password.js
View File

@ -111,7 +111,7 @@ const PasswordProps = [
name: 'inputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
},
{
name: 'panelId',
@ -135,13 +135,13 @@ const PasswordProps = [
name: 'panelProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
description: 'Used to pass all properties of the HTMLDivElement to the overlay panel inside the component.'
},
{
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',
@ -174,11 +174,26 @@ const PasswordSlots = [
}
];
const PasswordEmits = [
{
name: 'change',
description: 'Callback to invoke on value change.',
arguments: [
{
name: 'event',
type: 'object',
description: 'Browser event'
}
]
}
];
module.exports = {
password: {
name: 'Password',
description: 'Password displays strength indicator for password fields.',
props: PasswordProps,
slots: PasswordSlots
slots: PasswordSlots,
events: PasswordEmits
}
};

2
api-generator/components/picklist.js
View File

@ -64,7 +64,7 @@ const PickListProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/progressbar.js
View File

@ -21,7 +21,7 @@ const ProgressbarProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/progressspinner.js
View File

@ -21,7 +21,7 @@ const ProgressSpinnerProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

4
api-generator/components/radiobutton.js
View File

@ -45,7 +45,7 @@ const RadioButtonProps = [
name: 'inputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
},
{
name: 'aria-labelledby',
@ -63,7 +63,7 @@ const RadioButtonProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/rating.js
View File

@ -51,7 +51,7 @@ const RatingProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/row.js
View File

@ -9,7 +9,7 @@ const RowProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
}
];

2
api-generator/components/scrollpanel.js
View File

@ -9,7 +9,7 @@ const ScrollPanelProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/scrolltop.js
View File

@ -27,7 +27,7 @@ const ScrollTopProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/selectbutton.js
View File

@ -63,7 +63,7 @@ const SelectButtonProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/sidebar.js
View File

@ -63,7 +63,7 @@ const SidebarProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/skeleton.js
View File

@ -39,7 +39,7 @@ const SkeletonProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/slider.js
View File

@ -63,7 +63,7 @@ const SliderProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/speeddial.js
View File

@ -111,7 +111,7 @@ const SpeedDialProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

6
api-generator/components/splitbutton.js
View File

@ -105,7 +105,7 @@ const SplitButtonProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',
@ -137,6 +137,10 @@ const SplitButtonSlots = [
{
name: 'menubuttonicon',
description: 'Custom menu button icon template.'
},
{
name: 'menuitemicon',
description: 'Custom menu item icon template.'
}
];

2
api-generator/components/splitter.js
View File

@ -33,7 +33,7 @@ const SplitterProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/splitterpanel.js
View File

@ -15,7 +15,7 @@ const SplitterPanelProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
}
];

2
api-generator/components/steps.js
View File

@ -27,7 +27,7 @@ const StepsProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/tabmenu.js
View File

@ -21,7 +21,7 @@ const TabMenuProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

8
api-generator/components/tabpanel.js
View File

@ -21,13 +21,13 @@ const TabPanelProps = [
name: 'headerProps',
type: 'any',
default: 'null',
description: 'Uses to pass all properties of the HTMLLiElement to the tab header.'
description: 'Used to pass all properties of the HTMLLiElement to the tab header.'
},
{
name: 'headerActionProps',
type: 'any',
default: 'null',
description: 'Uses to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.'
description: 'Used to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.'
},
{
name: 'contentStyle',
@ -45,7 +45,7 @@ const TabPanelProps = [
name: 'contentProps',
type: 'any',
default: 'null',
description: 'Uses to pass all properties of the HTMLDivElement to the tab content.'
description: 'Used to pass all properties of the HTMLDivElement to the tab content.'
},
{
name: 'disabled',
@ -57,7 +57,7 @@ const TabPanelProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
}
];

6
api-generator/components/tabview.js
View File

@ -33,13 +33,13 @@ const TabViewProps = [
name: 'previousButtonProps',
type: 'any',
default: 'null',
description: 'Uses to pass all properties of the HTMLButtonElement to the previous button.'
description: 'Used to pass all properties of the HTMLButtonElement to the previous button.'
},
{
name: 'nextButtonProps',
type: 'any',
default: 'null',
description: 'Uses to pass all properties of the HTMLButtonElement to the next button.'
description: 'Used to pass all properties of the HTMLButtonElement to the next button.'
},
{
name: 'prevIcon',
@ -57,7 +57,7 @@ const TabViewProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/tag.js
View File

@ -27,7 +27,7 @@ const TagProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/terminal.js
View File

@ -15,7 +15,7 @@ const TerminalProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/textarea.js
View File

@ -15,7 +15,7 @@ const TextareaProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/tieredmenu.js
View File

@ -39,7 +39,7 @@ const TieredMenuProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/timeline.js
View File

@ -27,7 +27,7 @@ const TimelineProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/toast.js
View File

@ -33,7 +33,7 @@ const ToastProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

4
api-generator/components/togglebutton.js
View File

@ -69,13 +69,13 @@ const ToggleButtonProps = [
name: 'inputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
},
{
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/toolbar.js
View File

@ -9,7 +9,7 @@ const ToolbarProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/tree.js
View File

@ -82,7 +82,7 @@ const TreeProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/treeselect.js
View File

@ -106,7 +106,7 @@ const TreeSelectProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

8
api-generator/components/treetable.js
View File

@ -222,11 +222,17 @@ const TreeTableProps = [
default: 'null',
description: 'Defines the responsive mode, currently only option is scroll.'
},
{
name: 'size',
type: 'string',
default: 'null',
description: 'Defines the size of the table.'
},
{
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

4
api-generator/components/tristatecheckbox.js
View File

@ -27,7 +27,7 @@ const TriStateCheckboxProps = [
name: 'inputProps',
type: 'object',
default: 'null',
description: 'Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.'
},
{
name: 'aria-labelledby',
@ -45,7 +45,7 @@ const TriStateCheckboxProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
},
{
name: 'unstyled',

2
api-generator/components/virtualscroller.js
View File

@ -106,7 +106,7 @@ const VirtualScrollerProps = [
name: 'pt',
type: 'any',
default: 'null',
description: 'Uses to pass attributes to DOM elements inside the component.'
description: 'Used to pass attributes to DOM elements inside the component.'
}
];

6
assets/data/news.json
View File

@ -1,8 +1,8 @@
{
"id": 39,
"content": "Unstyled Mode with Tailwind Preview",
"id": 42,
"content": "Introducing Tailwind CSS Support",
"linkText": "Learn More",
"linkHref": "https://youtu.be/JpYIX3V96gs",
"linkHref": "https://primevue.org/tailwind",
"backgroundStyle": "background-color:#4f8ff7",
"textStyle": "color:#ffffff;font-weight:500",
"linkStyle": "color:#ffffff;font-weight:700;text-decoration: underline;"

40
assets/menu/menu.json
View File

@ -11,10 +11,6 @@
{
"name": "Configuration",
"to": "/configuration"
},
{
"name": "Accessibility",
"to": "/accessibility"
}
]
},
@ -430,6 +426,9 @@
{
"name": "Theming",
"icon": "pi pi-palette",
"children": [
{
"name": "Styled Mode",
"children": [
{
"name": "Overview",
@ -449,6 +448,34 @@
}
]
},
{
"name": "Unstyled Mode",
"children": [
{
"name": "Overview",
"to": "/unstyled"
},
{
"name": "Tailwind",
"to": "/tailwind"
},
{
"name": "Bootstrap",
"to": "/bootstrap"
},
{
"name": "Bulma",
"to": "/bulma"
}
]
}
]
},
{
"name": "Pass Through",
"icon": "pi pi-directions",
"to": "/passthrough"
},
{
"name": "Figma UI Kit",
"icon": "pi pi-pencil",
@ -483,6 +510,11 @@
"icon": "pi pi-table",
"href": "https://primeflex.org"
},
{
"name": "Accessibility",
"icon": "pi pi-users",
"to": "/accessibility"
},
{
"name": "Support",
"icon": "pi pi-question",

5
assets/styles/layout/_code.scss
View File

@ -26,7 +26,7 @@ pre[class*="language-"] {
position: relative;
margin: .5em 0;
overflow: visible;
padding: 1px;
padding: 0;
}
pre[class*="language-"] > code {
@ -402,7 +402,8 @@ pre[class*="language-"] {
margin: 0;
color: var(--surface-900);
font-size: 14px;
border-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
}

23
assets/styles/layout/_core.scss
View File

@ -74,3 +74,26 @@ input[type="number"] {
.p-toast.p-toast-top-left {
top: 7rem;
}
.px-link {
font-size: 1rem;
font-family: var(--font-family);
border-radius: var(--border-radius);
text-align: left;
background-color: transparent;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
user-select: none;
}
.px-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: var(--focus-ring);
}
.px-link:disabled {
cursor: default;
}

53
assets/styles/layout/_doc.scss
View File

@ -1,10 +1,11 @@
.doc-tabmenu {
list-style: none;
margin: 0 17rem 0 0;
padding: 0;
padding: 0 0 1px 0;
display: flex;
margin-bottom: 2rem;
border-bottom: 1px solid var(--surface-border);
overflow: auto;
li {
margin-bottom: -1px;
@ -13,7 +14,7 @@
background-color: transparent;
border: 0 none;
display: block;
padding: 1rem 0;
padding: 1rem 2rem;
min-width: 12rem;
text-align: center;
color: var(--text-color-secondary);
@ -25,6 +26,7 @@
border-bottom: 1px solid transparent;
border-top-right-radius: var(--border-round);
border-top-left-radius: var(--border-round);
white-space: nowrap;
&:hover {
border-bottom-color: var(--text-color);
@ -42,6 +44,10 @@
}
}
}
&::-webkit-scrollbar {
display: none;
}
}
.doc-tabpanel,
@ -160,7 +166,7 @@
> .navbar-item-content {
display: flex;
.p-link {
.px-link {
padding: 0.25rem 1rem 0.25rem 1rem;
color: var(--text-color);
white-space: nowrap;
@ -178,7 +184,7 @@
> .navbar-item-content {
border-color: var(--primary-color);
.p-link {
.px-link {
font-weight: 700;
color: var(--primary-color);
}
@ -199,6 +205,18 @@
}
}
.doc-section-code-buttons {
gap: .75rem;
padding: .75rem 0 0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
.p-button-label {
font-weight: normal;
font-size: 0.875rem;
}
}
.doc-section-code-tooltip .p-tooltip-text {
padding: 0.5rem;
font-size: 11px;
@ -211,19 +229,8 @@
}
}
.p-button-label {
font-weight: normal;
font-size: 0.875rem;
}
.doc-section-code-active {
.p-button-label {
font-weight: bold;
}
}
pre {
margin: 0 0 1.5rem 0;
margin: 0;
}
}
@ -269,6 +276,14 @@
text-decoration: underline;
}
}
.doc-option-type-options-container {
display: flex;
align-items: center;
}
span.doc-option-type-options {
color: var(--primary-700);
}
}
&.doc-option-default {
@ -283,7 +298,7 @@
}
.doc-option-name,
> i {
> i:not(.pi) {
font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
position: relative;
scroll-margin-top: 6.5rem;
@ -316,6 +331,10 @@
}
}
}
.doc-option-link {
color: var(--primary-color);
}
}
}
}

1
build-meta.js
View File

@ -15,6 +15,7 @@ function copyDependencies(inFolder, outFolder) {
copyDependencies('./components/lib/', 'dist/');
copyDependencies('./components/lib/icons/', 'dist/icons/');
copyDependencies('./components/lib/passthrough/', 'dist/passthrough/');
fs.copySync(path.resolve(__dirname, './components/lib/ts-helpers.d.ts'), 'dist/ts-helpers.d.ts');
fs.copySync(path.resolve(__dirname, './package-build.json'), 'dist/package.json');

18
components/doc/DocApiTable.vue
View File

@ -19,7 +19,7 @@
</thead>
<tbody>
<tr v-for="prop in data" :key="prop">
<td v-for="[k, v] in Object.entries(prop)" :key="k" :class="{ 'doc-option-type': k === 'type', 'doc-option-default': k === 'defaultValue' }">
<td v-for="[k, v] in Object.entries(prop)" :key="k" :class="{ 'doc-option-type': k === 'type' || k === 'options', 'doc-option-default': k === 'defaultValue' }">
<template v-if="k !== 'readonly' && k !== 'optional' && k !== 'deprecated'">
<span v-if="k === 'name'" :id="id + '.' + v" class="doc-option-name" :class="{ 'line-through cursor-pointer': !!prop.deprecated }" :title="prop.deprecated">
{{ v
@ -34,8 +34,16 @@
</template>
</template>
<template v-else-if="k === 'options'">
<template v-for="val in v" :key="val.name">
<div class="doc-option-type-options-container">
{{ val.name }}: <span class="doc-option-type-options">{{ val.type }}</span>
</div>
</template>
</template>
<template v-else-if="k === 'parameters'">
<span v-if="v.name" :class="{ 'parameter-bold': label === 'Slots' }"> {{ v.name }} : </span>
<span v-if="v.name" :class="{ 'font-bold': label === 'Slots' }"> {{ v.name }} : </span>
<template v-for="(value, i) in getType(v.type)" :key="value">
{{ i !== 0 ? ' |' : '' }}<NuxtLink v-if="isLinkType(value)" :to="setLinkPath(value)" class="doc-option-link"> {{ value }} </NuxtLink>
<span v-else v-html="value"> </span>
@ -156,9 +164,3 @@ export default {
}
};
</script>
<style scoped>
.parameter-bold {
font-weight: bold;
}
</style>

15
components/doc/DocComponent.vue
View File

@ -12,8 +12,11 @@
<li :class="{ 'doc-tabmenu-active': tab === 1 }">
<button type="button" @click="tab = 1">API</button>
</li>
<li v-if="ptTabComponent" :class="{ 'doc-tabmenu-active': tab === 2 }">
<button type="button" @click="tab = 2">PASS THROUGH</button>
<li v-if="themingDocs" :class="{ 'doc-tabmenu-active': tab === 2 }">
<button type="button" @click="tab = 2">THEMING</button>
</li>
<li v-if="ptTabComponent" :class="{ 'doc-tabmenu-active': tab === 3 }">
<button type="button" @click="tab = 3">PASS THROUGH</button>
</li>
</ul>
@ -34,6 +37,10 @@
</div>
<div v-if="tab === 2" class="doc-tabpanel">
<component :is="{ ...themingDocs }" />
</div>
<div v-if="tab === 3" class="doc-tabpanel">
<component :is="{ ...ptTabComponent }" />
</div>
</div>
@ -42,14 +49,14 @@
<script>
export default {
props: ['title', 'header', 'description', 'componentDocs', 'apiDocs', 'className', 'ptTabComponent'],
props: ['title', 'header', 'description', 'componentDocs', 'apiDocs', 'className', 'ptTabComponent', 'themingDocs'],
data() {
return {
tab: 0
};
},
mounted() {
this.tab = this.$route.hash.includes('api') ? 1 : this.$route.hash.includes('pt') ? 2 : 0;
this.tab = this.$route.hash.includes('api') ? 1 : this.$route.hash.includes('theming') ? 2 : this.$route.hash.includes('pt') ? 3 : 0;
}
};
</script>

Some files were not shown because too many files have changed in this diff Show More