diff --git a/assets/styles/layout/_code.scss b/assets/styles/layout/_code.scss index 79adaec73..407363154 100644 --- a/assets/styles/layout/_code.scss +++ b/assets/styles/layout/_code.scss @@ -337,9 +337,11 @@ div.code-toolbar > .toolbar > .toolbar-item > span:focus { .layout-wrapper-light { pre[class*="language-"] { code { + color: rgb(10,48,105) !important; + .token { &.tag { - color: rgb(10,48,105) !important; + color: rgb(17,99,41) !important; } &.keyword { color: rgb(207,34,46) !important; @@ -379,10 +381,6 @@ div.code-toolbar > .toolbar > .toolbar-item > span:focus { color: rgb(130,80,223) !important; } - &.class-name { - color: rgb(17,99,41) !important; - } - &.operator { color: rgb(5,80,174) !important; } diff --git a/components/accordiontab/AccordionTab.d.ts b/components/accordiontab/AccordionTab.d.ts index a2e038a5a..bef3385b2 100755 --- a/components/accordiontab/AccordionTab.d.ts +++ b/components/accordiontab/AccordionTab.d.ts @@ -92,13 +92,4 @@ declare module '@vue/runtime-core' { } } -/** - * - * AccordionTab is a helper component for Accordion.. - * - * Demos: - * - * - [Accordion](https://primevue.org/accordion) - * - */ export default AccordionTab; diff --git a/components/avatar/Avatar.vue b/components/avatar/Avatar.vue index d86f1516d..8caad6900 100644 --- a/components/avatar/Avatar.vue +++ b/components/avatar/Avatar.vue @@ -3,7 +3,7 @@ {{ label }} - + diff --git a/components/badgedirective/BadgeDirective.d.ts b/components/badgedirective/BadgeDirective.d.ts index 134f89808..1f2b5e56e 100644 --- a/components/badgedirective/BadgeDirective.d.ts +++ b/components/badgedirective/BadgeDirective.d.ts @@ -1,5 +1,64 @@ -import { ObjectDirective } from 'vue'; +/** + * + * Badge directive is a small status indicator for another element. + * + * - [Live Demo](https://primevue.org/badge) + * + * @module badgedirective + */ +import { DirectiveBinding, ObjectDirective } from 'vue'; +/** + * Defines modifiers of Badge directive. + */ +export interface BadgeDirectiveModifiers { + /** + * Info severity for Badge directive. + * @defaultValue true + */ + info?: boolean | undefined; + /** + * Success severity for Badge directive. + * @defaultValue false + */ + success?: boolean | undefined; + /** + * Warning severity for Badge directive. + * @defaultValue false + */ + warning?: boolean | undefined; + /** + * Danger severity for Badge directive. + * @defaultValue false + */ + danger?: boolean | undefined; +} + +/** + * Binding of Badge directive. + */ +export interface BadgeDirectiveBinding extends Omit { + /** + * Value of the Badge. + */ + value?: string | undefined; + /** + * Modifiers of the Badge. + * @type {BadgeDirectiveModifiers} + */ + modifiers?: BadgeDirectiveModifiers | undefined; +} + +/** + * **PrimeVue - Badge** + * + * _Badge directive provides advisory information for a component._ + * + * [Live Demo](https://www.primevue.org/badge/) + * --- --- + * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo.svg) + * + */ declare const BadgeDirective: ObjectDirective; export default BadgeDirective; diff --git a/components/datatable/DataTable.spec.js b/components/datatable/DataTable.spec.js index ddfb8e7e0..070130742 100644 --- a/components/datatable/DataTable.spec.js +++ b/components/datatable/DataTable.spec.js @@ -458,7 +458,7 @@ describe('DataTable.vue', () => { await wrapper.setProps({ selection: null, selectionMode: 'single' }); await wrapper.vm.onRowClick({ - originalEvent: { target: wrapper.findAll('tr.p-selectable-row')[0] }, + originalEvent: { target: wrapper.findAll('tr.p-selectable-row')[0].element }, data: smallData[0], index: 0 }); @@ -472,13 +472,13 @@ describe('DataTable.vue', () => { await wrapper.setProps({ selection: null, selectionMode: 'multiple' }); await wrapper.vm.onRowClick({ - originalEvent: { shiftKey: true, target: wrapper.findAll('tr.p-selectable-row')[0] }, + originalEvent: { shiftKey: true, target: wrapper.findAll('tr.p-selectable-row')[0].element }, data: smallData[0], index: 0 }); await wrapper.vm.onRowClick({ - originalEvent: { shiftKey: true, target: wrapper.findAll('tr.p-selectable-row')[1] }, + originalEvent: { shiftKey: true, target: wrapper.findAll('tr.p-selectable-row')[1].element }, data: smallData[1], index: 1 }); @@ -492,13 +492,13 @@ describe('DataTable.vue', () => { await wrapper.setProps({ selection: null, selectionMode: 'multiple', metaKeySelection: false }); await wrapper.vm.onRowClick({ - originalEvent: { target: wrapper.findAll('tr.p-selectable-row')[0] }, + originalEvent: { target: wrapper.findAll('tr.p-selectable-row')[0].element }, data: smallData[0], index: 0 }); await wrapper.vm.onRowClick({ - originalEvent: { target: wrapper.findAll('tr.p-selectable-row')[1] }, + originalEvent: { target: wrapper.findAll('tr.p-selectable-row')[1].element }, data: smallData[1], index: 1 }); diff --git a/components/dropdown/Dropdown.d.ts b/components/dropdown/Dropdown.d.ts index 32a69238e..718880f6b 100755 --- a/components/dropdown/Dropdown.d.ts +++ b/components/dropdown/Dropdown.d.ts @@ -450,13 +450,4 @@ declare module '@vue/runtime-core' { } } -/** - * - * Dropdown is used to select an item from a list of options. - * - * Demos: - * - * - [Dropdown](https://primevue.org/dropdown) - * - */ export default Dropdown; diff --git a/components/focustrap/FocusTrap.d.ts b/components/focustrap/FocusTrap.d.ts index 3a7786254..6760c935d 100644 --- a/components/focustrap/FocusTrap.d.ts +++ b/components/focustrap/FocusTrap.d.ts @@ -1,5 +1,44 @@ -import { ObjectDirective } from 'vue'; +/** + * + * Focus Trap keeps focus within a certain DOM element while tabbing. + * + * - [Live Demo](https://primevue.org/focustrap) + * + * @module focustrap + */ +import { DirectiveBinding, ObjectDirective } from 'vue'; -declare const Ripple: ObjectDirective; +/** + * Defines options of FocusTrap. + */ +export interface FocusTrapOptions { + /** + * When present, it specifies that the directive should be disabled. + * @defaultValue false + */ + disabled?: boolean | undefined; +} -export default Ripple; +/** + * Binding of FocusTrap directive. + */ +export interface FocusTrapDirectiveBinding extends Omit { + /** + * Value of the FocusTrap. + */ + value?: FocusTrapOptions | undefined; +} + +/** + * **PrimeVue - FocusTrap** + * + * _FocusTrap directive provides advisory information for a component._ + * + * [Live Demo](https://www.primevue.org/focustrap/) + * --- --- + * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo.svg) + * + */ +declare const FocusTrap: ObjectDirective; + +export default FocusTrap; diff --git a/components/image/Image.d.ts b/components/image/Image.d.ts index 07eae3925..395961c08 100644 --- a/components/image/Image.d.ts +++ b/components/image/Image.d.ts @@ -80,13 +80,4 @@ declare module '@vue/runtime-core' { } } -/** - * - * Displays an image with preview and tranformation options. For multiple image, see Galleria. - * - * Demos: - * - * - [Image](https://primevue.org/image) - * - */ export default Image; diff --git a/components/ripple/Ripple.d.ts b/components/ripple/Ripple.d.ts index 3a7786254..3a727c94f 100644 --- a/components/ripple/Ripple.d.ts +++ b/components/ripple/Ripple.d.ts @@ -1,5 +1,28 @@ -import { ObjectDirective } from 'vue'; +/** + * + * Ripple directive adds ripple effect to the host element. + * + * - [Live Demo](https://primevue.org/ripple) + * + * @module ripple + */ +import { DirectiveBinding, ObjectDirective } from 'vue'; +/** + * Binding of Ripple directive. + */ +export interface RippleDirectiveBinding extends Omit {} + +/** + * **PrimeVue - Ripple** + * + * _Ripple directive adds ripple effect to the host element._ + * + * [Live Demo](https://www.primevue.org/ripple/) + * --- --- + * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo.svg) + * + */ declare const Ripple: ObjectDirective; export default Ripple; diff --git a/components/sidebar/Sidebar.d.ts b/components/sidebar/Sidebar.d.ts index 4f7686ea1..05af1773e 100755 --- a/components/sidebar/Sidebar.d.ts +++ b/components/sidebar/Sidebar.d.ts @@ -113,13 +113,4 @@ declare module '@vue/runtime-core' { } } -/** - * - * Sidebar is a panel component displayed as an overlay at the edges of the screen. - * - * Demos: - * - * - [Sidebar](https://primevue.org/sidebar) - * - */ export default Sidebar; diff --git a/components/styleclass/StyleClass.d.ts b/components/styleclass/StyleClass.d.ts index e21fdfd5c..99d24cc7f 100644 --- a/components/styleclass/StyleClass.d.ts +++ b/components/styleclass/StyleClass.d.ts @@ -1,5 +1,76 @@ -import { ObjectDirective } from 'vue'; +/** + * + * StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element. + * + * - [Live Demo](https://primevue.org/styleclass) + * + * @module styleclass + */ +import { DirectiveBinding, ObjectDirective } from 'vue'; +/** + * Defines options of StyleClass. + */ +export interface StyleClassOptions { + /** + * Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'. + */ + selector?: '@next' | '@prev' | '@parent' | '@grandparent' | string | undefined; + /** + * Style class to add when item begins to get displayed. + */ + enterClassName?: string | undefined; + /** + * Style class to add during enter animation. + */ + enterActiveClassName?: string | undefined; + /** + * Style class to add when item begins to get displayed. + */ + enterToClassName?: string | undefined; + /** + * Style class to add when item begins to get hidden. + */ + leaveClassName?: string | undefined; + /** + * Style class to add during leave animation. + */ + leaveActiveClassName?: string | undefined; + /** + * Style class to add when leave animation is completed. + */ + leaveToClassName?: string | undefined; + /** + * Whether to trigger leave animation when outside of the element is clicked. + * @defaultValue false + */ + hideOnOutsideClick?: boolean | undefined; + /** + * Adds or removes a class when no enter-leave animation is required. + */ + toggleClass?: string | undefined; +} + +/** + * Binding of StyleClass directive. + */ +export interface StyleClassDirectiveBinding extends Omit { + /** + * Value of the StyleClass. + */ + value?: StyleClassOptions | undefined; +} + +/** + * **PrimeVue - StyleClass** + * + * _StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element._ + * + * [Live Demo](https://www.primevue.org/styleclass/) + * --- --- + * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo.svg) + * + */ declare const StyleClass: ObjectDirective; export default StyleClass; diff --git a/components/tabmenu/TabMenu.vue b/components/tabmenu/TabMenu.vue index 81a88ebaa..ad14ccb41 100755 --- a/components/tabmenu/TabMenu.vue +++ b/components/tabmenu/TabMenu.vue @@ -34,7 +34,7 @@ -
  • +
  • diff --git a/components/tabview/TabView.d.ts b/components/tabview/TabView.d.ts index 9809d75f9..2acb3d59a 100755 --- a/components/tabview/TabView.d.ts +++ b/components/tabview/TabView.d.ts @@ -29,7 +29,7 @@ export interface TabViewChangeEvent { * Custom tab change event. * @see tab-click * @extends TabViewChangeEvent - + */ export interface TabViewClickEvent extends TabViewChangeEvent {} diff --git a/components/tieredmenu/TieredMenu.d.ts b/components/tieredmenu/TieredMenu.d.ts index c8667a760..05ceab2c2 100755 --- a/components/tieredmenu/TieredMenu.d.ts +++ b/components/tieredmenu/TieredMenu.d.ts @@ -123,17 +123,4 @@ declare module '@vue/runtime-core' { } } -/** - * - * TieredMenu displays submenus in nested overlays. - * - * Helper API: - * - * - [MenuItem](https://primevue.org/menumodel) - * - * Demos: - * - * - [TieredMenu](https://primevue.org/tieredmenu) - * - */ export default TieredMenu; diff --git a/components/tooltip/Tooltip.d.ts b/components/tooltip/Tooltip.d.ts index 34510bddc..7c89e6ccc 100755 --- a/components/tooltip/Tooltip.d.ts +++ b/components/tooltip/Tooltip.d.ts @@ -1,5 +1,17 @@ +/** + * + * Tooltip directive provides advisory information for a component. + * + * - [Live Demo](https://primevue.org/tooltip) + * + * @module tooltip + * + */ import { DirectiveBinding, ObjectDirective } from 'vue'; +/** + * Defines options of Tooltip. + */ export interface TooltipOptions { /** * Text of the tooltip. @@ -30,8 +42,40 @@ export interface TooltipOptions { fitContent?: boolean | undefined; } -export declare type TooltipDirectiveModifiers = {}; +/** + * Defines modifiers of Tooltip. + */ +export interface TooltipDirectiveModifiers { + /** + * Right position for Tooltip. + * @defaultValue true + */ + right?: boolean | undefined; + /** + * Left position for Tooltip. + * @defaultValue false + */ + left?: boolean | undefined; + /** + * Top position for Tooltip. + * @defaultValue false + */ + top?: boolean | undefined; + /** + * Bottom position for Tooltip. + * @defaultValue false + */ + bottom?: boolean | undefined; + /** + * Focus event for Tooltip. + * @defaultValue true + */ + focus?: boolean | undefined; +} +/** + * Binding of Tooltip directive. + */ export interface TooltipDirectiveBinding extends Omit { /** * Value of the tooltip. @@ -44,6 +88,16 @@ export interface TooltipDirectiveBinding extends Omit -

    Following is the list of structural style classes, for theming classes visit theming page.

    +

    Following is the list of structural style classes, for theming classes visit theming page.
    diff --git a/doc/autocomplete/ImportDoc.vue b/doc/autocomplete/ImportDoc.vue index da4aaaecd..cd49441a1 100644 --- a/doc/autocomplete/ImportDoc.vue +++ b/doc/autocomplete/ImportDoc.vue @@ -8,8 +8,7 @@ export default { data() { return { code: { - basic: ` -import AutoComplete from 'primevue/autocomplete';` + basic: `import AutoComplete from 'primevue/autocomplete';` } }; } diff --git a/doc/blockui/ImportDoc.vue b/doc/blockui/ImportDoc.vue index 1e5db4e96..8478e48e9 100644 --- a/doc/blockui/ImportDoc.vue +++ b/doc/blockui/ImportDoc.vue @@ -8,8 +8,7 @@ export default { data() { return { code: { - basic: ` -import BlockUI from 'primevue/blockui';` + basic: `import BlockUI from 'primevue/blockui';` } }; } diff --git a/doc/breadcrumb/ImportDoc.vue b/doc/breadcrumb/ImportDoc.vue index 3709f4708..c44e1b5c3 100644 --- a/doc/breadcrumb/ImportDoc.vue +++ b/doc/breadcrumb/ImportDoc.vue @@ -8,8 +8,7 @@ export default { data() { return { code: { - basic: ` -import Breadcrumb from 'primevue/breadcrumb';` + basic: `import Breadcrumb from 'primevue/breadcrumb';` } }; } diff --git a/doc/button/ImportDoc.vue b/doc/button/ImportDoc.vue index d24c325a0..d593509c7 100644 --- a/doc/button/ImportDoc.vue +++ b/doc/button/ImportDoc.vue @@ -8,8 +8,7 @@ export default { data() { return { code: { - basic: ` -import Button from 'primevue/button';` + basic: `import Button from 'primevue/button';` } }; } diff --git a/doc/button/StyleDoc.vue b/doc/button/StyleDoc.vue index 0b352c1bd..739b2d89f 100644 --- a/doc/button/StyleDoc.vue +++ b/doc/button/StyleDoc.vue @@ -1,6 +1,6 @@