/* eslint-disable */ /* tslint:disable */ /** * This is an autogenerated file created by the Stencil compiler. * It contains typing information for all components that exist in this project. */ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime"; import { PushOptions } from "./components/notification/p-notification-handler/p-notification-handler"; import { PSidebarUser } from "./components/p-sidebar/p-sidebar"; export { PushOptions } from "./components/notification/p-notification-handler/p-notification-handler"; export { PSidebarUser } from "./components/p-sidebar/p-sidebar"; export namespace Components { interface PAccordion { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "open": boolean; "title": string; } /** * @Slot - alert content */ interface PAlert { /** * Show close icon * @default false */ "closable"?: boolean; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default 'primary' */ "type"?: AlertColor; } interface PBadge { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default undefined */ "type"?: BadgeColor; } interface PBreadcrumb { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; } interface PBreadcrumbItem { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "first"?: boolean; "link"?: string; } interface PButton { /** * @default false */ "block"?: boolean; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "disabled"?: boolean; /** * @default false */ "large"?: boolean; /** * @default false */ "loading"?: boolean; /** * @default false */ "outline"?: boolean; /** * @default false */ "small"?: boolean; /** * @default 'primary' */ "type"?: ButtonColor; } interface PCard { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; "image"?: string; /** * Use border radius style like button, badge etc * @default false */ "radius"?: boolean; } interface PDropdown { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; "placeholder"?: string; /** * Prevent dropdown self update selected value * @default false */ "preventSelected"?: boolean; /** * Selected item value * @default '' */ "value"?: string; } interface PDropdownItem { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "selected"?: boolean; "value": string; } interface PIcon { /** * @default 'inherit' */ "color": string; "icon": string; /** * @default 20 */ "size": number; } interface PInputText { /** * @default false */ "block"?: boolean; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "disabled"?: boolean; "error"?: string; /** * Any icon allowed with p-icon can be used */ "icon"?: string; "label"?: string; "placeholder"?: string; /** * @default false */ "required"?: boolean; /** * @default '' */ "value"?: string; } /** * @slots default - p-leaf content */ interface PLeaf { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; } interface PModal { "close": () => Promise; "open": () => Promise; } interface PNavbar { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "fixed": boolean; /** * @default '/' */ "rootLink": string; /** * @default '' */ "rootTitle": string; /** * @default false */ "split": boolean; } interface PNavbarItem { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default '/' */ "href": string; "icon"?: string; "target"?: string; } interface PNotification { /** * @default false */ "canclose": boolean; /** * @default '' */ "text": string; /** * @default '' */ "timestamp": string; /** * @default 'info' */ "type"?: string; } interface PNotificationHandler { "pushNotification": (options: PushOptions) => Promise; } interface PNotificationPreview { } interface PProgressBar { "auto"?: number; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "striped"?: boolean; /** * @default 'primary' */ "type"?: ProgressBarColor; /** * @default 0 */ "value"?: number; } interface PSidebar { /** * Allow to force dark or lighe mode. By default component follows browser mode */ "dark"?: boolean; "logo"?: string; /** * @default '' */ "title": string; "user"?: PSidebarUser; } interface PSidebarItem { /** * @default false */ "active"?: boolean; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; "icon"?: string; "target"?: string; "url"?: string; } interface PSlider { /** * @default false */ "block"?: boolean; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; "max"?: number; /** * @default 0 */ "min"?: number; /** * @default 0 */ "value"?: number; } interface PSpinner { "color"?: string; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "large": boolean; } interface PSwitch { /** * @default false */ "checked"?: boolean; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * define switch style * @default false */ "round"?: boolean; /** * define switch parent style * @default false */ "square"?: boolean; } interface PSwitchTile { /** * @default false */ "checked"?: boolean; /** * @default 'primary' */ "checkedBackground"?: TileBackground; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; "uncheckedBackground"?: TileBackground; } interface PTab { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "selected"?: boolean; "title": string; } interface PTabs { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; } interface PTooltip { /** * @default false */ "bottom"?: boolean; /** * @default false */ "disabled"?: boolean; /** * @default false */ "left"?: boolean; /** * @default false */ "right"?: boolean; "title"?: string; /** * @default false */ "top"?: boolean; } } export interface PAlertCustomEvent extends CustomEvent { detail: T; target: HTMLPAlertElement; } export interface PDropdownCustomEvent extends CustomEvent { detail: T; target: HTMLPDropdownElement; } export interface PDropdownItemCustomEvent extends CustomEvent { detail: T; target: HTMLPDropdownItemElement; } export interface PInputTextCustomEvent extends CustomEvent { detail: T; target: HTMLPInputTextElement; } export interface PModalCustomEvent extends CustomEvent { detail: T; target: HTMLPModalElement; } export interface PNotificationCustomEvent extends CustomEvent { detail: T; target: HTMLPNotificationElement; } export interface PSliderCustomEvent extends CustomEvent { detail: T; target: HTMLPSliderElement; } export interface PSwitchCustomEvent extends CustomEvent { detail: T; target: HTMLPSwitchElement; } export interface PSwitchTileCustomEvent extends CustomEvent { detail: T; target: HTMLPSwitchTileElement; } declare global { interface HTMLPAccordionElement extends Components.PAccordion, HTMLStencilElement { } var HTMLPAccordionElement: { prototype: HTMLPAccordionElement; new (): HTMLPAccordionElement; }; interface HTMLPAlertElementEventMap { "close": any; } /** * @Slot - alert content */ interface HTMLPAlertElement extends Components.PAlert, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPAlertElement, ev: PAlertCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPAlertElement, ev: PAlertCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPAlertElement: { prototype: HTMLPAlertElement; new (): HTMLPAlertElement; }; interface HTMLPBadgeElement extends Components.PBadge, HTMLStencilElement { } var HTMLPBadgeElement: { prototype: HTMLPBadgeElement; new (): HTMLPBadgeElement; }; interface HTMLPBreadcrumbElement extends Components.PBreadcrumb, HTMLStencilElement { } var HTMLPBreadcrumbElement: { prototype: HTMLPBreadcrumbElement; new (): HTMLPBreadcrumbElement; }; interface HTMLPBreadcrumbItemElement extends Components.PBreadcrumbItem, HTMLStencilElement { } var HTMLPBreadcrumbItemElement: { prototype: HTMLPBreadcrumbItemElement; new (): HTMLPBreadcrumbItemElement; }; interface HTMLPButtonElement extends Components.PButton, HTMLStencilElement { } var HTMLPButtonElement: { prototype: HTMLPButtonElement; new (): HTMLPButtonElement; }; interface HTMLPCardElement extends Components.PCard, HTMLStencilElement { } var HTMLPCardElement: { prototype: HTMLPCardElement; new (): HTMLPCardElement; }; interface HTMLPDropdownElementEventMap { "select": string; } interface HTMLPDropdownElement extends Components.PDropdown, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPDropdownElement, ev: PDropdownCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPDropdownElement, ev: PDropdownCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPDropdownElement: { prototype: HTMLPDropdownElement; new (): HTMLPDropdownElement; }; interface HTMLPDropdownItemElementEventMap { "change": string; } interface HTMLPDropdownItemElement extends Components.PDropdownItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPDropdownItemElement, ev: PDropdownItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPDropdownItemElement, ev: PDropdownItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPDropdownItemElement: { prototype: HTMLPDropdownItemElement; new (): HTMLPDropdownItemElement; }; interface HTMLPIconElement extends Components.PIcon, HTMLStencilElement { } var HTMLPIconElement: { prototype: HTMLPIconElement; new (): HTMLPIconElement; }; interface HTMLPInputTextElementEventMap { "change": string; "input": string; } interface HTMLPInputTextElement extends Components.PInputText, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPInputTextElement, ev: PInputTextCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPInputTextElement, ev: PInputTextCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPInputTextElement: { prototype: HTMLPInputTextElement; new (): HTMLPInputTextElement; }; /** * @slots default - p-leaf content */ interface HTMLPLeafElement extends Components.PLeaf, HTMLStencilElement { } var HTMLPLeafElement: { prototype: HTMLPLeafElement; new (): HTMLPLeafElement; }; interface HTMLPModalElementEventMap { "close": void; } interface HTMLPModalElement extends Components.PModal, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPModalElement, ev: PModalCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPModalElement, ev: PModalCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPModalElement: { prototype: HTMLPModalElement; new (): HTMLPModalElement; }; interface HTMLPNavbarElement extends Components.PNavbar, HTMLStencilElement { } var HTMLPNavbarElement: { prototype: HTMLPNavbarElement; new (): HTMLPNavbarElement; }; interface HTMLPNavbarItemElement extends Components.PNavbarItem, HTMLStencilElement { } var HTMLPNavbarItemElement: { prototype: HTMLPNavbarItemElement; new (): HTMLPNavbarItemElement; }; interface HTMLPNotificationElementEventMap { "close": string; } interface HTMLPNotificationElement extends Components.PNotification, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPNotificationElement, ev: PNotificationCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPNotificationElement, ev: PNotificationCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPNotificationElement: { prototype: HTMLPNotificationElement; new (): HTMLPNotificationElement; }; interface HTMLPNotificationHandlerElement extends Components.PNotificationHandler, HTMLStencilElement { } var HTMLPNotificationHandlerElement: { prototype: HTMLPNotificationHandlerElement; new (): HTMLPNotificationHandlerElement; }; interface HTMLPNotificationPreviewElement extends Components.PNotificationPreview, HTMLStencilElement { } var HTMLPNotificationPreviewElement: { prototype: HTMLPNotificationPreviewElement; new (): HTMLPNotificationPreviewElement; }; interface HTMLPProgressBarElement extends Components.PProgressBar, HTMLStencilElement { } var HTMLPProgressBarElement: { prototype: HTMLPProgressBarElement; new (): HTMLPProgressBarElement; }; interface HTMLPSidebarElement extends Components.PSidebar, HTMLStencilElement { } var HTMLPSidebarElement: { prototype: HTMLPSidebarElement; new (): HTMLPSidebarElement; }; interface HTMLPSidebarItemElement extends Components.PSidebarItem, HTMLStencilElement { } var HTMLPSidebarItemElement: { prototype: HTMLPSidebarItemElement; new (): HTMLPSidebarItemElement; }; interface HTMLPSliderElementEventMap { "change": number; } interface HTMLPSliderElement extends Components.PSlider, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPSliderElement, ev: PSliderCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPSliderElement, ev: PSliderCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPSliderElement: { prototype: HTMLPSliderElement; new (): HTMLPSliderElement; }; interface HTMLPSpinnerElement extends Components.PSpinner, HTMLStencilElement { } var HTMLPSpinnerElement: { prototype: HTMLPSpinnerElement; new (): HTMLPSpinnerElement; }; interface HTMLPSwitchElementEventMap { "change": boolean; } interface HTMLPSwitchElement extends Components.PSwitch, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPSwitchElement, ev: PSwitchCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPSwitchElement, ev: PSwitchCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPSwitchElement: { prototype: HTMLPSwitchElement; new (): HTMLPSwitchElement; }; interface HTMLPSwitchTileElementEventMap { "change": boolean; } interface HTMLPSwitchTileElement extends Components.PSwitchTile, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLPSwitchTileElement, ev: PSwitchTileCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLPSwitchTileElement, ev: PSwitchTileCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLPSwitchTileElement: { prototype: HTMLPSwitchTileElement; new (): HTMLPSwitchTileElement; }; interface HTMLPTabElement extends Components.PTab, HTMLStencilElement { } var HTMLPTabElement: { prototype: HTMLPTabElement; new (): HTMLPTabElement; }; interface HTMLPTabsElement extends Components.PTabs, HTMLStencilElement { } var HTMLPTabsElement: { prototype: HTMLPTabsElement; new (): HTMLPTabsElement; }; interface HTMLPTooltipElement extends Components.PTooltip, HTMLStencilElement { } var HTMLPTooltipElement: { prototype: HTMLPTooltipElement; new (): HTMLPTooltipElement; }; interface HTMLElementTagNameMap { "p-accordion": HTMLPAccordionElement; "p-alert": HTMLPAlertElement; "p-badge": HTMLPBadgeElement; "p-breadcrumb": HTMLPBreadcrumbElement; "p-breadcrumb-item": HTMLPBreadcrumbItemElement; "p-button": HTMLPButtonElement; "p-card": HTMLPCardElement; "p-dropdown": HTMLPDropdownElement; "p-dropdown-item": HTMLPDropdownItemElement; "p-icon": HTMLPIconElement; "p-input-text": HTMLPInputTextElement; "p-leaf": HTMLPLeafElement; "p-modal": HTMLPModalElement; "p-navbar": HTMLPNavbarElement; "p-navbar-item": HTMLPNavbarItemElement; "p-notification": HTMLPNotificationElement; "p-notification-handler": HTMLPNotificationHandlerElement; "p-notification-preview": HTMLPNotificationPreviewElement; "p-progress-bar": HTMLPProgressBarElement; "p-sidebar": HTMLPSidebarElement; "p-sidebar-item": HTMLPSidebarItemElement; "p-slider": HTMLPSliderElement; "p-spinner": HTMLPSpinnerElement; "p-switch": HTMLPSwitchElement; "p-switch-tile": HTMLPSwitchTileElement; "p-tab": HTMLPTabElement; "p-tabs": HTMLPTabsElement; "p-tooltip": HTMLPTooltipElement; } } declare namespace LocalJSX { type OneOf = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never }; interface PAccordion { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "open"?: boolean; "title"?: string; } /** * @Slot - alert content */ interface PAlert { /** * Show close icon * @default false */ "closable"?: boolean; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; "onClose"?: (event: PAlertCustomEvent) => void; /** * @default 'primary' */ "type"?: AlertColor; } interface PBadge { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default undefined */ "type"?: BadgeColor; } interface PBreadcrumb { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; } interface PBreadcrumbItem { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "first"?: boolean; "link"?: string; } interface PButton { /** * @default false */ "block"?: boolean; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "disabled"?: boolean; /** * @default false */ "large"?: boolean; /** * @default false */ "loading"?: boolean; /** * @default false */ "outline"?: boolean; /** * @default false */ "small"?: boolean; /** * @default 'primary' */ "type"?: ButtonColor; } interface PCard { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; "image"?: string; /** * Use border radius style like button, badge etc * @default false */ "radius"?: boolean; } interface PDropdown { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; "onSelect"?: (event: PDropdownCustomEvent) => void; "placeholder"?: string; /** * Prevent dropdown self update selected value * @default false */ "preventSelected"?: boolean; /** * Selected item value * @default '' */ "value"?: string; } interface PDropdownItem { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; "onChange"?: (event: PDropdownItemCustomEvent) => void; /** * @default false */ "selected"?: boolean; "value": string; } interface PIcon { /** * @default 'inherit' */ "color"?: string; "icon"?: string; /** * @default 20 */ "size"?: number; } interface PInputText { /** * @default false */ "block"?: boolean; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "disabled"?: boolean; "error"?: string; /** * Any icon allowed with p-icon can be used */ "icon"?: string; "label"?: string; "onChange"?: (event: PInputTextCustomEvent) => void; "onInput"?: (event: PInputTextCustomEvent) => void; "placeholder"?: string; /** * @default false */ "required"?: boolean; /** * @default '' */ "value"?: string; } /** * @slots default - p-leaf content */ interface PLeaf { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; } interface PModal { "onClose"?: (event: PModalCustomEvent) => void; } interface PNavbar { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "fixed"?: boolean; /** * @default '/' */ "rootLink"?: string; /** * @default '' */ "rootTitle"?: string; /** * @default false */ "split"?: boolean; } interface PNavbarItem { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default '/' */ "href"?: string; "icon"?: string; "target"?: string; } interface PNotification { /** * @default false */ "canclose"?: boolean; "onClose"?: (event: PNotificationCustomEvent) => void; /** * @default '' */ "text"?: string; /** * @default '' */ "timestamp"?: string; /** * @default 'info' */ "type"?: string; } interface PNotificationHandler { } interface PNotificationPreview { } interface PProgressBar { "auto"?: number; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "striped"?: boolean; /** * @default 'primary' */ "type"?: ProgressBarColor; /** * @default 0 */ "value"?: number; } interface PSidebar { /** * Allow to force dark or lighe mode. By default component follows browser mode */ "dark"?: boolean; "logo"?: string; /** * @default '' */ "title"?: string; "user"?: PSidebarUser; } interface PSidebarItem { /** * @default false */ "active"?: boolean; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; "icon"?: string; "target"?: string; "url"?: string; } interface PSlider { /** * @default false */ "block"?: boolean; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; "max"?: number; /** * @default 0 */ "min"?: number; "onChange"?: (event: PSliderCustomEvent) => void; /** * @default 0 */ "value"?: number; } interface PSpinner { "color"?: string; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "large"?: boolean; } interface PSwitch { /** * @default false */ "checked"?: boolean; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; "onChange"?: (event: PSwitchCustomEvent) => void; /** * define switch style * @default false */ "round"?: boolean; /** * define switch parent style * @default false */ "square"?: boolean; } interface PSwitchTile { /** * @default false */ "checked"?: boolean; /** * @default 'primary' */ "checkedBackground"?: TileBackground; /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; "onChange"?: (event: PSwitchTileCustomEvent) => void; "uncheckedBackground"?: TileBackground; } interface PTab { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; /** * @default false */ "selected"?: boolean; "title"?: string; } interface PTabs { /** * Force dark or light mode. If not provided, the component follows the browser preference (`prefers-color-scheme`). */ "dark"?: boolean; } interface PTooltip { /** * @default false */ "bottom"?: boolean; /** * @default false */ "disabled"?: boolean; /** * @default false */ "left"?: boolean; /** * @default false */ "right"?: boolean; "title"?: string; /** * @default false */ "top"?: boolean; } interface PAccordionAttributes { "title": string; "open": boolean; "dark": boolean; } interface PAlertAttributes { "type": AlertColor; "closable": boolean; "dark": boolean; } interface PBadgeAttributes { "type": BadgeColor; "dark": boolean; } interface PBreadcrumbAttributes { "dark": boolean; } interface PBreadcrumbItemAttributes { "dark": boolean; "first": boolean; "link": string; } interface PButtonAttributes { "type": ButtonColor; "outline": boolean; "large": boolean; "small": boolean; "block": boolean; "disabled": boolean; "dark": boolean; "loading": boolean; } interface PCardAttributes { "dark": boolean; "radius": boolean; "image": string; } interface PDropdownAttributes { "dark": boolean; "preventSelected": boolean; "value": string; "placeholder": string; } interface PDropdownItemAttributes { "value": string; "selected": boolean; "dark": boolean; } interface PIconAttributes { "icon": string; "size": number; "color": string; } interface PInputTextAttributes { "placeholder": string; "icon": string; "value": string; "required": boolean; "dark": boolean; "label": string; "disabled": boolean; "block": boolean; "error": string; } interface PLeafAttributes { "dark": boolean; } interface PNavbarAttributes { "split": boolean; "fixed": boolean; "dark": boolean; "rootLink": string; "rootTitle": string; } interface PNavbarItemAttributes { "dark": boolean; "href": string; "target": string; "icon": string; } interface PNotificationAttributes { "type": string; "text": string; "canclose": boolean; "timestamp": string; } interface PProgressBarAttributes { "type": ProgressBarColor; "value": number; "striped": boolean; "dark": boolean; "auto": number; } interface PSidebarAttributes { "dark": boolean; "logo": string; "title": string; } interface PSidebarItemAttributes { "dark": boolean; "active": boolean; "url": string; "target": string; "icon": string; } interface PSliderAttributes { "value": number; "min": number; "max": number; "block": boolean; "dark": boolean; } interface PSpinnerAttributes { "large": boolean; "color": string; "dark": boolean; } interface PSwitchAttributes { "round": boolean; "square": boolean; "dark": boolean; "checked": boolean; } interface PSwitchTileAttributes { "dark": boolean; "checked": boolean; "checkedBackground": TileBackground; "uncheckedBackground": TileBackground; } interface PTabAttributes { "title": string; "selected": boolean; "dark": boolean; } interface PTabsAttributes { "dark": boolean; } interface PTooltipAttributes { "title": string; "disabled": boolean; "left": boolean; "right": boolean; "bottom": boolean; "top": boolean; } interface IntrinsicElements { "p-accordion": Omit & { [K in keyof PAccordion & keyof PAccordionAttributes]?: PAccordion[K] } & { [K in keyof PAccordion & keyof PAccordionAttributes as `attr:${K}`]?: PAccordionAttributes[K] } & { [K in keyof PAccordion & keyof PAccordionAttributes as `prop:${K}`]?: PAccordion[K] }; "p-alert": Omit & { [K in keyof PAlert & keyof PAlertAttributes]?: PAlert[K] } & { [K in keyof PAlert & keyof PAlertAttributes as `attr:${K}`]?: PAlertAttributes[K] } & { [K in keyof PAlert & keyof PAlertAttributes as `prop:${K}`]?: PAlert[K] }; "p-badge": Omit & { [K in keyof PBadge & keyof PBadgeAttributes]?: PBadge[K] } & { [K in keyof PBadge & keyof PBadgeAttributes as `attr:${K}`]?: PBadgeAttributes[K] } & { [K in keyof PBadge & keyof PBadgeAttributes as `prop:${K}`]?: PBadge[K] }; "p-breadcrumb": Omit & { [K in keyof PBreadcrumb & keyof PBreadcrumbAttributes]?: PBreadcrumb[K] } & { [K in keyof PBreadcrumb & keyof PBreadcrumbAttributes as `attr:${K}`]?: PBreadcrumbAttributes[K] } & { [K in keyof PBreadcrumb & keyof PBreadcrumbAttributes as `prop:${K}`]?: PBreadcrumb[K] }; "p-breadcrumb-item": Omit & { [K in keyof PBreadcrumbItem & keyof PBreadcrumbItemAttributes]?: PBreadcrumbItem[K] } & { [K in keyof PBreadcrumbItem & keyof PBreadcrumbItemAttributes as `attr:${K}`]?: PBreadcrumbItemAttributes[K] } & { [K in keyof PBreadcrumbItem & keyof PBreadcrumbItemAttributes as `prop:${K}`]?: PBreadcrumbItem[K] }; "p-button": Omit & { [K in keyof PButton & keyof PButtonAttributes]?: PButton[K] } & { [K in keyof PButton & keyof PButtonAttributes as `attr:${K}`]?: PButtonAttributes[K] } & { [K in keyof PButton & keyof PButtonAttributes as `prop:${K}`]?: PButton[K] }; "p-card": Omit & { [K in keyof PCard & keyof PCardAttributes]?: PCard[K] } & { [K in keyof PCard & keyof PCardAttributes as `attr:${K}`]?: PCardAttributes[K] } & { [K in keyof PCard & keyof PCardAttributes as `prop:${K}`]?: PCard[K] }; "p-dropdown": Omit & { [K in keyof PDropdown & keyof PDropdownAttributes]?: PDropdown[K] } & { [K in keyof PDropdown & keyof PDropdownAttributes as `attr:${K}`]?: PDropdownAttributes[K] } & { [K in keyof PDropdown & keyof PDropdownAttributes as `prop:${K}`]?: PDropdown[K] }; "p-dropdown-item": Omit & { [K in keyof PDropdownItem & keyof PDropdownItemAttributes]?: PDropdownItem[K] } & { [K in keyof PDropdownItem & keyof PDropdownItemAttributes as `attr:${K}`]?: PDropdownItemAttributes[K] } & { [K in keyof PDropdownItem & keyof PDropdownItemAttributes as `prop:${K}`]?: PDropdownItem[K] } & OneOf<"value", PDropdownItem["value"], PDropdownItemAttributes["value"]>; "p-icon": Omit & { [K in keyof PIcon & keyof PIconAttributes]?: PIcon[K] } & { [K in keyof PIcon & keyof PIconAttributes as `attr:${K}`]?: PIconAttributes[K] } & { [K in keyof PIcon & keyof PIconAttributes as `prop:${K}`]?: PIcon[K] }; "p-input-text": Omit & { [K in keyof PInputText & keyof PInputTextAttributes]?: PInputText[K] } & { [K in keyof PInputText & keyof PInputTextAttributes as `attr:${K}`]?: PInputTextAttributes[K] } & { [K in keyof PInputText & keyof PInputTextAttributes as `prop:${K}`]?: PInputText[K] }; "p-leaf": Omit & { [K in keyof PLeaf & keyof PLeafAttributes]?: PLeaf[K] } & { [K in keyof PLeaf & keyof PLeafAttributes as `attr:${K}`]?: PLeafAttributes[K] } & { [K in keyof PLeaf & keyof PLeafAttributes as `prop:${K}`]?: PLeaf[K] }; "p-modal": PModal; "p-navbar": Omit & { [K in keyof PNavbar & keyof PNavbarAttributes]?: PNavbar[K] } & { [K in keyof PNavbar & keyof PNavbarAttributes as `attr:${K}`]?: PNavbarAttributes[K] } & { [K in keyof PNavbar & keyof PNavbarAttributes as `prop:${K}`]?: PNavbar[K] }; "p-navbar-item": Omit & { [K in keyof PNavbarItem & keyof PNavbarItemAttributes]?: PNavbarItem[K] } & { [K in keyof PNavbarItem & keyof PNavbarItemAttributes as `attr:${K}`]?: PNavbarItemAttributes[K] } & { [K in keyof PNavbarItem & keyof PNavbarItemAttributes as `prop:${K}`]?: PNavbarItem[K] }; "p-notification": Omit & { [K in keyof PNotification & keyof PNotificationAttributes]?: PNotification[K] } & { [K in keyof PNotification & keyof PNotificationAttributes as `attr:${K}`]?: PNotificationAttributes[K] } & { [K in keyof PNotification & keyof PNotificationAttributes as `prop:${K}`]?: PNotification[K] }; "p-notification-handler": PNotificationHandler; "p-notification-preview": PNotificationPreview; "p-progress-bar": Omit & { [K in keyof PProgressBar & keyof PProgressBarAttributes]?: PProgressBar[K] } & { [K in keyof PProgressBar & keyof PProgressBarAttributes as `attr:${K}`]?: PProgressBarAttributes[K] } & { [K in keyof PProgressBar & keyof PProgressBarAttributes as `prop:${K}`]?: PProgressBar[K] }; "p-sidebar": Omit & { [K in keyof PSidebar & keyof PSidebarAttributes]?: PSidebar[K] } & { [K in keyof PSidebar & keyof PSidebarAttributes as `attr:${K}`]?: PSidebarAttributes[K] } & { [K in keyof PSidebar & keyof PSidebarAttributes as `prop:${K}`]?: PSidebar[K] }; "p-sidebar-item": Omit & { [K in keyof PSidebarItem & keyof PSidebarItemAttributes]?: PSidebarItem[K] } & { [K in keyof PSidebarItem & keyof PSidebarItemAttributes as `attr:${K}`]?: PSidebarItemAttributes[K] } & { [K in keyof PSidebarItem & keyof PSidebarItemAttributes as `prop:${K}`]?: PSidebarItem[K] }; "p-slider": Omit & { [K in keyof PSlider & keyof PSliderAttributes]?: PSlider[K] } & { [K in keyof PSlider & keyof PSliderAttributes as `attr:${K}`]?: PSliderAttributes[K] } & { [K in keyof PSlider & keyof PSliderAttributes as `prop:${K}`]?: PSlider[K] }; "p-spinner": Omit & { [K in keyof PSpinner & keyof PSpinnerAttributes]?: PSpinner[K] } & { [K in keyof PSpinner & keyof PSpinnerAttributes as `attr:${K}`]?: PSpinnerAttributes[K] } & { [K in keyof PSpinner & keyof PSpinnerAttributes as `prop:${K}`]?: PSpinner[K] }; "p-switch": Omit & { [K in keyof PSwitch & keyof PSwitchAttributes]?: PSwitch[K] } & { [K in keyof PSwitch & keyof PSwitchAttributes as `attr:${K}`]?: PSwitchAttributes[K] } & { [K in keyof PSwitch & keyof PSwitchAttributes as `prop:${K}`]?: PSwitch[K] }; "p-switch-tile": Omit & { [K in keyof PSwitchTile & keyof PSwitchTileAttributes]?: PSwitchTile[K] } & { [K in keyof PSwitchTile & keyof PSwitchTileAttributes as `attr:${K}`]?: PSwitchTileAttributes[K] } & { [K in keyof PSwitchTile & keyof PSwitchTileAttributes as `prop:${K}`]?: PSwitchTile[K] }; "p-tab": Omit & { [K in keyof PTab & keyof PTabAttributes]?: PTab[K] } & { [K in keyof PTab & keyof PTabAttributes as `attr:${K}`]?: PTabAttributes[K] } & { [K in keyof PTab & keyof PTabAttributes as `prop:${K}`]?: PTab[K] }; "p-tabs": Omit & { [K in keyof PTabs & keyof PTabsAttributes]?: PTabs[K] } & { [K in keyof PTabs & keyof PTabsAttributes as `attr:${K}`]?: PTabsAttributes[K] } & { [K in keyof PTabs & keyof PTabsAttributes as `prop:${K}`]?: PTabs[K] }; "p-tooltip": Omit & { [K in keyof PTooltip & keyof PTooltipAttributes]?: PTooltip[K] } & { [K in keyof PTooltip & keyof PTooltipAttributes as `attr:${K}`]?: PTooltipAttributes[K] } & { [K in keyof PTooltip & keyof PTooltipAttributes as `prop:${K}`]?: PTooltip[K] }; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { "p-accordion": LocalJSX.IntrinsicElements["p-accordion"] & JSXBase.HTMLAttributes; /** * @Slot - alert content */ "p-alert": LocalJSX.IntrinsicElements["p-alert"] & JSXBase.HTMLAttributes; "p-badge": LocalJSX.IntrinsicElements["p-badge"] & JSXBase.HTMLAttributes; "p-breadcrumb": LocalJSX.IntrinsicElements["p-breadcrumb"] & JSXBase.HTMLAttributes; "p-breadcrumb-item": LocalJSX.IntrinsicElements["p-breadcrumb-item"] & JSXBase.HTMLAttributes; "p-button": LocalJSX.IntrinsicElements["p-button"] & JSXBase.HTMLAttributes; "p-card": LocalJSX.IntrinsicElements["p-card"] & JSXBase.HTMLAttributes; "p-dropdown": LocalJSX.IntrinsicElements["p-dropdown"] & JSXBase.HTMLAttributes; "p-dropdown-item": LocalJSX.IntrinsicElements["p-dropdown-item"] & JSXBase.HTMLAttributes; "p-icon": LocalJSX.IntrinsicElements["p-icon"] & JSXBase.HTMLAttributes; "p-input-text": LocalJSX.IntrinsicElements["p-input-text"] & JSXBase.HTMLAttributes; /** * @slots default - p-leaf content */ "p-leaf": LocalJSX.IntrinsicElements["p-leaf"] & JSXBase.HTMLAttributes; "p-modal": LocalJSX.IntrinsicElements["p-modal"] & JSXBase.HTMLAttributes; "p-navbar": LocalJSX.IntrinsicElements["p-navbar"] & JSXBase.HTMLAttributes; "p-navbar-item": LocalJSX.IntrinsicElements["p-navbar-item"] & JSXBase.HTMLAttributes; "p-notification": LocalJSX.IntrinsicElements["p-notification"] & JSXBase.HTMLAttributes; "p-notification-handler": LocalJSX.IntrinsicElements["p-notification-handler"] & JSXBase.HTMLAttributes; "p-notification-preview": LocalJSX.IntrinsicElements["p-notification-preview"] & JSXBase.HTMLAttributes; "p-progress-bar": LocalJSX.IntrinsicElements["p-progress-bar"] & JSXBase.HTMLAttributes; "p-sidebar": LocalJSX.IntrinsicElements["p-sidebar"] & JSXBase.HTMLAttributes; "p-sidebar-item": LocalJSX.IntrinsicElements["p-sidebar-item"] & JSXBase.HTMLAttributes; "p-slider": LocalJSX.IntrinsicElements["p-slider"] & JSXBase.HTMLAttributes; "p-spinner": LocalJSX.IntrinsicElements["p-spinner"] & JSXBase.HTMLAttributes; "p-switch": LocalJSX.IntrinsicElements["p-switch"] & JSXBase.HTMLAttributes; "p-switch-tile": LocalJSX.IntrinsicElements["p-switch-tile"] & JSXBase.HTMLAttributes; "p-tab": LocalJSX.IntrinsicElements["p-tab"] & JSXBase.HTMLAttributes; "p-tabs": LocalJSX.IntrinsicElements["p-tabs"] & JSXBase.HTMLAttributes; "p-tooltip": LocalJSX.IntrinsicElements["p-tooltip"] & JSXBase.HTMLAttributes; } } }