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

new 2.x branch

pull/2873/head
mertsincan 2022-08-22 14:47:07 +01:00
parent ced915ab8e
commit db154b59ac
1316 changed files with 36881 additions and 132741 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.browserslistrc
View File

@ -1,3 +1,3 @@
> 1%
last 2 versions
not ie <= 8
not ie <= 8

2
.editorconfig
View File

@ -10,4 +10,4 @@ trim_trailing_whitespace = true
[*.md]
max_line_length = off
trim_trailing_whitespace = false
trim_trailing_whitespace = false

34
.eslintrc.js
View File

@ -1,18 +1,18 @@
module.exports = {
root: true,
env: {
node: true,
jest: true
},
'extends': [
'plugin:vue/vue3-essential',
'eslint:recommended'
],
parserOptions: {
parser: 'babel-eslint'
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
}
}
root: true,
env: {
node: true
},
'extends': [
'plugin:vue/essential',
'eslint:recommended'
],
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-trailing-spaces': 'error'
},
parserOptions: {
parser: 'babel-eslint'
}
}

1
.gitignore vendored
View File

@ -39,4 +39,3 @@ public/themes/viva-light/
public/themes/viva-dark/
public/themes/mira/
public/themes/nano/

2
.npmignore
View File

@ -13,4 +13,4 @@ npm-shrinkwrap.json
postcss.config.js
vue.config.js
build-lib.js
.babelrc-lib
.babelrc-lib

1203
CHANGELOG.md
View File

File diff suppressed because it is too large Load Diff

4
LICENSE.md
View File

@ -1,6 +1,6 @@
The MIT License (MIT)
Copyright (c) 2018-2021 PrimeTek
Copyright (c) 2018-2020 PrimeTek
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
THE SOFTWARE.

261
README.md
View File

@ -1,264 +1,9 @@
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue)
[![Discord Chat](https://img.shields.io/discord/557940238991753223.svg?color=7289da&label=chat&logo=discord)](https://discord.gg/gzKFYnpmCY)
[![PrimeVue Hero](https://user-images.githubusercontent.com/686247/138925407-2a7e916d-c674-4fb5-b721-1dd41a8eeebc.jpg)](https://www.primefaces.org/primevue)
[![PrimeVue Hero](https://www.primefaces.org/wp-content/uploads/2020/08/primevue-promo.jpg)](https://www.primefaces.org/primevue)
# PrimeVue
### Website
PrimeVue is a rich set of open source UI Components for Vue. See [PrimeVue homepage](https://www.primefaces.org/primevue/) for live showcase and documentation.
## Download
PrimeVue is available at npm, if you have an existing application run the following command to download it to your project.
````
npm install primevue@^3 --save
npm install primeicons --save
````
or
```
yarn add primevue
yarn add primeicons
```
Next step is setting up PrimeVue configuration.
```javascript
import {createApp} from 'vue';
import App from './App.vue';
import PrimeVue from 'primevue/config';
const app = createApp(App);
app.use(PrimeVue);
```
## Import
### Module
```javascript
import {createApp} from 'vue';
import App from './App.vue';
import PrimeVue from 'primevue/config';
import Dialog from 'primevue/dialog';
const app = createApp(App);
app.use(PrimeVue);
app.component('Dialog', Dialog);
```
Finally you'll be able to utilize the component in your application. See the Styles section to apply styling.
```vue
<Dialog></Dialog>
```
### CDN
```javascript
<script src="https://unpkg.com/primevue@^3/core/core.min.js"></script>/script>
<script src="https://unpkg.com/primevue@^3/multiselect/multiselect.min.js"></script>
```
## Single File Components
SFC files are available in the npm distribution and if you'd like to use SFCs directly, add ***/sfc*** as a suffix when referencing an import path. This will instruct your bundler to process the *.vue files in your local build instead of using the compiled output. One use case for this approach is optimizing for SSR by removing whitespaces.
```javascript
import Dialog from 'primevue/dialog/sfc';
```
## Script Tag
Other alternative is utilizing the components directly within the browser with the ***iife*** build. Note that PrimeVue does not provide a ***umd*** build.
```javascript
<html>
<head>
<meta charset="utf-8">
<title>PrimeVue Demo</title>
<link href="https://unpkg.com/primevue/resources/themes/lara-light-indigo/theme.css" rel="stylesheet">
<link href="https://unpkg.com/primevue/resources/primevue.min.css" rel="stylesheet">
<link href="https://unpkg.com/primeicons/primeicons.css" rel="stylesheet">
<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/primevue^3/core/core.min.js"></script>
<script src="https://unpkg.com/primevue^3/slider/slider.min.js"></script>
</head>
<body>
<div id="app">
<p-slider v-model="val"></p-slider>
<h6>{{val}}</h6>
</div>
<script>
const {createApp, ref} = Vue;
const App = {
setup() {
const val = ref(null);
return {
val
};
},
components: {
'p-slider': primevue.slider
}
};
createApp(App).use(primevue.config.default).mount("#app");
</script>
</body>
</html>
```
## Styles
The css dependencies are as follows, note that you may change the theme with another one of your choice.
```css
primevue/resources/themes/saga-blue/theme.css //theme
primevue/resources/primevue.min.css //core css
primeicons/primeicons.css //icons
```
If you are using a bundler such as webpack with a css loader you may also import them to your main application component.
```javascript
import 'primevue/resources/themes/lara-light-indigo/theme.css';
import 'primevue/resources/primevue.min.css';
import 'primeicons/primeicons.css';
```
## Nuxt Integration
Nuxt 3 is currently in beta and an official module is planned after the final release. At the moment, PrimeVue can easily be used with Nuxt 3 using a custom plugin.
**nuxt.config.js**
Open the nuxt configuration file and add the css dependencies.
```javascript
import { defineNuxtConfig } from 'nuxt3';
export default defineNuxtConfig({
css: [
'primevue/resources/themes/saga-blue/theme.css',
'primevue/resources/primevue.css',
'primeicons/primeicons.css'
]
})
```
**primevue.js**
Create a file like **primevue.js** under the plugins directory for the configuration.
```javascript
import { defineNuxtPlugin } from "#app";
import PrimeVue from "primevue/config";
import Button from "primevue/button";
export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.use(PrimeVue, {ripple: true});
nuxtApp.vueApp.component('Button', Button);
//other components that you need
});
```
## Configuration
### Dependencies
PrimeVue components are not wrappers and implemented natively with the Vue APIs. There are some exceptions having 3rd party dependencies such as Quill for Editor.
In addition, components require PrimeIcons library for icons.
```javascript
dependencies: {
"vue": "^3.0.0",
"primeicons": "^5.0.0"
}
```
## Prop Cases
Component prop names are described as camel case throughout the documentation however camel-case is also fully supported. Events on the other hand should always be camel-case.
```vue
<Dialog :showHeader="false"></Dialog>
<!-- can be written as -->
<Dialog :show-header="false"></Dialog>
```
## Ripple
Ripple is an optional animation for the supported components such as buttons. It is disabled by default and needs to be enabled at your app's entry file (e.g. main.js) during the PrimeVue setup.
```javascript
import {createApp} from 'vue';
import PrimeVue from 'primevue/config';
const app = createApp(App);
app.use(PrimeVue, {ripple: true});
```
## Outlined vs Filled Input Styles
Input fields come in two styles, default is ***outlined*** with borders around the field whereas ***filled*** alternative adds a background color to the field. Applying *p-input-filled* to an ancestor of an input enables the filled style. If you prefer to use filled inputs in the entire application, use a global container such as the document body or the application element to apply the style class. Note that in case you add it to the application element, components that are teleported to the document body such as Dialog will not be able to display filled inputs as they are not a descendant of the application root element in the DOM tree, to resolve this case set inputStyle to 'filled' at PrimeVue configuration as well.
```javascript
import {createApp} from 'vue';
import PrimeVue from 'primevue/config';
const app = createApp(App);
app.use(PrimeVue, {inputStyle: 'filled'});
```
## ZIndex Layering
ZIndexes are managed automatically to make sure layering of overlay components work seamlessly when combining multiple components. Still there may be cases where you'd like to configure the configure default values such as a custom layout where header section is fixed. In a case like this, dropdown needs to be displayed below the application header but a modal dialog should be displayed above. PrimeVue configuration offers the ***zIndex*** property to customize the default values for components categories. Default values are described below and can be customized when setting up PrimeVue.
```javascript
import {createApp} from 'vue';
import PrimeVue from 'primevue/config';
const app = createApp(App);
app.use(PrimeVue, {
zIndex: {
modal: 1100, //dialog, sidebar
overlay: 1000, //dropdown, overlaypanel
menu: 1000, //overlay menus
tooltip: 1100 //tooltip
}
});
```
## Locale
PrimeVue provides a Locale API to support i18n and l7n, visit the [Locale](https://www.primefaces.org/primevue/showcase/#/locale) documentation for more information.
## Quickstart with Vue CLI
An [example application](https://github.com/primefaces/primevue-quickstart) based on Vue CLI is available at github.
## Quickstart with Vite
A [starter application](https://github.com/primefaces/primevue-quickstart-vite) is also provided for Vite users.
## Quickstart with Nuxt
A [sample application](https://github.com/primefaces/primevue-quickstart-nuxt3) is created for Nuxt 3 users.
## Quickstart with TypeScript
Typescript is fully supported as type definition files are provided in the npm package of PrimeVue. A sample [typescript-primevue](https://github.com/primefaces/primevue-typescript-quickstart) application with Vue CLI is available as at github.
Visit the [PrimeVue Website](https://www.primefaces.org/primevue/) for general information, demos and documentation.

2
api-generator/build-api.js
View File

@ -10,7 +10,7 @@ const pkg = require(path.resolve(rootDir, "package.json"));
const libraryName = "PrimeVue";
const libraryVersion = pkg.version;
const showcaseURL = "https://primefaces.org/primevue/showcase/#/";
const showcaseURL = "https://primefaces.org/primevue/showcase-v2/#/";
const fileModules = {},
veturTags = {},

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

@ -11,12 +11,6 @@ const AccordionProps = [
default: "null",
description: "Index of the active tab or an array of indexes in multiple mode."
},
{
name: "lazy",
type: "boolean",
default: "false",
description: "When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css."
},
{
name: "expandIcon",
type: "string",

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

@ -5,6 +5,12 @@ const AccordionTabProps = [
default: "null",
description: "Orientation of tab headers."
},
{
name: "active",
type: "boolean",
default: "null",
description: "Visibility of the content."
},
{
name: "disabled",
type: "boolean",

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

@ -1,6 +1,6 @@
const AutoCompleteProps = [
{
name: "modelValue",
name: "value",
type: "any",
default: "null",
description: "Value of the component."
@ -17,30 +17,6 @@ const AutoCompleteProps = [
default: "null",
description: "Property name or getter function of a suggested object to resolve and display."
},
{
name: "optionLabel",
type: "string | function",
default: "null",
description: "Property name or getter function to use as the label of an option."
},
{
name: "optionDisabled",
type: "boolean",
default: "null",
description: "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined."
},
{
name: "optionGroupLabel",
type: "string",
default: "null",
description: "Property name or getter function to use as the label of an option group."
},
{
name: "optionGroupChildren",
type: "string",
default: "null",
description: "Property name or getter function that refers to the children options of option group."
},
{
name: "scrollHeight",
type: "string",
@ -59,36 +35,12 @@ const AutoCompleteProps = [
default: "blank",
description: 'Specifies the behavior dropdown button. Default "blank" mode sends an empty string and "current" mode sends the input value.'
},
{
name: "autoHighlight",
type: "boolean",
default: false,
description: "Highlights automatically the first item of the dropdown to be selected."
},
{
name: "multiple",
type: "boolean",
default: "false",
description: "Specifies if multiple values can be selected."
},
{
name: "placeholder",
type: "string",
default: "null",
description: "Default text to display when no option is selected."
},
{
name: "disabled",
type: "boolean",
default: "false",
description: "When present, it specifies that the component should be disabled."
},
{
name: "dataKey",
type: "string",
default: "null",
description: "A property to uniquely identify an option."
},
{
name: "minLength",
type: "number",
@ -104,8 +56,8 @@ const AutoCompleteProps = [
{
name: "appendTo",
type: "string",
default: "body",
description: 'A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.'
default: "null",
description: 'Id of the element or "body" for document where the overlay should be appended to.'
},
{
name: "forceSelection",
@ -113,42 +65,6 @@ const AutoCompleteProps = [
default: "false",
description: "When present, autocomplete clears the manual input if it does not match of the suggestions to force only accepting values from the suggestions."
},
{
name: "completeOnFocus",
type: "boolean",
default: "false",
description: "Whether to run a query when input receives focus."
},
{
name: "inputId",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
},
{
name: "inputStyle",
type: "object",
default: "null",
description: "Inline style of the input field."
},
{
name: "inputClass",
type: "string",
default: "null",
description: "Style class of the input field."
},
{
name: "inputProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component."
},
{
name: "panelStyle",
type: "object",
default: "null",
description: "Inline style of the overlay panel."
},
{
name: "panelClass",
type: "string",
@ -156,115 +72,27 @@ const AutoCompleteProps = [
description: "Style class of the overlay panel."
},
{
name: "panelProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component."
},
{
name: "loadingIcon",
type: "string",
default: "pi pi-spinner",
description: "Icon to display in loading state."
},
{
name: "virtualScrollerOptions",
type: "object",
default: "null",
description: "Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it."
},
{
name: "autoOptionFocus",
name: "autoHighlight",
type: "boolean",
default: "true",
description: "Whether to focus on the first visible or selected element when the overlay panel is shown."
},
{
name: "searchLocale",
type: "string",
default: "undefined",
description: "Locale to use in searching. The default locale is the host environment's current locale."
},
{
name: "searchMessage",
type: "string",
default: "{0} results are available",
description: "Text to be displayed in hidden accessible field when filtering returns any results. Defaults to value from PrimeVue locale configuration."
},
{
name: "selectionMessage",
type: "string",
default: "{0} items selected",
description: "Text to be displayed in hidden accessible field when options are selected. Defaults to value from PrimeVue locale configuration."
},
{
name: "emptySelectionMessage",
type: "string",
default: "No selected item",
description: "Text to be displayed in hidden accessible field when any option is not selected. Defaults to value from PrimeVue locale configuration."
},
{
name: "emptySearchMessage",
type: "string",
default: "No results found",
description: "Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration."
},
{
name: "tabindex",
type: "number",
default: "0",
description: "Index of the element in tabbing order."
},
{
name: "aria-label",
type: "string",
default: "null",
description: "Defines a string value that labels an interactive element."
},
{
name: "aria-labelledby",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
default: "false",
description: "Highlights automatically the first item of the dropdown to be selected."
}
];
const AutoCompleteEvents = [
{
name: "change",
description: "Callback to invoke on value change.",
name: "complete",
description: "Callback to invoke to search for suggestions.",
arguments: [
{
name: "event.originalEvent",
name: "originalEvent",
type: "object",
description: "Browser event"
description: "Original event"
},
{
name: "event.value",
name: "query",
type: "string",
description: "Selected option value"
}
]
},
{
name: "focus",
description: "Callback to invoke when component receives focus.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "blur",
description: "Callback to invoke when component loses focus.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
description: "Value to search with"
}
]
},
@ -319,73 +147,13 @@ const AutoCompleteEvents = [
{
name: "clear",
description: "Callback to invoke when input is cleared by the user."
},
{
name: "complete",
description: "Callback to invoke to search for suggestions.",
arguments: [
{
name: "originalEvent",
type: "object",
description: "Original event"
},
{
name: "query",
type: "string",
description: "Value to search with"
}
]
},
{
name: "before-show",
description: "Callback to invoke before the overlay is shown."
},
{
name: "before-hide",
description: "Callback to invoke before the overlay is hidden."
},
{
name: "show",
description: "Callback to invoke when the overlay is shown."
},
{
name: "hide",
description: "Callback to invoke when the overlay is hidden."
}
];
const AutoCompleteSlots = [
{
name: "chip",
description: "Custom content for the chip display."
},
{
name: "header",
description: "Custom content for the component header."
},
{
name: "footer",
description: "Custom content for the component footer."
},
{
name: "item",
description: "Custom content for the item."
},
{
name: "option",
description: "Custom content for the item."
},
{
name: "optiongroup",
description: "Custom content for the optiongroup item."
},
{
name: "content",
description: "Custom content for the virtual scroller"
},
{
name: "loader",
description: "Custom content for the virtual scroller loader items"
}
];

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

@ -28,13 +28,6 @@ const AvatarProps = [
type: "string",
default: "square",
description: 'Shape of the element, valid options are "square" and "circle".'
}
];
const AvatarEvents = [
{
name: "error",
description: "Triggered when an error occurs while loading an image file."
}
];
@ -42,7 +35,6 @@ module.exports = {
avatar: {
name: "Avatar",
description: "Avatar represents people using icons, labels and images.",
props: AvatarProps,
events: AvatarEvents
props: AvatarProps
}
};

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

@ -19,18 +19,10 @@ const BreadcrumbProps = [
}
];
const BreadcrumbSlots = [
{
name: "item",
description: "Template of a menuitem."
}
];
module.exports = {
breadcrumb: {
name: "Breadcrumb",
description: "Breadcrumb provides contextual information about page hierarchy.",
props: BreadcrumbProps,
slots: BreadcrumbSlots
props: BreadcrumbProps
}
};

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

@ -1,6 +1,6 @@
const CalendarProps = [
{
name: "modelValue",
name: "value",
type: "any",
default: "null",
description: "Value of the component."
@ -53,6 +53,12 @@ const CalendarProps = [
default: "1",
description: "Number of months to display."
},
{
name: "responsiveOptions",
type: "array",
default: "null",
description: "An array of options for responsive design."
},
{
name: "view",
type: "string",
@ -95,6 +101,7 @@ const CalendarProps = [
default: "null",
description: "The minimum selectable date."
},
{
name: "maxDate",
type: "Date",
@ -197,12 +204,6 @@ const CalendarProps = [
default: "false",
description: "Whether to hide the overlay on date selection when showTime is enabled."
},
{
name: "hideOnRangeSelection",
type: "boolean",
default: "false",
description: "Whether to hide the overlay on date selection is completed when selectionMode is range."
},
{
name: "timeSeparator",
type: "string",
@ -224,44 +225,8 @@ const CalendarProps = [
{
name: "appendTo",
type: "string",
default: "body",
description: 'A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.'
},
{
name: "disabled",
type: "boolean",
default: "false",
description: "When present, it specifies that the element should be disabled."
},
{
name: "readonly",
type: "boolean",
default: "false",
description: "When present, it specifies that an input field is read-only."
},
{
name: "placeholder",
type: "string",
default: "null",
description: "Placeholder text for the input."
},
{
name: "id",
type: "string",
default: "null",
description: "Identifier of the element."
},
{
name: "inputId",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
},
{
name: "inputClass",
type: "string",
default: "null",
description: "Style class of the input field."
description: 'Id of the element or "body" for document where the overlay should be appended to.'
},
{
name: "inputStyle",
@ -270,43 +235,26 @@ const CalendarProps = [
description: "Inline style of the input field."
},
{
name: "inputProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
name: "panelClass",
name: "inputClass",
type: "string",
default: "null",
description: "Style class of the overlay panel."
description: "Style class of the input field."
},
{
name: "panelStyle",
name: "class",
type: "string",
default: "null",
description: "Inline style of the overlay panel."
description: "Style class of the component."
},
{
name: "panelProps",
type: "object",
name: "style",
type: "any",
default: "null",
description: "Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component."
description: "Inline style of the component."
}
];
const CalendarEvents = [
{
name: "input",
description: "Callback to invoke when input field is being typed.",
arguments: [
{
name: "event",
type: "object",
description: "New date"
}
]
},
{
name: "date-select",
description: "Callback to invoke when a date is selected.",
@ -379,44 +327,6 @@ const CalendarEvents = [
description: "New year"
}
]
},
{
name: "focus",
description: "Callback to invoke on focus of input field.",
arguments: [
{
name: "event",
type: "object",
description: "Focus event"
}
]
},
{
name: "blur",
description: "Callback to invoke on blur of input field.",
arguments: [
{
name: "event.originalEvent",
type: "object",
description: "Browser event"
},
{
name: "event.value",
type: "string",
description: "Input value"
}
]
},
{
name: "keydown",
description: "Callback to invoke when a key is pressed.",
arguments: [
{
name: "event",
type: "object",
description: "Keydown event"
}
]
}
];
@ -432,10 +342,6 @@ const CalendarSlots = [
{
name: "date",
description: "Custom content for the calendar cell."
},
{
name: "decade",
description: "Custom content for the calendar decade."
}
];

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

@ -1,6 +1,6 @@
const CascadeSelectProps = [
{
name: "modelValue",
name: "value",
type: "any",
default: "null",
description: "Value of the component."
@ -23,12 +23,6 @@ const CascadeSelectProps = [
default: "null",
description: "Property name or getter function to use as the value of an option, defaults to the option itself when not defined."
},
{
name: "optionDisabled",
type: "boolean",
default: "null",
description: "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined."
},
{
name: "optionGroupLabel",
type: "string | function",
@ -37,7 +31,7 @@ const CascadeSelectProps = [
},
{
name: "optionGroupChildren",
type: "array | function",
type: "string | function",
default: "null",
description: "Property name or getter function to retrieve the items of a group."
},
@ -60,112 +54,28 @@ const CascadeSelectProps = [
description: "A property to uniquely identify an option."
},
{
name: "inputStyle",
type: "object",
name: "tabindex",
type: "number",
default: "null",
description: "Inline style of the input field."
description: "Index of the element in tabbing order."
},
{
name: "inputClass",
name: "inputId",
type: "string",
default: "null",
description: "Style class of the input field."
description: "Identifier of the underlying input element."
},
{
name: "inputProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component."
},
{
name: "panelStyle",
type: "object",
default: "null",
description: "Inline style of the overlay panel."
},
{
name: "panelClass",
name: "ariaLabelledBy",
type: "string",
default: "null",
description: "Style class of the overlay panel."
},
{
name: "panelProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component."
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
name: "appendTo",
type: "string",
default: "body",
description: 'A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.'
},
{
name: "loading",
type: "boolean",
default: "false",
description: "Whether the multiselect is in loading state."
},
{
name: "loadingIcon",
type: "string",
default: "pi pi-spinner pi-spin",
description: "Icon to display in loading state."
},
{
name: "autoOptionFocus",
type: "boolean",
default: "true",
description: "Whether to focus on the first visible or selected element when the overlay panel is shown."
},
{
name: "searchLocale",
type: "string",
default: "undefined",
description: "Locale to use in searching. The default locale is the host environment's current locale."
},
{
name: "searchMessage",
type: "string",
default: "{0} results are available",
description: "Text to be displayed in hidden accessible field when filtering returns any results. Defaults to value from PrimeVue locale configuration."
},
{
name: "selectionMessage",
type: "string",
default: "{0} items selected",
description: "Text to be displayed in hidden accessible field when options are selected. Defaults to value from PrimeVue locale configuration."
},
{
name: "emptySelectionMessage",
type: "string",
default: "No selected item",
description: "Text to be displayed in hidden accessible field when any option is not selected. Defaults to value from PrimeVue locale configuration."
},
{
name: "emptySearchMessage",
type: "string",
default: "No results found",
description: "Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration."
},
{
name: "tabindex",
type: "number",
default: "0",
description: "Index of the element in tabbing order."
},
{
name: "aria-label",
type: "string",
default: "null",
description: "Defines a string value that labels an interactive element."
},
{
name: "aria-labelledby",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
description: 'Id of the element or "body" for document where the overlay should be appended to.'
}
];
@ -186,39 +96,6 @@ const CascadeSelectEvents = [
}
]
},
{
name: "focus",
description: "Callback to invoke when component receives focus.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "blur",
description: "Callback to invoke when component loses focus.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "click",
description: "Callback to invoke on click.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "group-change",
description: "Callback to invoke when a group changes.",
@ -264,7 +141,7 @@ const CascadeSelectSlots = [
},
{
name: "indicator",
description: "Custom content for the dropdown indicator"
description: "Custom content for the cascade select indicator"
}
];

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

@ -26,13 +26,13 @@ const ChartProps = [
{
name: "width",
type: "number",
default: "300",
default: "null",
description: "Width of the chart in non-responsive mode."
},
{
name: "height",
type: "number",
default: "150",
default: "null",
description: "Height of the chart in non-responsive mode."
}
];

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

@ -5,104 +5,81 @@ const CheckboxProps = [
default: "null",
description: "Value of the checkbox."
},
{
name: "modelValue",
type: "any",
default: "null",
description: "Value binding of the checkbox."
},
{
name: "binary",
type: "boolean",
default: "false",
description: "Allows to select a boolean value instead of multiple values."
},
{
name: "disabled",
type: "boolean",
default: "false",
description: "When present, it specifies that the element should be disabled."
},
{
name: "readonly",
type: "boolean",
default: "false",
description: "When present, it specifies that an input field is read-only."
},
{
name: "required",
type: "boolean",
default: "false",
description: "When present, it specifies that the element is required."
},
{
name: "tabindex",
type: "number",
default: "null",
description: "Index of the element in tabbing order."
},
{
name: "trueValue",
type: "any",
default: "null",
default: "true",
description: "Value in checked state."
},
{
name: "falseValue",
type: "any",
default: "null",
default: "true",
description: "Value in unchecked state."
},
{
name: "inputId",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
},
{
name: "inputClass",
type: "any",
default: "null",
description: "Style class of the input field."
},
{
name: "inputStyle",
type: "any",
default: "null",
description: "Inline style of the input field."
},
{
name: "inputProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
name: "aria-labelledby",
type: "string",
default: "null",
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
name: "aria-label",
type: "string",
default: "null",
description: "Used to define a string that labels the element."
}
];
const CheckboxEvents = [
{
name: "click",
description: "Callback to invoke on value click.",
},
{
name: "change",
description: "Callback to invoke on value change.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "input",
description: "Callback to invoke on value change."
description: "Callback to invoke on click.",
arguments: [
{
name: "event",
type: "object",
description: "Value of checkbox"
}
]
},
{
name: "click",
description: "Callback to invoke click.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "focus",
description: "Callback to invoke on focus.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "blur",
description: "Callback to invoke on blur.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
}
];

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

@ -1,6 +1,6 @@
const ChipsProps = [
{
name: "modelValue",
name: "value",
type: "array",
default: "null",
description: "Value of the component."
@ -30,40 +30,10 @@ const ChipsProps = [
description: "Whether to allow duplicate values or not."
},
{
name: "disabled",
type: "boolean",
default: "false",
description: "When present, it specifies that the element should be disabled."
},
{
name: "placeholder",
name: "ariaLabelledBy",
type: "string",
default: "null",
description: "Placeholder text for the input."
},
{
name: "inputId",
type: "string",
default: "null",
description: "Identifier of the focus input to match a label defined for the chips."
},
{
name: "inputClass",
type: "string",
default: "null",
description: "Style class of the input field."
},
{
name: "inputStyle",
type: "any",
default: "null",
description: "Inline style of the input field."
},
{
name: "inputProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
}
];
@ -99,6 +69,39 @@ const ChipsEvents = [
description: "Removed item value"
}
]
},
{
name: "input",
description: "Callback to invoke on value change.",
arguments: [
{
name: "event",
type: "object",
description: "New value"
}
]
},
{
name: "focus",
description: "Callback to invoke on focus.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "blur",
description: "Callback to invoke on blur.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
}
];

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

@ -1,6 +1,6 @@
const ColorPickerProps = [
{
name: "modelValue",
name: "value",
type: "string",
default: "null",
description: "Value of the component."
@ -30,7 +30,7 @@ const ColorPickerProps = [
description: "When present, it specifies that the component should be disabled."
},
{
name: "tabindex",
name: "tabIndex",
type: "string",
default: "null",
description: "Index of the element in tabbing order."
@ -48,55 +48,24 @@ const ColorPickerProps = [
description: "Whether to automatically manage layering."
},
{
name: "panelClass",
type: "string",
default: "null",
description: "Style class of the overlay panel."
},
{
name: "appendTo",
type: "string",
default: "body",
description: 'A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.'
},
{
name: "aria-labelledby",
name: "ariaLabelledBy",
type: "string",
default: "null",
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
name: "aria-label",
type: "string",
default: "null",
description: "Used to define a string that labels the element."
}
];
const ColorPickerEvents = [
{
name: "change",
description: "Callback to invoke when a color is selected.",
name: "input",
description: "Callback to invoke on value change.",
arguments: [
{
name: "event.originalEvent",
name: "event",
type: "object",
description: "Original event"
},
{
name: "event.value",
type: "any",
description: "Selected color"
description: "New value"
}
]
},
{
name: "show",
description: "Callback to invoke when popup is shown."
},
{
name: "hide",
description: "Callback to invoke when popup is hidden."
}
];

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

@ -41,18 +41,6 @@ const ColumnProps = [
default: "null",
description: "Footer content of the column."
},
{
name: "style",
type: "object",
default: "null",
description: "Inline style of header, body and footer cells."
},
{
name: "class",
type: "string",
default: "null",
description: "Style class of header, body and footer cells."
},
{
name: "headerStyle",
type: "object",
@ -89,60 +77,6 @@ const ColumnProps = [
default: "null",
description: "Style class of the footer body."
},
{
name: "showFilterMenu",
type: "boolean",
default: "true",
description: "Whether to display the filter overlay."
},
{
name: "showFilterOperator",
type: "boolean",
default: "true",
description: "When enabled, match all and match any operator selector is displayed."
},
{
name: "showClearButton",
type: "boolean",
default: "true",
description: "Displays a button to clear the column filtering."
},
{
name: "showApplyButton",
type: "boolean",
default: "true",
description: "Displays a button to apply the column filtering."
},
{
name: "showFilterMatchModes",
type: "boolean",
default: "true",
description: "Whether to show the match modes selector."
},
{
name: "showAddButton",
type: "boolean",
default: "true",
description: "When enabled, a button is displayed to add more rules."
},
{
name: "filterMatchModeOptions",
type: "array",
default: "null",
description: "An array of label-value pairs to override the global match mode options."
},
{
name: "maxConstraints",
type: "number",
default: "2",
description: "Maximum number of constraints for a column filter."
},
{
name: "excludeGlobalFilter",
type: "boolean",
default: "false",
description: "Whether to exclude from global filtering or not."
},
{
name: "filterHeaderStyle",
type: "object",
@ -156,16 +90,22 @@ const ColumnProps = [
description: "Style class of the column filter header in row filter display."
},
{
name: "filterMenuStyle",
type: "object",
default: "null",
description: "Inline style of the column filter overlay."
name: "filterMatchMode",
type: "string",
default: "startsWith",
description: 'Defines filterMatchMode; "startsWith", "contains", "endsWidth", "equals", "notEquals", "in", "lt", "lte", "gt", "gte" and "custom".'
},
{
name: "filterMenuClass",
type: "string",
name: "filterFunction",
type: "function",
default: "null",
description: "Style class of the column filter overlay."
description: 'A function that takes a value and a filter to compare against by returning either true or false. filterMatchMode must be set to "custom" for this function to be triggered.'
},
{
name: "excludeGlobalFilter",
type: "boolean",
default: "false",
description: "Whether to exclude from global filtering or not."
},
{
name: "selectionMode",
@ -238,20 +178,7 @@ const ColumnProps = [
type: "string",
default: "null",
description: "Custom export header of the column to be exported as CSV."
},
{
name: "exportFooter",
type: "string",
default: "null",
description: "Custom export footer of the column to be exported as CSV."
},
{
name: "hidden",
type: "boolean",
default: "false",
description: "Whether the column is rendered."
}
];
const ColumnSlots = [
@ -270,26 +197,6 @@ const ColumnSlots = [
{
name: "editor",
description: "Custom content for the editing cell"
},
{
name: "filter",
description: "Custom content for the filtering items"
},
{
name: "filterheader",
description: "Custom content for the filter menu's header"
},
{
name: "filterfooter",
description: "Custom content for the filter menu's footer"
},
{
name: "filterclear",
description: "Custom content for the filter menu's clear section"
},
{
name: "filterapply",
description: "Custom content for the filter menu's apply section"
}
];

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

@ -4,12 +4,6 @@ const ConfirmDialogProps = [
type: "string",
default: "null",
description: "Optional key to match the key of the confirmation, useful to target a specific confirm dialog instance."
},
{
name: "breakpoints",
type: "object",
default: "null",
description: "Object literal to define widths per screen size."
}
];

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

@ -8,8 +8,8 @@ const ContextMenuProps = [
{
name: "appendTo",
type: "string",
default: "body",
description: "A valid query selector or an HTMLElement to specify where the overlay gets attached."
default: "null",
description: 'Id of the element or "body" for document where the overlay should be appended to.'
},
{
name: "baseZIndex",
@ -37,18 +37,10 @@ const ContextMenuProps = [
}
];
const ContextMenuSlots = [
{
name: "item",
description: "Template of a menuitem."
}
];
module.exports = {
contextmenu: {
name: "ContextMenu",
description: "ContextMenu displays an overlay menu on right click of its target.",
props: ContextMenuProps,
slots: ContextMenuSlots
props: ContextMenuProps
}
};

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

@ -7,7 +7,7 @@ const DataTableProps = [
},
{
name: "dataKey",
type: "string|function",
type: "string",
default: "null",
description: "Name of the field that uniquely identifies the a record in the data."
},
@ -51,7 +51,7 @@ const DataTableProps = [
name: "paginatorTemplate",
type: "string",
default: "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown",
description: "emplate of the paginator."
description: "Template of the paginator."
},
{
name: "pageLinkSize",
@ -131,12 +131,6 @@ const DataTableProps = [
default: "null",
description: "Filters object with key-value pairs to define the filters."
},
{
name: "filterDisplay",
type: "string",
default: "null",
description: 'Layout of the filter elements, valid values are "row" and "menu".'
},
{
name: "filterLocale",
type: "string",
@ -185,12 +179,6 @@ const DataTableProps = [
default: "false",
description: "When enabled, background of the rows change on hover."
},
{
name: "selectAll",
type: "boolean",
default: "null",
description: "Whether all data is selected."
},
{
name: "csvSeparator",
type: "string",
@ -203,12 +191,6 @@ const DataTableProps = [
default: "download",
description: "Name of the exported file."
},
{
name: "exportFunction",
type: "function",
default: "null",
description: "Custom function to export data."
},
{
name: "autoLayout",
type: "boolean",
@ -309,7 +291,7 @@ const DataTableProps = [
name: "rowStyle",
type: "object",
default: "null",
description: "A function that takes the row data as a parameter and returns the inline style for the corresponding row."
description: "Inline style of the row."
},
{
name: "scrollable",
@ -317,23 +299,11 @@ const DataTableProps = [
default: "false",
description: "When specified, enables horizontal and/or vertical scrolling."
},
{
name: "scrollDirection",
type: "string",
default: "vertical",
description: 'Orientation of the scrolling, options are "vertical", "horizontal" and "both".'
},
{
name: "scrollHeight",
type: "string",
default: "null",
description: 'Height of the scroll viewport in fixed units or the "flex" keyword for a dynamic size.'
},
{
name: "virtualScrollerOptions",
type: "object",
default: "null",
description: 'Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it. Note: Currently only vertical orientation mode is supported.'
description: 'Height of the scroll viewport in fixed pixels or the "flex" keyword for a dynamic size.'
},
{
name: "frozenValue",
@ -342,40 +312,28 @@ const DataTableProps = [
description: "Items of the frozen part in scrollable DataTable."
},
{
name: "responsiveLayout",
type: "string",
default: "stack",
description: 'Defines the responsive mode, valid options are "stack" and "scroll".'
},
{
name: "breakpoint",
type: "string",
default: "960px",
description: "The breakpoint to define the maximum width boundary when using stack responsive layout."
},
{
name: "showGridlines",
type: "boolean",
default: "false",
description: "Whether to show grid lines between cells."
},
{
name: "stripedRows",
type: "boolean",
default: "false",
description: "Whether to displays rows with alternating colors."
},
{
name: "tableStyle",
type: "object",
default: "null",
description: "Inline style of the table element."
},
{
name: "tableClass",
name: "frozenWidth",
type: "string",
default: "null",
description: "Style class of the table element."
description: "Width of the frozen part in scrollable DataTable."
},
{
name: "virtualScroll",
type: "boolean",
default: "false",
description: "Whether the data should be loaded on demand during scroll."
},
{
name: "virtualScrollDelay",
type: "number",
default: "150",
description: "Delay in virtual scroll before doing a call to lazy load."
},
{
name: "virtualRowHeight",
type: "number",
default: "28",
description: "Height of a row to use in calculations of virtual scrolling."
}
];
@ -534,19 +492,29 @@ const DataTableEvents = [
]
},
{
name: "value-change",
description: "Invoked after filtering, sorting, pagination and cell editing to pass the rendered value.",
name: "row-click",
description: "Callback to invoke when a row is clicked.",
arguments: [
{
name: "value",
type: "array",
description: "Value displayed by the table."
name: "event.originalEvent",
type: "object",
description: "Browser event."
},
{
name: "event.data",
type: "object",
description: "Selected row data."
},
{
name: "event.index",
type: "number",
description: "Row index"
}
]
},
{
name: "row-click",
description: "Callback to invoke when a row is clicked.",
name: "row-dblclick",
description: "Callback to invoke when a row is double clicked.",
arguments: [
{
name: "event.originalEvent",
@ -640,22 +608,6 @@ const DataTableEvents = [
}
]
},
{
name: "select-all-change",
description: "Callback to invoke when all data is selected.",
arguments: [
{
name: "event.originalEvent",
type: "object",
description: "Browser event."
},
{
name: "event.checked",
type: "object",
description: "Whether all data is selected."
}
]
},
{
name: "column-resize-end",
description: "Callback to invoke when a column is resized.",
@ -823,21 +775,6 @@ const DataTableEvents = [
type: "object",
description: "Row data to edit."
},
{
name: "event.newData",
type: "object",
description: "New row data after editing."
},
{
name: "event.value",
type: "object",
description: "Field value of row data to edit."
},
{
name: "event.newValue",
type: "object",
description: "Field value of new row data after editing"
},
{
name: "event.field",
type: "string",
@ -896,11 +833,6 @@ const DataTableEvents = [
type: "object",
description: "Row data to edit."
},
{
name: "event.newData",
type: "object",
description: "New row data after editing."
},
{
name: "event.field",
type: "string",
@ -915,7 +847,7 @@ const DataTableEvents = [
},
{
name: "row-edit-save",
description: "Callback to invoke when row edit is saved.",
description: "Callback to invoke when cell edit is saved.",
arguments: [
{
name: "event.originalEvent",
@ -927,11 +859,6 @@ const DataTableEvents = [
type: "object",
description: "Row data to edit."
},
{
name: "event.newData",
type: "object",
description: "New row data after editing."
},
{
name: "event.field",
type: "string",
@ -946,7 +873,7 @@ const DataTableEvents = [
},
{
name: "row-edit-cancel",
description: "Callback to invoke when row edit is cancelled.",
description: "Callback to invoke when cell edit is cancelled.",
arguments: [
{
name: "event.originalEvent",
@ -958,11 +885,6 @@ const DataTableEvents = [
type: "object",
description: "Row data to edit."
},
{
name: "event.newData",
type: "object",
description: "New row data after editing."
},
{
name: "event.field",
type: "string",
@ -975,6 +897,22 @@ const DataTableEvents = [
}
]
},
{
name: "virtual-scroll",
description: "Callback to invoke during virtual scrolling.",
arguments: [
{
name: "event.first",
type: "number",
description: "Index of the first row."
},
{
name: "event.rows",
type: "number",
description: "Rows per page."
}
]
},
{
name: "state-save",
description: "Invoked when a stateful table saves the state.",

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

@ -88,12 +88,6 @@ const DataViewProps = [
type: "boolean",
default: "false",
description: "Defines if data is loaded and interacted with in lazy manner."
},
{
name: "dataKey",
type: "string",
default: "null",
description: "Name of the data that uniquely identifies the a record in the data."
}
];

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

@ -41,6 +41,12 @@ const DialogProps = [
default: "center",
description: 'Position of the dialog, options are "center", "top", "bottom", "left", "right", "topleft", "topright", "bottomleft" or "bottomright".'
},
{
name: "containerStyle",
type: "string",
default: "null",
description: "Inline style of the component."
},
{
name: "contentStyle",
type: "object",
@ -95,82 +101,29 @@ const DialogProps = [
default: "false",
description: "Whether the dialog can be displayed full screen."
},
{
name: "breakpoints",
type: "object",
default: "null",
description: "Object literal to define widths per screen size."
},
{
name: "draggable",
type: "boolean",
default: "true",
description: "Whether the dialog can be relocated by dragging."
},
{
name: "minX",
type: "number",
default: "0",
description: "Minimum value for the left coordinate of dialog in dragging."
},
{
name: "minY",
type: "number",
default: "0",
description: "Minimum value for the top coordinate of dialog in dragging."
},
{
name: "keepInViewport",
type: "boolean",
default: "true",
description: "Keeps dialog in the viewport when dragging."
},
{
name: "appendTo",
type: "string",
default: "body",
description: 'A valid query selector or an HTMLElement to specify where the dialog gets attached. Special keywords are "body" for document body and "self" for the element itself.'
default: "null",
description: "Id of the element or 'body' for document where the overlay should be appended to."
}
];
const DialogEvents = [
{
name: "hide",
description: "Callback to invoke when dialog is hidden."
},
{
name: "after-hide",
description: "Callback to invoke after dialog is hidden."
description: "Callback to invoke when dialog is hidden.",
arguments: [
{
name: "event",
type: "object",
description: "Event Object"
}
]
},
{
name: "show",
description: "Callback to invoke when dialog is showed."
},
{
name: "maximize",
description: "Fired when a dialog gets maximized.",
arguments: [
{
name: "event",
type: "object",
description: "Event Object"
}
]
},
{
name: "unmaximize",
description: "Fired when a dialog gets unmaximized.",
arguments: [
{
name: "event",
type: "object",
description: "Event Object"
}
]
},
{
name: "dragend",
description: "Fired when a dialog drag completes.",
description: "Callback to invoke when dialog is showed.",
arguments: [
{
name: "event",

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

@ -12,28 +12,28 @@ const DockProps = [
description: "Position of element. Valid values are 'bottom', 'top', 'left' and 'right'."
},
{
name: "class",
name: "className",
type: "string",
default: "null",
description: "Style class of the element."
},
{
name: "style",
name: "styles",
type: "object",
default: "null",
description: "Inline style of the element."
},
{
name: "exact",
type: "boolean",
default: "true",
description: "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
},
{
name: "tooltipOptions",
type: "object",
default: "null",
description: "Whether to display the tooltip on items. The modifiers of tooltip can be used like an object in it. Valid keys are 'event' and 'position'."
},
{
name: "exact",
type: "boolean",
default: "true",
description: "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
}
];
@ -41,10 +41,6 @@ const DockSlots = [
{
name: "item",
description: "Custom content for the item."
},
{
name: "icon",
description: "Custom content for the icon."
}
];
@ -55,4 +51,4 @@ module.exports = {
props: DockProps,
slots: DockSlots
}
}
}

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

@ -1,6 +1,6 @@
const DropdownProps = [
{
name: "modelValue",
name: "value",
type: "any",
default: "null",
description: "Value of the component."
@ -25,27 +25,15 @@ const DropdownProps = [
},
{
name: "optionDisabled",
type: "boolean",
type: "string | function",
default: "null",
description: "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined."
},
{
name: "optionGroupLabel",
type: "string | function",
default: "null",
description: "Property name or getter function to use as the label of an option group."
},
{
name: "optionGroupChildren",
type: "string | function",
default: "null",
description: "Property name or getter function that refers to the children options of option group."
},
{
name: "scrollHeight",
type: "string",
default: "200px",
description: "Height of the viewport, a scrollbar is defined if height of list exceeds this value."
description: "Height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value."
},
{
name: "filter",
@ -65,18 +53,6 @@ const DropdownProps = [
default: "undefined",
description: "Locale to use in filtering. The default locale is the host environment's current locale."
},
{
name: "filterMatchMode",
type: "string",
default: "contains",
description: 'Defines the filtering algorithm to use when searching the options. Valid values are "contains" (default), "startsWith" and "endsWith"'
},
{
name: "filterFields",
type: "array",
default: "null",
description: "Fields used when filtering the options, defaults to optionLabel."
},
{
name: "editable",
type: "boolean",
@ -107,6 +83,12 @@ const DropdownProps = [
default: "false",
description: "When enabled, a clear icon is displayed to clear the value."
},
{
name: "tabindex",
type: "number",
default: "null",
description: "Index of the element in tabbing order."
},
{
name: "inputId",
type: "string",
@ -114,100 +96,10 @@ const DropdownProps = [
description: "Identifier of the underlying input element."
},
{
name: "inputStyle",
type: "object",
default: "null",
description: "Inline style of the input field."
},
{
name: "inputClass",
name: "ariaLabelledBy",
type: "string",
default: "null",
description: "Style class of the input field."
},
{
name: "inputProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component."
},
{
name: "panelStyle",
type: "object",
default: "null",
description: "Inline style of the overlay panel."
},
{
name: "panelClass",
type: "string",
default: "null",
description: "Style class of the overlay panel."
},
{
name: "panelProps",
type: "object",
default: "null",
description: "Uses 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."
},
{
name: "clearIconProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLElement to the clear icon inside the component."
},
{
name: "appendTo",
type: "string",
default: "body",
description: "A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself."
},
{
name: "loading",
type: "boolean",
default: "false",
description: "Whether the multiselect is in loading state."
},
{
name: "loadingIcon",
type: "string",
default: "pi pi-spinner pi-spin",
description: "Icon to display in loading state."
},
{
name: "virtualScrollerOptions",
type: "object",
default: "null",
description: "Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it."
},
{
name: "autoOptionFocus",
type: "boolean",
default: "true",
description: "Whether to focus on the first visible or selected element when the overlay panel is shown."
},
{
name: "filterMessage",
type: "string",
default: "{0} results are available",
description: "Text to be displayed in hidden accessible field when filtering returns any results. Defaults to value from PrimeVue locale configuration."
},
{
name: "selectionMessage",
type: "string",
default: "{0} items selected",
description: "Text to be displayed in hidden accessible field when options are selected. Defaults to value from PrimeVue locale configuration."
},
{
name: "emptySelectionMessage",
type: "string",
default: "No selected item",
description: "Text to be displayed in hidden accessible field when any option is not selected. Defaults to value from PrimeVue locale configuration."
description: 'A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.'
},
{
name: "emptyFilterMessage",
@ -216,28 +108,10 @@ const DropdownProps = [
description: "Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration."
},
{
name: "emptyMessage",
type: "string",
default: "No results found",
description: "Text to display when there are no options available. Defaults to value from PrimeVue locale configuration."
},
{
name: "tabindex",
type: "number",
default: "0",
description: "Index of the element in tabbing order."
},
{
name: "aria-label",
name: "appendTo",
type: "string",
default: "null",
description: "Defines a string value that labels an interactive element."
},
{
name: "aria-labelledby",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
description: 'Id of the element or "body" for document where the overlay should be appended to.'
}
];
@ -259,19 +133,8 @@ const DropdownEvents = [
]
},
{
name: "focus",
description: "Callback to invoke when component receives focus.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "blur",
description: "Callback to invoke when component loses focus.",
name: "input",
description: "Callback to invoke on value change.",
arguments: [
{
name: "event",
@ -315,6 +178,10 @@ const DropdownEvents = [
];
const DropdownSlots = [
{
name: "option",
description: "Custom content for the item's option"
},
{
name: "value",
description: "Custom content for the item's value"
@ -322,38 +189,6 @@ const DropdownSlots = [
{
name: "indicator",
description: "Custom content for the dropdown indicator"
},
{
name: "header",
description: "Custom content for the component's header"
},
{
name: "footer",
description: "Custom content for the component's footer"
},
{
name: "option",
description: "Custom content for the item's option"
},
{
name: "optiongroup",
description: "Custom content for the item's optiongroup"
},
{
name: "emptyfilter",
description: "Custom content when there is no filtered data to display"
},
{
name: "empty",
description: "Custom content when there is no data to display"
},
{
name: "content",
description: "Custom content for the virtual scroller"
},
{
name: "loader",
description: "Custom content for the virtual scroller loader items"
}
];

15
api-generator/components/dynamicdialog.js
View File

@ -1,15 +0,0 @@
const DynamicDialogProps = [];
const DynamicDialogEvents = [];
const DynamicDialogSlots = [];
module.exports = {
dynamicdialog: {
name: "DynamicDialog",
description: "Dialogs can be created dynamically with any component as the content using a DialogService.",
props: DynamicDialogProps,
events: DynamicDialogEvents,
slots: DynamicDialogSlots
}
};

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

@ -1,6 +1,6 @@
const EditorProps = [
{
name: "modelValue",
name: "value",
type: "string",
default: "null",
description: "Value of the content."
@ -64,38 +64,13 @@ const EditorEvents = [
]
},
{
name: "selection-change",
description: "Callback to invoke when selection of the text changes.",
name: "input",
description: "Callback to invoke when text of editor changes.",
arguments: [
{
name: "event.range",
name: "event",
type: "object",
description: "Representation of the selection boundaries."
},
{
name: "event.oldRange",
type: "string",
description: 'Representation of the previous selection boundaries.'
},
{
name: "event.source",
type: "string",
description: 'Source of change. Will be either "user" or "api".'
},
{
name: "event.htmlValue",
type: "string",
description: "Current value as html."
},
{
name: "event.textValue",
type: "string",
description: "Current value as text."
},
{
name: "event.instance",
type: "object",
description: "Text editor instance."
}
]
}

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

@ -53,6 +53,11 @@ const FileUploadProps = [
default: '"{0}: Invalid file size, file size should be smaller than {1}."',
description: "Message of the invalid fize size."
},
{
name: "invalidFileTypeMessage",
type: "string",
default: '"{0}: Invalid file type, allowed file types: "{1}."'
},
{
name: "invalidFileLimitMessage",
type: "string",
@ -114,31 +119,13 @@ const FileUploadProps = [
description: "Whether to cancel the upload button."
},
{
name: "chooseIcon",
type: "string",
default: "pi pi-plus",
description: "Icon of the choose button."
},
{
name: "uploadIcon",
type: "string",
default: "pi pi-upload",
description: "Icon of the upload button."
},
{
name: "cancelIcon",
type: "string",
default: "pi pi-times",
description: "Icon of the cancel button."
},
{
name: "style",
name: "buttonStyle",
type: "any",
default: "null",
description: "Inline style of the component."
},
{
name: "class",
name: "buttonClass",
type: "string",
default: "null",
description: "Style class of the component."
@ -256,22 +243,6 @@ const FileUploadEvents = [
description: "List of selected files."
}
]
},
{
name: "remove",
description: "Callback to invoke when a singe file is removed from the list.",
arguments: [
{
name: "event.file",
type: "object",
description: "Removed file."
},
{
name: "event.files",
type: "object",
description: "Remaining files to be uploaded."
}
]
}
];

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

@ -133,13 +133,13 @@ const GalleriaProps = [
},
{
name: "containerStyle",
type: "any",
type: "string",
default: "null",
description: "Inline style of the component on fullscreen mode. Otherwise, the 'style' property can be used."
},
{
name: "containerClass",
type: "any",
name: "galleriaClass",
type: "string",
default: "null",
description: "Style class of the component on fullscreen mode. Otherwise, the 'class' property can be used."
}

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

@ -1,40 +0,0 @@
const ImageProps = [
{
name: "preview",
type: "boolean",
default: "false",
description: "Controls the preview functionality."
}
];
const ImageEvents = [
{
name: "show",
description: "Triggered when the preview overlay is shown."
},
{
name: "hide",
description: "Triggered when the preview overlay is hidden."
},
{
name: "error",
description: "Triggered when an error occurs while loading an image file."
}
];
const ImageSlots = [
{
name: "indicator",
description: "Custom content for the preview indicator"
}
];
module.exports = {
image: {
name: "Image",
description: "Displays an image with preview and tranformation options.",
props: ImageProps,
events: ImageEvents,
slots: ImageSlots
}
};

60
api-generator/components/imagepreview.js Normal file
View File

@ -0,0 +1,60 @@
const ImagePreviewProps = [
{
name: "preview",
type: "boolean",
default: "false",
description: "Controls the preview functionality."
},
{
name: "imageStyle",
type: "any",
default: "null",
description: "Inline style of the image element."
},
{
name: "imageClass",
type: "string",
default: "null",
description: "Style class of the image element."
},
{
name: "className",
type: "string",
default: "null",
description: "Style class of the element."
},
{
name: "styles",
type: "any",
default: "null",
description: "Inline style of the element."
}
];
const ImagePreviewEvents = [
{
name: "show",
description: "Triggered when the preview overlay is shown."
},
{
name: "hide",
description: "Triggered when the preview overlay is hidden."
}
];
const ImagePreviewSlots = [
{
name: "indicator",
description: "Custom content for the preview indicator"
}
];
module.exports = {
imagepreview: {
name: "ImagePreview",
description: "Displays an image with preview and tranformation options.",
props: ImagePreviewProps,
events: ImagePreviewEvents,
slots: ImagePreviewSlots
}
};

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

@ -2,7 +2,7 @@ const InlineMessageProps = [
{
name: "severity",
type: "string",
default: "error",
default: "info",
description: 'Severity level of the message. Valid severities are "success", "info", "warn" and "error".'
}
];

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

@ -10,12 +10,6 @@ const InplaceProps = [
type: "boolean",
default: "false",
description: "Displays a button to switch back to display mode."
},
{
name: "diabled",
type: "boolean",
default: "false",
description: "When present, it specifies that the element should be disabled."
}
];

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

@ -1,10 +1,4 @@
const InputMaskProps = [
{
name: "modelValue",
type: "any",
default: "null",
description: "Value of the component."
},
{
name: "mask",
type: "string",

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

@ -1,6 +1,6 @@
const InputNumberProps = [
{
name: "modelValue",
name: "value",
type: "number",
default: "null",
description: "Value of the component."
@ -125,30 +125,6 @@ const InputNumberProps = [
default: "1",
description: "Step factor to increment/decrement the value."
},
{
name: "allowEmpty",
type: "boolean",
default: "true",
description: "Determines whether the input field is empty."
},
{
name: "readonly",
type: "boolean",
default: "false",
description: "When present, it specifies that an input field is read-only."
},
{
name: "placeholder",
type: "string",
default: "null",
description: "Placeholder text for the input."
},
{
name: "inputId",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
},
{
name: "inputStyle",
type: "any",
@ -160,24 +136,6 @@ const InputNumberProps = [
type: "string",
default: "null",
description: "Style class of the input field."
},
{
name: "inputProps",
type: "object",
default: "null",
description: "Uses 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."
},
{
name: "decrementButtonProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLButtonElement to decrement button inside the component."
}
];
@ -197,33 +155,6 @@ const InputNumberEvents = [
description: "New value"
}
]
},
{
name: "focus",
description: "Callback to invoke on focus of input field.",
arguments: [
{
name: "event",
type: "object",
description: "Focus event"
}
]
},
{
name: "blur",
description: "Callback to invoke on blur of input field.",
arguments: [
{
name: "event.originalEvent",
type: "object",
description: "Browser event"
},
{
name: "event.value",
type: "string",
description: "Input value"
}
]
}
];

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

@ -1,60 +1,103 @@
const InputSwitchProps = [
{
name: "modelValue",
name: "value",
type: "boolean",
default: "null",
description: "Specifies whether a inputswitch should be checked or not."
},
{
name: "inputId",
type: "string",
default: "null",
description: "Identifier of the input element."
},
{
name: "name",
type: "string",
default: "null",
description: "Name of the input element."
},
{
name: "disabled",
type: "boolean",
default: "false",
description: "When present, it specifies that the component should be disabled."
},
{
name: "ariaLabelledBy",
type: "string",
default: "null",
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
name: "trueValue",
type: "any",
default: "null",
default: "true",
description: "Value in checked state."
},
{
name: "falseValue",
type: "any",
default: "null",
default: "true",
description: "Value in unchecked state."
},
{
name: "inputId",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
},
{
name: "inputStyle",
type: "any",
default: "null",
description: "Inline style of the input field."
},
{
name: "inputClass",
type: "string",
default: "null",
description: "Style class of the input field."
},
{
name: "inputProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
}
];
const InputSwitchEvents = [
{
name: "click",
description: "Callback to invoke on click."
},
{
name: "change",
description: "Callback to invoke on value change."
description: "Callback to invoke on value change.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "input",
description: "Callback to invoke on value change."
description: "Checked state as a boolean.",
arguments: [
{
name: "event",
type: "object",
description: "New value"
}
]
},
{
name: "click",
description: "Callback to invoke click.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "focus",
description: "Callback to invoke on focus.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "blur",
description: "Callback to invoke on blur.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
}
];

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

@ -1,16 +1,6 @@
const InputTextProps = [
{
name: "modelValue",
type: "any",
default: "null",
description: "Value of the component."
}
];
module.exports = {
inputtext: {
name: "InputText",
description: "InputText renders a text field to enter data.",
props: InputTextProps
description: "InputText renders a text field to enter data."
}
};

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

@ -1,6 +1,6 @@
const KnobProps = [
{
name: "modelValue",
name: "value",
type: "number",
default: "null",
description: "Value of the component."
@ -76,24 +76,6 @@ const KnobProps = [
type: "string",
default: "{value}",
description: "Template string of the value."
},
{
name: "tabindex",
type: "number",
default: "null",
description: "Index of the element in tabbing order."
},
{
name: "aria-labelledby",
type: "string",
default: "null",
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
name: "aria-label",
type: "string",
default: "null",
description: "Used to define a string that labels the element."
}
];

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

@ -1,6 +1,6 @@
const ListboxProps = [
{
name: "modelValue",
name: "value",
type: "any",
default: "null",
description: "Value of the component."
@ -25,22 +25,10 @@ const ListboxProps = [
},
{
name: "optionDisabled",
type: "boolean | function",
type: "string | function",
default: "null",
description: "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined."
},
{
name: "optionGroupLabel",
type: "string | function",
default: "null",
description: "Property name or getter function to use as the label of an option group."
},
{
name: "optionGroupChildren",
type: "string | function",
default: "null",
description: "Property name or getter function that refers to the children options of option group."
},
{
name: "listStyle",
type: "string",
@ -89,83 +77,11 @@ const ListboxProps = [
default: "undefined",
description: "Locale to use in filtering. The default locale is the host environment's current locale."
},
{
name: "filterMatchMode",
type: "string",
default: "contains",
description: 'Defines the filtering algorithm to use when searching the options. Valid values are "contains" (default), "startsWith" and "endsWith"'
},
{
name: "filterFields",
type: "array",
default: "null",
description: "Fields used when filtering the options, defaults to optionLabel."
},
{
name: "filterInputProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLInputElement to the filter input inside the component."
},
{
name: "virtualScrollerOptions",
type: "object",
default: "null",
description: "Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it."
},
{
name: "autoOptionFocus",
type: "boolean",
default: "true",
description: "Whether to focus on the first visible or selected element."
},
{
name: "filterMessage",
type: "string",
default: "{0} results are available",
description: "Text to be displayed in hidden accessible field when filtering returns any results. Defaults to value from PrimeVue locale configuration."
},
{
name: "selectionMessage",
type: "string",
default: "{0} items selected",
description: "Text to be displayed in hidden accessible field when options are selected. Defaults to value from PrimeVue locale configuration."
},
{
name: "emptySelectionMessage",
type: "string",
default: "No selected item",
description: "Text to be displayed in hidden accessible field when any option is not selected. Defaults to value from PrimeVue locale configuration."
},
{
name: "emptyFilterMessage",
type: "string",
default: "No results found",
description: "Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration."
},
{
name: "emptyMessage",
type: "string",
default: "No results found",
description: "Text to display when there are no options available. Defaults to value from PrimeVue locale configuration."
},
{
name: "tabindex",
type: "number",
default: "0",
description: "Index of the element in tabbing order."
},
{
name: "aria-label",
type: "string",
default: "null",
description: "Defines a string value that labels an interactive element."
},
{
name: "aria-labelledby",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
}
];
@ -186,28 +102,6 @@ const ListboxEvents = [
}
]
},
{
name: "focus",
description: "Callback to invoke when component receives focus.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "blur",
description: "Callback to invoke when component loses focus.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "filter",
description: "Callback to invoke on filter input.",
@ -223,6 +117,17 @@ const ListboxEvents = [
description: "Filter value"
}
]
},
{
name: "input",
description: "Callback to invoke on value change.",
arguments: [
{
name: "value",
type: "any",
description: "New value"
}
]
}
];
@ -230,34 +135,6 @@ const ListboxSlots = [
{
name: "option",
description: "Custom content for the item's option"
},
{
name: "optiongroup",
description: "Custom content for the item's optiongroup"
},
{
name: "header",
description: "Custom content for the component's header"
},
{
name: "footer",
description: "Custom content for the component's footer"
},
{
name: "emptyfilter",
description: "Custom content when there is no filtered data to display"
},
{
name: "empty",
description: "Custom content when there is no data to display"
},
{
name: "content",
description: "Custom content for the virtual scroller"
},
{
name: "loader",
description: "Custom content for the virtual scroller loader items"
}
];

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

@ -1,6 +1,6 @@
const MegaMenuProps = [
{
name: "modelValue",
name: "value",
type: "array",
default: "null",
description: "An array of menuitems."
@ -27,10 +27,6 @@ const MegaMenuSlots = [
{
name: "end",
description: "Custom content after the content"
},
{
name: "item",
description: "Template of a menuitem."
}
];

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

@ -14,8 +14,8 @@ const MenuProps = [
{
name: "appendTo",
type: "string",
default: "body",
description: "A valid query selector or an HTMLElement to specify where the overlay gets attached."
default: "null",
description: 'Id of the element or "body" for document where the overlay should be appended to.'
},
{
name: "baseZIndex",
@ -37,30 +37,10 @@ const MenuProps = [
}
];
const MenuEvents = [
{
name: "show",
description: "Callback to invoke when the overlay is shown."
},
{
name: "hide",
description: "Callback to invoke when the overlay is hidden."
}
];
const MenuSlots = [
{
name: "item",
description: "Template of a menuitem."
}
];
module.exports = {
menu: {
name: "Menu",
description: "Menu is a navigation / command component that supports dynamic and static positioning.",
props: MenuProps,
events: MenuEvents,
slots: MenuSlots
props: MenuProps
}
};

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

@ -1,6 +1,6 @@
const MenubarProps = [
{
name: "modelValue",
name: "value",
type: "array",
default: "null",
description: "An array of menuitems."
@ -21,10 +21,6 @@ const MenubarSlots = [
{
name: "end",
description: "Custom content after the content"
},
{
name: "item",
description: "Template of a menuitem."
}
];

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

@ -1,6 +1,6 @@
const MultiSelectProps = [
{
name: "modelValue",
name: "value",
type: "any",
default: "null",
description: "Value of the component."
@ -13,7 +13,7 @@ const MultiSelectProps = [
},
{
name: "optionLabel",
type: "string",
type: "string | function",
default: "null",
description: "Property name or getter function to use as the label of an option."
},
@ -25,87 +25,15 @@ const MultiSelectProps = [
},
{
name: "optionDisabled",
type: "boolean | function",
type: "string | function",
default: "null",
description: "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined."
},
{
name: "optionGroupLabel",
type: "string | function",
default: "null",
description: "Property name or getter function to use as the label of an option group."
},
{
name: "optionGroupChildren",
type: "string | function",
default: "null",
description: "Property name or getter function that refers to the children options of option group."
},
{
name: "scrollHeight",
type: "string",
default: "200px",
description: "Height of the viewport, a scrollbar is defined if height of list exceeds this value."
},
{
name: "placeholder",
type: "string",
default: "null",
description: "Label to display when there are no selections."
},
{
name: "disabled",
type: "boolean",
default: "false",
description: "When present, it specifies that the component should be disabled."
},
{
name: "inputId",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
},
{
name: "inputProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
name: "panelStyle",
type: "object",
default: "null",
description: "Inline style of the overlay panel."
},
{
name: "panelClass",
type: "string",
default: "null",
description: "Style class of the overlay panel."
},
{
name: "panelProps",
type: "object",
default: "null",
description: "Uses 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."
},
{
name: "closeButtonProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLButtonElement to the close button inside the overlay panel."
},
{
name: "dataKey",
type: "string",
default: "null",
description: "A property to uniquely identify an option."
description: "Height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value."
},
{
name: "filter",
@ -126,22 +54,52 @@ const MultiSelectProps = [
description: "Locale to use in filtering. The default locale is the host environment's current locale."
},
{
name: "filterMatchMode",
name: "placeholder",
type: "string",
default: "contains",
description: 'Defines the filtering algorithm to use when searching the options. Valid values are "contains" (default), "startsWith" and "endsWith"'
default: "null",
description: "Label to display when there are no selections."
},
{
name: "filterFields",
type: "array",
name: "disabled",
type: "boolean",
default: "false",
description: "When present, it specifies that the component should be disabled."
},
{
name: "tabindex",
type: "string",
default: "null",
description: "Fields used when filtering the options, defaults to optionLabel."
description: "Index of the element in tabbing order."
},
{
name: "inputId",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
},
{
name: "dataKey",
type: "string",
default: "null",
description: "A property to uniquely identify an option."
},
{
name: "ariaLabelledBy",
type: "string",
default: "null",
description: 'A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.'
},
{
name: "emptyFilterMessage",
type: "string",
default: "No results found",
description: "Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration."
},
{
name: "appendTo",
type: "string",
default: "body",
description: "A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself."
default: "null",
description: 'Id of the element or "body" for document where the overlay should be appended to.'
},
{
name: "display",
@ -149,18 +107,6 @@ const MultiSelectProps = [
default: "comma",
description: 'Defines how the selected items are displayed, valid values are "comma" and "chip".'
},
{
name: "selectedItemsLabel",
type: "string",
default: "{0} items selected",
description: "Label to display after exceeding max selected labels."
},
{
name: "maxSelectedLabels",
type: "number",
default: "null",
description: "Decides how many selected item labels to show at most."
},
{
name: "selectionLimit",
type: "number",
@ -170,92 +116,8 @@ const MultiSelectProps = [
{
name: "showToggleAll",
type: "boolean",
default: "false",
description: "Whether to show the header checkbox to toggle the selection of all items at once."
},
{
name: "loading",
type: "boolean",
default: "false",
description: "Whether the multiselect is in loading state."
},
{
name: "loadingIcon",
type: "string",
default: "pi pi-spinner pi-spin",
description: "Icon to display in loading state."
},
{
name: "selectAll",
type: "boolean",
default: "false",
description: "Whether all data is selected."
},
{
name: "resetFilterOnHide",
type: "boolean",
default: "false",
description: "Clears the filter value when hiding the dropdown."
},
{
name: "virtualScrollerOptions",
type: "object",
default: "null",
description: "Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it."
},
{
name: "autoOptionFocus",
type: "boolean",
default: "true",
description: "Whether to focus on the first visible or selected element when the overlay panel is shown."
},
{
name: "filterMessage",
type: "string",
default: "{0} results are available",
description: "Text to be displayed in hidden accessible field when filtering returns any results. Defaults to value from PrimeVue locale configuration."
},
{
name: "selectionMessage",
type: "string",
default: "{0} items selected",
description: "Text to be displayed in hidden accessible field when options are selected. Defaults to value from PrimeVue locale configuration."
},
{
name: "emptySelectionMessage",
type: "string",
default: "No selected item",
description: "Text to be displayed in hidden accessible field when any option is not selected. Defaults to value from PrimeVue locale configuration."
},
{
name: "emptyFilterMessage",
type: "string",
default: "No results found",
description: "Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration."
},
{
name: "emptyMessage",
type: "string",
default: "No results found",
description: "Text to display when there are no options available. Defaults to value from PrimeVue locale configuration."
},
{
name: "tabindex",
type: "number",
default: "0",
description: "Index of the element in tabbing order."
},
{
name: "aria-label",
type: "string",
default: "null",
description: "Defines a string value that labels an interactive element."
},
{
name: "aria-labelledby",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
description: "Whether to show the header checkbox to toggle the selection of all items at once."
}
];
@ -276,28 +138,6 @@ const MultiSelectEvents = [
}
]
},
{
name: "focus",
description: "Callback to invoke when component receives focus.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "blur",
description: "Callback to invoke when component loses focus.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "before-show",
description: "Callback to invoke before the overlay is shown."
@ -331,67 +171,30 @@ const MultiSelectEvents = [
]
},
{
name: "selectall-change",
description: "Callback to invoke when all data is selected.",
name: "input",
description: "Callback to invoke on value change.",
arguments: [
{
name: "event.originalEvent",
type: "object",
description: "Browser event"
},
{
name: "event.checked",
type: "boolean",
description: "Whether all data is selected."
name: "value",
type: "any",
description: "New value"
}
]
}
];
const MultiSelectSlots = [
{
name: "value",
description: "Custom content for the item value"
},
{
name: "chip",
description: "Custom content for the chip display."
},
{
name: "indicator",
description: "Custom content for the dropdown indicator"
},
{
name: "header",
description: "Custom content for the component's header"
},
{
name: "footer",
description: "Custom content for the component's footer"
},
{
name: "option",
description: "Custom content for the item's option"
},
{
name: "optiongroup",
description: "Custom content for the item's optiongroup"
name: "value",
description: "Custom content for the item value"
},
{
name: "emptyfilter",
description: "Custom content when there is no filtered data to display"
},
{
name: "empty",
description: "Custom content when there is no data to display"
},
{
name: "content",
description: "Custom content for the virtual scroller"
},
{
name: "loader",
description: "Custom content for the virtual scroller loader items"
name: "indicator",
description: "Custom content for the multiselect indicator"
}
];

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

@ -1,6 +1,6 @@
const OrderListProps = [
{
name: "modelValue",
name: "value",
type: "array",
default: "null",
description: "Value of the component."
@ -29,18 +29,6 @@ const OrderListProps = [
default: "null",
description: "Inline style of the the list element."
},
{
name: "responsive",
type: "boolean",
default: "true",
description: "Whether the list optimizes layout based on screen size."
},
{
name: "breakpoint",
type: "string",
default: "960px",
description: "The breakpoint to define the maximum width boundary when responsiveness is enabled."
},
{
name: "stripedRows",
type: "boolean",
@ -71,22 +59,6 @@ const OrderListEvents = [
'Direction of the change; "up", "down", "bottom", "top"'
}
]
},
{
name: "selection-change",
description: "Callback to invoke when selection changes.",
arguments: [
{
name: "event.originalEvent",
type: "object",
description: "Browser event"
},
{
name: "event.value",
type: "array",
description: "Ordered list"
}
]
}
];

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

@ -14,8 +14,8 @@ const OverlayPanelProps = [
{
name: "appendTo",
type: "string",
default: "body",
description: "A valid query selector or an HTMLElement to specify where the overlay gets attached."
default: "null",
description: 'Id of the element or "body" for document where the overlay should be appended to.'
},
{
name: "baseZIndex",
@ -34,31 +34,13 @@ const OverlayPanelProps = [
type: "string",
default: "close",
description: "Aria label of the close icon."
},
{
name: "breakpoints",
type: "object",
default: "null",
description: "Object literal to define widths per screen size."
}
];
const OverlayPanelEvents = [
{
name: "show",
description: "Callback to invoke before the overlay is shown."
},
{
name: "hide",
description: "Callback to invoke before the overlay is hidden."
},
];
module.exports = {
overlaypanel: {
name: "OverlayPanel",
description: "OverlayPanel is a container component positioned as connected to its target.",
props: OverlayPanelProps,
events: OverlayPanelEvents
props: OverlayPanelProps
}
};

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

@ -80,11 +80,11 @@ const PaginatorEvents = [
const PaginatorSlots = [
{
name: "left",
name: "start",
description: "Custom content for the component's left side"
},
{
name: "right",
name: "end",
description: "Custom content for the component's right side"
}
];

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

@ -5,12 +5,6 @@ const PanelMenuProps = [
default: "null",
description: "An array of menuitems."
},
{
name: "expandedKeys",
type: "object",
default: "null",
description: "A map of keys to represent the expansion state in controlled mode."
},
{
name: "exact",
type: "boolean",
@ -19,18 +13,10 @@ const PanelMenuProps = [
}
];
const PanelMenuSlots = [
{
name: "item",
description: "Template of a menuitem."
}
];
module.exports = {
panelmenu: {
name: "PanelMenu",
description: "PanelMenu is a hybrid of Accordion and Tree components",
props: PanelMenuProps,
slots: PanelMenuSlots
props: PanelMenuProps
}
};

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

@ -1,16 +1,10 @@
const PasswordProps = [
{
name: "modelValue",
name: "value",
type: "any",
default: "null",
description: "Value of the component."
},
{
name: "inputId",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
},
{
name: "promptLabel",
type: "string",
@ -62,8 +56,20 @@ const PasswordProps = [
{
name: "appendTo",
type: "string",
default: "body",
description: 'A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.'
default: "null",
description: 'Id of the element or "body" for document where the overlay should be appended to.'
},
{
name: "inputStyle",
type: "any",
default: "null",
description: "Inline style of the input field."
},
{
name: "inputClass",
type: "string",
default: "null",
description: "Style class of the input field."
},
{
name: "hideIcon",
@ -76,60 +82,6 @@ const PasswordProps = [
type: "string",
default: "pi pi-eye",
description: "Icon to show displaying the password as plain text."
},
{
name: "placeholder",
type: "string",
default: "null",
description: "Placeholder text for the input."
},
{
name: "inputId",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
},
{
name: "inputStyle",
type: "any",
default: "null",
description: "Inline style of the input field."
},
{
name: "inputClass",
type: "any",
default: "null",
description: "Style class of the input field."
},
{
name: "inputProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
name: "panelId",
type: "string",
default: "null",
description: "Identifier of the underlying overlay panel element."
},
{
name: "panelClass",
type: "string",
default: "null",
description: "Style class of the overlay panel."
},
{
name: "panelStyle",
type: "string",
default: "null",
description: "Inline style of the overlay panel."
},
{
name: "panelProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component."
}
];

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

@ -1,6 +1,6 @@
const PickListProps = [
{
name: "modelValue",
name: "value",
type: "array",
default: "null",
description: "Value of the component as a multidimensional array."
@ -29,35 +29,11 @@ const PickListProps = [
default: "null",
description: "Inline style of the the list element."
},
{
name: "responsive",
type: "boolean",
default: "true",
description: "Whether the list optimizes layout based on screen size."
},
{
name: "breakpoint",
type: "string",
default: "960px",
description: "The breakpoint to define the maximum width boundary when responsiveness is enabled."
},
{
name: "stripedRows",
type: "boolean",
default: "false",
description: "Whether to displays rows with alternating colors."
},
{
name: "showSourceControls",
type: "boolean",
default: "true",
description: "Whether to show buttons of source list."
},
{
name: "showTargetControls",
type: "boolean",
default: "true",
description: "Whether to show buttons of target list."
}
];
@ -151,22 +127,6 @@ const PickListEvents = [
description: "Moved items"
}
]
},
{
name: "selection-change",
description: "Callback to invoke when one or more items are moved to the other list.",
arguments: [
{
name: "event.originalEvent",
type: "object",
description: "Browser event"
},
{
name: "event.value",
type: "array",
description: "Selected items"
}
]
}
];

28
api-generator/components/portal.js
View File

@ -1,28 +0,0 @@
const PortalProps = [
{
name: "appendTo",
type: "string",
default: "body",
description: 'A valid query selector or an HTMLElement to specify where the dialog gets attached. Special keywords are "body" for document body and "self" for the element itself.'
},
{
name: "disabled",
type: "boolean",
default: "false",
description: "If disabled, the Portal feature is eliminated and the content is displayed directly."
}
];
const PortalEvents = [];
const PortalSlots = [];
module.exports = {
portal: {
name: "Portal",
description: "Portal moves its container to a specific location based on target elements. Basically it uses <Teleport> in the background.",
props: PortalProps,
events: PortalEvents,
slots: PortalSlots
}
};

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

@ -4,67 +4,13 @@ const RadioButtonProps = [
type: "any",
default: "null",
description: "Value of the checkbox."
},
{
name: "modelValue",
type: "any",
default: "null",
description: "Value binding of the checkbox."
},
{
name: "name",
type: "string",
default: "null",
description: "Name of the input element."
},
{
name: "disabled",
type: "boolean",
default: "false",
description: "When present, it specifies that the element should be disabled."
},
{
name: "inputId",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
},
{
name: "inputClass",
type: "string",
default: "null",
description: "Style class of the input field."
},
{
name: "inputStyle",
type: "any",
default: "null",
description: "Inline style of the input field."
},
{
name: "inputProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
name: "aria-labelledby",
type: "string",
default: "null",
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
name: "aria-label",
type: "string",
default: "null",
description: "Used to define a string that labels the element."
}
];
const RadioButtonEvents = [
{
name: "click",
description: "Callback to invoke on radio button click.",
name: "change",
description: "Callback to invoke on value change.",
arguments: [
{
name: "event",
@ -74,8 +20,41 @@ const RadioButtonEvents = [
]
},
{
name: "change",
description: "Callback to invoke on radio button value change.",
name: "input",
description: "Callback to invoke on value change.",
arguments: [
{
name: "event",
type: "object",
description: "Value of checkbox"
}
]
},
{
name: "click",
description: "Callback to invoke click.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "focus",
description: "Callback to invoke on focus.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "blur",
description: "Callback to invoke on blur.",
arguments: [
{
name: "event",

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

@ -1,6 +1,6 @@
const RatingProps = [
{
name: "modelValue",
name: "value",
type: "number",
default: "null",
description: "Value of the rating."
@ -47,6 +47,17 @@ const RatingEvents = [
description: "Selected option value"
}
]
},
{
name: "input",
description: "Callback to invoke on value change.",
arguments: [
{
name: "value",
type: "number",
description: "New value"
}
]
}
];

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

@ -1,6 +1,6 @@
const SelectButtonProps = [
{
name: "modelValue",
name: "value",
type: "any",
default: "null",
description: "Value of the component."
@ -13,19 +13,19 @@ const SelectButtonProps = [
},
{
name: "optionLabel",
type: "string",
type: "string | function",
default: "null",
description: "Property name or getter function to use as the label of an option."
},
{
name: "optionValue",
type: "string",
type: "string | function",
default: "null",
description: "Property name or getter function to use as the value of an option, defaults to the option itself when not defined."
},
{
name: "optionDisabled",
type: "boolean",
type: "string | function",
default: "null",
description: "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined."
},
@ -48,32 +48,21 @@ const SelectButtonProps = [
description: "A property to uniquely identify an option."
},
{
name: "unselectable",
type: "boolean",
default: "true",
description: "Whether selection can be cleared."
},
{
name: "aria-labelledby",
name: "ariaLabelledBy",
type: "string",
default: "null",
description: "Identifier of the underlying element."
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
}
];
const SelectButtonEvents = [
{
name: "change",
name: "input",
description: "Callback to invoke on value change.",
arguments: [
{
name: "event.originalEvent",
name: "event",
type: "object",
description: "Browser event"
},
{
name: "event.value",
type: "any",
description: "Single value or an array of values that are selected."
}
]

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

@ -60,19 +60,11 @@ const SidebarEvents = [
}
];
const SidebarSlots = [
{
name: "header",
description: "Custom content for the component header."
}
];
module.exports = {
sidebar: {
name: "Sidebar",
description: "Sidebar is a panel component displayed as an overlay at the edges of the screen.",
props: SidebarProps,
events: SidebarEvents,
slots: SidebarSlots
events: SidebarEvents
}
};

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

@ -1,6 +1,6 @@
const SliderProps = [
{
name: "modelValue",
name: "value",
type: "number",
default: "0",
description: "Value of the component."
@ -42,22 +42,10 @@ const SliderProps = [
description: "When present, it specifies that the component should be disabled."
},
{
name: "tabindex",
type: "number",
default: "null",
description: "Index of the element in tabbing order."
},
{
name: "aria-labelledby",
name: "ariaLabelledBy",
type: "string",
default: "null",
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
name: "aria-label",
type: "string",
default: "null",
description: "Used to define a string that labels the element."
}
];
@ -88,6 +76,17 @@ const SliderEvents = [
description: "New value."
}
]
},
{
name: "input",
description: "Callback to invoke on value change.",
arguments: [
{
name: "value",
type: "number | any[]",
description: "New value"
}
]
}
];

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

@ -90,16 +90,16 @@ const SpeedDialProps = [
description: "Defined to rotate showIcon when hideIcon is not present."
},
{
name: "class",
type: "object",
name: "className",
type: "string",
default: "null",
description: "Style class of the element."
},
{
name: "style",
name: "styles",
type: "any",
default: "null",
description: "Style class of the element."
description: "Inline style of the element."
},
{
name: "tooltipOptions",
@ -150,4 +150,4 @@ module.exports = {
events: SpeedDialEvents,
slots: SpeedDialSlots
}
}
}

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

@ -32,20 +32,8 @@ const SplitButtonProps = [
{
name: "appendTo",
type: "string",
default: "body",
description: "A valid query selector or an HTMLElement to specify where the overlay gets attached."
},
{
name: "class",
type: "string",
default: "null",
description: "Style class of the component."
},
{
name: "style",
type: "any",
default: "null",
description: "Inline of the component."
description: 'Id of the element or "body" for document where the overlay should be appended to.'
}
];

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

@ -25,18 +25,10 @@ const StepsProps = [
}
];
const StepsSlots = [
{
name: "item",
description: "Template of a menuitem."
}
];
module.exports = {
steps: {
name: "steps",
description: "Steps components is an indicator for the steps in a wizard workflow.",
props: StepsProps,
slots: StepsSlots
props: StepsProps
}
};

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

@ -5,12 +5,6 @@ const TabMenuProps = [
default: "null",
description: "An array of menuitems."
},
{
name: "exact",
type: "boolean",
default: "true",
description: "Defines if active route highlight should match the exact route path."
},
{
name: "activeIndex",
type: "number",
@ -19,38 +13,10 @@ const TabMenuProps = [
}
];
const TabMenuEvents = [
{
name: "tab-change",
description: "Callback to invoke when an active tab is changed.",
arguments: [
{
name: "event.originalEvent",
type: "object",
description: "Original event"
},
{
name: "event.index",
type: "number",
description: "Index of the selected tab"
}
]
}
];
const TabMenuSlots = [
{
name: "item",
description: "Template of a menuitem."
}
];
module.exports = {
tabmenu: {
name: "TabMenu",
description: "TabMenu is a navigation component that displays items as tab headers.",
props: TabMenuProps,
events: TabMenuEvents,
slots: TabMenuSlots
props: TabMenuProps
}
};

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

@ -13,47 +13,11 @@ const TabPanelProps = [
}
];
const TabPanelEvents = [
{
name: "tab-change",
description: "Callback to invoke when an active tab is changed.",
arguments: [
{
name: "event.originalEvent",
type: "object",
description: "Original event"
},
{
name: "event.index",
type: "number",
description: "Index of the selected tab"
}
]
},
{
name: "tab-click",
description: "Callback to invoke when an active tab is clicked.",
arguments: [
{
name: "event.originalEvent",
type: "object",
description: "Original event"
},
{
name: "event.index",
type: "number",
description: "Index of the selected tab"
}
]
}
];
module.exports = {
tabpanel: {
name: "TabPanel",
description: "TabView element consists of one or more TabPanel elements.",
"doc-url": "tabview",
props: TabPanelProps,
events: TabPanelEvents
props: TabPanelProps
}
};

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

@ -5,12 +5,6 @@ const TabViewProps = [
default: "0",
description: "Index of the active tab."
},
{
name: "lazy",
type: "boolean",
default: "false",
description: "When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css."
},
{
name: "scrollable",
type: "boolean",
@ -19,10 +13,46 @@ const TabViewProps = [
}
];
const TabViewEvents = [
{
name: "tab-change",
description: "Callback to invoke when an active tab is changed.",
arguments: [
{
name: "event.originalEvent",
type: "object",
description: "Original event"
},
{
name: "event.index",
type: "number",
description: "Index of the selected tab"
}
]
},
{
name: "tab-click",
description: "Callback to invoke when an active tab is clicked.",
arguments: [
{
name: "event.originalEvent",
type: "object",
description: "Original event"
},
{
name: "event.index",
type: "number",
description: "Index of the selected tab"
}
]
}
];
module.exports = {
tabview: {
name: "TabView",
description: "TabView is a container component to group content with tabs.",
props: TabViewProps
props: TabViewProps,
events: TabViewEvents
}
};

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

@ -1,6 +1,6 @@
const TextareaProps = [
{
name: "modelValue",
name: "value",
type: "any",
default: "null",
description: "Value of the component."

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

@ -14,8 +14,8 @@ const TieredMenuProps = [
{
name: "appendTo",
type: "string",
default: "body",
description: "A valid query selector or an HTMLElement to specify where the overlay gets attached."
default: "null",
description: 'Id of the element or "body" for document where the overlay should be appended to.'
},
{
name: "baseZIndex",
@ -37,18 +37,10 @@ const TieredMenuProps = [
}
];
const TieredMenuSlots = [
{
name: "item",
description: "Template of a menuitem."
}
];
module.exports = {
tieredmenu: {
name: "TieredMenu",
description: "TieredMenu displays submenus in nested overlays.",
props: TieredMenuProps,
slots: TieredMenuSlots
props: TieredMenuProps
}
};

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

@ -9,7 +9,7 @@ const TimelineProps = [
name: "align",
type: "string",
default: "left",
description: 'Position of the timeline bar relative to the content. Valid values are "left", "right" and "alternate" for vertical layout and "top", "bottom" for horizontal layout.'
description: 'Position of the timeline bar relative to the content. Valid values are "left", "right" for vertical layout and "top", "bottom" for horizontal layout.'
},
{
name: "layout",
@ -37,10 +37,6 @@ const TimelineSlots = [
{
name: "content",
description: "Custom content"
},
{
name: "connector",
description: "Connector element"
}
];

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

@ -9,7 +9,7 @@ const ToastProps = [
name: "position",
type: "string",
default: "top-right",
description: 'Position of the toast in viewport. Other valid values are "top-left", "top-center", "bottom-left", "bottom-center", "bottom-right" and "center".'
description: 'Position of the toast in viewport. Other valid values are "top-left", "top-center", "bottom-left", "botton-center", "bottom-right" and "center".'
},
{
name: "autoZIndex",
@ -27,14 +27,14 @@ const ToastProps = [
name: "breakpoints",
type: "object",
default: "null",
description: "Object literal to define widths per screen size."
description: "Object literal to define styles per screen size."
}
];
const ToastSlots = [
{
name: "message",
description: "Custom content for the toast message"
description: "Custom content for the component."
}
];

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

@ -1,6 +1,6 @@
const ToggleButtonProps = [
{
name: "modelValue",
name: "value",
type: "any",
default: "null",
description: "Value of the component."
@ -36,40 +36,10 @@ const ToggleButtonProps = [
description: 'Position of the icon, valid values are "left" and "right".'
},
{
name: "tabindex",
type: "number",
default: "null",
description: "Index of the element in tabbing order."
},
{
name: "disabled",
type: "boolean",
default: "false",
description: "When present, it specifies that the element should be disabled."
},
{
name: "inputId",
name: "ariaLabelledBy",
type: "string",
default: "null",
description: "Identifier of the focus input to match a label defined for the chips."
},
{
name: "inputClass",
type: "string",
default: "null",
description: "Style class of the input field."
},
{
name: "inputStyle",
type: "any",
default: "null",
description: "Inline style of the input field."
},
{
name: "inputProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
}
];
@ -85,9 +55,31 @@ const ToggleButtonEvents = [
}
]
},
{
name: "input",
description: "Callback to invoke on value change.",
arguments: [
{
name: "event",
type: "object",
description: "Value as the checked state."
}
]
},
{
name: "click",
description: "Callback to invoke click.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "focus",
description: "Callback to invoke when the component receives focus.",
description: "Callback to invoke on focus.",
arguments: [
{
name: "event",
@ -98,7 +90,7 @@ const ToggleButtonEvents = [
},
{
name: "blur",
description: "Callback to invoke when the component loses focus.",
description: "Callback to invoke on blur.",
arguments: [
{
name: "event",

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

@ -9,7 +9,7 @@ const TreeProps = [
name: "expandedKeys",
type: "array",
default: "null",
description: "A map of keys to represent the expansion state in controlled mode."
description: "A map of keys to represent the state of the tree expansion state in controlled mode."
},
{
name: "selectionMode",
@ -70,12 +70,6 @@ const TreeProps = [
type: "string",
default: "undefined",
description: "Locale to use in filtering. The default locale is the host environment's current locale."
},
{
name: "scrollHeight",
type: "string",
default: "null",
description: 'Height of the scroll viewport in fixed units or the "flex" keyword for a dynamic size.'
}
];

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

@ -1,211 +0,0 @@
const TreeSelectProps = [
{
name: "modelValue",
type: "any",
default: "null",
description: "Value of the component."
},
{
name: "options",
type: "array",
default: "null",
description: "An array of treenodes."
},
{
name: "scrollHeight",
type: "string",
default: "200px",
description: "Height of the viewport, a scrollbar is defined if height of list exceeds this value."
},
{
name: "placeholder",
type: "string",
default: "null",
description: "Label to display when there are no selections."
},
{
name: "disabled",
type: "boolean",
default: "false",
description: "When present, it specifies that the component should be disabled."
},
{
name: "tabindex",
type: "string",
default: "null",
description: "Index of the element in tabbing order."
},
{
name: "inputId",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
},
{
name: "inputStyle",
type: "any",
default: "null",
description: "Inline style of the input field."
},
{
name: "inputClass",
type: "string",
default: "null",
description: "Style class of the input field."
},
{
name: "selectionMode",
type: "string",
default: "null",
description: 'Defines the selection mode, valid values "single", "multiple", and "checkbox".'
},
{
name: "panelClass",
type: "string",
default: "null",
description: "Style class of the overlay panel."
},
{
name: "appendTo",
type: "string",
default: "body",
description: 'A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.'
},
{
name: "emptyMessage",
type: "string",
default: "No results found",
description: "Text to display when there are no options available. Defaults to value from PrimeVue locale configuration."
},
{
name: "display",
type: "string",
default: "comma",
description: 'Defines how the selected items are displayed, valid values are "comma" and "chip".'
},
{
name: "metaKeySelection",
type: "boolean",
default: "true",
description: "Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically."
},
{
name: "aria-labelledby",
type: "string",
default: "null",
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
name: "aria-label",
type: "string",
default: "null",
description: "Used to define a string that labels the element."
}
];
const TreeSelectEvents = [
{
name: "change",
description: "Callback to invoke on value change.",
arguments: [
{
name: "event",
type: "object",
description: "Selected node keys"
}
]
},
{
name: "before-show",
description: "Callback to invoke before the overlay is shown."
},
{
name: "before-hide",
description: "Callback to invoke before the overlay is hidden."
},
{
name: "show",
description: "Callback to invoke when the overlay is shown."
},
{
name: "hide",
description: "Callback to invoke when the overlay is hidden."
},
{
name: "node-select",
description: "Callback to invoke when a node is selected.",
arguments: [
{
name: "node",
type: "object",
description: "Node instance"
}
]
},
{
name: "node-unselect",
description: "Callback to invoke when a node is unselected.",
arguments: [
{
name: "node",
type: "object",
description: "Node instance"
}
]
},
{
name: "node-expand",
description: "Callback to invoke when a node is expanded.",
arguments: [
{
name: "node",
type: "object",
description: "Node instance"
}
]
},
{
name: "node-collapse",
description: "Callback to invoke when a node is collapsed.",
arguments: [
{
name: "node",
type: "object",
description: "Node instance"
}
]
}
];
const TreeSelectSlots = [
{
name: "value",
description: "Custom content for the item's value"
},
{
name: "header",
description: "Custom content for the component's header"
},
{
name: "footer",
description: "Custom content for the component's footer"
},
{
name: "empty",
description: "Custom content when there is no data to display"
},
{
name: "indicator",
description: "Custom content for the dropdown indicator"
}
];
module.exports = {
treeselect: {
name: "TreeSelect",
description: "TreeSelect is a form component to choose from hierarchical data.",
props: TreeSelectProps,
events: TreeSelectEvents,
slots: TreeSelectSlots
}
};

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

@ -196,30 +196,6 @@ const TreeTableProps = [
type: "boolean",
default: "false",
description: "Whether to show grid lines between cells."
},
{
name: "scrollable",
type: "boolean",
default: "false",
description: "When specified, enables horizontal and/or vertical scrolling."
},
{
name: "scrollDirection",
type: "string",
default: "vertical",
description: 'Orientation of the scrolling, options are "vertical", "horizontal" and "both".'
},
{
name: "scrollHeight",
type: "string",
default: "null",
description: 'Height of the scroll viewport in fixed units or the "flex" keyword for a dynamic size.'
},
{
name: "responsiveLayout",
type: "string",
default: "null",
description: 'Defines the responsive mode, currently only option is scroll.'
}
];

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

@ -1,45 +1,73 @@
const TriStateCheckboxProps = [
{
name: "modelValue",
name: "value",
type: "boolean",
default: "null",
description: "Value of the component."
},
{
name: "disabled",
type: "boolean",
default: "false",
description: "When present, it specifies that the component should be disabled."
},
{
name: "tabindex",
type: "string",
default: "null",
description: "Index of the element in tabbing order."
},
{
name: "inputId",
type: "string",
default: "null",
description: "Identifier of the underlying input element."
},
{
name: "inputProps",
type: "object",
default: "null",
description: "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
name: "aria-labelledby",
name: "ariaLabelledBy",
type: "string",
default: "null",
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
}
];
const TriStateCheckboxEvents = [
{
name: "change",
description: "Callback to invoke on value change.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "aria-label",
type: "string",
default: "null",
description: "Used to define a string that labels the element."
name: "input",
description: "Callback to invoke click.",
arguments: [
{
name: "event",
type: "object",
description: "Value of checkbox"
}
]
},
{
name: "click",
description: "Callback to invoke click.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "focus",
description: "Callback to invoke on focus.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
},
{
name: "blur",
description: "Callback to invoke on blur.",
arguments: [
{
name: "event",
type: "object",
description: "Browser event"
}
]
}
];
@ -47,6 +75,7 @@ module.exports = {
tristatecheckbox: {
name: "TriStateCheckbox",
description: 'TriStateCheckbox is used to select either "true", "false" or "null" as the value.',
props: TriStateCheckboxProps
props: TriStateCheckboxProps,
events: TriStateCheckboxEvents
}
};

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

@ -1,175 +0,0 @@
const VirtualScrollerProps = [
{
name: "id",
type: "string",
default: "null",
description: "Unique identifier of the element."
},
{
name: "style",
type: "any",
default: "null",
description: "Inline style of the component."
},
{
name: "class",
type: "string",
default: "null",
description: "Style class of the component."
},
{
name: "items",
type: "array",
default: "null",
description: "An array of objects to display."
},
{
name: "itemSize",
type: "number|array",
default: "null",
description: "The height/width of item according to orientation."
},
{
name: "scrollHeight",
type: "string",
default: "null",
description: "Height of the scroll viewport."
},
{
name: "scrollWidth",
type: "string",
default: "null",
description: "Width of the scroll viewport."
},
{
name: "orientation",
type: "string",
default: "vertical",
description: "The orientation of scrollbar, valid values are 'vertical', 'horizontal' and 'both'."
},
{
name: "numToleratedItems",
type: "number",
default: "null",
description: "Determines how many additional elements to add to the DOM outside of the view. According to the scrolls made up and down, extra items are added in a certain algorithm in the form of multiples of this number. Default value is half the number of items shown in the view."
},
{
name: "delay",
type: "number",
default: "0",
description: "Delay in scroll before new data is loaded."
},
{
name: "lazy",
type: "boolean",
default: "false",
description: "Defines if data is loaded and interacted with in lazy manner."
},
{
name: "disabled",
type: "boolean",
default: "false",
description: "If disabled, the VirtualScroller feature is eliminated and the content is displayed directly."
},
{
name: "loaderDisabled",
type: "boolean",
default: "false",
description: "Used to implement a custom loader instead of using the loader feature in the VirtualScroller."
},
{
name: "loading",
type: "boolean",
default: "false",
description: "Whether the data is loaded."
},
{
name: "showSpacer",
type: "boolean",
default: "true",
description: "Used to implement a custom spacer instead of using the spacer feature in the VirtualScroller."
},
{
name: "showLoader",
type: "boolean",
default: "false",
description: "Whether to show loader."
},
{
name: "tabindex",
type: "number|string",
default: "0",
description: "Index of the element in tabbing order."
}
];
const VirtualScrollerEvents = [
{
name: "scroll",
description: "Callback to invoke when scroll position changes.",
arguments: [
{
name: "event",
type: "any",
description: "Browser event."
}
]
},
{
name: "scroll-index-change",
description: "Callback to invoke when scroll position and item's range in view changes.",
arguments: [
{
name: "event.first",
type: "number",
description: "First index of the new data range to be loaded."
},
{
name: "event.last",
type: "number",
description: "Last index of the new data range to be loaded."
}
]
},
{
name: "lazy-load",
description: "Callback to invoke in lazy mode to load new data.",
arguments: [
{
name: "event.first",
type: "number",
description: "First index of the new data range to be loaded."
},
{
name: "event.last",
type: "number",
description: "Last index of the new data range to be loaded."
}
]
}
];
const VirtualScrollerSlots = [
{
name: "item",
description: "Content for the item"
},
{
name: "content",
description: "Custom content for the component"
},
{
name: "loader",
description: "Custom content for the loader items"
}
];
module.exports = {
virtualscroller: {
name: "VirtualScroller",
description: "VirtualScroller is a performant approach to handle huge data efficiently.",
props: VirtualScrollerProps,
events: VirtualScrollerEvents,
slots: VirtualScrollerSlots
}
};

2
babel.config.js
View File

@ -1,5 +1,5 @@
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
'@vue/app'
]
}

109
build-lib.js Normal file
View File

@ -0,0 +1,109 @@
const fs = require('fs-extra');
const path = require('path');
const Service = require('@vue/cli-service/lib/Service');
const service = new Service(process.env.VUE_CLI_CONTEXT || process.cwd());
const _file = require("@babel/cli/lib/babel/file");
function buildComponent(folder, file, name) {
service.run('build', {
_: ['build', 'src/components/' + folder + '/' + file, 'build'],
modern: false,
report: false,
'report-json': false,
'inline-vue': false,
watch: false,
open: false,
copy: true,
https: false,
verbose: false,
target: 'lib',
clean: false,
name: name,
dest: 'dist/' + folder
},
[
'build',
'src/components/' + folder + '/' + file,
'build',
'--target',
'lib',
'--no-clean',
'--name',
name,
'--dest',
'dist/' + folder
]);
}
function transpileJS(folder, file) {
var options = {
babelOptions: {
configFile: './.babelrc-lib'
},
cliOptions: {
filename: undefined,
filenames: ['src/components/' + folder + '/' + file],
extensions: undefined,
keepFileExtension: undefined,
outFileExtension: undefined,
watch: undefined,
skipInitialBuild: undefined,
outFile: 'dist/' + folder + '/' + file,
outDir: undefined,
relative: undefined,
copyFiles: undefined,
copyIgnored: undefined,
includeDotfiles: undefined,
verbose: undefined,
quiet: undefined,
deleteDirOnStart: undefined,
sourceMapTarget: undefined
}
}
_file.default(options).catch(err => {
console.error(err);
process.exitCode = 1;
});
}
function blue(str) {
return '\x1b[1m\x1b[34m' + str + '\x1b[39m\x1b[22m';
}
function green(str) {
return '\x1b[1m\x1b[32m' + str + '\x1b[39m\x1b[22m';
}
fs.readdirSync(path.resolve(__dirname, './src/components/')).forEach(folder => {
fs.readdirSync(path.resolve(__dirname, './src/components/' + folder)).forEach(file => {
fs.copySync(path.resolve(__dirname, './src/components/' + folder) + '/' + file, 'dist/' + folder + '/' + file);
});
});
const excludedFolders = ['nuxt'];
const excludedFiles = ['index.js', 'index.d.ts', 'plugin.js', 'plugin-ripple.js'];
fs.readdirSync(path.resolve(__dirname, './src/components/')).forEach(folder => {
if (!excludedFolders.includes(folder)) {
fs.readdirSync(path.resolve(__dirname, './src/components/' + folder)).forEach(file => {
if (!excludedFiles.includes(file)) {
let name = file.split(/(.vue)$|(.js)$/)[0].toLowerCase();
if (/\.js$/.test(file)) {
console.log('Transpiling ' + blue(file));
buildComponent(folder, file, name);
transpileJS(folder, file);
}
else if (/\.vue$/.test(file)) {
console.log('Building ' + green(name));
buildComponent(folder, file, name);
}
}
});
}
});
fs.copySync(path.resolve(__dirname, './package-build.json'), 'dist/package.json');
fs.copySync(path.resolve(__dirname, './README.md'), 'dist/README.md');
fs.copySync(path.resolve(__dirname, './LICENSE.md'), 'dist/LICENSE.md');

17
build-meta.js
View File

@ -1,17 +0,0 @@
const fs = require('fs-extra');
const path = require('path');
fs.readdirSync(path.resolve(__dirname, './src/components/'), { withFileTypes: true })
.filter(dir => dir.isDirectory())
.forEach(({ name: folderName }) => {
fs.readdirSync(path.resolve(__dirname, './src/components/' + folderName)).forEach(file => {
if (file ==='package.json' || file.endsWith('d.ts') || file.endsWith('vue')) {
fs.copySync(path.resolve(__dirname, './src/components/' + folderName) + '/' + file, 'dist/' + folderName + '/' + file);
}
})
});
fs.copySync(path.resolve(__dirname, './src/components/ts-helpers.d.ts'), 'dist/ts-helpers.d.ts');
fs.copySync(path.resolve(__dirname, './package-build.json'), 'dist/package.json');
fs.copySync(path.resolve(__dirname, './README.md'), 'dist/README.md');
fs.copySync(path.resolve(__dirname, './LICENSE.md'), 'dist/LICENSE.md');

4
gulpfile.js
View File

@ -20,7 +20,7 @@ gulp.task('build-css', function() {
gulp.task('build-themes', function() {
return gulp.src([
'public/themes/**/*','!public/themes/soho-*/**/*', '!public/themes/viva-*/**/*',
'public/themes/**/*','!public/themes/soho-*/**/*','!public/themes/viva-*/**/*',
'!public/themes/mira/**/*', '!public/themes/nano/**/*'
])
.pipe(gulp.dest('dist/resources/themes'));
@ -33,5 +33,5 @@ gulp.task('images', function() {
});
//Building project with run sequence
gulp.task("build-styles", gulp.series("build-css", "images", "build-themes"));
gulp.task('build-resources', gulp.series("build-css", "images", "build-themes"));

35
jest.config.js
View File

@ -1,35 +0,0 @@
module.exports = {
"preset": "@vue/cli-plugin-unit-jest",
"transform": {
"^.+\\.vue$": "vue-jest"
},
"moduleNameMapper": {
"^primevue/ripple(.*)$": "<rootDir>/src/components/ripple/Ripple.js",
"^primevue/tooltip(.*)$": "<rootDir>/src/components/tooltip/Tooltip.js",
"^primevue/useconfirm(.*)$": "<rootDir>/src/components/useconfirm/UseConfirm.js",
"^primevue/usetoast(.*)$": "<rootDir>/src/components/usetoast/UseToast.js",
"^primevue/utils(.*)$": "<rootDir>/src/components/utils/Utils.js",
"^primevue/api(.*)$": "<rootDir>/src/components/api/Api.js",
"^primevue/button(.*)$": "<rootDir>/src/components/button/Button.vue",
"^primevue/inputtext(.*)$": "<rootDir>/src/components/inputtext/InputText.vue",
"^primevue/dialog(.*)$": "<rootDir>/src/components/dialog/Dialog.vue",
"^primevue/menu(.*)$": "<rootDir>/src/components/menu/Menu.vue",
"^primevue/tieredmenu(.*)$": "<rootDir>/src/components/tieredmenu/TieredMenu.vue",
"^primevue/dropdown(.*)$": "<rootDir>/src/components/dropdown/Dropdown.vue",
"^primevue/inputnumber(.*)$": "<rootDir>/src/components/inputnumber/InputNumber.vue",
"^primevue/paginator(.*)$": "<rootDir>/src/components/paginator/Paginator.vue",
"^primevue/progressbar(.*)$": "<rootDir>/src/components/progressbar/ProgressBar.vue",
"^primevue/message(.*)$": "<rootDir>/src/components/message/Message.vue",
"^primevue/tree(.*)$": "<rootDir>/src/components/tree/Tree.vue",
"^primevue/confirmationeventbus(.*)$": "<rootDir>/src/components/confirmationeventbus/ConfirmationEventBus.js",
"^primevue/toasteventbus(.*)$": "<rootDir>/src/components/toasteventbus/ToastEventBus.js",
"^primevue/overlayeventbus(.*)$": "<rootDir>/src/components/overlayeventbus/OverlayEventBus.js",
"^primevue/terminalservice(.*)$": "<rootDir>/src/components/terminalservice/TerminalService.js",
"^primevue/virtualscroller(.*)$": "<rootDir>/src/components/virtualscroller/VirtualScroller.vue",
"^primevue/portal(.*)$": "<rootDir>/src/components/portal/Portal.vue"
},
testMatch: [
"**/src/components/**/*.spec.{j,t}s?(x)"
],
timers: "fake"
}

6
package-build.json
View File

@ -1,6 +1,6 @@
{
"name": "primevue",
"version": "3.17.0-SNAPSHOT",
"version": "2.10.0",
"homepage": "https://www.primefaces.org/primevue",
"repository": {
"type": "git",
@ -26,7 +26,7 @@
"attributes": "./vetur-attributes.json"
},
"peerDependencies": {
"vue": "^3.0.0",
"vue": "^2.6.0",
"primeicons": "^5.0.0"
}
}
}

61
package.json
View File

@ -1,6 +1,6 @@
{
"name": "primevue",
"version": "3.17.0-SNAPSHOT",
"version": "2.10.0",
"homepage": "https://www.primefaces.org/primevue",
"repository": {
"type": "git",
@ -10,63 +10,50 @@
"scripts": {
"serve": "vue-cli-service serve",
"build-app": "vue-cli-service build",
"build-lib": "NODE_ENV=production rollup -c && node build-meta && node api-generator/build-api && gulp build-styles",
"build-lib": "node build-lib && node api-generator/build-api && gulp build-resources",
"lint": "vue-cli-service lint",
"test:unit": "vue-cli-service test:unit"
},
"keywords": [
"primevue",
"vue",
"vue.js",
"vue3",
"ui framework",
"component framework",
"ui library",
"component library",
"material",
"bootstrap",
"fluent",
"tailwind"
"bootstrap"
],
"devDependencies": {
"core-js": "^2.6.5",
"vue": "^2.6.10",
"vue-router": "^3.0.1",
"vue-template-compiler": "^2.5.21",
"@babel/cli": "^7.4.4",
"@fullcalendar/core": "^5.7.2",
"@fullcalendar/daygrid": "^5.7.2",
"@fullcalendar/interaction": "^5.7.2",
"@fullcalendar/timegrid": "^5.7.2",
"@fullcalendar/vue3": "^5.7.2",
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-plugin-unit-jest": "~4.5.0",
"@vue/test-utils": "^2.0.0-0",
"@vue/cli-service": "~4.5.0",
"@vuelidate/core": "^2.0.0-alpha.14",
"@vuelidate/validators": "^2.0.0-alpha.12",
"babel-eslint": "^10.1.0",
"@vue/cli-plugin-babel": "^3.2.0",
"@vue/cli-plugin-eslint": "^3.2.0",
"@vue/cli-service": "^3.2.0",
"vuelidate": "^0.7.4",
"babel-eslint": "^10.0.1",
"chart.js": "3.3.2",
"codesandbox": "2.1.14",
"core-js": "^3.6.5",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^7.0.0-0",
"eslint": "^5.8.0",
"eslint-plugin-vue": "^5.0.0-0",
"gulp": "^4.0.2",
"gulp-concat": "^2.6.0",
"gulp-flatten": "^0.4.0",
"gulp-rename": "^2.0.0",
"gulp-uglify": "^3.0.2",
"gulp-uglifycss": "^1.0.6",
"sass": "^1.45.0",
"primeflex": "3.2.1",
"primeflex": "3.1.2",
"primeicons": "5.0.0",
"prismjs": "^1.15.0",
"quill": "^1.3.7",
"rollup-plugin-postcss": "^4.0.0",
"rollup-plugin-terser": "^7.0.2",
"rollup-plugin-vue": "^6.0.0-beta.9",
"sass-loader": "^8.0.2",
"vue": "3.2.31",
"vue-router": "^4.0.0-0",
"vue-jest": "^5.0.0-0",
"webpack-cli": "^4.3.0"
"prismjs": "1.9.0",
"quill": "1.3.3",
"@fullcalendar/core": "^5.7.2",
"@fullcalendar/daygrid": "^5.7.2",
"@fullcalendar/interaction": "^5.7.2",
"@fullcalendar/timegrid": "^5.7.2",
"@fullcalendar/vue": "^5.9.0",
"sass": "1.43.4",
"sass-loader": "^8.0.2"
}
}

8
public/.htaccess
View File

@ -1,8 +0,0 @@
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /primevue/
RewriteRule ^primevue/index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /primevue/index.php [L]
</IfModule>

4
public/demo/data/countries.json
View File

@ -210,7 +210,7 @@
{"name": "Sweden", "code": "SE"},
{"name": "Switzerland", "code": "CH"},
{"name": "Syrian Arab Republic", "code": "SY"},
{"name": "Taiwan, Republic of China", "code": "TW"},
{"name": "Taiwan, Province of China", "code": "TW"},
{"name": "Tajikistan", "code": "TJ"},
{"name": "Tanzania, United Republic of", "code": "TZ"},
{"name": "Thailand", "code": "TH"},
@ -243,4 +243,4 @@
{"name": "Zambia", "code": "ZM"},
{"name": "Zimbabwe", "code": "ZW"}
]
}
}

BIN
public/demo/images/interior.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 227 KiB

9
public/demo/images/landing/avatar-1.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 48 KiB

9
public/demo/images/landing/avatar-2.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 48 KiB

9
public/demo/images/landing/avatar-3.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 66 KiB

9
public/demo/images/landing/avatar-4.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 60 KiB

9
public/demo/images/landing/avatar-5.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 47 KiB

BIN
public/demo/images/landing/avatar.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

6
public/demo/images/landing/blocks-icon.svg
View File

@ -1,6 +0,0 @@
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.125 5.625H7.5C7.00279 5.625 6.52586 5.82254 6.17411 6.17411C5.82254 6.52588 5.625 7.0028 5.625 7.5V28.125C5.625 28.6222 5.82254 29.0991 6.17411 29.4509C6.52588 29.8025 7.0028 30 7.5 30H28.125C28.6222 30 29.0991 29.8025 29.4509 29.4509C29.8025 29.0991 30 28.6222 30 28.125V7.5C30 7.00279 29.8025 6.52586 29.4509 6.17411C29.0991 5.82254 28.6222 5.625 28.125 5.625ZM28.125 28.125H7.5V7.5H28.125V28.125Z" fill="#4f8ff7"/>
<path d="M1.875 1.875H22.5V3.75H24.375V1.875C24.375 1.37779 24.1775 0.900857 23.8259 0.549107C23.4741 0.197545 22.9972 0 22.5 0H1.875C1.37779 0 0.900857 0.197545 0.549107 0.549107C0.197545 0.900879 0 1.3778 0 1.875V22.5C0 22.9972 0.197545 23.4741 0.549107 23.8259C0.900879 24.1775 1.3778 24.375 1.875 24.375H3.75V22.5H1.875V1.875Z" fill="#4f8ff7"/>
<path d="M10.3125 23.4375H25.3125C25.5622 23.4389 25.8022 23.3408 25.9792 23.1646C26.1563 22.9884 26.2557 22.749 26.2555 22.4991C26.2552 22.2495 26.1554 22.0103 25.9782 21.8343L22.2282 18.0843C22.0524 17.9098 21.8149 17.8116 21.5671 17.8116C21.3195 17.8116 21.0818 17.9098 20.9063 18.0843L19.6875 19.303L16.6032 16.2187C16.4274 16.0442 16.1899 15.946 15.9421 15.946C15.6945 15.946 15.4568 16.0442 15.2813 16.2187L9.65625 21.8437C9.48403 22.0195 9.38777 22.2558 9.38818 22.5018C9.3886 22.7479 9.48591 22.984 9.65876 23.1589C9.83162 23.3339 10.0664 23.4339 10.3125 23.4375L10.3125 23.4375Z" fill="#4f8ff7"/>
<path d="M24.375 14.0625C24.375 15.0979 23.5354 15.9375 22.5 15.9375C21.4646 15.9375 20.625 15.0979 20.625 14.0625C20.625 13.0271 21.4646 12.1875 22.5 12.1875C23.5354 12.1875 24.375 13.0271 24.375 14.0625Z" fill="#41B883"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

6
public/demo/images/landing/blocks/logo-1.svg
View File

@ -1,6 +0,0 @@
<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg" >
<path
d="M9.44607 1.35475C9.64885 0.858807 10.3512 0.858806 10.5539 1.35474L13.9386 9.63271C13.9591 9.68281 13.9863 9.7299 14.0195 9.77269L19.496 16.8429C19.8241 17.2665 19.473 17.8747 18.9421 17.8023L10.0808 16.5946C10.0272 16.5873 9.97281 16.5873 9.91918 16.5946L1.0579 17.8023C0.52702 17.8747 0.175868 17.2665 0.503973 16.8429L5.98054 9.77269C6.01369 9.7299 6.04088 9.68281 6.06136 9.63271L9.44607 1.35475Z"
fill="#03C4E8"
/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 560 B

6
public/demo/images/landing/blocks/logo-2.svg
View File

@ -1,6 +0,0 @@
<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" >
<path
d="M5.47105 1.35749C5.91003 -0.180724 8.08997 -0.180724 8.52895 1.35749L8.86936 2.55028C9.10485 3.37542 9.95258 3.86486 10.7849 3.65622L11.9881 3.35463C13.5397 2.9657 14.6297 4.85358 13.5171 6.00286L12.6543 6.89406C12.0574 7.51056 12.0574 8.48944 12.6543 9.10594L13.5171 9.99714C14.6297 11.1464 13.5397 13.0343 11.9881 12.6454L10.7849 12.3438C9.95258 12.1351 9.10485 12.6246 8.86936 13.4497L8.52895 14.6425C8.08997 16.1807 5.91003 16.1807 5.47105 14.6425L5.13064 13.4497C4.89515 12.6246 4.04742 12.1351 3.21509 12.3438L2.01189 12.6454C0.46027 13.0343 -0.629699 11.1464 0.482936 9.99714L1.34572 9.10594C1.94257 8.48944 1.94257 7.51056 1.34572 6.89406L0.482936 6.00286C-0.6297 4.85358 0.46027 2.9657 2.01189 3.35463L3.21509 3.65622C4.04742 3.86486 4.89515 3.37542 5.13064 2.55028L5.47105 1.35749Z"
fill="#03C4E8"
/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 953 B

6
public/demo/images/landing/blocks/question.svg
View File

@ -1,6 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 0C10.3438 0 8.78906 0.3125 7.33594 0.9375C5.86719 1.5625 4.58594 2.42188 3.49219 3.51562C2.41406 4.59375 1.5625 5.86719 0.9375 7.33594C0.3125 8.78906 0 10.3438 0 12C0 13.6562 0.3125 15.2109 0.9375 16.6641C1.5625 18.1328 2.41406 19.4141 3.49219 20.5078C4.58594 21.5859 5.86719 22.4375 7.33594 23.0625C8.78906 23.6875 10.3438 24 12 24C13.6562 24 15.2109 23.6875 16.6641 23.0625C18.1328 22.4375 19.4062 21.5859 20.4844 20.5078C21.5781 19.4141 22.4375 18.1328 23.0625 16.6641C23.6875 15.2109 24 13.6562 24 12C24 10.3438 23.6875 8.78906 23.0625 7.33594C22.4375 5.86719 21.5781 4.59375 20.4844 3.51562C19.4062 2.42188 18.1328 1.5625 16.6641 0.9375C15.2109 0.3125 13.6562 0 12 0ZM12 22.0078C10.625 22.0078 9.32812 21.7422 8.10938 21.2109C6.89062 20.6953 5.82812 19.9844 4.92188 19.0781C4.01562 18.1719 3.30469 17.1094 2.78906 15.8906C2.25781 14.6719 1.99219 13.375 1.99219 12C1.99219 10.625 2.25781 9.32812 2.78906 8.10938C3.30469 6.89062 4.01562 5.82812 4.92188 4.92188C5.82812 4.01562 6.89062 3.30469 8.10938 2.78906C9.32812 2.25781 10.625 1.99219 12 1.99219C13.375 1.99219 14.6719 2.25781 15.8906 2.78906C17.1094 3.30469 18.1719 4.01562 19.0781 4.92188C19.9844 5.82812 20.6953 6.89062 21.2109 8.10938C21.7422 9.32812 22.0078 10.625 22.0078 12C22.0078 13.375 21.7422 14.6719 21.2109 15.8906C20.6953 17.1094 19.9844 18.1719 19.0781 19.0781C18.1719 19.9844 17.1094 20.6953 15.8906 21.2109C14.6719 21.7422 13.375 22.0078 12 22.0078ZM8.92969 6.25781C8.53906 6.64844 8.22656 7.10938 7.99219 7.64062C7.77344 8.17188 7.66406 8.73438 7.66406 9.32812C7.66406 9.60938 7.75781 9.85156 7.94531 10.0547C8.14844 10.2422 8.39062 10.3359 8.67188 10.3359C8.9375 10.3359 9.16406 10.2422 9.35156 10.0547C9.55469 9.85156 9.65625 9.60938 9.65625 9.32812C9.65625 9 9.71875 8.69531 9.84375 8.41406C9.96875 8.13281 10.1328 7.89062 10.3359 7.6875C10.5547 7.48438 10.8047 7.32812 11.0859 7.21875C11.3672 7.09375 11.6719 7.03125 12 7.03125C12.3281 7.03125 12.6328 7.09375 12.9141 7.21875C13.1953 7.32812 13.4453 7.48438 13.6641 7.6875C13.8672 7.89062 14.0312 8.14062 14.1562 8.4375C14.2812 8.71875 14.3438 9.02344 14.3438 9.35156C14.3438 9.99219 14.1172 10.5391 13.6641 10.9922C13.2109 11.4453 12.6641 11.6719 12.0234 11.6719C12.0234 11.6719 12.0156 11.6719 12 11.6719C11.7188 11.6875 11.4844 11.7891 11.2969 11.9766C11.1094 12.1641 11.0078 12.3984 10.9922 12.6797V14.0156C10.9922 14.2969 11.0859 14.5391 11.2734 14.7422C11.4766 14.9297 11.7188 15.0234 12 15.0234C12.2812 15.0234 12.5156 14.9297 12.7031 14.7422C12.9062 14.5391 13.0078 14.2969 13.0078 14.0156V13.5703C13.4141 13.4609 13.7891 13.3125 14.1328 13.125C14.4766 12.9219 14.7891 12.6875 15.0703 12.4219C15.4609 12.0156 15.7656 11.5547 15.9844 11.0391C16.2188 10.5078 16.3359 9.94531 16.3359 9.35156C16.3359 8.74219 16.2188 8.17969 15.9844 7.66406C15.7656 7.13281 15.4609 6.67188 15.0703 6.28125C14.6641 5.90625 14.1953 5.60938 13.6641 5.39062C13.1484 5.15625 12.5938 5.03906 12 5.03906C11.4062 5.03906 10.8438 5.14844 10.3125 5.36719C9.79688 5.58594 9.33594 5.88281 8.92969 6.25781ZM13.6641 17.6719C13.6641 18.125 13.5 18.5156 13.1719 18.8438C12.8438 19.1719 12.4531 19.3359 12 19.3359C11.5469 19.3359 11.1562 19.1719 10.8281 18.8438C10.5 18.5156 10.3359 18.125 10.3359 17.6719C10.3359 17.2031 10.5 16.8125 10.8281 16.5C11.1562 16.1719 11.5469 16.0078 12 16.0078C12.4531 16.0078 12.8438 16.1719 13.1719 16.5C13.5 16.8125 13.6641 17.2031 13.6641 17.6719Z"
fill="#BBC7CD"
/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.5 KiB

4
public/demo/images/landing/core-icon.svg
View File

@ -1,4 +0,0 @@
<svg width="32" height="20" viewBox="0 0 32 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.7036 0.381504C11.459 0.137215 11.1274 0 10.7817 0C10.436 0 10.1045 0.137215 9.85989 0.381504L1.16324 9.07816C0.918953 9.32275 0.781738 9.65431 0.781738 10C0.781738 10.3457 0.918953 10.6773 1.16324 10.9218L9.85989 19.6185C10.1045 19.8628 10.436 20 10.7817 20C11.1274 20 11.459 19.8628 11.7036 19.6185C11.9479 19.3739 12.0851 19.0423 12.0851 18.6967C12.0851 18.351 11.9479 18.0194 11.7036 17.7748L3.92878 10L11.7036 2.22519C11.9479 1.9806 12.0851 1.64904 12.0851 1.30335C12.0851 0.957657 11.9479 0.626098 11.7036 0.381504V0.381504Z" fill="#4f8ff7"/>
<path d="M30.8364 9.07814L22.1397 0.381485C21.8925 0.151058 21.5654 0.0256125 21.2274 0.0315753C20.8895 0.0375381 20.567 0.174444 20.328 0.41345C20.089 0.652457 19.9521 0.974903 19.9461 1.31286C19.9402 1.65081 20.0656 1.97789 20.2961 2.22518L28.0709 9.99998L20.2961 17.7748C20.0518 18.0194 19.9146 18.3509 19.9146 18.6966C19.9146 19.0423 20.0518 19.3739 20.2961 19.6185C20.5406 19.8628 20.8722 20 21.2179 20C21.5636 20 21.8952 19.8628 22.1397 19.6185L30.8364 10.9218C31.0807 10.6772 31.2179 10.3457 31.2179 9.99998C31.2179 9.65429 31.0807 9.32273 30.8364 9.07814Z" fill="#4f8ff7"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

4
public/demo/images/landing/css-icon.svg
View File

@ -1,4 +0,0 @@
<svg width="28" height="30" viewBox="0 0 28 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.4375 14.0625H1.8125C1.29688 14.0625 0.875 14.4844 0.875 15V24.375C0.875 24.8906 1.29688 25.3125 1.8125 25.3125H22.4375C22.954 25.3125 23.375 24.8906 23.375 24.375V15C23.375 14.4844 22.954 14.0625 22.4375 14.0625ZM9.36607 21.9675C8.84103 22.4559 8.21198 22.5535 7.58857 22.5535C5.77448 22.5535 4.95795 21.3159 4.95795 19.8694C4.95795 18.4228 5.86448 17.1787 7.58857 17.1787C8.24107 17.1787 8.75771 17.3737 9.30516 17.8463C9.50773 18.0329 9.53012 18.3627 9.32776 18.5728C9.1252 18.7519 8.81779 18.7304 8.63867 18.5502C8.33126 18.2277 8.01612 18.1386 7.58857 18.1386C6.43448 18.1386 5.87953 18.9562 5.87953 19.8702C5.87953 20.8002 6.42612 21.6542 7.58857 21.6542C8.01609 21.6542 8.41346 21.4807 8.75771 21.1741C8.99104 20.9935 9.31265 21.0825 9.44867 21.2635C9.56858 21.4276 9.62759 21.705 9.36601 21.9675L9.36607 21.9675ZM10.5971 22.1251C10.3496 21.9236 10.3571 21.5944 10.4921 21.391C10.6871 21.197 10.9037 21.1294 11.1596 21.3385C11.7736 21.7585 13.3563 22.0734 13.4687 21.0076C13.3712 19.8985 10.2521 20.5661 10.4846 18.437C10.657 16.9831 12.8526 16.7215 13.8876 17.5165C14.3976 17.9281 13.8577 18.5806 13.4076 18.2506C12.8526 17.8982 11.5935 17.7331 11.4361 18.5121C11.2335 19.7422 14.4943 19.038 14.4417 21.0312C14.3902 22.9351 11.6311 22.9801 10.5971 22.125L10.5971 22.1251ZM15.4449 22.1251C15.1974 21.9236 15.2049 21.5944 15.3409 21.391C15.5349 21.197 15.7525 21.1294 16.0074 21.3385C16.6224 21.7585 18.2049 22.0734 18.3164 21.0076C18.2189 19.8985 15.1009 20.5661 15.3334 18.437C15.5058 16.9831 17.7006 16.7215 18.7356 17.5165C19.2466 17.9281 18.7065 18.5806 18.2555 18.2506C17.7006 17.8982 16.4425 17.7331 16.2849 18.5121C16.0815 19.7422 19.3431 19.038 19.2895 21.0312C19.2389 22.9351 16.48 22.9801 15.4449 22.125L15.4449 22.1251Z" fill="#4f8ff7"/>
<path d="M26.1873 7.11161L20.0132 0.9375C19.4712 0.393857 18.5188 0 17.75 0H7.4375C5.88688 0 4.625 1.26188 4.625 2.8125V12.1875C4.625 12.7058 5.04415 13.125 5.5625 13.125C6.08085 13.125 6.5 12.7058 6.5 12.1875V2.8125C6.5 2.29604 6.91999 1.875 7.4375 1.875H15.875C16.9109 1.875 17.75 2.715 17.75 3.75V7.26563C17.75 8.4262 18.7007 9.375 19.8594 9.375H23.375C24.4109 9.375 25.25 10.215 25.25 11.25V27.1875C25.25 27.704 24.8308 28.125 24.3125 28.125H7.4375C6.91999 28.125 6.5 27.704 6.5 27.1875C6.5 26.6692 6.08085 26.25 5.5625 26.25C5.04415 26.25 4.625 26.6692 4.625 27.1875C4.625 28.7381 5.88688 30 7.4375 30H24.3125C25.8631 30 27.125 28.7381 27.125 27.1875V9.375C27.125 8.60721 26.7312 7.65466 26.1875 7.11182L26.1873 7.11161Z" fill="#3B82F6"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

4
public/demo/images/landing/designer-dark.svg
View File

@ -1,4 +0,0 @@
<svg width="225" height="21" viewBox="0 0 225 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M35.8398 20.4716C36.1213 20.4716 36.2492 20.3181 36.2492 20.0622V13.6136H39.32C41.7254 13.6136 43.0049 12.3086 43.0049 9.92873V3.68489C43.0049 1.27948 41.7254 0 39.32 0H33.1785C32.9226 0 32.769 0.153537 32.769 0.409432V20.0622C32.769 20.3181 32.9226 20.4716 33.1785 20.4716H35.8398ZM38.5011 10.2358H36.2492V3.37782H38.5011C39.192 3.37782 39.5247 3.73607 39.5247 4.4014V9.21223C39.5247 9.85197 39.192 10.2358 38.5011 10.2358ZM48.3787 20.4716C48.6345 20.4716 48.7881 20.3181 48.7881 20.0622V13.6136H50.5538L52.2683 20.1134C52.3194 20.3437 52.4474 20.4716 52.7033 20.4716H55.3646C55.6461 20.4716 55.7996 20.3181 55.7228 20.011L53.9572 13.3066C55.1855 12.7692 55.8252 11.6432 55.8252 9.92873V3.68489C55.8252 1.27948 54.5457 0 52.1403 0H45.7173C45.4614 0 45.3079 0.153537 45.3079 0.409432V20.0622C45.3079 20.3181 45.4614 20.4716 45.7173 20.4716H48.3787ZM51.3214 10.2358H48.7881V3.37782H51.3214C51.9868 3.37782 52.345 3.73607 52.345 4.4014V9.21223C52.345 9.87755 51.9868 10.2358 51.3214 10.2358ZM61.4549 20.4716C61.7108 20.4716 61.8643 20.3181 61.8643 20.0622V0.409432C61.8643 0.153537 61.7108 0 61.4549 0H58.7936C58.5121 0 58.3842 0.153537 58.3842 0.409432V20.0622C58.3842 20.3181 58.5121 20.4716 58.7936 20.4716H61.4549ZM67.2893 20.4716C67.622 20.4716 67.8011 20.2925 67.8011 19.9598V8.44454H67.9802L70.5136 20.011C70.5904 20.3181 70.7695 20.4716 71.0766 20.4716H72.3304C72.6375 20.4716 72.8166 20.3181 72.8934 20.011L75.4268 8.44454H75.6059V19.9598C75.6059 20.2925 75.785 20.4716 76.1177 20.4716H78.4975C78.8302 20.4716 79.0093 20.2925 79.0093 19.9598V0.51179C79.0093 0.179127 78.8302 0 78.4975 0H75.1197C74.8126 0 74.6335 0.153537 74.5567 0.460611L71.7163 13.2042L68.8759 0.460611C68.7991 0.153537 68.62 0 68.3129 0H64.9351C64.6024 0 64.4233 0.179127 64.4233 0.51179V19.9598C64.4233 20.2925 64.6024 20.4716 64.9351 20.4716H67.2893ZM91.369 20.4716C91.6761 20.4716 91.7785 20.3181 91.7785 20.0622V17.5032C91.7785 17.2217 91.6761 17.0938 91.369 17.0938H84.9717V11.9247H89.8593C90.1152 11.9247 90.2687 11.7712 90.2687 11.4897V8.95633C90.2687 8.67485 90.1152 8.52131 89.8593 8.52131H84.9717V3.40341H91.369C91.6761 3.40341 91.7785 3.22428 91.7785 2.96838V0.409432C91.7785 0.153537 91.6761 0 91.369 0H81.9521C81.7218 0 81.5683 0.153537 81.5683 0.409432V20.0622C81.5683 20.3181 81.7218 20.4716 81.9521 20.4716H91.369Z" fill="black"/>
<path d="M105.329 20.4716C107.735 20.4716 109.014 19.1921 109.014 16.7867V3.71048C109.014 1.30507 107.735 0 105.329 0H99.1877C98.9063 0 98.7783 0.153537 98.7783 0.409432V20.0622C98.7783 20.3437 98.9063 20.4716 99.1877 20.4716H105.329ZM104.613 17.0938H102.258V3.37782H104.613C105.278 3.37782 105.636 3.73607 105.636 4.42699V16.0702C105.636 16.7611 105.278 17.0938 104.613 17.0938ZM121.374 20.4716C121.681 20.4716 121.783 20.3181 121.783 20.0622V17.5032C121.783 17.2217 121.681 17.0938 121.374 17.0938H114.976V11.9247H119.864C120.12 11.9247 120.274 11.7712 120.274 11.4897V8.95633C120.274 8.67485 120.12 8.52131 119.864 8.52131H114.976V3.40341H121.374C121.681 3.40341 121.783 3.22428 121.783 2.96838V0.409432C121.783 0.153537 121.681 0 121.374 0H111.957C111.727 0 111.573 0.153537 111.573 0.409432V20.0622C111.573 20.3181 111.727 20.4716 111.957 20.4716H121.374ZM130.125 20.4716C132.531 20.4716 133.81 19.1921 133.81 16.7867V10.8755C133.81 10.3893 133.58 10.1079 133.145 9.92873L127.055 7.93275V4.4014C127.055 3.73607 127.439 3.37782 128.078 3.37782H129.307C129.998 3.37782 130.33 3.73607 130.33 4.4014V6.39738C130.33 6.65328 130.484 6.80681 130.74 6.80681H133.401C133.682 6.80681 133.81 6.65328 133.81 6.39738V3.68489C133.81 1.27948 132.531 0 130.125 0H127.259C124.88 0 123.575 1.27948 123.575 3.68489V9.72402C123.575 10.2102 123.805 10.5173 124.265 10.6708L130.33 12.6668V16.0702C130.33 16.7611 129.972 17.0938 129.307 17.0938H128.078C127.439 17.0938 127.055 16.7611 127.055 16.0702V14.0998C127.055 13.8183 126.927 13.6904 126.645 13.6904H123.984C123.728 13.6904 123.575 13.8183 123.575 14.0998V16.7867C123.575 19.1921 124.88 20.4716 127.259 20.4716H130.125ZM139.44 20.4716C139.696 20.4716 139.85 20.3181 139.85 20.0622V0.409432C139.85 0.153537 139.696 0 139.44 0H136.779C136.497 0 136.369 0.153537 136.369 0.409432V20.0622C136.369 20.3181 136.497 20.4716 136.779 20.4716H139.44ZM149.471 20.4716C151.851 20.4716 153.156 19.1921 153.156 16.7867V9.67284C153.156 9.39135 153.003 9.26341 152.747 9.26341H148.448C148.166 9.26341 148.038 9.39135 148.038 9.67284V12.2318C148.038 12.4877 148.166 12.6412 148.448 12.6412H149.778V16.0702C149.778 16.7611 149.42 17.0938 148.755 17.0938H146.912C146.247 17.0938 145.889 16.7611 145.889 16.0702V4.4014C145.889 3.73607 146.221 3.37782 146.912 3.37782H148.755C149.42 3.37782 149.778 3.73607 149.778 4.4014V6.3462C149.778 6.6021 149.906 6.75563 150.188 6.75563H152.747C153.003 6.75563 153.156 6.6021 153.156 6.3462V3.68489C153.156 1.27948 151.851 0 149.471 0H146.093C143.688 0 142.408 1.27948 142.408 3.68489V16.7867C142.408 19.1921 143.688 20.4716 146.093 20.4716H149.471ZM158.786 20.4716C159.067 20.4716 159.195 20.3181 159.195 20.0622V9.21223H159.323L163.238 20.139C163.315 20.3693 163.469 20.4716 163.699 20.4716H166.232C166.488 20.4716 166.642 20.3181 166.642 20.0622V0.409432C166.642 0.153537 166.488 0 166.232 0H163.571C163.29 0 163.162 0.153537 163.162 0.409432V11.2082H163.008L159.118 0.332664C159.042 0.102358 158.888 0 158.658 0H156.124C155.869 0 155.715 0.153537 155.715 0.409432V20.0622C155.715 20.3181 155.869 20.4716 156.124 20.4716H158.786ZM179.001 20.4716C179.309 20.4716 179.411 20.3181 179.411 20.0622V17.5032C179.411 17.2217 179.309 17.0938 179.001 17.0938H172.604V11.9247H177.492C177.748 11.9247 177.901 11.7712 177.901 11.4897V8.95633C177.901 8.67485 177.748 8.52131 177.492 8.52131H172.604V3.40341H179.001C179.309 3.40341 179.411 3.22428 179.411 2.96838V0.409432C179.411 0.153537 179.309 0 179.001 0H169.585C169.354 0 169.201 0.153537 169.201 0.409432V20.0622C169.201 20.3181 169.354 20.4716 169.585 20.4716H179.001ZM184.785 20.4716C185.041 20.4716 185.194 20.3181 185.194 20.0622V13.6136H186.96L188.674 20.1134C188.725 20.3437 188.853 20.4716 189.109 20.4716H191.771C192.052 20.4716 192.206 20.3181 192.129 20.011L190.363 13.3066C191.592 12.7692 192.231 11.6432 192.231 9.92873V3.68489C192.231 1.27948 190.952 0 188.546 0H182.123C181.868 0 181.714 0.153537 181.714 0.409432V20.0622C181.714 20.3181 181.868 20.4716 182.123 20.4716H184.785ZM187.728 10.2358H185.194V3.37782H187.728C188.393 3.37782 188.751 3.73607 188.751 4.4014V9.21223C188.751 9.87755 188.393 10.2358 187.728 10.2358Z" fill="#4f8ff7"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 6.4 KiB

5
public/demo/images/landing/designer-icon.svg
View File

@ -1,5 +0,0 @@
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.5454 0.436488C22.5454 0.436488 24.5712 0.031435 27.2679 2.7318H27.2674C29.9346 5.39735 29.5735 7.40446 29.5645 7.45429C29.5644 7.45491 29.5644 7.45523 29.5644 7.45523L9.31948 27.696L0.413086 29.5842L2.30109 20.6784L22.5454 0.436488ZM5.7524 27.2778L8.78967 26.6242L9.66667 25.7452C9.66667 25.7452 9.63108 24.096 7.76611 22.2289C5.90418 20.3632 4.24986 20.3309 4.24986 20.3309L3.37119 21.2058L2.71763 24.2438C3.26708 24.5358 3.81648 24.8899 4.46171 25.5352C5.10669 26.1829 5.45966 26.7288 5.7524 27.2778ZM22.4999 2L5.99993 19C5.99993 19 7.99988 20 8.99988 21C9.99988 22 10.4999 24.5 10.4999 24.5L27.9999 7C27.9999 7 27.4999 5.5 25.9999 4C24.4999 2.5 22.4999 2 22.4999 2Z" fill="#4f8ff7"/>
<path d="M6.35405 14.0806L7.6301 12.8051L1.83848 7.01297L7.01279 1.83866L8.20837 3.03423L6.59637 4.64623C6.24342 4.99778 6.24412 5.57002 6.59637 5.92156C6.94792 6.27452 7.51874 6.27452 7.87171 5.92156L9.4837 4.30957L11.6886 6.51328L10.0759 8.12664C9.72364 8.4782 9.72364 9.05044 10.0766 9.40198C10.2698 9.59566 10.5284 9.67239 10.7818 9.65309L14.0795 6.35494L8.17371 0.448671C7.5336 -0.191437 6.43963 -0.140742 5.73655 0.563067L0.562948 5.73762C-0.139956 6.44094 -0.191087 7.53354 0.449248 8.17478L6.35405 14.0806Z" fill="#4f8ff7"/>
<path d="M29.5503 21.8251L23.648 15.9231L20.2703 19.3005C20.2917 19.4968 20.3654 19.6902 20.5163 19.8411C20.8679 20.1941 21.4382 20.1941 21.7909 19.8411L23.4036 18.2289L25.6078 20.4338L23.9951 22.046C23.6429 22.3976 23.6429 22.9698 23.9951 23.3211C24.3481 23.6745 24.9184 23.6745 25.2712 23.3211L26.8832 21.7091L28.1606 22.9868H28.1599L22.9865 28.1616L17.1984 22.3732L15.9224 23.6486L21.8254 29.5511C22.4659 30.1914 23.559 30.1405 24.2625 29.4381L29.4361 24.2638C30.1409 23.5592 30.1909 22.4662 29.5503 21.8252L29.5503 21.8251Z" fill="#4f8ff7"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

4
public/demo/images/landing/designer-light.svg
View File

@ -1,4 +0,0 @@
<svg width="225" height="21" viewBox="0 0 225 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M35.8398 20.4716C36.1213 20.4716 36.2492 20.3181 36.2492 20.0622V13.6136H39.32C41.7254 13.6136 43.0049 12.3086 43.0049 9.92873V3.68489C43.0049 1.27948 41.7254 0 39.32 0H33.1785C32.9226 0 32.769 0.153537 32.769 0.409432V20.0622C32.769 20.3181 32.9226 20.4716 33.1785 20.4716H35.8398ZM38.5011 10.2358H36.2492V3.37782H38.5011C39.192 3.37782 39.5247 3.73607 39.5247 4.4014V9.21223C39.5247 9.85197 39.192 10.2358 38.5011 10.2358ZM48.3787 20.4716C48.6345 20.4716 48.7881 20.3181 48.7881 20.0622V13.6136H50.5538L52.2683 20.1134C52.3194 20.3437 52.4474 20.4716 52.7033 20.4716H55.3646C55.6461 20.4716 55.7996 20.3181 55.7228 20.011L53.9572 13.3066C55.1855 12.7692 55.8252 11.6432 55.8252 9.92873V3.68489C55.8252 1.27948 54.5457 0 52.1403 0H45.7173C45.4614 0 45.3079 0.153537 45.3079 0.409432V20.0622C45.3079 20.3181 45.4614 20.4716 45.7173 20.4716H48.3787ZM51.3214 10.2358H48.7881V3.37782H51.3214C51.9868 3.37782 52.345 3.73607 52.345 4.4014V9.21223C52.345 9.87755 51.9868 10.2358 51.3214 10.2358ZM61.4549 20.4716C61.7108 20.4716 61.8643 20.3181 61.8643 20.0622V0.409432C61.8643 0.153537 61.7108 0 61.4549 0H58.7936C58.5121 0 58.3842 0.153537 58.3842 0.409432V20.0622C58.3842 20.3181 58.5121 20.4716 58.7936 20.4716H61.4549ZM67.2893 20.4716C67.622 20.4716 67.8011 20.2925 67.8011 19.9598V8.44454H67.9802L70.5136 20.011C70.5904 20.3181 70.7695 20.4716 71.0766 20.4716H72.3304C72.6375 20.4716 72.8166 20.3181 72.8934 20.011L75.4268 8.44454H75.6059V19.9598C75.6059 20.2925 75.785 20.4716 76.1177 20.4716H78.4975C78.8302 20.4716 79.0093 20.2925 79.0093 19.9598V0.51179C79.0093 0.179127 78.8302 0 78.4975 0H75.1197C74.8126 0 74.6335 0.153537 74.5567 0.460611L71.7163 13.2042L68.8759 0.460611C68.7991 0.153537 68.62 0 68.3129 0H64.9351C64.6024 0 64.4233 0.179127 64.4233 0.51179V19.9598C64.4233 20.2925 64.6024 20.4716 64.9351 20.4716H67.2893ZM91.369 20.4716C91.6761 20.4716 91.7785 20.3181 91.7785 20.0622V17.5032C91.7785 17.2217 91.6761 17.0938 91.369 17.0938H84.9717V11.9247H89.8593C90.1152 11.9247 90.2687 11.7712 90.2687 11.4897V8.95633C90.2687 8.67485 90.1152 8.52131 89.8593 8.52131H84.9717V3.40341H91.369C91.6761 3.40341 91.7785 3.22428 91.7785 2.96838V0.409432C91.7785 0.153537 91.6761 0 91.369 0H81.9521C81.7218 0 81.5683 0.153537 81.5683 0.409432V20.0622C81.5683 20.3181 81.7218 20.4716 81.9521 20.4716H91.369Z" fill="white"/>
<path d="M105.329 20.4716C107.735 20.4716 109.014 19.1921 109.014 16.7867V3.71048C109.014 1.30507 107.735 0 105.329 0H99.1877C98.9063 0 98.7783 0.153537 98.7783 0.409432V20.0622C98.7783 20.3437 98.9063 20.4716 99.1877 20.4716H105.329ZM104.613 17.0938H102.258V3.37782H104.613C105.278 3.37782 105.636 3.73607 105.636 4.42699V16.0702C105.636 16.7611 105.278 17.0938 104.613 17.0938ZM121.374 20.4716C121.681 20.4716 121.783 20.3181 121.783 20.0622V17.5032C121.783 17.2217 121.681 17.0938 121.374 17.0938H114.976V11.9247H119.864C120.12 11.9247 120.274 11.7712 120.274 11.4897V8.95633C120.274 8.67485 120.12 8.52131 119.864 8.52131H114.976V3.40341H121.374C121.681 3.40341 121.783 3.22428 121.783 2.96838V0.409432C121.783 0.153537 121.681 0 121.374 0H111.957C111.727 0 111.573 0.153537 111.573 0.409432V20.0622C111.573 20.3181 111.727 20.4716 111.957 20.4716H121.374ZM130.125 20.4716C132.531 20.4716 133.81 19.1921 133.81 16.7867V10.8755C133.81 10.3893 133.58 10.1079 133.145 9.92873L127.055 7.93275V4.4014C127.055 3.73607 127.439 3.37782 128.078 3.37782H129.307C129.998 3.37782 130.33 3.73607 130.33 4.4014V6.39738C130.33 6.65328 130.484 6.80681 130.74 6.80681H133.401C133.682 6.80681 133.81 6.65328 133.81 6.39738V3.68489C133.81 1.27948 132.531 0 130.125 0H127.259C124.88 0 123.575 1.27948 123.575 3.68489V9.72402C123.575 10.2102 123.805 10.5173 124.265 10.6708L130.33 12.6668V16.0702C130.33 16.7611 129.972 17.0938 129.307 17.0938H128.078C127.439 17.0938 127.055 16.7611 127.055 16.0702V14.0998C127.055 13.8183 126.927 13.6904 126.645 13.6904H123.984C123.728 13.6904 123.575 13.8183 123.575 14.0998V16.7867C123.575 19.1921 124.88 20.4716 127.259 20.4716H130.125ZM139.44 20.4716C139.696 20.4716 139.85 20.3181 139.85 20.0622V0.409432C139.85 0.153537 139.696 0 139.44 0H136.779C136.497 0 136.369 0.153537 136.369 0.409432V20.0622C136.369 20.3181 136.497 20.4716 136.779 20.4716H139.44ZM149.471 20.4716C151.851 20.4716 153.156 19.1921 153.156 16.7867V9.67284C153.156 9.39135 153.003 9.26341 152.747 9.26341H148.448C148.166 9.26341 148.038 9.39135 148.038 9.67284V12.2318C148.038 12.4877 148.166 12.6412 148.448 12.6412H149.778V16.0702C149.778 16.7611 149.42 17.0938 148.755 17.0938H146.912C146.247 17.0938 145.889 16.7611 145.889 16.0702V4.4014C145.889 3.73607 146.221 3.37782 146.912 3.37782H148.755C149.42 3.37782 149.778 3.73607 149.778 4.4014V6.3462C149.778 6.6021 149.906 6.75563 150.188 6.75563H152.747C153.003 6.75563 153.156 6.6021 153.156 6.3462V3.68489C153.156 1.27948 151.851 0 149.471 0H146.093C143.688 0 142.408 1.27948 142.408 3.68489V16.7867C142.408 19.1921 143.688 20.4716 146.093 20.4716H149.471ZM158.786 20.4716C159.067 20.4716 159.195 20.3181 159.195 20.0622V9.21223H159.323L163.238 20.139C163.315 20.3693 163.469 20.4716 163.699 20.4716H166.232C166.488 20.4716 166.642 20.3181 166.642 20.0622V0.409432C166.642 0.153537 166.488 0 166.232 0H163.571C163.29 0 163.162 0.153537 163.162 0.409432V11.2082H163.008L159.118 0.332664C159.042 0.102358 158.888 0 158.658 0H156.124C155.869 0 155.715 0.153537 155.715 0.409432V20.0622C155.715 20.3181 155.869 20.4716 156.124 20.4716H158.786ZM179.001 20.4716C179.309 20.4716 179.411 20.3181 179.411 20.0622V17.5032C179.411 17.2217 179.309 17.0938 179.001 17.0938H172.604V11.9247H177.492C177.748 11.9247 177.901 11.7712 177.901 11.4897V8.95633C177.901 8.67485 177.748 8.52131 177.492 8.52131H172.604V3.40341H179.001C179.309 3.40341 179.411 3.22428 179.411 2.96838V0.409432C179.411 0.153537 179.309 0 179.001 0H169.585C169.354 0 169.201 0.153537 169.201 0.409432V20.0622C169.201 20.3181 169.354 20.4716 169.585 20.4716H179.001ZM184.785 20.4716C185.041 20.4716 185.194 20.3181 185.194 20.0622V13.6136H186.96L188.674 20.1134C188.725 20.3437 188.853 20.4716 189.109 20.4716H191.771C192.052 20.4716 192.206 20.3181 192.129 20.011L190.363 13.3066C191.592 12.7692 192.231 11.6432 192.231 9.92873V3.68489C192.231 1.27948 190.952 0 188.546 0H182.123C181.868 0 181.714 0.153537 181.714 0.409432V20.0622C181.714 20.3181 181.868 20.4716 182.123 20.4716H184.785ZM187.728 10.2358H185.194V3.37782H187.728C188.393 3.37782 188.751 3.73607 188.751 4.4014V9.21223C188.751 9.87755 188.393 10.2358 187.728 10.2358Z" fill="#4f8ff7"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 6.4 KiB

3
public/demo/images/landing/features/icon-accessibility.svg
View File

@ -1,3 +0,0 @@
<svg width="21" height="26" viewBox="0 0 21 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.63671 3.34105C7.63671 2.58749 7.93595 1.86496 8.46882 1.33211C9.00152 0.799417 9.724 0.5 10.4776 0.5C11.2311 0.5 11.9537 0.799436 12.4863 1.33211C13.0191 1.86496 13.3184 2.58749 13.3184 3.34105C13.3184 4.09442 13.0192 4.81715 12.4863 5.34979C11.9536 5.88264 11.2311 6.18191 10.4776 6.18191C9.724 6.18191 9.00147 5.88266 8.46882 5.34979C7.93598 4.8171 7.63671 4.09442 7.63671 3.34105ZM19.5686 7.31821H1.38635C0.980382 7.31821 0.605229 7.5349 0.402241 7.88646C0.199253 8.23803 0.199253 8.67119 0.402241 9.02277C0.605229 9.37434 0.980377 9.59102 1.38635 9.59102H7.06836V24.3636C7.06836 24.7696 7.28504 25.1448 7.63661 25.3478C7.98817 25.5507 8.42134 25.5507 8.77291 25.3478C9.12448 25.1448 9.34116 24.7696 9.34116 24.3636V16.4092H11.614V24.3636H11.6138C11.6138 24.7696 11.8305 25.1448 12.182 25.3478C12.5336 25.5507 12.9667 25.5507 13.3183 25.3478C13.6699 25.1448 13.8866 24.7696 13.8866 24.3636V9.59102H19.5686C19.9746 9.59102 20.3497 9.37433 20.5527 9.02277C20.7557 8.6712 20.7557 8.23804 20.5527 7.88646C20.3497 7.53489 19.9746 7.31821 19.5686 7.31821H19.5686Z" fill="#03C4E8"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

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