v4web-components
Version:
Stencil Component Starter
936 lines (935 loc) • 37.5 kB
TypeScript
/* 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 { CalendarEntry } from "./utils/calendar-entry";
import { INavbarItem } from "./components/navigation/lab-ds-navbar/menu-item/navbar-item";
import { IProgressOption } from "./components/navigation/lab-ds-progress-indicator/lab-ds-progress-indicator";
import { IOptionsSelect } from "./components/input/lab-ds-select/lab-ds-select";
import { IData } from "./components/layout/lab-ds-table/lab-ds-table";
import { INavbarItem as INavbarItem1 } from "./components/navigation/lab-ds-navbar/menu-item/navbar-item";
export { CalendarEntry } from "./utils/calendar-entry";
export { INavbarItem } from "./components/navigation/lab-ds-navbar/menu-item/navbar-item";
export { IProgressOption } from "./components/navigation/lab-ds-progress-indicator/lab-ds-progress-indicator";
export { IOptionsSelect } from "./components/input/lab-ds-select/lab-ds-select";
export { IData } from "./components/layout/lab-ds-table/lab-ds-table";
export { INavbarItem as INavbarItem1 } from "./components/navigation/lab-ds-navbar/menu-item/navbar-item";
export namespace Components {
interface LabDsAccordion {
"bodyPanel"?: string;
"descriptionAccordion": string;
"disabled": boolean;
"icon": string;
"openAccordion": boolean;
"titleAccordion": string;
"titlePanel"?: string;
}
interface LabDsAvatar {
"disabled": boolean;
"imageSRC": string;
"name": string;
"size": 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
}
interface LabDsAvatarWithExchange {
"disabled": boolean;
"imageSRC": string;
"name": string;
"size": 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'x-small';
}
interface LabDsBadge {
"label": string;
"size": 'medium' | 'small';
"state": 'success' | 'error' | 'warning';
"variant": 'outlined' | 'ghost' | 'dot';
}
interface LabDsBreadcrumb {
"breadcrumbs": Array<{ label: string; link: string; key: string; event: () => void }>;
"disabled": boolean;
}
interface LabDsButton {
"disabled": boolean;
"label": string;
"leadingIcon": string;
"loading": boolean;
"maxWidth": boolean;
"size": 'small' | 'medium' | 'large';
"stepIcon": string;
"type": 'button' | 'submit';
"variant": 'primary' | 'outlined' | 'link-button' | 'cta' | 'danger-primary' | 'danger-outlined';
}
interface LabDsCheckbox {
"avatar": boolean;
"checked": boolean;
"disabled": boolean;
"error": boolean;
"label": string;
"wrapText": boolean;
}
interface LabDsChip {
"avatar": boolean;
"imageSRCAvatar": string;
"label": string;
"nameAvatar": string;
"size": 'medium' | 'small';
}
interface LabDsChipGroup {
"avatar": boolean;
"chips": Array<{ label: string; id: string; nameAvatar: string; imageSRCAvatar: string }>;
"size": 'medium' | 'small';
}
interface LabDsContextMenu {
"destructiveItem"?: { label: string; key: string; icon?: string; event?: () => void; disabled?: boolean };
"disabled": boolean;
"iconMenu": string;
"items"?: Array<{ label: string; key: string; icon?: string; event?: () => void; disabled?: boolean }>;
"listPosition": 'right' | 'left';
}
interface LabDsDatePicker {
"dayNames": string[];
"disabled": boolean;
"helperText": string;
"monthNames": string[];
"showFillDays": boolean;
"size": 'small' | 'medium';
"state": 'error' | 'default';
"titleInput": string;
"value": string;
}
interface LabDsFilterChip {
"disabled": boolean;
"label": string;
"selected": boolean;
"size": 'medium' | 'small';
}
interface LabDsHeader {
"balanceWallet"?: number;
"eventLogo": () => void;
"eventLogout": () => void;
"eventMyProfile": () => void;
"eventWallet"?: () => void;
"logoHeader": string;
"user": { name: string; imageSRC?: string; unitId?: string; id?: string };
}
interface LabDsIconNotSelectable {
"color": string;
"icon": string;
"size": 'x-large' | 'large' | 'medium' | 's-medium' | 'small' | 'x-small' | 'xx-small';
}
interface LabDsIconSelectable {
"icon": string;
"size": 'x-large' | 'large' | 'medium' | 's-medium' | 'small' | 'x-small' | 'xx-small';
}
interface LabDsNavbar {
"activeProductsV4": boolean;
"activeRedeV4": boolean;
"activeUrl": string;
"logo": string;
"menus": Array<INavbarItem>;
"user"?: { name: string; unitName: string };
}
interface LabDsPasswordInput {
"disabled": boolean;
"helperText": string;
"label": string;
"state": 'error' | 'success' | 'default';
"titleInput": string;
"value": string;
}
interface LabDsProgressBar {
"progress": number;
}
interface LabDsProgressIndicator {
"options": Array<IProgressOption>;
"size": 'small' | 'medium';
"step": number;
}
interface LabDsQuantify {
"maxValue": number;
"value": number;
}
interface LabDsRadioButton {
"avatar": boolean;
"checked": boolean;
"disabled": boolean;
"error": boolean;
"label": string;
}
interface LabDsSearchBar {
"disabled": boolean;
"hints": Array<{ name: string }>;
"label": string;
"value": string;
}
interface LabDsSegmentedControl {
"options": Array<{ label: string; value: string; icon: string }>;
"value": string;
}
interface LabDsSelect {
"avatar": boolean;
"disabled": boolean;
"helperText": string;
"isSearchable": boolean;
"label": string;
"loading": boolean;
"options": Array<IOptionsSelect>;
"optionsSelected": Array<IOptionsSelect>;
"placeholderSearch": string;
"searcheableWithQuery": boolean;
"size": 'small' | 'medium';
"state": 'error' | 'default';
"titleInput": string;
"type": 'checkbox' | 'radioButton';
}
interface LabDsSkeleton {
"height": string;
"type": 'square' | 'circle';
"width": string;
}
interface LabDsSwitch {
"checked": boolean;
"disabled": boolean;
"size": 'small' | 'medium';
}
interface LabDsTab {
"disabled": boolean;
"tabs": Array<{ title: string; key: string; event: () => void, disabled?: boolean}>;
"type": 'inline' | 'contained';
"value": string;
}
interface LabDsTable {
"actionField": boolean;
"data": IData;
"headerPosition": 'left' | 'right';
"loading": boolean;
}
interface LabDsTextArea {
"cols": number;
"disabled": boolean;
"helperText": string;
"label": string;
"maxLength": number;
"minLength": number;
"rows": number;
"state": 'error' | 'success' | 'default';
"titleInput": string;
"value": string;
}
interface LabDsTextField {
"disabled": boolean;
"helperText": string;
"label": string;
"labelIcon": string;
"mask"?: 'CPF' | 'phone' | 'CEP' | 'CNPJ' | 'hour' | 'currency' | 'credit_card' | '';
"maxLength"?: number;
"state": 'error' | 'success' | 'default';
"titleInput": string;
"type"?: 'text' | 'number';
"value": string;
}
interface LabDsTextFieldWithTag {
"avatar": boolean;
"disabled": boolean;
"helperText": string;
"label": string;
"labelIcon": string;
"optionsSelected": Array<{ label: string; key: string; nameAvatar?: string; imgSRCAvatar?: string }>;
"state": 'error' | 'success' | 'default';
"titleInput": string;
"value": string;
}
interface LabDsToast {
"action": () => void;
"actionLabel": string;
"label": string;
"message": string;
"openToast": boolean;
"size": 'small' | 'medium';
"state": 'success' | 'error' | 'warning';
}
interface LabDsTooltip {
"label": string;
"tooltipPosition": 'three-hours' | 'nine-hours' | 'five-hours' | 'six-hours' | 'seven-hours' | 'eleven-hours' | 'twelve-hours';
}
interface NavbarItem {
"item": INavbarItem1;
"submenus": Array<INavbarItem1>;
}
}
export interface LabDsAvatarCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsAvatarElement;
}
export interface LabDsAvatarWithExchangeCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsAvatarWithExchangeElement;
}
export interface LabDsButtonCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsButtonElement;
}
export interface LabDsCheckboxCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsCheckboxElement;
}
export interface LabDsChipCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsChipElement;
}
export interface LabDsChipGroupCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsChipGroupElement;
}
export interface LabDsDatePickerCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsDatePickerElement;
}
export interface LabDsFilterChipCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsFilterChipElement;
}
export interface LabDsPasswordInputCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsPasswordInputElement;
}
export interface LabDsProgressIndicatorCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsProgressIndicatorElement;
}
export interface LabDsQuantifyCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsQuantifyElement;
}
export interface LabDsRadioButtonCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsRadioButtonElement;
}
export interface LabDsSearchBarCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsSearchBarElement;
}
export interface LabDsSegmentedControlCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsSegmentedControlElement;
}
export interface LabDsSelectCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsSelectElement;
}
export interface LabDsSwitchCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsSwitchElement;
}
export interface LabDsTableCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsTableElement;
}
export interface LabDsTextAreaCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsTextAreaElement;
}
export interface LabDsTextFieldCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsTextFieldElement;
}
export interface LabDsTextFieldWithTagCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsTextFieldWithTagElement;
}
export interface LabDsToastCustomEvent<T> extends CustomEvent<T> {
detail: T;
target: HTMLLabDsToastElement;
}
declare global {
interface HTMLLabDsAccordionElement extends Components.LabDsAccordion, HTMLStencilElement {
}
var HTMLLabDsAccordionElement: {
prototype: HTMLLabDsAccordionElement;
new (): HTMLLabDsAccordionElement;
};
interface HTMLLabDsAvatarElement extends Components.LabDsAvatar, HTMLStencilElement {
}
var HTMLLabDsAvatarElement: {
prototype: HTMLLabDsAvatarElement;
new (): HTMLLabDsAvatarElement;
};
interface HTMLLabDsAvatarWithExchangeElement extends Components.LabDsAvatarWithExchange, HTMLStencilElement {
}
var HTMLLabDsAvatarWithExchangeElement: {
prototype: HTMLLabDsAvatarWithExchangeElement;
new (): HTMLLabDsAvatarWithExchangeElement;
};
interface HTMLLabDsBadgeElement extends Components.LabDsBadge, HTMLStencilElement {
}
var HTMLLabDsBadgeElement: {
prototype: HTMLLabDsBadgeElement;
new (): HTMLLabDsBadgeElement;
};
interface HTMLLabDsBreadcrumbElement extends Components.LabDsBreadcrumb, HTMLStencilElement {
}
var HTMLLabDsBreadcrumbElement: {
prototype: HTMLLabDsBreadcrumbElement;
new (): HTMLLabDsBreadcrumbElement;
};
interface HTMLLabDsButtonElement extends Components.LabDsButton, HTMLStencilElement {
}
var HTMLLabDsButtonElement: {
prototype: HTMLLabDsButtonElement;
new (): HTMLLabDsButtonElement;
};
interface HTMLLabDsCheckboxElement extends Components.LabDsCheckbox, HTMLStencilElement {
}
var HTMLLabDsCheckboxElement: {
prototype: HTMLLabDsCheckboxElement;
new (): HTMLLabDsCheckboxElement;
};
interface HTMLLabDsChipElement extends Components.LabDsChip, HTMLStencilElement {
}
var HTMLLabDsChipElement: {
prototype: HTMLLabDsChipElement;
new (): HTMLLabDsChipElement;
};
interface HTMLLabDsChipGroupElement extends Components.LabDsChipGroup, HTMLStencilElement {
}
var HTMLLabDsChipGroupElement: {
prototype: HTMLLabDsChipGroupElement;
new (): HTMLLabDsChipGroupElement;
};
interface HTMLLabDsContextMenuElement extends Components.LabDsContextMenu, HTMLStencilElement {
}
var HTMLLabDsContextMenuElement: {
prototype: HTMLLabDsContextMenuElement;
new (): HTMLLabDsContextMenuElement;
};
interface HTMLLabDsDatePickerElement extends Components.LabDsDatePicker, HTMLStencilElement {
}
var HTMLLabDsDatePickerElement: {
prototype: HTMLLabDsDatePickerElement;
new (): HTMLLabDsDatePickerElement;
};
interface HTMLLabDsFilterChipElement extends Components.LabDsFilterChip, HTMLStencilElement {
}
var HTMLLabDsFilterChipElement: {
prototype: HTMLLabDsFilterChipElement;
new (): HTMLLabDsFilterChipElement;
};
interface HTMLLabDsHeaderElement extends Components.LabDsHeader, HTMLStencilElement {
}
var HTMLLabDsHeaderElement: {
prototype: HTMLLabDsHeaderElement;
new (): HTMLLabDsHeaderElement;
};
interface HTMLLabDsIconNotSelectableElement extends Components.LabDsIconNotSelectable, HTMLStencilElement {
}
var HTMLLabDsIconNotSelectableElement: {
prototype: HTMLLabDsIconNotSelectableElement;
new (): HTMLLabDsIconNotSelectableElement;
};
interface HTMLLabDsIconSelectableElement extends Components.LabDsIconSelectable, HTMLStencilElement {
}
var HTMLLabDsIconSelectableElement: {
prototype: HTMLLabDsIconSelectableElement;
new (): HTMLLabDsIconSelectableElement;
};
interface HTMLLabDsNavbarElement extends Components.LabDsNavbar, HTMLStencilElement {
}
var HTMLLabDsNavbarElement: {
prototype: HTMLLabDsNavbarElement;
new (): HTMLLabDsNavbarElement;
};
interface HTMLLabDsPasswordInputElement extends Components.LabDsPasswordInput, HTMLStencilElement {
}
var HTMLLabDsPasswordInputElement: {
prototype: HTMLLabDsPasswordInputElement;
new (): HTMLLabDsPasswordInputElement;
};
interface HTMLLabDsProgressBarElement extends Components.LabDsProgressBar, HTMLStencilElement {
}
var HTMLLabDsProgressBarElement: {
prototype: HTMLLabDsProgressBarElement;
new (): HTMLLabDsProgressBarElement;
};
interface HTMLLabDsProgressIndicatorElement extends Components.LabDsProgressIndicator, HTMLStencilElement {
}
var HTMLLabDsProgressIndicatorElement: {
prototype: HTMLLabDsProgressIndicatorElement;
new (): HTMLLabDsProgressIndicatorElement;
};
interface HTMLLabDsQuantifyElement extends Components.LabDsQuantify, HTMLStencilElement {
}
var HTMLLabDsQuantifyElement: {
prototype: HTMLLabDsQuantifyElement;
new (): HTMLLabDsQuantifyElement;
};
interface HTMLLabDsRadioButtonElement extends Components.LabDsRadioButton, HTMLStencilElement {
}
var HTMLLabDsRadioButtonElement: {
prototype: HTMLLabDsRadioButtonElement;
new (): HTMLLabDsRadioButtonElement;
};
interface HTMLLabDsSearchBarElement extends Components.LabDsSearchBar, HTMLStencilElement {
}
var HTMLLabDsSearchBarElement: {
prototype: HTMLLabDsSearchBarElement;
new (): HTMLLabDsSearchBarElement;
};
interface HTMLLabDsSegmentedControlElement extends Components.LabDsSegmentedControl, HTMLStencilElement {
}
var HTMLLabDsSegmentedControlElement: {
prototype: HTMLLabDsSegmentedControlElement;
new (): HTMLLabDsSegmentedControlElement;
};
interface HTMLLabDsSelectElement extends Components.LabDsSelect, HTMLStencilElement {
}
var HTMLLabDsSelectElement: {
prototype: HTMLLabDsSelectElement;
new (): HTMLLabDsSelectElement;
};
interface HTMLLabDsSkeletonElement extends Components.LabDsSkeleton, HTMLStencilElement {
}
var HTMLLabDsSkeletonElement: {
prototype: HTMLLabDsSkeletonElement;
new (): HTMLLabDsSkeletonElement;
};
interface HTMLLabDsSwitchElement extends Components.LabDsSwitch, HTMLStencilElement {
}
var HTMLLabDsSwitchElement: {
prototype: HTMLLabDsSwitchElement;
new (): HTMLLabDsSwitchElement;
};
interface HTMLLabDsTabElement extends Components.LabDsTab, HTMLStencilElement {
}
var HTMLLabDsTabElement: {
prototype: HTMLLabDsTabElement;
new (): HTMLLabDsTabElement;
};
interface HTMLLabDsTableElement extends Components.LabDsTable, HTMLStencilElement {
}
var HTMLLabDsTableElement: {
prototype: HTMLLabDsTableElement;
new (): HTMLLabDsTableElement;
};
interface HTMLLabDsTextAreaElement extends Components.LabDsTextArea, HTMLStencilElement {
}
var HTMLLabDsTextAreaElement: {
prototype: HTMLLabDsTextAreaElement;
new (): HTMLLabDsTextAreaElement;
};
interface HTMLLabDsTextFieldElement extends Components.LabDsTextField, HTMLStencilElement {
}
var HTMLLabDsTextFieldElement: {
prototype: HTMLLabDsTextFieldElement;
new (): HTMLLabDsTextFieldElement;
};
interface HTMLLabDsTextFieldWithTagElement extends Components.LabDsTextFieldWithTag, HTMLStencilElement {
}
var HTMLLabDsTextFieldWithTagElement: {
prototype: HTMLLabDsTextFieldWithTagElement;
new (): HTMLLabDsTextFieldWithTagElement;
};
interface HTMLLabDsToastElement extends Components.LabDsToast, HTMLStencilElement {
}
var HTMLLabDsToastElement: {
prototype: HTMLLabDsToastElement;
new (): HTMLLabDsToastElement;
};
interface HTMLLabDsTooltipElement extends Components.LabDsTooltip, HTMLStencilElement {
}
var HTMLLabDsTooltipElement: {
prototype: HTMLLabDsTooltipElement;
new (): HTMLLabDsTooltipElement;
};
interface HTMLNavbarItemElement extends Components.NavbarItem, HTMLStencilElement {
}
var HTMLNavbarItemElement: {
prototype: HTMLNavbarItemElement;
new (): HTMLNavbarItemElement;
};
interface HTMLElementTagNameMap {
"lab-ds-accordion": HTMLLabDsAccordionElement;
"lab-ds-avatar": HTMLLabDsAvatarElement;
"lab-ds-avatar-with-exchange": HTMLLabDsAvatarWithExchangeElement;
"lab-ds-badge": HTMLLabDsBadgeElement;
"lab-ds-breadcrumb": HTMLLabDsBreadcrumbElement;
"lab-ds-button": HTMLLabDsButtonElement;
"lab-ds-checkbox": HTMLLabDsCheckboxElement;
"lab-ds-chip": HTMLLabDsChipElement;
"lab-ds-chip-group": HTMLLabDsChipGroupElement;
"lab-ds-context-menu": HTMLLabDsContextMenuElement;
"lab-ds-date-picker": HTMLLabDsDatePickerElement;
"lab-ds-filter-chip": HTMLLabDsFilterChipElement;
"lab-ds-header": HTMLLabDsHeaderElement;
"lab-ds-icon-not-selectable": HTMLLabDsIconNotSelectableElement;
"lab-ds-icon-selectable": HTMLLabDsIconSelectableElement;
"lab-ds-navbar": HTMLLabDsNavbarElement;
"lab-ds-password-input": HTMLLabDsPasswordInputElement;
"lab-ds-progress-bar": HTMLLabDsProgressBarElement;
"lab-ds-progress-indicator": HTMLLabDsProgressIndicatorElement;
"lab-ds-quantify": HTMLLabDsQuantifyElement;
"lab-ds-radio-button": HTMLLabDsRadioButtonElement;
"lab-ds-search-bar": HTMLLabDsSearchBarElement;
"lab-ds-segmented-control": HTMLLabDsSegmentedControlElement;
"lab-ds-select": HTMLLabDsSelectElement;
"lab-ds-skeleton": HTMLLabDsSkeletonElement;
"lab-ds-switch": HTMLLabDsSwitchElement;
"lab-ds-tab": HTMLLabDsTabElement;
"lab-ds-table": HTMLLabDsTableElement;
"lab-ds-text-area": HTMLLabDsTextAreaElement;
"lab-ds-text-field": HTMLLabDsTextFieldElement;
"lab-ds-text-field-with-tag": HTMLLabDsTextFieldWithTagElement;
"lab-ds-toast": HTMLLabDsToastElement;
"lab-ds-tooltip": HTMLLabDsTooltipElement;
"navbar-item": HTMLNavbarItemElement;
}
}
declare namespace LocalJSX {
interface LabDsAccordion {
"bodyPanel"?: string;
"descriptionAccordion"?: string;
"disabled"?: boolean;
"icon"?: string;
"openAccordion"?: boolean;
"titleAccordion"?: string;
"titlePanel"?: string;
}
interface LabDsAvatar {
"disabled"?: boolean;
"imageSRC"?: string;
"name"?: string;
"onClickAvatar"?: (event: LabDsAvatarCustomEvent<any>) => void;
"size": 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
}
interface LabDsAvatarWithExchange {
"disabled"?: boolean;
"imageSRC"?: string;
"name"?: string;
"onClickAvatar"?: (event: LabDsAvatarWithExchangeCustomEvent<any>) => void;
"size": 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'x-small';
}
interface LabDsBadge {
"label"?: string;
"size"?: 'medium' | 'small';
"state"?: 'success' | 'error' | 'warning';
"variant"?: 'outlined' | 'ghost' | 'dot';
}
interface LabDsBreadcrumb {
"breadcrumbs"?: Array<{ label: string; link: string; key: string; event: () => void }>;
"disabled"?: boolean;
}
interface LabDsButton {
"disabled"?: boolean;
"label"?: string;
"leadingIcon"?: string;
"loading"?: boolean;
"maxWidth"?: boolean;
"onHandleButton"?: (event: LabDsButtonCustomEvent<any>) => void;
"size"?: 'small' | 'medium' | 'large';
"stepIcon"?: string;
"type"?: 'button' | 'submit';
"variant"?: 'primary' | 'outlined' | 'link-button' | 'cta' | 'danger-primary' | 'danger-outlined';
}
interface LabDsCheckbox {
"avatar"?: boolean;
"checked"?: boolean;
"disabled"?: boolean;
"error"?: boolean;
"label"?: string;
"onHandleCheckbox"?: (event: LabDsCheckboxCustomEvent<any>) => void;
"wrapText"?: boolean;
}
interface LabDsChip {
"avatar"?: boolean;
"imageSRCAvatar"?: string;
"label"?: string;
"nameAvatar"?: string;
"onHandleCloseChip"?: (event: LabDsChipCustomEvent<any>) => void;
"size"?: 'medium' | 'small';
}
interface LabDsChipGroup {
"avatar"?: boolean;
"chips"?: Array<{ label: string; id: string; nameAvatar: string; imageSRCAvatar: string }>;
"onHandleClearAll"?: (event: LabDsChipGroupCustomEvent<any>) => void;
"onHandleCloseChip"?: (event: LabDsChipGroupCustomEvent<any>) => void;
"size"?: 'medium' | 'small';
}
interface LabDsContextMenu {
"destructiveItem"?: { label: string; key: string; icon?: string; event?: () => void; disabled?: boolean };
"disabled"?: boolean;
"iconMenu"?: string;
"items"?: Array<{ label: string; key: string; icon?: string; event?: () => void; disabled?: boolean }>;
"listPosition"?: 'right' | 'left';
}
interface LabDsDatePicker {
"dayNames"?: string[];
"disabled"?: boolean;
"helperText"?: string;
"monthNames"?: string[];
"onChangeDatePicker"?: (event: LabDsDatePickerCustomEvent<string>) => void;
"onDayChanged"?: (event: LabDsDatePickerCustomEvent<string>) => void;
"onHandleConfirmDatePicker"?: (event: LabDsDatePickerCustomEvent<any>) => void;
"onMonthChanged"?: (event: LabDsDatePickerCustomEvent<CalendarEntry>) => void;
"onYearChanged"?: (event: LabDsDatePickerCustomEvent<CalendarEntry>) => void;
"showFillDays"?: boolean;
"size"?: 'small' | 'medium';
"state"?: 'error' | 'default';
"titleInput"?: string;
"value": string;
}
interface LabDsFilterChip {
"disabled"?: boolean;
"label"?: string;
"onHandleSelectedChip"?: (event: LabDsFilterChipCustomEvent<any>) => void;
"selected"?: boolean;
"size"?: 'medium' | 'small';
}
interface LabDsHeader {
"balanceWallet"?: number;
"eventLogo": () => void;
"eventLogout": () => void;
"eventMyProfile": () => void;
"eventWallet"?: () => void;
"logoHeader": string;
"user"?: { name: string; imageSRC?: string; unitId?: string; id?: string };
}
interface LabDsIconNotSelectable {
"color"?: string;
"icon": string;
"size"?: 'x-large' | 'large' | 'medium' | 's-medium' | 'small' | 'x-small' | 'xx-small';
}
interface LabDsIconSelectable {
"icon": string;
"size"?: 'x-large' | 'large' | 'medium' | 's-medium' | 'small' | 'x-small' | 'xx-small';
}
interface LabDsNavbar {
"activeProductsV4": boolean;
"activeRedeV4": boolean;
"activeUrl"?: string;
"logo"?: string;
"menus"?: Array<INavbarItem>;
"user"?: { name: string; unitName: string };
}
interface LabDsPasswordInput {
"disabled"?: boolean;
"helperText"?: string;
"label"?: string;
"onChangeInput"?: (event: LabDsPasswordInputCustomEvent<string>) => void;
"state"?: 'error' | 'success' | 'default';
"titleInput"?: string;
"value": string;
}
interface LabDsProgressBar {
"progress"?: number;
}
interface LabDsProgressIndicator {
"onHandleStepChange"?: (event: LabDsProgressIndicatorCustomEvent<number>) => void;
"options": Array<IProgressOption>;
"size"?: 'small' | 'medium';
"step": number;
}
interface LabDsQuantify {
"maxValue"?: number;
"onHandleCounterValue"?: (event: LabDsQuantifyCustomEvent<number>) => void;
"value"?: number;
}
interface LabDsRadioButton {
"avatar"?: boolean;
"checked"?: boolean;
"disabled"?: boolean;
"error"?: boolean;
"label": string;
"onHandleRadioButton"?: (event: LabDsRadioButtonCustomEvent<any>) => void;
}
interface LabDsSearchBar {
"disabled"?: boolean;
"hints"?: Array<{ name: string }>;
"label"?: string;
"onChangeInput"?: (event: LabDsSearchBarCustomEvent<string>) => void;
"value": string;
}
interface LabDsSegmentedControl {
"onHandleSelectedValue"?: (event: LabDsSegmentedControlCustomEvent<any>) => void;
"options": Array<{ label: string; value: string; icon: string }>;
"value"?: string;
}
interface LabDsSelect {
"avatar"?: boolean;
"disabled"?: boolean;
"helperText"?: string;
"isSearchable"?: boolean;
"label"?: string;
"loading"?: boolean;
"onChangeInputOptions"?: (event: LabDsSelectCustomEvent<Array<{ label: string; isChecked: boolean; key: string }>>) => void;
"onChangeInputSearch"?: (event: LabDsSelectCustomEvent<string>) => void;
"onFinalLineNextPage"?: (event: LabDsSelectCustomEvent<boolean>) => void;
"options": Array<IOptionsSelect>;
"optionsSelected"?: Array<IOptionsSelect>;
"placeholderSearch"?: string;
"searcheableWithQuery"?: boolean;
"size"?: 'small' | 'medium';
"state"?: 'error' | 'default';
"titleInput"?: string;
"type"?: 'checkbox' | 'radioButton';
}
interface LabDsSkeleton {
"height"?: string;
"type"?: 'square' | 'circle';
"width"?: string;
}
interface LabDsSwitch {
"checked"?: boolean;
"disabled"?: boolean;
"onHandleSwitch"?: (event: LabDsSwitchCustomEvent<any>) => void;
"size"?: 'small' | 'medium';
}
interface LabDsTab {
"disabled"?: boolean;
"tabs": Array<{ title: string; key: string; event: () => void, disabled?: boolean}>;
"type"?: 'inline' | 'contained';
"value"?: string;
}
interface LabDsTable {
"actionField"?: boolean;
"data": IData;
"headerPosition"?: 'left' | 'right';
"loading"?: boolean;
"onFinalLineNextPage"?: (event: LabDsTableCustomEvent<boolean>) => void;
"onSortAsc"?: (event: LabDsTableCustomEvent<string>) => void;
"onSortDesc"?: (event: LabDsTableCustomEvent<string>) => void;
}
interface LabDsTextArea {
"cols"?: number;
"disabled"?: boolean;
"helperText"?: string;
"label"?: string;
"maxLength"?: number;
"minLength"?: number;
"onChangeInput"?: (event: LabDsTextAreaCustomEvent<string>) => void;
"rows"?: number;
"state"?: 'error' | 'success' | 'default';
"titleInput"?: string;
"value": string;
}
interface LabDsTextField {
"disabled"?: boolean;
"helperText"?: string;
"label"?: string;
"labelIcon"?: string;
"mask"?: 'CPF' | 'phone' | 'CEP' | 'CNPJ' | 'hour' | 'currency' | 'credit_card' | '';
"maxLength"?: number;
"onChangeInput"?: (event: LabDsTextFieldCustomEvent<string>) => void;
"state"?: 'error' | 'success' | 'default';
"titleInput"?: string;
"type"?: 'text' | 'number';
"value": string;
}
interface LabDsTextFieldWithTag {
"avatar"?: boolean;
"disabled"?: boolean;
"helperText"?: string;
"label"?: string;
"labelIcon"?: string;
"onChangeInput"?: (event: LabDsTextFieldWithTagCustomEvent<string>) => void;
"onChangeInputOption"?: (event: LabDsTextFieldWithTagCustomEvent<Array<{ label: string; key: string; nameAvatar?: string; imgSRCAvatar?: string }>>) => void;
"optionsSelected"?: Array<{ label: string; key: string; nameAvatar?: string; imgSRCAvatar?: string }>;
"state"?: 'error' | 'success' | 'default';
"titleInput"?: string;
"value": string;
}
interface LabDsToast {
"action"?: () => void;
"actionLabel"?: string;
"label"?: string;
"message": string;
"onCloseToast"?: (event: LabDsToastCustomEvent<boolean>) => void;
"openToast"?: boolean;
"size"?: 'small' | 'medium';
"state"?: 'success' | 'error' | 'warning';
}
interface LabDsTooltip {
"label": string;
"tooltipPosition"?: 'three-hours' | 'nine-hours' | 'five-hours' | 'six-hours' | 'seven-hours' | 'eleven-hours' | 'twelve-hours';
}
interface NavbarItem {
"item"?: INavbarItem1;
"submenus"?: Array<INavbarItem1>;
}
interface IntrinsicElements {
"lab-ds-accordion": LabDsAccordion;
"lab-ds-avatar": LabDsAvatar;
"lab-ds-avatar-with-exchange": LabDsAvatarWithExchange;
"lab-ds-badge": LabDsBadge;
"lab-ds-breadcrumb": LabDsBreadcrumb;
"lab-ds-button": LabDsButton;
"lab-ds-checkbox": LabDsCheckbox;
"lab-ds-chip": LabDsChip;
"lab-ds-chip-group": LabDsChipGroup;
"lab-ds-context-menu": LabDsContextMenu;
"lab-ds-date-picker": LabDsDatePicker;
"lab-ds-filter-chip": LabDsFilterChip;
"lab-ds-header": LabDsHeader;
"lab-ds-icon-not-selectable": LabDsIconNotSelectable;
"lab-ds-icon-selectable": LabDsIconSelectable;
"lab-ds-navbar": LabDsNavbar;
"lab-ds-password-input": LabDsPasswordInput;
"lab-ds-progress-bar": LabDsProgressBar;
"lab-ds-progress-indicator": LabDsProgressIndicator;
"lab-ds-quantify": LabDsQuantify;
"lab-ds-radio-button": LabDsRadioButton;
"lab-ds-search-bar": LabDsSearchBar;
"lab-ds-segmented-control": LabDsSegmentedControl;
"lab-ds-select": LabDsSelect;
"lab-ds-skeleton": LabDsSkeleton;
"lab-ds-switch": LabDsSwitch;
"lab-ds-tab": LabDsTab;
"lab-ds-table": LabDsTable;
"lab-ds-text-area": LabDsTextArea;
"lab-ds-text-field": LabDsTextField;
"lab-ds-text-field-with-tag": LabDsTextFieldWithTag;
"lab-ds-toast": LabDsToast;
"lab-ds-tooltip": LabDsTooltip;
"navbar-item": NavbarItem;
}
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
export namespace JSX {
interface IntrinsicElements {
"lab-ds-accordion": LocalJSX.LabDsAccordion & JSXBase.HTMLAttributes<HTMLLabDsAccordionElement>;
"lab-ds-avatar": LocalJSX.LabDsAvatar & JSXBase.HTMLAttributes<HTMLLabDsAvatarElement>;
"lab-ds-avatar-with-exchange": LocalJSX.LabDsAvatarWithExchange & JSXBase.HTMLAttributes<HTMLLabDsAvatarWithExchangeElement>;
"lab-ds-badge": LocalJSX.LabDsBadge & JSXBase.HTMLAttributes<HTMLLabDsBadgeElement>;
"lab-ds-breadcrumb": LocalJSX.LabDsBreadcrumb & JSXBase.HTMLAttributes<HTMLLabDsBreadcrumbElement>;
"lab-ds-button": LocalJSX.LabDsButton & JSXBase.HTMLAttributes<HTMLLabDsButtonElement>;
"lab-ds-checkbox": LocalJSX.LabDsCheckbox & JSXBase.HTMLAttributes<HTMLLabDsCheckboxElement>;
"lab-ds-chip": LocalJSX.LabDsChip & JSXBase.HTMLAttributes<HTMLLabDsChipElement>;
"lab-ds-chip-group": LocalJSX.LabDsChipGroup & JSXBase.HTMLAttributes<HTMLLabDsChipGroupElement>;
"lab-ds-context-menu": LocalJSX.LabDsContextMenu & JSXBase.HTMLAttributes<HTMLLabDsContextMenuElement>;
"lab-ds-date-picker": LocalJSX.LabDsDatePicker & JSXBase.HTMLAttributes<HTMLLabDsDatePickerElement>;
"lab-ds-filter-chip": LocalJSX.LabDsFilterChip & JSXBase.HTMLAttributes<HTMLLabDsFilterChipElement>;
"lab-ds-header": LocalJSX.LabDsHeader & JSXBase.HTMLAttributes<HTMLLabDsHeaderElement>;
"lab-ds-icon-not-selectable": LocalJSX.LabDsIconNotSelectable & JSXBase.HTMLAttributes<HTMLLabDsIconNotSelectableElement>;
"lab-ds-icon-selectable": LocalJSX.LabDsIconSelectable & JSXBase.HTMLAttributes<HTMLLabDsIconSelectableElement>;
"lab-ds-navbar": LocalJSX.LabDsNavbar & JSXBase.HTMLAttributes<HTMLLabDsNavbarElement>;
"lab-ds-password-input": LocalJSX.LabDsPasswordInput & JSXBase.HTMLAttributes<HTMLLabDsPasswordInputElement>;
"lab-ds-progress-bar": LocalJSX.LabDsProgressBar & JSXBase.HTMLAttributes<HTMLLabDsProgressBarElement>;
"lab-ds-progress-indicator": LocalJSX.LabDsProgressIndicator & JSXBase.HTMLAttributes<HTMLLabDsProgressIndicatorElement>;
"lab-ds-quantify": LocalJSX.LabDsQuantify & JSXBase.HTMLAttributes<HTMLLabDsQuantifyElement>;
"lab-ds-radio-button": LocalJSX.LabDsRadioButton & JSXBase.HTMLAttributes<HTMLLabDsRadioButtonElement>;
"lab-ds-search-bar": LocalJSX.LabDsSearchBar & JSXBase.HTMLAttributes<HTMLLabDsSearchBarElement>;
"lab-ds-segmented-control": LocalJSX.LabDsSegmentedControl & JSXBase.HTMLAttributes<HTMLLabDsSegmentedControlElement>;
"lab-ds-select": LocalJSX.LabDsSelect & JSXBase.HTMLAttributes<HTMLLabDsSelectElement>;
"lab-ds-skeleton": LocalJSX.LabDsSkeleton & JSXBase.HTMLAttributes<HTMLLabDsSkeletonElement>;
"lab-ds-switch": LocalJSX.LabDsSwitch & JSXBase.HTMLAttributes<HTMLLabDsSwitchElement>;
"lab-ds-tab": LocalJSX.LabDsTab & JSXBase.HTMLAttributes<HTMLLabDsTabElement>;
"lab-ds-table": LocalJSX.LabDsTable & JSXBase.HTMLAttributes<HTMLLabDsTableElement>;
"lab-ds-text-area": LocalJSX.LabDsTextArea & JSXBase.HTMLAttributes<HTMLLabDsTextAreaElement>;
"lab-ds-text-field": LocalJSX.LabDsTextField & JSXBase.HTMLAttributes<HTMLLabDsTextFieldElement>;
"lab-ds-text-field-with-tag": LocalJSX.LabDsTextFieldWithTag & JSXBase.HTMLAttributes<HTMLLabDsTextFieldWithTagElement>;
"lab-ds-toast": LocalJSX.LabDsToast & JSXBase.HTMLAttributes<HTMLLabDsToastElement>;
"lab-ds-tooltip": LocalJSX.LabDsTooltip & JSXBase.HTMLAttributes<HTMLLabDsTooltipElement>;
"navbar-item": LocalJSX.NavbarItem & JSXBase.HTMLAttributes<HTMLNavbarItemElement>;
}
}
}