Refactor #3965 - For BadgeDirective
Tuğçe Küçükoğlu
parent
3c84f251e4
commit
6818c8092e
|
|
@ -8,6 +8,90 @@
|
||||||
*/
|
*/
|
||||||
import { DirectiveBinding, ObjectDirective } from 'vue';
|
import { DirectiveBinding, ObjectDirective } from 'vue';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Custom passthrough(pt) hooks options.
|
||||||
|
*/
|
||||||
|
export interface BadgePassThroughHooksOptions {
|
||||||
|
/**
|
||||||
|
* Called before bound element's attributes or event listeners are applied.
|
||||||
|
*/
|
||||||
|
created?: DirectiveBinding;
|
||||||
|
/**
|
||||||
|
* Called right before the element is inserted into the DOM.
|
||||||
|
*/
|
||||||
|
beforeMount?: DirectiveBinding;
|
||||||
|
/**
|
||||||
|
* Called when the bound element's parent component and all its children are mounted.
|
||||||
|
*/
|
||||||
|
mounted?: DirectiveBinding;
|
||||||
|
/**
|
||||||
|
* Called before the parent component is updated.
|
||||||
|
*/
|
||||||
|
beforeUpdate?: DirectiveBinding;
|
||||||
|
/**
|
||||||
|
* Called after the parent component and all of its children have updated all of its children have updated.
|
||||||
|
*/
|
||||||
|
updated?: DirectiveBinding;
|
||||||
|
/**
|
||||||
|
* Called before the parent component is unmounted.
|
||||||
|
*/
|
||||||
|
beforeUnmount?: DirectiveBinding;
|
||||||
|
/**
|
||||||
|
* Called when the parent component is unmounted.
|
||||||
|
*/
|
||||||
|
unmounted?: DirectiveBinding;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Custom passthrough(pt) css options.
|
||||||
|
*/
|
||||||
|
export interface BadgePassThroughCSSOptions {
|
||||||
|
/**
|
||||||
|
* Style class of the element.
|
||||||
|
*/
|
||||||
|
class?: any;
|
||||||
|
/**
|
||||||
|
* Inline style of the element.
|
||||||
|
*/
|
||||||
|
style?: any;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface BadgePassThroughDirectiveOptions {
|
||||||
|
/**
|
||||||
|
* Uses to pass attributes to the life cycle hooks.
|
||||||
|
* @see {@link BadgePassThroughHooksOptions}
|
||||||
|
*/
|
||||||
|
hooks?: BadgePassThroughHooksOptions;
|
||||||
|
/**
|
||||||
|
* Uses to pass attributes to the styles.
|
||||||
|
* @see {@link BadgePassThroughCSSOptions}
|
||||||
|
*/
|
||||||
|
css?: BadgePassThroughCSSOptions;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Custom passthrough(pt) options.
|
||||||
|
* @see {@link BadgeOptions.pt}
|
||||||
|
*/
|
||||||
|
export interface BadgePassThroughOptions {
|
||||||
|
/**
|
||||||
|
* Uses to pass attributes to the root's DOM element.
|
||||||
|
* @see {@link BadgePassThroughDirectiveOptions}
|
||||||
|
*/
|
||||||
|
root?: BadgePassThroughDirectiveOptions;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Defines options of Badge.
|
||||||
|
*/
|
||||||
|
export interface BadgeOptions {
|
||||||
|
/**
|
||||||
|
* Uses to pass attributes to DOM elements inside the component.
|
||||||
|
* @type {BadgePassThroughOptions}
|
||||||
|
*/
|
||||||
|
pt?: BadgePassThroughOptions;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Defines modifiers of Badge directive.
|
* Defines modifiers of Badge directive.
|
||||||
*/
|
*/
|
||||||
|
|
@ -41,7 +125,7 @@ export interface BadgeDirectiveBinding extends Omit<DirectiveBinding, 'modifiers
|
||||||
/**
|
/**
|
||||||
* Value of the Badge.
|
* Value of the Badge.
|
||||||
*/
|
*/
|
||||||
value?: string | undefined;
|
value?: string | BadgeOptions | undefined;
|
||||||
/**
|
/**
|
||||||
* Modifiers of the Badge.
|
* Modifiers of the Badge.
|
||||||
* @type {BadgeDirectiveModifiers}
|
* @type {BadgeDirectiveModifiers}
|
||||||
|
|
|
||||||
|
|
@ -1,54 +1,69 @@
|
||||||
|
import { BaseDirective } from 'primevue/basedirective';
|
||||||
import { DomHandler, UniqueComponentId } from 'primevue/utils';
|
import { DomHandler, UniqueComponentId } from 'primevue/utils';
|
||||||
|
|
||||||
const BadgeDirective = {
|
const BadgeDirective = BaseDirective.extend('badge', {
|
||||||
mounted(el, options) {
|
mounted(el, binding) {
|
||||||
const id = UniqueComponentId() + '_badge';
|
const id = UniqueComponentId() + '_badge';
|
||||||
|
|
||||||
el.$_pbadgeId = id;
|
el.$_pbadgeId = id;
|
||||||
|
el.$_pbadgeUnstyled = binding.instance.$primevue.config.unstyled || false;
|
||||||
|
|
||||||
let badge = document.createElement('span');
|
let badge = document.createElement('span');
|
||||||
|
|
||||||
badge.id = id;
|
badge.id = id;
|
||||||
badge.className = 'p-badge p-component';
|
!el.$_pbadgeUnstyled && (badge.className = 'p-badge p-component');
|
||||||
|
badge.setAttribute('data-pc-name', 'badge');
|
||||||
|
badge.setAttribute('data-pc-section', 'root');
|
||||||
|
|
||||||
for (let modifier in options.modifiers) {
|
for (let modifier in binding.modifiers) {
|
||||||
DomHandler.addClass(badge, 'p-badge-' + modifier);
|
!el.$_pbadgeUnstyled && DomHandler.addClass(badge, 'p-badge-' + modifier);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (options.value != null) {
|
if (binding.value != null) {
|
||||||
badge.appendChild(document.createTextNode(options.value));
|
if (typeof binding.value === 'object') el.$_badgeValue = binding.value.value;
|
||||||
|
else el.$_badgeValue = binding.value;
|
||||||
|
badge.appendChild(document.createTextNode(el.$_badgeValue));
|
||||||
|
|
||||||
if (String(options.value).length === 1) {
|
if (String(el.$_badgeValue).length === 1 && !el.$_pbadgeUnstyled) {
|
||||||
DomHandler.addClass(badge, 'p-badge-no-gutter');
|
!el.$_pbadgeUnstyled && DomHandler.addClass(badge, 'p-badge-no-gutter');
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
DomHandler.addClass(badge, 'p-badge-dot');
|
!el.$_pbadgeUnstyled && DomHandler.addClass(badge, 'p-badge-dot');
|
||||||
}
|
}
|
||||||
|
|
||||||
DomHandler.addClass(el, 'p-overlay-badge');
|
!el.$_pbadgeUnstyled && DomHandler.addClass(el, 'p-overlay-badge');
|
||||||
|
el.setAttribute('data-p-overlay-badge', 'true');
|
||||||
el.appendChild(badge);
|
el.appendChild(badge);
|
||||||
},
|
el.$_pDirectiveElement = badge;
|
||||||
updated(el, options) {
|
|
||||||
DomHandler.addClass(el, 'p-overlay-badge');
|
|
||||||
|
|
||||||
if (options.oldValue !== options.value) {
|
BaseDirective.directiveElement = badge;
|
||||||
|
BaseDirective.handleCSS('badge', el, binding);
|
||||||
|
},
|
||||||
|
updated(el, binding) {
|
||||||
|
!el.$_pbadgeUnstyled && DomHandler.addClass(el, 'p-overlay-badge');
|
||||||
|
el.setAttribute('data-p-overlay-badge', 'true');
|
||||||
|
|
||||||
|
if (binding.oldValue !== binding.value) {
|
||||||
let badge = document.getElementById(el.$_pbadgeId);
|
let badge = document.getElementById(el.$_pbadgeId);
|
||||||
|
|
||||||
if (options.value) {
|
if (typeof binding.value === 'object') el.$_badgeValue = binding.value.value;
|
||||||
if (DomHandler.hasClass(badge, 'p-badge-dot')) {
|
else el.$_badgeValue = binding.value;
|
||||||
DomHandler.removeClass(badge, 'p-badge-dot');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (String(options.value).length === 1) DomHandler.addClass(badge, 'p-badge-no-gutter');
|
if (!el.$_pbadgeUnstyled) {
|
||||||
else DomHandler.removeClass(badge, 'p-badge-no-gutter');
|
if (el.$_badgeValue) {
|
||||||
} else if (!options.value && !DomHandler.hasClass(badge, 'p-badge-dot')) {
|
if (DomHandler.hasClass(badge, 'p-badge-dot')) DomHandler.removeClass(badge, 'p-badge-dot');
|
||||||
DomHandler.addClass(badge, 'p-badge-dot');
|
|
||||||
|
if (el.$_badgeValue.length === 1) DomHandler.addClass(badge, 'p-badge-no-gutter');
|
||||||
|
else DomHandler.removeClass(badge, 'p-badge-no-gutter');
|
||||||
|
} else if (!el.$_badgeValue && !DomHandler.hasClass(badge, 'p-badge-dot')) {
|
||||||
|
DomHandler.addClass(badge, 'p-badge-dot');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
badge.innerHTML = '';
|
badge.innerHTML = '';
|
||||||
badge.appendChild(document.createTextNode(options.value));
|
badge.appendChild(document.createTextNode(el.$_badgeValue));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
});
|
||||||
|
|
||||||
export default BadgeDirective;
|
export default BadgeDirective;
|
||||||
|
|
|
||||||
|
|
@ -4140,6 +4140,144 @@
|
||||||
"methodDescription": "Defines methods that can be accessed by the component's reference.",
|
"methodDescription": "Defines methods that can be accessed by the component's reference.",
|
||||||
"typeDescription": "Defines the custom types used by the module.",
|
"typeDescription": "Defines the custom types used by the module.",
|
||||||
"values": {
|
"values": {
|
||||||
|
"BadgePassThroughHooksOptions": {
|
||||||
|
"description": "Custom passthrough(pt) hooks options.",
|
||||||
|
"relatedProp": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "created",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called before bound element's attributes or event listeners are applied."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "beforeMount",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called right before the element is inserted into the DOM."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "mounted",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called when the bound element's parent component and all its children are mounted."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "beforeUpdate",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called before the parent component is updated."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "updated",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called after the parent component and all of its children have updated all of its children have updated."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "beforeUnmount",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called before the parent component is unmounted."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "unmounted",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called when the parent component is unmounted."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"methods": []
|
||||||
|
},
|
||||||
|
"BadgePassThroughCSSOptions": {
|
||||||
|
"description": "Custom passthrough(pt) css options.",
|
||||||
|
"relatedProp": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "class",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "any",
|
||||||
|
"default": "",
|
||||||
|
"description": "Style class of the element."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "style",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "any",
|
||||||
|
"default": "",
|
||||||
|
"description": "Inline style of the element."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"methods": []
|
||||||
|
},
|
||||||
|
"BadgePassThroughDirectiveOptions": {
|
||||||
|
"relatedProp": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "hooks",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "BadgePassThroughHooksOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Uses to pass attributes to the life cycle hooks."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "css",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "BadgePassThroughCSSOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Uses to pass attributes to the styles."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"methods": []
|
||||||
|
},
|
||||||
|
"BadgePassThroughOptions": {
|
||||||
|
"description": "Custom passthrough(pt) options.",
|
||||||
|
"relatedProp": "BadgeOptions.pt",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "root",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "BadgePassThroughDirectiveOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Uses to pass attributes to the root's DOM element."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"methods": []
|
||||||
|
},
|
||||||
|
"BadgeOptions": {
|
||||||
|
"description": "Defines options of Badge.",
|
||||||
|
"relatedProp": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "pt",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "BadgePassThroughOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Uses to pass attributes to DOM elements inside the component."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"methods": []
|
||||||
|
},
|
||||||
"BadgeDirectiveModifiers": {
|
"BadgeDirectiveModifiers": {
|
||||||
"description": "Defines modifiers of Badge directive.",
|
"description": "Defines modifiers of Badge directive.",
|
||||||
"relatedProp": "",
|
"relatedProp": "",
|
||||||
|
|
@ -4187,7 +4325,7 @@
|
||||||
"name": "value",
|
"name": "value",
|
||||||
"optional": true,
|
"optional": true,
|
||||||
"readonly": false,
|
"readonly": false,
|
||||||
"type": "string",
|
"type": "string | BadgeOptions",
|
||||||
"default": "",
|
"default": "",
|
||||||
"description": "Value of the Badge."
|
"description": "Value of the Badge."
|
||||||
},
|
},
|
||||||
|
|
@ -4206,6 +4344,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"basedirective/BaseDirective": {},
|
||||||
"blockui": {
|
"blockui": {
|
||||||
"description": "BlockUI represents people using icons, labels and images.\n\n[Live Demo](https://www.primevue.org/blockui)",
|
"description": "BlockUI represents people using icons, labels and images.\n\n[Live Demo](https://www.primevue.org/blockui)",
|
||||||
"components": {
|
"components": {
|
||||||
|
|
@ -19620,6 +19759,145 @@
|
||||||
"methodDescription": "Defines methods that can be accessed by the component's reference.",
|
"methodDescription": "Defines methods that can be accessed by the component's reference.",
|
||||||
"typeDescription": "Defines the custom types used by the module.",
|
"typeDescription": "Defines the custom types used by the module.",
|
||||||
"values": {
|
"values": {
|
||||||
|
"FocusTrapPassThroughHooksOptions": {
|
||||||
|
"description": "Custom passthrough(pt) hooks options.",
|
||||||
|
"relatedProp": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "created",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called before bound element's attributes or event listeners are applied."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "beforeMount",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called right before the element is inserted into the DOM."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "mounted",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called when the bound element's parent component and all its children are mounted."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "beforeUpdate",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called before the parent component is updated."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "updated",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called after the parent component and all of its children have updated all of its children have updated."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "beforeUnmount",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called before the parent component is unmounted."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "unmounted",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called when the parent component is unmounted."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"methods": []
|
||||||
|
},
|
||||||
|
"FocusTrapPassThroughCSSOptions": {
|
||||||
|
"description": "Custom passthrough(pt) css options.",
|
||||||
|
"relatedProp": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "class",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "any",
|
||||||
|
"default": "",
|
||||||
|
"description": "Style class of the element."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "style",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "any",
|
||||||
|
"default": "",
|
||||||
|
"description": "Inline style of the element."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"methods": []
|
||||||
|
},
|
||||||
|
"FocusTrapPassThroughDirectiveOptions": {
|
||||||
|
"relatedProp": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "hooks",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "FocusTrapPassThroughHooksOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Uses to pass attributes to the life cycle hooks."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "css",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "FocusTrapPassThroughCSSOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Uses to pass attributes to the styles."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"methods": []
|
||||||
|
},
|
||||||
|
"FocusTrapPassThroughOptions": {
|
||||||
|
"description": "Custom passthrough(pt) options.",
|
||||||
|
"relatedProp": "FocusTrapOptions.pt",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "root",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "FocusTrapPassThroughDirectiveOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Uses to pass attributes to the root's DOM element."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "firstFocusableElement",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "FocusTrapPassThroughDirectiveOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Uses to pass attributes to the first focusable element's DOM element."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "lastFocusableElement",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "FocusTrapPassThroughDirectiveOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Uses to pass attributes to the last focusable element's DOM element."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"methods": []
|
||||||
|
},
|
||||||
"FocusTrapOptions": {
|
"FocusTrapOptions": {
|
||||||
"description": "Defines options of FocusTrap.",
|
"description": "Defines options of FocusTrap.",
|
||||||
"relatedProp": "",
|
"relatedProp": "",
|
||||||
|
|
@ -19631,6 +19909,22 @@
|
||||||
"type": "boolean",
|
"type": "boolean",
|
||||||
"default": "false",
|
"default": "false",
|
||||||
"description": "When present, it specifies that the directive should be disabled."
|
"description": "When present, it specifies that the directive should be disabled."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "autoFocus",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "boolean",
|
||||||
|
"default": "true",
|
||||||
|
"description": "When When disabled, focustrap will not focus by default."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "pt",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "FocusTrapPassThroughOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Uses to pass attributes to DOM elements inside the component."
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"methods": []
|
"methods": []
|
||||||
|
|
@ -31780,10 +32074,157 @@
|
||||||
"methodDescription": "Defines methods that can be accessed by the component's reference.",
|
"methodDescription": "Defines methods that can be accessed by the component's reference.",
|
||||||
"typeDescription": "Defines the custom types used by the module.",
|
"typeDescription": "Defines the custom types used by the module.",
|
||||||
"values": {
|
"values": {
|
||||||
|
"RipplePassThroughHooksOptions": {
|
||||||
|
"description": "Custom passthrough(pt) hooks options.",
|
||||||
|
"relatedProp": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "created",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called before bound element's attributes or event listeners are applied."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "beforeMount",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called right before the element is inserted into the DOM."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "mounted",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called when the bound element's parent component and all its children are mounted."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "beforeUpdate",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called before the parent component is updated."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "updated",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called after the parent component and all of its children have updated all of its children have updated."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "beforeUnmount",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called before the parent component is unmounted."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "unmounted",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "DirectiveBinding<any>",
|
||||||
|
"default": "",
|
||||||
|
"description": "Called when the parent component is unmounted."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"methods": []
|
||||||
|
},
|
||||||
|
"RipplePassThroughCSSOptions": {
|
||||||
|
"description": "Custom passthrough(pt) css options.",
|
||||||
|
"relatedProp": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "class",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "any",
|
||||||
|
"default": "",
|
||||||
|
"description": "Style class of the element."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "style",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "any",
|
||||||
|
"default": "",
|
||||||
|
"description": "Inline style of the element."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"methods": []
|
||||||
|
},
|
||||||
|
"RipplePassThroughDirectiveOptions": {
|
||||||
|
"relatedProp": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "hooks",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "RipplePassThroughHooksOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Uses to pass attributes to the life cycle hooks."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "css",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "RipplePassThroughCSSOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Uses to pass attributes to the styles."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"methods": []
|
||||||
|
},
|
||||||
|
"RipplePassThroughOptions": {
|
||||||
|
"description": "Custom passthrough(pt) options.",
|
||||||
|
"relatedProp": "RippleOptions.pt",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "root",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "RipplePassThroughDirectiveOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Uses to pass attributes to the root's DOM element."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"methods": []
|
||||||
|
},
|
||||||
|
"RippleOptions": {
|
||||||
|
"description": "Defines options of Ripple.",
|
||||||
|
"relatedProp": "",
|
||||||
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "pt",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "RipplePassThroughOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Uses to pass attributes to DOM elements inside the component."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"methods": []
|
||||||
|
},
|
||||||
"RippleDirectiveBinding": {
|
"RippleDirectiveBinding": {
|
||||||
"description": "Binding of Ripple directive.",
|
"description": "Binding of Ripple directive.",
|
||||||
"relatedProp": "",
|
"relatedProp": "",
|
||||||
"props": [],
|
"props": [
|
||||||
|
{
|
||||||
|
"name": "value",
|
||||||
|
"optional": true,
|
||||||
|
"readonly": false,
|
||||||
|
"type": "RippleOptions",
|
||||||
|
"default": "",
|
||||||
|
"description": "Value of the Ripple."
|
||||||
|
}
|
||||||
|
],
|
||||||
"methods": [],
|
"methods": [],
|
||||||
"extendedTypes": "Omit<DirectiveBinding, \"modifiers\" | \"value\">"
|
"extendedTypes": "Omit<DirectiveBinding, \"modifiers\" | \"value\">"
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue