@ionic/core
Version:
Base components for Ionic
2,388 lines (2,387 loc) • 138 kB
JSON
{
"components": [
{
"tag": "ion-action-sheet",
"dependencies": [
"ion-backdrop",
"ion-icon",
"ion-ripple-effect"
],
"componentClass": "ActionSheet",
"componentPath": "components/action-sheet/action-sheet.js",
"styles": {
"ios": {
"stylePaths": [
"components/action-sheet/action-sheet.ios.scss"
]
},
"md": {
"stylePaths": [
"components/action-sheet/action-sheet.md.scss"
]
}
},
"props": [
{
"name": "animated",
"type": "Boolean",
"attr": "animated"
},
{
"name": "backdropDismiss",
"type": "Boolean",
"attr": "backdrop-dismiss"
},
{
"name": "buttons",
"attr": "buttons"
},
{
"name": "cssClass",
"type": "String",
"attr": "css-class"
},
{
"name": "enterAnimation",
"attr": "enter-animation"
},
{
"name": "header",
"type": "String",
"attr": "header"
},
{
"name": "keyboardClose",
"type": "Boolean",
"attr": "keyboard-close"
},
{
"name": "leaveAnimation",
"attr": "leave-animation"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
},
{
"name": "overlayIndex",
"type": "Number",
"attr": "overlay-index"
},
{
"name": "subHeader",
"type": "String",
"attr": "sub-header"
},
{
"name": "translucent",
"type": "Boolean",
"attr": "translucent"
}
],
"listeners": [
{
"event": "ionActionSheetWillDismiss",
"method": "dispatchCancelHandler",
"passive": false,
"capture": false
},
{
"event": "ionBackdropTap",
"method": "onBackdropTap",
"passive": false,
"capture": false
}
],
"methods": [
{
"name": "dismiss"
},
{
"name": "onDidDismiss"
},
{
"name": "onWillDismiss"
},
{
"name": "present"
}
],
"context": [
{
"name": "config",
"id": "config"
}
],
"hostElement": {
"name": "el"
},
"events": [
{
"event": "ionActionSheetDidDismiss",
"method": "didDismiss"
},
{
"event": "ionActionSheetDidPresent",
"method": "didPresent"
},
{
"event": "ionActionSheetWillDismiss",
"method": "willDismiss"
},
{
"event": "ionActionSheetWillPresent",
"method": "willPresent"
}
],
"scoped": true
},
{
"tag": "ion-action-sheet-controller",
"dependencies": [
"ion-action-sheet"
],
"componentClass": "ActionSheetController",
"componentPath": "components/action-sheet-controller/action-sheet-controller.js",
"styles": {},
"methods": [
{
"name": "create"
},
{
"name": "dismiss"
},
{
"name": "getTop"
}
],
"context": [
{
"name": "doc",
"id": "document"
}
]
},
{
"tag": "ion-alert",
"dependencies": [
"ion-backdrop",
"ion-ripple-effect"
],
"componentClass": "Alert",
"componentPath": "components/alert/alert.js",
"styles": {
"ios": {
"stylePaths": [
"components/alert/alert.ios.scss"
]
},
"md": {
"stylePaths": [
"components/alert/alert.md.scss"
]
}
},
"props": [
{
"name": "animated",
"type": "Boolean",
"attr": "animated"
},
{
"name": "backdropDismiss",
"type": "Boolean",
"attr": "backdrop-dismiss"
},
{
"name": "buttons",
"attr": "buttons",
"watch": [
"buttonsChanged"
]
},
{
"name": "cssClass",
"type": "String",
"attr": "css-class"
},
{
"name": "enterAnimation",
"attr": "enter-animation"
},
{
"name": "header",
"type": "String",
"attr": "header"
},
{
"name": "inputs",
"mutable": true,
"attr": "inputs",
"watch": [
"inputsChanged"
]
},
{
"name": "keyboardClose",
"type": "Boolean",
"attr": "keyboard-close"
},
{
"name": "leaveAnimation",
"attr": "leave-animation"
},
{
"name": "message",
"type": "String",
"attr": "message"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
},
{
"name": "overlayIndex",
"type": "Number",
"attr": "overlay-index"
},
{
"name": "subHeader",
"type": "String",
"attr": "sub-header"
},
{
"name": "translucent",
"type": "Boolean",
"attr": "translucent"
}
],
"listeners": [
{
"event": "ionAlertWillDismiss",
"method": "dispatchCancelHandler",
"passive": false,
"capture": false
},
{
"event": "ionBackdropTap",
"method": "onBackdropTap",
"passive": false,
"capture": false
}
],
"methods": [
{
"name": "dismiss"
},
{
"name": "onDidDismiss"
},
{
"name": "onWillDismiss"
},
{
"name": "present"
}
],
"context": [
{
"name": "config",
"id": "config"
}
],
"hostElement": {
"name": "el"
},
"events": [
{
"event": "ionAlertDidDismiss",
"method": "didDismiss"
},
{
"event": "ionAlertDidPresent",
"method": "didPresent"
},
{
"event": "ionAlertWillDismiss",
"method": "willDismiss"
},
{
"event": "ionAlertWillPresent",
"method": "willPresent"
}
],
"scoped": true
},
{
"tag": "ion-alert-controller",
"dependencies": [
"ion-alert"
],
"componentClass": "AlertController",
"componentPath": "components/alert-controller/alert-controller.js",
"styles": {},
"methods": [
{
"name": "create"
},
{
"name": "dismiss"
},
{
"name": "getTop"
}
],
"context": [
{
"name": "doc",
"id": "document"
}
]
},
{
"tag": "ion-anchor",
"dependencies": [],
"componentClass": "Anchor",
"componentPath": "components/anchor/anchor.js",
"styles": {
"$": {
"stylePaths": [
"components/anchor/anchor.scss"
]
}
},
"props": [
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "href",
"type": "String",
"attr": "href"
},
{
"name": "routerDirection",
"type": "String",
"attr": "router-direction"
}
],
"listeners": [
{
"event": "click",
"method": "onClick",
"passive": false,
"capture": false
}
],
"context": [
{
"name": "win",
"id": "window"
}
],
"shadow": true
},
{
"tag": "ion-app",
"dependencies": [],
"componentClass": "App",
"componentPath": "components/app/app.js",
"styles": {
"$": {
"stylePaths": [
"components/app/app.scss"
]
}
},
"context": [
{
"name": "win",
"id": "window"
},
{
"name": "config",
"id": "config"
},
{
"name": "queue",
"id": "queue"
}
],
"hostElement": {
"name": "el"
}
},
{
"tag": "ion-avatar",
"dependencies": [],
"componentClass": "Avatar",
"componentPath": "components/avatar/avatar.js",
"styles": {
"ios": {
"stylePaths": [
"components/avatar/avatar.ios.scss"
]
},
"md": {
"stylePaths": [
"components/avatar/avatar.md.scss"
]
}
},
"shadow": true
},
{
"tag": "ion-back-button",
"dependencies": [
"ion-icon",
"ion-ripple-effect"
],
"componentClass": "BackButton",
"componentPath": "components/back-button/back-button.js",
"styles": {
"ios": {
"stylePaths": [
"components/back-button/back-button.ios.scss"
]
},
"md": {
"stylePaths": [
"components/back-button/back-button.md.scss"
]
}
},
"props": [
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "defaultHref",
"type": "String",
"attr": "default-href"
},
{
"name": "icon",
"type": "String",
"attr": "icon"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
},
{
"name": "text",
"type": "String",
"attr": "text"
}
],
"listeners": [
{
"event": "click",
"method": "onClick",
"passive": false,
"capture": false
}
],
"context": [
{
"name": "config",
"id": "config"
},
{
"name": "win",
"id": "window"
}
],
"hostElement": {
"name": "el"
},
"scoped": true
},
{
"tag": "ion-backdrop",
"dependencies": [],
"componentClass": "Backdrop",
"componentPath": "components/backdrop/backdrop.js",
"styles": {
"ios": {
"stylePaths": [
"components/backdrop/backdrop.ios.scss"
]
},
"md": {
"stylePaths": [
"components/backdrop/backdrop.md.scss"
]
}
},
"props": [
{
"name": "stopPropagation",
"type": "Boolean",
"attr": "stop-propagation"
},
{
"name": "tappable",
"type": "Boolean",
"attr": "tappable"
},
{
"name": "visible",
"type": "Boolean",
"attr": "visible"
}
],
"listeners": [
{
"event": "click",
"method": "onMouseDown",
"passive": false
},
{
"event": "mousedown",
"method": "onMouseDown",
"passive": false
},
{
"event": "touchstart",
"method": "onTouchStart",
"passive": false
}
],
"context": [
{
"name": "doc",
"id": "document"
}
],
"events": [
{
"event": "ionBackdropTap"
}
],
"shadow": true
},
{
"tag": "ion-badge",
"dependencies": [],
"componentClass": "Badge",
"componentPath": "components/badge/badge.js",
"styles": {
"ios": {
"stylePaths": [
"components/badge/badge.ios.scss"
]
},
"md": {
"stylePaths": [
"components/badge/badge.md.scss"
]
}
},
"props": [
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
}
],
"shadow": true
},
{
"tag": "ion-button",
"dependencies": [
"ion-ripple-effect"
],
"componentClass": "Button",
"componentPath": "components/button/button.js",
"styles": {
"ios": {
"stylePaths": [
"components/button/button.ios.scss"
]
},
"md": {
"stylePaths": [
"components/button/button.md.scss"
]
}
},
"props": [
{
"name": "buttonType",
"type": "String",
"mutable": true,
"attr": "button-type"
},
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "disabled",
"type": "Boolean",
"reflectToAttr": true,
"attr": "disabled"
},
{
"name": "expand",
"type": "String",
"reflectToAttr": true,
"attr": "expand"
},
{
"name": "fill",
"type": "String",
"mutable": true,
"reflectToAttr": true,
"attr": "fill"
},
{
"name": "href",
"type": "String",
"attr": "href"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
},
{
"name": "routerDirection",
"type": "String",
"attr": "router-direction"
},
{
"name": "shape",
"type": "String",
"reflectToAttr": true,
"attr": "shape"
},
{
"name": "size",
"type": "String",
"reflectToAttr": true,
"attr": "size"
},
{
"name": "strong",
"type": "Boolean",
"attr": "strong"
},
{
"name": "type",
"type": "String",
"attr": "type"
}
],
"listeners": [
{
"event": "click",
"method": "onClick",
"passive": false,
"capture": false
}
],
"context": [
{
"name": "win",
"id": "window"
}
],
"hostElement": {
"name": "el"
},
"events": [
{
"event": "ionBlur"
},
{
"event": "ionFocus"
}
],
"shadow": true
},
{
"tag": "ion-buttons",
"dependencies": [],
"componentClass": "Buttons",
"componentPath": "components/buttons/buttons.js",
"styles": {
"ios": {
"stylePaths": [
"components/buttons/buttons.ios.scss"
]
},
"md": {
"stylePaths": [
"components/buttons/buttons.md.scss"
]
}
},
"scoped": true
},
{
"tag": "ion-card",
"dependencies": [],
"componentClass": "Card",
"componentPath": "components/card/card.js",
"styles": {
"ios": {
"stylePaths": [
"components/card/card.ios.scss"
]
},
"md": {
"stylePaths": [
"components/card/card.md.scss"
]
}
},
"props": [
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
}
],
"scoped": true
},
{
"tag": "ion-card-content",
"dependencies": [],
"componentClass": "CardContent",
"componentPath": "components/card-content/card-content.js",
"styles": {
"ios": {
"stylePaths": [
"components/card-content/card-content.ios.scss"
]
},
"md": {
"stylePaths": [
"components/card-content/card-content.md.scss"
]
}
},
"props": [
{
"name": "mode",
"type": "String",
"attr": "mode"
}
]
},
{
"tag": "ion-card-header",
"dependencies": [],
"componentClass": "CardHeader",
"componentPath": "components/card-header/card-header.js",
"styles": {
"ios": {
"stylePaths": [
"components/card-header/card-header.ios.scss"
]
},
"md": {
"stylePaths": [
"components/card-header/card-header.md.scss"
]
}
},
"props": [
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
},
{
"name": "translucent",
"type": "Boolean",
"attr": "translucent"
}
],
"shadow": true
},
{
"tag": "ion-card-subtitle",
"dependencies": [],
"componentClass": "CardSubtitle",
"componentPath": "components/card-subtitle/card-subtitle.js",
"styles": {
"ios": {
"stylePaths": [
"components/card-subtitle/card-subtitle.ios.scss"
]
},
"md": {
"stylePaths": [
"components/card-subtitle/card-subtitle.md.scss"
]
}
},
"props": [
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
}
],
"shadow": true
},
{
"tag": "ion-card-title",
"dependencies": [],
"componentClass": "CardTitle",
"componentPath": "components/card-title/card-title.js",
"styles": {
"ios": {
"stylePaths": [
"components/card-title/card-title.ios.scss"
]
},
"md": {
"stylePaths": [
"components/card-title/card-title.md.scss"
]
}
},
"props": [
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
}
],
"shadow": true
},
{
"tag": "ion-checkbox",
"dependencies": [],
"componentClass": "Checkbox",
"componentPath": "components/checkbox/checkbox.js",
"styles": {
"ios": {
"stylePaths": [
"components/checkbox/checkbox.ios.scss"
]
},
"md": {
"stylePaths": [
"components/checkbox/checkbox.md.scss"
]
}
},
"props": [
{
"name": "checked",
"type": "Boolean",
"mutable": true,
"attr": "checked",
"watch": [
"checkedChanged"
]
},
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "disabled",
"type": "Boolean",
"attr": "disabled",
"watch": [
"emitStyle"
]
},
{
"name": "mode",
"type": "String",
"attr": "mode"
},
{
"name": "name",
"type": "String",
"attr": "name"
},
{
"name": "value",
"type": "String",
"attr": "value"
}
],
"listeners": [
{
"event": "click",
"method": "onClick",
"passive": false,
"capture": false
}
],
"hostElement": {
"name": "el"
},
"events": [
{
"event": "ionBlur"
},
{
"event": "ionChange"
},
{
"event": "ionFocus"
},
{
"event": "ionStyle"
}
],
"shadow": true
},
{
"tag": "ion-chip",
"dependencies": [
"ion-ripple-effect"
],
"componentClass": "Chip",
"componentPath": "components/chip/chip.js",
"styles": {
"ios": {
"stylePaths": [
"components/chip/chip.ios.scss"
]
},
"md": {
"stylePaths": [
"components/chip/chip.md.scss"
]
}
},
"props": [
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
},
{
"name": "outline",
"type": "Boolean",
"attr": "outline"
}
],
"shadow": true
},
{
"tag": "ion-col",
"dependencies": [],
"componentClass": "Col",
"componentPath": "components/col/col.js",
"styles": {
"$": {
"stylePaths": [
"components/col/col.scss"
]
}
},
"props": [
{
"name": "offset",
"type": "String",
"attr": "offset"
},
{
"name": "offsetLg",
"type": "String",
"attr": "offset-lg"
},
{
"name": "offsetMd",
"type": "String",
"attr": "offset-md"
},
{
"name": "offsetSm",
"type": "String",
"attr": "offset-sm"
},
{
"name": "offsetXl",
"type": "String",
"attr": "offset-xl"
},
{
"name": "offsetXs",
"type": "String",
"attr": "offset-xs"
},
{
"name": "pull",
"type": "String",
"attr": "pull"
},
{
"name": "pullLg",
"type": "String",
"attr": "pull-lg"
},
{
"name": "pullMd",
"type": "String",
"attr": "pull-md"
},
{
"name": "pullSm",
"type": "String",
"attr": "pull-sm"
},
{
"name": "pullXl",
"type": "String",
"attr": "pull-xl"
},
{
"name": "pullXs",
"type": "String",
"attr": "pull-xs"
},
{
"name": "push",
"type": "String",
"attr": "push"
},
{
"name": "pushLg",
"type": "String",
"attr": "push-lg"
},
{
"name": "pushMd",
"type": "String",
"attr": "push-md"
},
{
"name": "pushSm",
"type": "String",
"attr": "push-sm"
},
{
"name": "pushXl",
"type": "String",
"attr": "push-xl"
},
{
"name": "pushXs",
"type": "String",
"attr": "push-xs"
},
{
"name": "size",
"type": "String",
"attr": "size"
},
{
"name": "sizeLg",
"type": "String",
"attr": "size-lg"
},
{
"name": "sizeMd",
"type": "String",
"attr": "size-md"
},
{
"name": "sizeSm",
"type": "String",
"attr": "size-sm"
},
{
"name": "sizeXl",
"type": "String",
"attr": "size-xl"
},
{
"name": "sizeXs",
"type": "String",
"attr": "size-xs"
}
],
"listeners": [
{
"event": "window:resize",
"method": "onResize",
"capture": false
}
],
"context": [
{
"name": "win",
"id": "window"
}
],
"hostElement": {
"name": "el"
},
"shadow": true
},
{
"tag": "ion-content",
"dependencies": [],
"componentClass": "Content",
"componentPath": "components/content/content.js",
"styles": {
"$": {
"stylePaths": [
"components/content/content.scss"
]
}
},
"props": [
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "forceOverscroll",
"type": "Boolean",
"mutable": true,
"attr": "force-overscroll"
},
{
"name": "fullscreen",
"type": "Boolean",
"attr": "fullscreen"
},
{
"name": "scrollEvents",
"type": "Boolean",
"attr": "scroll-events"
},
{
"name": "scrollX",
"type": "Boolean",
"attr": "scroll-x"
},
{
"name": "scrollY",
"type": "Boolean",
"attr": "scroll-y"
}
],
"listeners": [
{
"event": "click",
"method": "onClick",
"passive": false
}
],
"methods": [
{
"name": "getScrollElement"
},
{
"name": "scrollByPoint"
},
{
"name": "scrollToBottom"
},
{
"name": "scrollToPoint"
},
{
"name": "scrollToTop"
}
],
"context": [
{
"name": "config",
"id": "config"
},
{
"name": "queue",
"id": "queue"
},
{
"name": "win",
"id": "window"
}
],
"hostElement": {
"name": "el"
},
"events": [
{
"event": "ionScroll"
},
{
"event": "ionScrollEnd"
},
{
"event": "ionScrollStart"
}
],
"shadow": true
},
{
"tag": "ion-datetime",
"dependencies": [
"ion-picker-controller"
],
"componentClass": "Datetime",
"componentPath": "components/datetime/datetime.js",
"styles": {
"ios": {
"stylePaths": [
"components/datetime/datetime.ios.scss"
]
},
"md": {
"stylePaths": [
"components/datetime/datetime.md.scss"
]
}
},
"props": [
{
"name": "cancelText",
"type": "String",
"attr": "cancel-text"
},
{
"name": "dayNames",
"type": "String",
"attr": "day-names"
},
{
"name": "dayShortNames",
"type": "String",
"attr": "day-short-names"
},
{
"name": "dayValues",
"type": "Any",
"attr": "day-values"
},
{
"name": "disabled",
"type": "Boolean",
"attr": "disabled",
"watch": [
"disabledChanged"
]
},
{
"name": "displayFormat",
"type": "String",
"attr": "display-format"
},
{
"name": "doneText",
"type": "String",
"attr": "done-text"
},
{
"name": "hourValues",
"type": "Any",
"attr": "hour-values"
},
{
"name": "max",
"type": "String",
"mutable": true,
"attr": "max"
},
{
"name": "min",
"type": "String",
"mutable": true,
"attr": "min"
},
{
"name": "minuteValues",
"type": "Any",
"attr": "minute-values"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
},
{
"name": "monthNames",
"type": "String",
"attr": "month-names"
},
{
"name": "monthShortNames",
"type": "String",
"attr": "month-short-names"
},
{
"name": "monthValues",
"type": "Any",
"attr": "month-values"
},
{
"name": "name",
"type": "String",
"attr": "name"
},
{
"name": "pickerFormat",
"type": "String",
"attr": "picker-format"
},
{
"name": "pickerOptions",
"attr": "picker-options"
},
{
"name": "placeholder",
"type": "String",
"attr": "placeholder"
},
{
"name": "readonly",
"type": "Boolean",
"attr": "readonly"
},
{
"name": "value",
"type": "String",
"mutable": true,
"attr": "value",
"watch": [
"valueChanged"
]
},
{
"name": "yearValues",
"type": "Any",
"attr": "year-values"
}
],
"states": [
{
"name": "isExpanded"
}
],
"listeners": [
{
"event": "click",
"method": "onClick",
"passive": false,
"capture": false
}
],
"methods": [
{
"name": "open"
}
],
"connect": [
{
"name": "pickerCtrl",
"tag": "ion-picker-controller"
}
],
"hostElement": {
"name": "el"
},
"events": [
{
"event": "ionBlur"
},
{
"event": "ionCancel"
},
{
"event": "ionChange"
},
{
"event": "ionFocus"
},
{
"event": "ionStyle"
}
],
"shadow": true
},
{
"tag": "ion-fab",
"dependencies": [],
"componentClass": "Fab",
"componentPath": "components/fab/fab.js",
"styles": {
"$": {
"stylePaths": [
"components/fab/fab.scss"
]
}
},
"props": [
{
"name": "activated",
"type": "Boolean",
"mutable": true,
"attr": "activated",
"watch": [
"activatedChanged"
]
},
{
"name": "edge",
"type": "Boolean",
"attr": "edge"
},
{
"name": "horizontal",
"type": "String",
"attr": "horizontal"
},
{
"name": "vertical",
"type": "String",
"attr": "vertical"
}
],
"listeners": [
{
"event": "click",
"method": "onClick",
"passive": false,
"capture": false
}
],
"methods": [
{
"name": "close"
}
],
"hostElement": {
"name": "el"
},
"shadow": true
},
{
"tag": "ion-fab-button",
"dependencies": [
"ion-icon",
"ion-ripple-effect"
],
"componentClass": "FabButton",
"componentPath": "components/fab-button/fab-button.js",
"styles": {
"ios": {
"stylePaths": [
"components/fab-button/fab-button.ios.scss"
]
},
"md": {
"stylePaths": [
"components/fab-button/fab-button.md.scss"
]
}
},
"props": [
{
"name": "activated",
"type": "Boolean",
"attr": "activated"
},
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "disabled",
"type": "Boolean",
"attr": "disabled"
},
{
"name": "href",
"type": "String",
"attr": "href"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
},
{
"name": "routerDirection",
"type": "String",
"attr": "router-direction"
},
{
"name": "show",
"type": "Boolean",
"attr": "show"
},
{
"name": "size",
"type": "String",
"attr": "size"
},
{
"name": "translucent",
"type": "Boolean",
"attr": "translucent"
},
{
"name": "type",
"type": "String",
"attr": "type"
}
],
"context": [
{
"name": "win",
"id": "window"
}
],
"hostElement": {
"name": "el"
},
"events": [
{
"event": "ionBlur"
},
{
"event": "ionFocus"
}
],
"shadow": true
},
{
"tag": "ion-fab-list",
"dependencies": [],
"componentClass": "FabList",
"componentPath": "components/fab-list/fab-list.js",
"styles": {
"$": {
"stylePaths": [
"components/fab-list/fab-list.scss"
]
}
},
"props": [
{
"name": "activated",
"type": "Boolean",
"attr": "activated",
"watch": [
"activatedChanged"
]
},
{
"name": "side",
"type": "String",
"attr": "side"
}
],
"hostElement": {
"name": "el"
},
"shadow": true
},
{
"tag": "ion-footer",
"dependencies": [],
"componentClass": "Footer",
"componentPath": "components/footer/footer.js",
"styles": {
"ios": {
"stylePaths": [
"components/footer/footer.ios.scss"
]
},
"md": {
"stylePaths": [
"components/footer/footer.md.scss"
]
}
},
"props": [
{
"name": "mode",
"type": "String",
"attr": "mode"
},
{
"name": "translucent",
"type": "Boolean",
"attr": "translucent"
}
]
},
{
"tag": "ion-grid",
"dependencies": [],
"componentClass": "Grid",
"componentPath": "components/grid/grid.js",
"styles": {
"$": {
"stylePaths": [
"components/grid/grid.scss"
]
}
},
"props": [
{
"name": "fixed",
"type": "Boolean",
"attr": "fixed"
}
],
"shadow": true
},
{
"tag": "ion-header",
"dependencies": [],
"componentClass": "Header",
"componentPath": "components/header/header.js",
"styles": {
"ios": {
"stylePaths": [
"components/header/header.ios.scss"
]
},
"md": {
"stylePaths": [
"components/header/header.md.scss"
]
}
},
"props": [
{
"name": "mode",
"type": "String",
"attr": "mode"
},
{
"name": "translucent",
"type": "Boolean",
"attr": "translucent"
}
]
},
{
"tag": "ion-img",
"dependencies": [],
"componentClass": "Img",
"componentPath": "components/img/img.js",
"styles": {
"$": {
"stylePaths": [
"components/img/img.scss"
]
}
},
"props": [
{
"name": "alt",
"type": "String",
"attr": "alt"
},
{
"name": "src",
"type": "String",
"attr": "src",
"watch": [
"srcChanged"
]
}
],
"states": [
{
"name": "loadSrc"
}
],
"hostElement": {
"name": "el"
},
"events": [
{
"event": "ionImgDidLoad"
}
],
"shadow": true
},
{
"tag": "ion-infinite-scroll",
"dependencies": [],
"componentClass": "InfiniteScroll",
"componentPath": "components/infinite-scroll/infinite-scroll.js",
"styles": {
"$": {
"stylePaths": [
"components/infinite-scroll/infinite-scroll.scss"
]
}
},
"props": [
{
"name": "disabled",
"type": "Boolean",
"attr": "disabled",
"watch": [
"disabledChanged"
]
},
{
"name": "position",
"type": "String",
"attr": "position"
},
{
"name": "threshold",
"type": "String",
"attr": "threshold",
"watch": [
"thresholdChanged"
]
}
],
"states": [
{
"name": "isLoading"
}
],
"listeners": [
{
"event": "scroll",
"method": "onScroll",
"enabled": false,
"capture": false
}
],
"methods": [
{
"name": "complete"
}
],
"context": [
{
"name": "queue",
"id": "queue"
},
{
"name": "enableListener",
"id": "enableListener"
}
],
"hostElement": {
"name": "el"
},
"events": [
{
"event": "ionInfinite"
}
]
},
{
"tag": "ion-infinite-scroll-content",
"dependencies": [
"ion-spinner"
],
"componentClass": "InfiniteScrollContent",
"componentPath": "components/infinite-scroll-content/infinite-scroll-content.js",
"styles": {
"ios": {
"stylePaths": [
"components/infinite-scroll-content/infinite-scroll-content.ios.scss"
]
},
"md": {
"stylePaths": [
"components/infinite-scroll-content/infinite-scroll-content.md.scss"
]
}
},
"props": [
{
"name": "loadingSpinner",
"type": "String",
"mutable": true,
"attr": "loading-spinner"
},
{
"name": "loadingText",
"type": "String",
"attr": "loading-text"
}
],
"context": [
{
"name": "config",
"id": "config"
}
]
},
{
"tag": "ion-input",
"dependencies": [],
"componentClass": "Input",
"componentPath": "components/input/input.js",
"styles": {
"ios": {
"stylePaths": [
"components/input/input.ios.scss"
]
},
"md": {
"stylePaths": [
"components/input/input.md.scss"
]
}
},
"props": [
{
"name": "accept",
"type": "String",
"attr": "accept"
},
{
"name": "autocapitalize",
"type": "String",
"attr": "autocapitalize"
},
{
"name": "autocomplete",
"type": "String",
"attr": "autocomplete"
},
{
"name": "autocorrect",
"type": "String",
"attr": "autocorrect"
},
{
"name": "autofocus",
"type": "Boolean",
"attr": "autofocus"
},
{
"name": "clearInput",
"type": "Boolean",
"attr": "clear-input"
},
{
"name": "clearOnEdit",
"type": "Boolean",
"mutable": true,
"attr": "clear-on-edit"
},
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "debounce",
"type": "Number",
"attr": "debounce",
"watch": [
"debounceChanged"
]
},
{
"name": "disabled",
"type": "Boolean",
"attr": "disabled",
"watch": [
"disabledChanged"
]
},
{
"name": "inputmode",
"type": "String",
"attr": "inputmode"
},
{
"name": "max",
"type": "String",
"attr": "max"
},
{
"name": "maxlength",
"type": "Number",
"attr": "maxlength"
},
{
"name": "min",
"type": "String",
"attr": "min"
},
{
"name": "minlength",
"type": "Number",
"attr": "minlength"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
},
{
"name": "multiple",
"type": "Boolean",
"attr": "multiple"
},
{
"name": "name",
"type": "String",
"attr": "name"
},
{
"name": "pattern",
"type": "String",
"attr": "pattern"
},
{
"name": "placeholder",
"type": "String",
"attr": "placeholder"
},
{
"name": "readonly",
"type": "Boolean",
"attr": "readonly"
},
{
"name": "required",
"type": "Boolean",
"attr": "required"
},
{
"name": "size",
"type": "Number",
"attr": "size"
},
{
"name": "spellcheck",
"type": "Boolean",
"attr": "spellcheck"
},
{
"name": "step",
"type": "String",
"attr": "step"
},
{
"name": "type",
"type": "String",
"attr": "type"
},
{
"name": "value",
"type": "String",
"mutable": true,
"attr": "value",
"watch": [
"valueChanged"
]
}
],
"states": [
{
"name": "hasFocus"
}
],
"methods": [
{
"name": "getInputElement"
},
{
"name": "setFocus"
}
],
"hostElement": {
"name": "el"
},
"events": [
{
"event": "ionBlur"
},
{
"event": "ionChange"
},
{
"event": "ionFocus"
},
{
"event": "ionInput"
},
{
"event": "ionInputDidLoad"
},
{
"event": "ionInputDidUnload"
},
{
"event": "ionStyle"
}
],
"scoped": true
},
{
"tag": "ion-item",
"dependencies": [
"ion-icon",
"ion-ripple-effect"
],
"componentClass": "Item",
"componentPath": "components/item/item.js",
"styles": {
"ios": {
"stylePaths": [
"components/item/item.ios.scss"
]
},
"md": {
"stylePaths": [
"components/item/item.md.scss"
]
}
},
"props": [
{
"name": "button",
"type": "Boolean",
"attr": "button"
},
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "detail",
"type": "Boolean",
"attr": "detail"
},
{
"name": "detailIcon",
"type": "String",
"attr": "detail-icon"
},
{
"name": "disabled",
"type": "Boolean",
"attr": "disabled"
},
{
"name": "href",
"type": "String",
"attr": "href"
},
{
"name": "lines",
"type": "String",
"attr": "lines"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
},
{
"name": "routerDirection",
"type": "String",
"attr": "router-direction"
},
{
"name": "type",
"type": "String",
"attr": "type"
}
],
"states": [
{
"name": "multipleInputs"
}
],
"listeners": [
{
"event": "ionStyle",
"method": "itemStyle",
"passive": false,
"capture": false
}
],
"context": [
{
"name": "win",
"id": "window"
}
],
"hostElement": {
"name": "el"
},
"shadow": true
},
{
"tag": "ion-item-divider",
"dependencies": [],
"componentClass": "ItemDivider",
"componentPath": "components/item-divider/item-divider.js",
"styles": {
"ios": {
"stylePaths": [
"components/item-divider/item-divider.ios.scss"
]
},
"md": {
"stylePaths": [
"components/item-divider/item-divider.md.scss"
]
}
},
"props": [
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
},
{
"name": "sticky",
"type": "Boolean",
"attr": "sticky"
}
],
"hostElement": {
"name": "el"
},
"shadow": true
},
{
"tag": "ion-item-group",
"dependencies": [],
"componentClass": "ItemGroup",
"componentPath": "components/item-group/item-group.js",
"styles": {
"ios": {
"stylePaths": [
"components/item-group/item-group.ios.scss"
]
},
"md": {
"stylePaths": [
"components/item-group/item-group.md.scss"
]
}
}
},
{
"tag": "ion-item-option",
"dependencies": [
"ion-ripple-effect"
],
"componentClass": "ItemOption",
"componentPath": "components/item-option/item-option.js",
"styles": {
"ios": {
"stylePaths": [
"components/item-option/item-option.ios.scss"
]
},
"md": {
"stylePaths": [
"components/item-option/item-option.md.scss"
]
}
},
"props": [
{
"name": "color",
"type": "String",
"attr": "color"
},
{
"name": "disabled",
"type": "Boolean",
"attr": "disabled"
},
{
"name": "expandable",
"type": "Boolean",
"attr": "expandable"
},
{
"name": "href",
"type": "String",
"attr": "href"
},
{
"name": "mode",
"type": "String",
"attr": "mode"
}
],
"listeners": [
{
"event": "click",
"method": "onClick",
"passive": false,
"capture": false
}
],
"hostElement": {
"name": "el"
},
"shadow": true
},
{
"tag": "ion-item-options",
"dependencies": [],
"componentClass": "ItemOptions",
"componentPath": "components/item-options/item-options.js",
"styles": {
"ios": {
"stylePaths": [
"components/item-options/item-options.ios.scss"
]
},
"md": {
"stylePaths": [
"components/item-options/item-options.md.scss"
]
}
},
"props": [
{
"name": "side",
"type": "String",
"attr": "side"
}
],
"methods": [
{
"name": "fireSwipeEvent"
}
],
"context": [
{
"name": "win",
"id": "window"
}
],
"hostElement": {
"name": "el"
},
"events": [
{
"event": "ionSwipe"
}
]
},
{
"tag": "ion-item-sliding",
"dependencies": [],
"componentClass": "ItemSliding",
"componentPath": "components/item-sliding/item-sliding.js",
"styles": {
"$": {
"stylePaths": [
"components/item-sliding/item-sliding.scss"
]
}
},
"props": [
{
"name": "disabled",
"type": "Boolean",
"attr": "disabled",
"watch": [
"disabledChanged"
]
}
],
"states": [
{
"name": "state"
}
],
"methods": [
{
"name": "close"
},
{
"name": "closeOpened"
},
{
"name": "getOpenAmount"
},
{
"name": "getSlidingRatio"
}
],
"context": [
{
"name": "queue",
"id": "queue"
}
],
"hostElement": {
"name": "el"
},
"events": [
{
"event": "ionDrag"
}
]
},
{
"tag": "ion-label",
"dependencies": [],
"componentClass": "Label",
"componentPath": "components/label/label.js",
"styles": {
"ios": {
"stylePaths": [
"components/label/label.ios.scss"