1 | import { ComponentInterface } from '../../stencil-public-runtime';
|
2 | import { AnimationBuilder, Color, RouterDirection, StyleEventDetail } from '../../interface';
|
3 | import { AnchorInterface, ButtonInterface } from '../../utils/element-interface';
|
4 | /**
|
5 | * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
6 | *
|
7 | * @slot - Content is placed between the named slots if provided without a slot.
|
8 | * @slot start - Content is placed to the left of the item text in LTR, and to the right in RTL.
|
9 | * @slot end - Content is placed to the right of the item text in LTR, and to the left in RTL.
|
10 | *
|
11 | * @part native - The native HTML button, anchor or div element that wraps all child elements.
|
12 | * @part detail-icon - The chevron icon for the item. Only applies when `detail="true"`.
|
13 | */
|
14 | export declare class Item implements ComponentInterface, AnchorInterface, ButtonInterface {
|
15 | private labelColorStyles;
|
16 | private itemStyles;
|
17 | private clickListener?;
|
18 | el: HTMLIonItemElement;
|
19 | multipleInputs: boolean;
|
20 | /**
|
21 | * The color to use from your application's color palette.
|
22 | * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
|
23 | * For more information on colors, see [theming](/docs/theming/basics).
|
24 | */
|
25 | color?: Color;
|
26 | /**
|
27 | * If `true`, a button tag will be rendered and the item will be tappable.
|
28 | */
|
29 | button: boolean;
|
30 | /**
|
31 | * If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `mode`
|
32 | * is `ios` and an `href` or `button` property is present.
|
33 | */
|
34 | detail?: boolean;
|
35 | /**
|
36 | * The icon to use when `detail` is set to `true`.
|
37 | */
|
38 | detailIcon: string;
|
39 | /**
|
40 | * If `true`, the user cannot interact with the item.
|
41 | */
|
42 | disabled: boolean;
|
43 | /**
|
44 | * This attribute instructs browsers to download a URL instead of navigating to
|
45 | * it, so the user will be prompted to save it as a local file. If the attribute
|
46 | * has a value, it is used as the pre-filled file name in the Save prompt
|
47 | * (the user can still change the file name if they want).
|
48 | */
|
49 | download: string | undefined;
|
50 | /**
|
51 | * Contains a URL or a URL fragment that the hyperlink points to.
|
52 | * If this property is set, an anchor tag will be rendered.
|
53 | */
|
54 | href: string | undefined;
|
55 | /**
|
56 | * Specifies the relationship of the target object to the link object.
|
57 | * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
|
58 | */
|
59 | rel: string | undefined;
|
60 | /**
|
61 | * How the bottom border should be displayed on the item.
|
62 | */
|
63 | lines?: 'full' | 'inset' | 'none';
|
64 | /**
|
65 | * When using a router, it specifies the transition animation when navigating to
|
66 | * another page using `href`.
|
67 | */
|
68 | routerAnimation: AnimationBuilder | undefined;
|
69 | /**
|
70 | * When using a router, it specifies the transition direction when navigating to
|
71 | * another page using `href`.
|
72 | */
|
73 | routerDirection: RouterDirection;
|
74 | /**
|
75 | * Specifies where to display the linked URL.
|
76 | * Only applies when an `href` is provided.
|
77 | * Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
|
78 | */
|
79 | target: string | undefined;
|
80 | /**
|
81 | * The type of the button. Only used when an `onclick` or `button` property is present.
|
82 | */
|
83 | type: 'submit' | 'reset' | 'button';
|
84 | labelColorChanged(ev: CustomEvent<string>): void;
|
85 | itemStyle(ev: CustomEvent<StyleEventDetail>): void;
|
86 | componentDidUpdate(): void;
|
87 | disconnectedCallback(): void;
|
88 | componentDidLoad(): void;
|
89 | private setMultipleInputs;
|
90 | private hasCover;
|
91 | private isClickable;
|
92 | private canActivate;
|
93 | private getFirstInput;
|
94 | private delegateFocus;
|
95 | render(): any;
|
96 | }
|