From 86e34593191b5af17696945fbb9a3bf4d82eff93 Mon Sep 17 00:00:00 2001 From: Giuliana Silva Date: Tue, 14 Apr 2026 10:37:22 +0100 Subject: [PATCH 1/7] fix(range): update tick styling and border radius to match Figma - set the `--bar-border-radius` to 0 when `ion-range` has `.ticks`. previously, the bar border radius 0 was only set to the active bar. - updated the tick's width and height - updated the tick brackground to match the bar background --- core/api.txt | 10 +- core/src/components.d.ts | 1182 ++++---------------- core/src/components/range/range.ionic.scss | 19 +- 3 files changed, 203 insertions(+), 1008 deletions(-) diff --git a/core/api.txt b/core/api.txt index e4e1ca4d603..09a99d6773a 100644 --- a/core/api.txt +++ b/core/api.txt @@ -949,7 +949,7 @@ ion-infinite-scroll-content,prop,theme,"ios" | "md" | "ionic",undefined,false,fa ion-input,scoped ion-input,prop,autocapitalize,string,'off',false,false -ion-input,prop,autocomplete,"additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "email" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "name" | "new-password" | "nickname" | "off" | "on" | "one-time-code" | "organization" | "organization-title" | "photo" | "postal-code" | "sex" | "street-address" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "url" | "username",'off',false,false +ion-input,prop,autocomplete,"name" | "url" | "off" | "on" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday-day" | "bday-month" | "bday-year" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "organization" | "postal-code" | "street-address" | "transaction-amount" | "transaction-currency" | "username" | "email" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "nickname" | "organization-title" | "cc-additional-name" | "language" | "bday" | "sex" | "impp" | "photo",'off',false,false ion-input,prop,autocorrect,"off" | "on",'off',false,false ion-input,prop,autofocus,boolean,false,false,false ion-input,prop,clearInput,boolean,false,false,false @@ -1631,7 +1631,7 @@ ion-nav,prop,animated,boolean,true,false,false ion-nav,prop,animation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false ion-nav,prop,mode,"ios" | "md",undefined,false,false ion-nav,prop,root,Function | HTMLElement | ViewController | null | string | undefined,undefined,false,false -ion-nav,prop,rootParams,T | undefined,undefined,false,false +ion-nav,prop,rootParams,undefined | { [key: string]: any; },undefined,false,false ion-nav,prop,swipeGesture,boolean | undefined,undefined,false,false ion-nav,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-nav,method,canGoBack,canGoBack(view?: ViewController) => Promise @@ -1653,7 +1653,7 @@ ion-nav,event,ionNavWillChange,void,false ion-nav-link,none ion-nav-link,prop,component,Function | HTMLElement | ViewController | null | string | undefined,undefined,false,false -ion-nav-link,prop,componentProps,T | undefined,undefined,false,false +ion-nav-link,prop,componentProps,undefined | { [key: string]: any; },undefined,false,false ion-nav-link,prop,mode,"ios" | "md",undefined,false,false ion-nav-link,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false ion-nav-link,prop,routerDirection,"back" | "forward" | "root",'forward',false,false @@ -1758,7 +1758,7 @@ ion-popover,prop,animated,boolean,true,false,false ion-popover,prop,arrow,boolean,true,false,false ion-popover,prop,backdropDismiss,boolean,true,false,false ion-popover,prop,component,Function | HTMLElement | null | string | undefined,undefined,false,false -ion-popover,prop,componentProps,T | undefined,undefined,false,false +ion-popover,prop,componentProps,undefined | { [key: string]: any; },undefined,false,false ion-popover,prop,dismissOnSelect,boolean,false,false,false ion-popover,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false ion-popover,prop,event,any,undefined,false,false @@ -2066,7 +2066,7 @@ ion-row,css-prop,--ion-grid-gap ion-searchbar,scoped ion-searchbar,prop,animated,boolean,false,false,false ion-searchbar,prop,autocapitalize,string,'off',false,false -ion-searchbar,prop,autocomplete,"additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "email" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "name" | "new-password" | "nickname" | "off" | "on" | "one-time-code" | "organization" | "organization-title" | "photo" | "postal-code" | "sex" | "street-address" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "url" | "username",'off',false,false +ion-searchbar,prop,autocomplete,"name" | "url" | "off" | "on" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday-day" | "bday-month" | "bday-year" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "organization" | "postal-code" | "street-address" | "transaction-amount" | "transaction-currency" | "username" | "email" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "nickname" | "organization-title" | "cc-additional-name" | "language" | "bday" | "sex" | "impp" | "photo",'off',false,false ion-searchbar,prop,autocorrect,"off" | "on",'off',false,false ion-searchbar,prop,cancelButtonIcon,string | undefined,undefined,false,false ion-searchbar,prop,cancelButtonText,string,'Cancel',false,false diff --git a/core/src/components.d.ts b/core/src/components.d.ts index ecbdb7475c6..c30ac61a98e 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -6019,8 +6019,6 @@ declare global { } } 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 IonAccordion { /** * If `true`, the accordion cannot be interacted with. @@ -7783,10 +7781,6 @@ declare namespace LocalJSX { * @default 'outline' */ "fill"?: 'outline' | 'solid'; - /** - * The `id` of a `
` element to associate this element with. - */ - "form"?: string; /** * A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`. For numbers (type="number"): "numeric" For text (type="text"): "text" */ @@ -7800,10 +7794,6 @@ declare namespace LocalJSX { * The mode determines the platform behaviors of the component. */ "mode"?: "ios" | "md"; - /** - * The name of the element, used when submitting an HTML form. - */ - "name"?: string; /** * Emitted when the input group loses focus. */ @@ -10232,10 +10222,6 @@ declare namespace LocalJSX { * The fill for the item. If `"solid"` the item will have a background. If `"outline"` the item will be transparent with a border. Only available when the theme is `"md"`. */ "fill"?: 'outline' | 'solid'; - /** - * The `id` of a `` element to associate this element with. - */ - "form"?: string; /** * Text that is placed under the textarea and displayed when no error is detected. */ @@ -10599,1003 +10585,209 @@ declare namespace LocalJSX { */ "titlePlacement"?: 'start' | 'center' | 'end'; } - - interface IonAccordionAttributes { - "value": string; - "disabled": boolean; - "readonly": boolean; - "toggleIcon": string; - "toggleIconSlot": 'start' | 'end'; - } - interface IonAccordionGroupAttributes { - "animated": boolean; - "multiple": boolean; - "value": string | string[] | null; - "disabled": boolean; - "readonly": boolean; - "expand": 'compact' | 'inset'; - "shape": 'soft' | 'round' | 'rectangular'; - } - interface IonActionSheetAttributes { - "overlayIndex": number; - "hasController": boolean; - "keyboardClose": boolean; - "cssClass": string | string[]; - "backdropDismiss": boolean; - "header": string; - "subHeader": string; - "translucent": boolean; - "animated": boolean; - "isOpen": boolean; - "trigger": string | undefined; - } - interface IonAlertAttributes { - "overlayIndex": number; - "hasController": boolean; - "keyboardClose": boolean; - "cssClass": string | string[]; - "header": string; - "subHeader": string; - "message": string | IonicSafeString; - "backdropDismiss": boolean; - "translucent": boolean; - "animated": boolean; - "isOpen": boolean; - "trigger": string | undefined; - } - interface IonAvatarAttributes { - "size": 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'; - "shape": 'soft' | 'round' | 'rectangular'; - "disabled": boolean; - } - interface IonBackButtonAttributes { - "color": Color; - "defaultHref": string; - "disabled": boolean; - "icon": string | null; - "text": string | null; - "type": 'submit' | 'reset' | 'button'; - } - interface IonBackdropAttributes { - "visible": boolean; - "tappable": boolean; - "stopPropagation": boolean; - } - interface IonBadgeAttributes { - "color": Color; - "hue": 'bold' | 'subtle'; - "shape": 'soft' | 'round | rectangular'; - "size": 'small' | 'medium' | 'large'; - "vertical": 'top' | 'bottom'; - } - interface IonBreadcrumbAttributes { - "collapsed": boolean; - "last": boolean; - "showCollapsedIndicator": boolean; - "color": Color; - "active": boolean; - "disabled": boolean; - "download": string | undefined; - "href": string | undefined; - "rel": string | undefined; - "separator": boolean | undefined; - "target": string | undefined; - "routerDirection": RouterDirection; - } - interface IonBreadcrumbsAttributes { - "color": Color; - "maxItems": number; - "itemsBeforeCollapse": number; - "itemsAfterCollapse": number; - } - interface IonButtonAttributes { - "color": Color; - "buttonType": string; - "disabled": boolean; - "expand": 'full' | 'block'; - "fill": 'clear' | 'outline' | 'solid' | 'default'; - "routerDirection": RouterDirection; - "download": string | undefined; - "href": string | undefined; - "rel": string | undefined; - "shape": 'soft' | 'round' | 'rectangular'; - "size": 'small' | 'default' | 'medium' | 'large'; - "strong": boolean; - "target": string | undefined; - "type": 'submit' | 'reset' | 'button'; - "form": string | HTMLFormElement; - } - interface IonButtonsAttributes { - "collapse": boolean; - } - interface IonCardAttributes { - "color": Color; - "button": boolean; - "type": 'submit' | 'reset' | 'button'; - "disabled": boolean; - "download": string | undefined; - "href": string | undefined; - "rel": string | undefined; - "routerDirection": RouterDirection; - "shape": 'soft' | 'round' | 'rectangular'; - "target": string | undefined; - } - interface IonCardHeaderAttributes { - "color": Color; - "translucent": boolean; - } - interface IonCardSubtitleAttributes { - "color": Color; - } - interface IonCardTitleAttributes { - "color": Color; - } - interface IonCheckboxAttributes { - "color": Color; - "name": string; - "checked": boolean; - "indeterminate": boolean; - "disabled": boolean; - "errorText": string; - "helperText": string; - "value": string; - "labelPlacement": 'start' | 'end' | 'fixed' | 'stacked'; - "justify": 'start' | 'end' | 'space-between'; - "alignment": 'start' | 'center'; - "required": boolean; - "shape": 'soft' | 'rectangular'; - "size": 'small'; - } - interface IonChipAttributes { - "color": Color; - "outline": boolean; - "disabled": boolean; - "hue": 'bold' | 'subtle'; - "shape": 'soft' | 'round' | 'rectangular'; - "size": 'small' | 'large'; - } - interface IonColAttributes { - "offset": string; - "offsetXs": string; - "offsetSm": string; - "offsetMd": string; - "offsetLg": string; - "offsetXl": string; - "order": string; - "orderXs": string; - "orderSm": string; - "orderMd": string; - "orderLg": string; - "orderXl": string; - "pull": string; - "pullXs": string; - "pullSm": string; - "pullMd": string; - "pullLg": string; - "pullXl": string; - "push": string; - "pushXs": string; - "pushSm": string; - "pushMd": string; - "pushLg": string; - "pushXl": string; - "size": string; - "sizeXs": string; - "sizeSm": string; - "sizeMd": string; - "sizeLg": string; - "sizeXl": string; - } - interface IonContentAttributes { - "color": Color; - "fullscreen": boolean; - "fixedSlotPlacement": 'after' | 'before'; - "forceOverscroll": boolean; - "scrollX": boolean; - "scrollY": boolean; - "scrollEvents": boolean; - } - interface IonDatetimeAttributes { - "color": Color; - "name": string; - "disabled": boolean; - "readonly": boolean; - "showAdjacentDays": boolean; - "min": string; - "max": string; - "presentation": DatetimePresentation; - "cancelText": string; - "doneText": string; - "clearText": string; - "yearValues": string; - "monthValues": string; - "dayValues": string; - "hourValues": string; - "minuteValues": string; - "locale": string; - "firstDayOfWeek": number; - "multiple": boolean; - "value": string | string[] | null; - "showDefaultTitle": boolean; - "showDefaultButtons": boolean; - "showClearButton": boolean; - "showDefaultTimeLabel": boolean; - "hourCycle": DatetimeHourCycle; - "size": 'cover' | 'fixed'; - "preferWheel": boolean; - } - interface IonDatetimeButtonAttributes { - "color": Color; - "disabled": boolean; - "datetime": string; - } - interface IonDividerAttributes { - "spacing": 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge'; - "inset": boolean; - } - interface IonFabAttributes { - "horizontal": 'start' | 'end' | 'center'; - "vertical": 'top' | 'bottom' | 'center'; - "edge": boolean; - "activated": boolean; - } - interface IonFabButtonAttributes { - "color": Color; - "activated": boolean; - "disabled": boolean; - "download": string | undefined; - "href": string | undefined; - "rel": string | undefined; - "routerDirection": RouterDirection; - "target": string | undefined; - "show": boolean; - "translucent": boolean; - "type": 'submit' | 'reset' | 'button'; - "size": 'small'; - "closeIcon": string; - } - interface IonFabListAttributes { - "activated": boolean; - "side": 'start' | 'end' | 'top' | 'bottom'; - } - interface IonFooterAttributes { - "collapse": 'fade'; - "translucent": boolean; - } - interface IonGridAttributes { - "fixed": boolean; - } - interface IonHeaderAttributes { - "collapse": 'condense' | 'fade'; - "divider": boolean; - "translucent": boolean; - } - interface IonImgAttributes { - "alt": string; - "src": string; - } - interface IonInfiniteScrollAttributes { - "threshold": string; - "disabled": boolean; - "position": 'top' | 'bottom'; - "preserveRerenderScrollPosition": boolean; - } - interface IonInfiniteScrollContentAttributes { - "loadingSpinner": SpinnerTypes | null; - "loadingText": string | IonicSafeString; - } - interface IonInputAttributes { - "color": Color; - "autocapitalize": string; - "autocomplete": AutocompleteTypes; - "autocorrect": 'on' | 'off'; - "autofocus": boolean; - "clearInput": boolean; - "clearInputIcon": string; - "clearOnEdit": boolean; - "counter": boolean; - "debounce": number; - "disabled": boolean; - "enterkeyhint": 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'; - "errorText": string; - "fill": 'outline' | 'solid'; - "inputmode": 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'; - "helperText": string; - "label": string; - "labelPlacement": 'start' | 'end' | 'floating' | 'stacked' | 'fixed'; - "max": string; - "maxlength": number; - "min": string; - "minlength": number; - "multiple": boolean; - "name": string; - "pattern": string; - "placeholder": string; - "readonly": boolean; - "required": boolean; - "shape": 'soft' | 'round' | 'rectangular'; - "spellcheck": boolean; - "step": string; - "size": 'medium' | 'large' | 'xlarge'; - "type": TextFieldTypes; - "value": string; - } - interface IonInputOtpAttributes { - "autocapitalize": string; - "color": Color; - "disabled": boolean; - "fill": 'outline' | 'solid'; - "inputmode": 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'; - "length": number; - "pattern": string; - "readonly": boolean; - "separators": 'all' | string | number[]; - "shape": 'round' | 'rectangular' | 'soft'; - "size": 'small' | 'medium' | 'large'; - "type": 'text' | 'number'; - "value": string; - } - interface IonInputPasswordToggleAttributes { - "color": Color; - "showIcon": string; - "hideIcon": string; - "type": TextFieldTypes; - } - interface IonItemAttributes { - "color": Color; - "button": boolean; - "detail": boolean; - "detailIcon": string; - "disabled": boolean; - "download": string | undefined; - "href": string | undefined; - "rel": string | undefined; - "lines": 'full' | 'inset' | 'none'; - "routerDirection": RouterDirection; - "target": string | undefined; - "type": 'submit' | 'reset' | 'button'; - } - interface IonItemDividerAttributes { - "color": Color; - "sticky": boolean; - } - interface IonItemOptionAttributes { - "color": Color; - "disabled": boolean; - "download": string | undefined; - "expandable": boolean; - "href": string | undefined; - "hue": 'bold' | 'subtle'; - "rel": string | undefined; - "target": string | undefined; - "type": 'submit' | 'reset' | 'button'; - "shape": 'soft' | 'round' | 'rectangular'; - } - interface IonItemOptionsAttributes { - "side": Side; - } - interface IonItemSlidingAttributes { - "disabled": boolean; - } - interface IonLabelAttributes { - "color": Color; - "position": 'fixed' | 'stacked' | 'floating'; - } - interface IonListAttributes { - "lines": 'full' | 'inset' | 'none'; - "inset": boolean; - "shape": 'soft' | 'round' | 'rectangular'; - } - interface IonListHeaderAttributes { - "color": Color; - "lines": 'full' | 'inset' | 'none'; - } - interface IonLoadingAttributes { - "overlayIndex": number; - "hasController": boolean; - "keyboardClose": boolean; - "message": string | IonicSafeString; - "cssClass": string | string[]; - "duration": number; - "backdropDismiss": boolean; - "showBackdrop": boolean; - "spinner": SpinnerTypes | null; - "translucent": boolean; - "animated": boolean; - "isOpen": boolean; - "trigger": string | undefined; - } - interface IonMenuAttributes { - "contentId": string; - "menuId": string; - "type": MenuType; - "disabled": boolean; - "side": Side; - "swipeGesture": boolean; - "maxEdgeStart": number; - } - interface IonMenuButtonAttributes { - "color": Color; - "disabled": boolean; - "menu": string; - "autoHide": boolean; - "type": 'submit' | 'reset' | 'button'; - } - interface IonMenuToggleAttributes { - "menu": string; - "autoHide": boolean; - } - interface IonModalAttributes { - "hasController": boolean; - "overlayIndex": number; - "keyboardClose": boolean; - "expandToScroll": boolean; - "initialBreakpoint": number; - "backdropBreakpoint": number; - "handle": boolean; - "handleBehavior": ModalHandleBehavior; - "component": ComponentRef; - "cssClass": string | string[]; - "backdropDismiss": boolean; - "showBackdrop": boolean; - "animated": boolean; - "isOpen": boolean; - "trigger": string | undefined; - "keepContentsMounted": boolean; - "focusTrap": boolean; - "canDismiss": boolean | ((data?: any, role?: string) => Promise); - "shape": 'soft' | 'round' | 'rectangular'; - } - interface IonNavAttributes { - "swipeGesture": boolean; - "animated": boolean; - "root": NavComponent; - } - interface IonNavLinkAttributes { - "component": NavComponent; - "routerDirection": RouterDirection; - } - interface IonNoteAttributes { - "color": Color; - } - interface IonPickerColumnAttributes { - "disabled": boolean; - "value": string; - "color": Color; - "numericInput": boolean; - } - interface IonPickerColumnOptionAttributes { - "disabled": boolean; - "value": string; - "color": Color; - } - interface IonPickerLegacyAttributes { - "overlayIndex": number; - "hasController": boolean; - "keyboardClose": boolean; - "cssClass": string | string[]; - "duration": number; - "showBackdrop": boolean; - "backdropDismiss": boolean; - "animated": boolean; - "isOpen": boolean; - "trigger": string | undefined; - } - interface IonPopoverAttributes { - "hasController": boolean; - "overlayIndex": number; - "component": ComponentRef; - "keyboardClose": boolean; - "cssClass": string | string[]; - "backdropDismiss": boolean; - "event": string; - "showBackdrop": boolean; - "translucent": boolean; - "animated": boolean; - "triggerAction": TriggerAction; - "trigger": string | undefined; - "size": PopoverSize; - "dismissOnSelect": boolean; - "reference": PositionReference; - "side": PositionSide; - "alignment": PositionAlign; - "arrow": boolean; - "isOpen": boolean; - "keyboardEvents": boolean; - "focusTrap": boolean; - "keepContentsMounted": boolean; - } - interface IonProgressBarAttributes { - "type": 'determinate' | 'indeterminate'; - "reversed": boolean; - "value": number; - "buffer": number; - "color": Color; - "shape": 'round' | 'rectangular'; - } - interface IonRadioAttributes { - "color": Color; - "name": string; - "disabled": boolean; - "value": string; - "labelPlacement": 'start' | 'end' | 'fixed' | 'stacked'; - "justify": 'start' | 'end' | 'space-between'; - "alignment": 'start' | 'center'; - } - interface IonRadioGroupAttributes { - "allowEmptySelection": boolean; - "compareWith": string | RadioGroupCompareFn | null; - "name": string; - "value": string; - "helperText": string; - "errorText": string; - } - interface IonRangeAttributes { - "color": Color; - "debounce": number; - "name": string; - "label": string; - "dualKnobs": boolean; - "min": number; - "max": number; - "pin": boolean; - "snaps": boolean; - "step": number; - "ticks": boolean; - "activeBarStart": number; - "disabled": boolean; - "value": RangeValue; - "labelPlacement": 'start' | 'end' | 'fixed' | 'stacked'; - } - interface IonRefresherAttributes { - "pullMin": number; - "pullMax": number; - "closeDuration": string; - "snapbackDuration": string; - "pullFactor": number; - "disabled": boolean; - } - interface IonRefresherContentAttributes { - "pullingIcon": SpinnerTypes | string | null; - "pullingText": string | IonicSafeString; - "refreshingSpinner": SpinnerTypes | null; - "refreshingText": string | IonicSafeString; - } - interface IonReorderGroupAttributes { - "disabled": boolean; - } - interface IonRippleEffectAttributes { - "type": 'bounded' | 'unbounded'; - } - interface IonRouteAttributes { - "url": string; - "component": string; - } - interface IonRouteRedirectAttributes { - "from": string; - "to": string | undefined | null; - } - interface IonRouterAttributes { - "root": string; - "useHash": boolean; - } - interface IonRouterLinkAttributes { - "color": Color; - "href": string | undefined; - "rel": string | undefined; - "routerDirection": RouterDirection; - "target": string | undefined; - } - interface IonRouterOutletAttributes { - "mode": "ios" | "md"; - "animated": boolean; - } - interface IonSearchbarAttributes { - "color": Color; - "animated": boolean; - "autocapitalize": string; - "autocomplete": AutocompleteTypes; - "autocorrect": 'on' | 'off'; - "cancelButtonIcon": string; - "cancelButtonText": string; - "clearIcon": string; - "debounce": number; - "disabled": boolean; - "inputmode": 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'; - "enterkeyhint": 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'; - "maxlength": number; - "minlength": number; - "name": string; - "placeholder": string; - "searchIcon": string; - "showCancelButton": 'never' | 'focus' | 'always'; - "showClearButton": 'never' | 'focus' | 'always'; - "spellcheck": boolean; - "type": 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url'; - "value": string | null; - "shape": 'soft' | 'round' | 'rectangular'; - "size": 'small' | 'medium' | 'large'; - } - interface IonSegmentAttributes { - "color": Color; - "disabled": boolean; - "scrollable": boolean; - "swipeGesture": boolean; - "value": string; - "selectOnFocus": boolean; - } - interface IonSegmentButtonAttributes { - "contentId": string; - "disabled": boolean; - "layout": SegmentButtonLayout; - "type": 'submit' | 'reset' | 'button'; - "value": string; - } - interface IonSegmentViewAttributes { - "disabled": boolean; - "swipeGesture": boolean; - } - interface IonSelectAttributes { - "cancelText": string; - "color": Color; - "compareWith": string | SelectCompareFn | null; - "disabled": boolean; - "fill": 'outline' | 'solid'; - "errorText": string; - "helperText": string; - "interface": SelectInterface; - "interfaceOptions": string; - "justify": 'start' | 'end' | 'space-between'; - "label": string; - "labelPlacement": 'start' | 'end' | 'floating' | 'stacked' | 'fixed'; - "multiple": boolean; - "name": string; - "okText": string; - "placeholder": string; - "selectedText": string | null; - "toggleIcon": string; - "expandedIcon": string; - "required": boolean; - "shape": 'soft' | 'round' | 'rectangular'; - "size": 'small' | 'medium' | 'large'; - "value": string; - } - interface IonSelectModalAttributes { - "header": string; - "cancelText": string; - "multiple": boolean; - } - interface IonSelectOptionAttributes { - "disabled": boolean; - "value": string; - } - interface IonSelectPopoverAttributes { - "header": string; - "subHeader": string; - "message": string; - "multiple": boolean; - } - interface IonSkeletonTextAttributes { - "animated": boolean; - } - interface IonSpinnerAttributes { - "color": Color; - "duration": number; - "name": SpinnerTypes; - "paused": boolean; - "size": 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'; - } - interface IonSplitPaneAttributes { - "contentId": string; - "disabled": boolean; - "when": string; - } - interface IonTabAttributes { - "active": boolean; - "tab": string; - "component": ComponentRef; - } - interface IonTabBarAttributes { - "color": Color; - "selectedTab": string; - "translucent": boolean; - "expand": 'compact' | 'full'; - "shape": 'soft' | 'round' | 'rectangular'; - } - interface IonTabButtonAttributes { - "disabled": boolean; - "download": string | undefined; - "href": string | undefined; - "rel": string | undefined; - "layout": TabButtonLayout; - "selected": boolean; - "shape": 'soft' | 'round' | 'rectangular'; - "tab": string; - "target": string | undefined; - } - interface IonTabsAttributes { - "useRouter": boolean; - } - interface IonTextAttributes { - "color": Color; - } - interface IonTextareaAttributes { - "color": Color; - "autocapitalize": string; - "autofocus": boolean; - "clearOnEdit": boolean; - "debounce": number; - "disabled": boolean; - "fill": 'outline' | 'solid'; - "inputmode": 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'; - "enterkeyhint": 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'; - "maxlength": number; - "minlength": number; - "name": string; - "placeholder": string; - "readonly": boolean; - "required": boolean; - "spellcheck": boolean; - "cols": number; - "rows": number; - "wrap": 'hard' | 'soft' | 'off'; - "autoGrow": boolean; - "value": string | null; - "counter": boolean; - "errorText": string; - "helperText": string; - "label": string; - "labelPlacement": 'start' | 'end' | 'floating' | 'stacked' | 'fixed'; - "shape": 'soft' | 'round' | 'rectangular'; - "size": 'small' | 'medium' | 'large'; - } - interface IonTitleAttributes { - "color": Color; - "size": 'large' | 'small'; - } - interface IonToastAttributes { - "overlayIndex": number; - "hasController": boolean; - "color": Color; - "cssClass": string | string[]; - "duration": number; - "header": string; - "hue": 'bold' | 'subtle'; - "layout": ToastLayout; - "message": string | IonicSafeString; - "keyboardClose": boolean; - "position": ToastPosition; - "positionAnchor": HTMLElement | string; - "shape": 'soft' | 'round' | 'rectangular'; - "translucent": boolean; - "animated": boolean; - "icon": string; - "swipeGesture": ToastSwipeGestureDirection; - "isOpen": boolean; - "trigger": string | undefined; - } - interface IonToggleAttributes { - "color": Color; - "name": string; - "checked": boolean; - "disabled": boolean; - "errorText": string; - "helperText": string; - "value": string | null; - "enableOnOffLabels": boolean | undefined; - "labelPlacement": 'start' | 'end' | 'fixed' | 'stacked'; - "justify": 'start' | 'end' | 'space-between'; - "alignment": 'start' | 'center'; - "required": boolean; - } - interface IonToolbarAttributes { - "color": Color; - "titlePlacement": 'start' | 'center' | 'end'; - } - interface IntrinsicElements { - "ion-accordion": Omit & { [K in keyof IonAccordion & keyof IonAccordionAttributes]?: IonAccordion[K] } & { [K in keyof IonAccordion & keyof IonAccordionAttributes as `attr:${K}`]?: IonAccordionAttributes[K] } & { [K in keyof IonAccordion & keyof IonAccordionAttributes as `prop:${K}`]?: IonAccordion[K] }; - "ion-accordion-group": Omit & { [K in keyof IonAccordionGroup & keyof IonAccordionGroupAttributes]?: IonAccordionGroup[K] } & { [K in keyof IonAccordionGroup & keyof IonAccordionGroupAttributes as `attr:${K}`]?: IonAccordionGroupAttributes[K] } & { [K in keyof IonAccordionGroup & keyof IonAccordionGroupAttributes as `prop:${K}`]?: IonAccordionGroup[K] }; - "ion-action-sheet": Omit & { [K in keyof IonActionSheet & keyof IonActionSheetAttributes]?: IonActionSheet[K] } & { [K in keyof IonActionSheet & keyof IonActionSheetAttributes as `attr:${K}`]?: IonActionSheetAttributes[K] } & { [K in keyof IonActionSheet & keyof IonActionSheetAttributes as `prop:${K}`]?: IonActionSheet[K] } & OneOf<"overlayIndex", IonActionSheet["overlayIndex"], IonActionSheetAttributes["overlayIndex"]>; - "ion-alert": Omit & { [K in keyof IonAlert & keyof IonAlertAttributes]?: IonAlert[K] } & { [K in keyof IonAlert & keyof IonAlertAttributes as `attr:${K}`]?: IonAlertAttributes[K] } & { [K in keyof IonAlert & keyof IonAlertAttributes as `prop:${K}`]?: IonAlert[K] } & OneOf<"overlayIndex", IonAlert["overlayIndex"], IonAlertAttributes["overlayIndex"]>; + "ion-accordion": IonAccordion; + "ion-accordion-group": IonAccordionGroup; + "ion-action-sheet": IonActionSheet; + "ion-alert": IonAlert; "ion-app": IonApp; - "ion-avatar": Omit & { [K in keyof IonAvatar & keyof IonAvatarAttributes]?: IonAvatar[K] } & { [K in keyof IonAvatar & keyof IonAvatarAttributes as `attr:${K}`]?: IonAvatarAttributes[K] } & { [K in keyof IonAvatar & keyof IonAvatarAttributes as `prop:${K}`]?: IonAvatar[K] }; - "ion-back-button": Omit & { [K in keyof IonBackButton & keyof IonBackButtonAttributes]?: IonBackButton[K] } & { [K in keyof IonBackButton & keyof IonBackButtonAttributes as `attr:${K}`]?: IonBackButtonAttributes[K] } & { [K in keyof IonBackButton & keyof IonBackButtonAttributes as `prop:${K}`]?: IonBackButton[K] }; - "ion-backdrop": Omit & { [K in keyof IonBackdrop & keyof IonBackdropAttributes]?: IonBackdrop[K] } & { [K in keyof IonBackdrop & keyof IonBackdropAttributes as `attr:${K}`]?: IonBackdropAttributes[K] } & { [K in keyof IonBackdrop & keyof IonBackdropAttributes as `prop:${K}`]?: IonBackdrop[K] }; - "ion-badge": Omit & { [K in keyof IonBadge & keyof IonBadgeAttributes]?: IonBadge[K] } & { [K in keyof IonBadge & keyof IonBadgeAttributes as `attr:${K}`]?: IonBadgeAttributes[K] } & { [K in keyof IonBadge & keyof IonBadgeAttributes as `prop:${K}`]?: IonBadge[K] }; - "ion-breadcrumb": Omit & { [K in keyof IonBreadcrumb & keyof IonBreadcrumbAttributes]?: IonBreadcrumb[K] } & { [K in keyof IonBreadcrumb & keyof IonBreadcrumbAttributes as `attr:${K}`]?: IonBreadcrumbAttributes[K] } & { [K in keyof IonBreadcrumb & keyof IonBreadcrumbAttributes as `prop:${K}`]?: IonBreadcrumb[K] } & OneOf<"last", IonBreadcrumb["last"], IonBreadcrumbAttributes["last"]> & OneOf<"showCollapsedIndicator", IonBreadcrumb["showCollapsedIndicator"], IonBreadcrumbAttributes["showCollapsedIndicator"]>; - "ion-breadcrumbs": Omit & { [K in keyof IonBreadcrumbs & keyof IonBreadcrumbsAttributes]?: IonBreadcrumbs[K] } & { [K in keyof IonBreadcrumbs & keyof IonBreadcrumbsAttributes as `attr:${K}`]?: IonBreadcrumbsAttributes[K] } & { [K in keyof IonBreadcrumbs & keyof IonBreadcrumbsAttributes as `prop:${K}`]?: IonBreadcrumbs[K] }; - "ion-button": Omit & { [K in keyof IonButton & keyof IonButtonAttributes]?: IonButton[K] } & { [K in keyof IonButton & keyof IonButtonAttributes as `attr:${K}`]?: IonButtonAttributes[K] } & { [K in keyof IonButton & keyof IonButtonAttributes as `prop:${K}`]?: IonButton[K] }; - "ion-buttons": Omit & { [K in keyof IonButtons & keyof IonButtonsAttributes]?: IonButtons[K] } & { [K in keyof IonButtons & keyof IonButtonsAttributes as `attr:${K}`]?: IonButtonsAttributes[K] } & { [K in keyof IonButtons & keyof IonButtonsAttributes as `prop:${K}`]?: IonButtons[K] }; - "ion-card": Omit & { [K in keyof IonCard & keyof IonCardAttributes]?: IonCard[K] } & { [K in keyof IonCard & keyof IonCardAttributes as `attr:${K}`]?: IonCardAttributes[K] } & { [K in keyof IonCard & keyof IonCardAttributes as `prop:${K}`]?: IonCard[K] }; + "ion-avatar": IonAvatar; + "ion-back-button": IonBackButton; + "ion-backdrop": IonBackdrop; + "ion-badge": IonBadge; + "ion-breadcrumb": IonBreadcrumb; + "ion-breadcrumbs": IonBreadcrumbs; + "ion-button": IonButton; + "ion-buttons": IonButtons; + "ion-card": IonCard; "ion-card-content": IonCardContent; - "ion-card-header": Omit & { [K in keyof IonCardHeader & keyof IonCardHeaderAttributes]?: IonCardHeader[K] } & { [K in keyof IonCardHeader & keyof IonCardHeaderAttributes as `attr:${K}`]?: IonCardHeaderAttributes[K] } & { [K in keyof IonCardHeader & keyof IonCardHeaderAttributes as `prop:${K}`]?: IonCardHeader[K] }; - "ion-card-subtitle": Omit & { [K in keyof IonCardSubtitle & keyof IonCardSubtitleAttributes]?: IonCardSubtitle[K] } & { [K in keyof IonCardSubtitle & keyof IonCardSubtitleAttributes as `attr:${K}`]?: IonCardSubtitleAttributes[K] } & { [K in keyof IonCardSubtitle & keyof IonCardSubtitleAttributes as `prop:${K}`]?: IonCardSubtitle[K] }; - "ion-card-title": Omit & { [K in keyof IonCardTitle & keyof IonCardTitleAttributes]?: IonCardTitle[K] } & { [K in keyof IonCardTitle & keyof IonCardTitleAttributes as `attr:${K}`]?: IonCardTitleAttributes[K] } & { [K in keyof IonCardTitle & keyof IonCardTitleAttributes as `prop:${K}`]?: IonCardTitle[K] }; - "ion-checkbox": Omit & { [K in keyof IonCheckbox & keyof IonCheckboxAttributes]?: IonCheckbox[K] } & { [K in keyof IonCheckbox & keyof IonCheckboxAttributes as `attr:${K}`]?: IonCheckboxAttributes[K] } & { [K in keyof IonCheckbox & keyof IonCheckboxAttributes as `prop:${K}`]?: IonCheckbox[K] }; - "ion-chip": Omit & { [K in keyof IonChip & keyof IonChipAttributes]?: IonChip[K] } & { [K in keyof IonChip & keyof IonChipAttributes as `attr:${K}`]?: IonChipAttributes[K] } & { [K in keyof IonChip & keyof IonChipAttributes as `prop:${K}`]?: IonChip[K] }; - "ion-col": Omit & { [K in keyof IonCol & keyof IonColAttributes]?: IonCol[K] } & { [K in keyof IonCol & keyof IonColAttributes as `attr:${K}`]?: IonColAttributes[K] } & { [K in keyof IonCol & keyof IonColAttributes as `prop:${K}`]?: IonCol[K] }; - "ion-content": Omit & { [K in keyof IonContent & keyof IonContentAttributes]?: IonContent[K] } & { [K in keyof IonContent & keyof IonContentAttributes as `attr:${K}`]?: IonContentAttributes[K] } & { [K in keyof IonContent & keyof IonContentAttributes as `prop:${K}`]?: IonContent[K] }; - "ion-datetime": Omit & { [K in keyof IonDatetime & keyof IonDatetimeAttributes]?: IonDatetime[K] } & { [K in keyof IonDatetime & keyof IonDatetimeAttributes as `attr:${K}`]?: IonDatetimeAttributes[K] } & { [K in keyof IonDatetime & keyof IonDatetimeAttributes as `prop:${K}`]?: IonDatetime[K] }; - "ion-datetime-button": Omit & { [K in keyof IonDatetimeButton & keyof IonDatetimeButtonAttributes]?: IonDatetimeButton[K] } & { [K in keyof IonDatetimeButton & keyof IonDatetimeButtonAttributes as `attr:${K}`]?: IonDatetimeButtonAttributes[K] } & { [K in keyof IonDatetimeButton & keyof IonDatetimeButtonAttributes as `prop:${K}`]?: IonDatetimeButton[K] }; - "ion-divider": Omit & { [K in keyof IonDivider & keyof IonDividerAttributes]?: IonDivider[K] } & { [K in keyof IonDivider & keyof IonDividerAttributes as `attr:${K}`]?: IonDividerAttributes[K] } & { [K in keyof IonDivider & keyof IonDividerAttributes as `prop:${K}`]?: IonDivider[K] }; - "ion-fab": Omit & { [K in keyof IonFab & keyof IonFabAttributes]?: IonFab[K] } & { [K in keyof IonFab & keyof IonFabAttributes as `attr:${K}`]?: IonFabAttributes[K] } & { [K in keyof IonFab & keyof IonFabAttributes as `prop:${K}`]?: IonFab[K] }; - "ion-fab-button": Omit & { [K in keyof IonFabButton & keyof IonFabButtonAttributes]?: IonFabButton[K] } & { [K in keyof IonFabButton & keyof IonFabButtonAttributes as `attr:${K}`]?: IonFabButtonAttributes[K] } & { [K in keyof IonFabButton & keyof IonFabButtonAttributes as `prop:${K}`]?: IonFabButton[K] }; - "ion-fab-list": Omit & { [K in keyof IonFabList & keyof IonFabListAttributes]?: IonFabList[K] } & { [K in keyof IonFabList & keyof IonFabListAttributes as `attr:${K}`]?: IonFabListAttributes[K] } & { [K in keyof IonFabList & keyof IonFabListAttributes as `prop:${K}`]?: IonFabList[K] }; - "ion-footer": Omit & { [K in keyof IonFooter & keyof IonFooterAttributes]?: IonFooter[K] } & { [K in keyof IonFooter & keyof IonFooterAttributes as `attr:${K}`]?: IonFooterAttributes[K] } & { [K in keyof IonFooter & keyof IonFooterAttributes as `prop:${K}`]?: IonFooter[K] }; - "ion-grid": Omit & { [K in keyof IonGrid & keyof IonGridAttributes]?: IonGrid[K] } & { [K in keyof IonGrid & keyof IonGridAttributes as `attr:${K}`]?: IonGridAttributes[K] } & { [K in keyof IonGrid & keyof IonGridAttributes as `prop:${K}`]?: IonGrid[K] }; - "ion-header": Omit & { [K in keyof IonHeader & keyof IonHeaderAttributes]?: IonHeader[K] } & { [K in keyof IonHeader & keyof IonHeaderAttributes as `attr:${K}`]?: IonHeaderAttributes[K] } & { [K in keyof IonHeader & keyof IonHeaderAttributes as `prop:${K}`]?: IonHeader[K] }; - "ion-img": Omit & { [K in keyof IonImg & keyof IonImgAttributes]?: IonImg[K] } & { [K in keyof IonImg & keyof IonImgAttributes as `attr:${K}`]?: IonImgAttributes[K] } & { [K in keyof IonImg & keyof IonImgAttributes as `prop:${K}`]?: IonImg[K] }; - "ion-infinite-scroll": Omit & { [K in keyof IonInfiniteScroll & keyof IonInfiniteScrollAttributes]?: IonInfiniteScroll[K] } & { [K in keyof IonInfiniteScroll & keyof IonInfiniteScrollAttributes as `attr:${K}`]?: IonInfiniteScrollAttributes[K] } & { [K in keyof IonInfiniteScroll & keyof IonInfiniteScrollAttributes as `prop:${K}`]?: IonInfiniteScroll[K] }; - "ion-infinite-scroll-content": Omit & { [K in keyof IonInfiniteScrollContent & keyof IonInfiniteScrollContentAttributes]?: IonInfiniteScrollContent[K] } & { [K in keyof IonInfiniteScrollContent & keyof IonInfiniteScrollContentAttributes as `attr:${K}`]?: IonInfiniteScrollContentAttributes[K] } & { [K in keyof IonInfiniteScrollContent & keyof IonInfiniteScrollContentAttributes as `prop:${K}`]?: IonInfiniteScrollContent[K] }; - "ion-input": Omit & { [K in keyof IonInput & keyof IonInputAttributes]?: IonInput[K] } & { [K in keyof IonInput & keyof IonInputAttributes as `attr:${K}`]?: IonInputAttributes[K] } & { [K in keyof IonInput & keyof IonInputAttributes as `prop:${K}`]?: IonInput[K] }; - "ion-input-otp": Omit & { [K in keyof IonInputOtp & keyof IonInputOtpAttributes]?: IonInputOtp[K] } & { [K in keyof IonInputOtp & keyof IonInputOtpAttributes as `attr:${K}`]?: IonInputOtpAttributes[K] } & { [K in keyof IonInputOtp & keyof IonInputOtpAttributes as `prop:${K}`]?: IonInputOtp[K] }; - "ion-input-password-toggle": Omit & { [K in keyof IonInputPasswordToggle & keyof IonInputPasswordToggleAttributes]?: IonInputPasswordToggle[K] } & { [K in keyof IonInputPasswordToggle & keyof IonInputPasswordToggleAttributes as `attr:${K}`]?: IonInputPasswordToggleAttributes[K] } & { [K in keyof IonInputPasswordToggle & keyof IonInputPasswordToggleAttributes as `prop:${K}`]?: IonInputPasswordToggle[K] }; - "ion-item": Omit & { [K in keyof IonItem & keyof IonItemAttributes]?: IonItem[K] } & { [K in keyof IonItem & keyof IonItemAttributes as `attr:${K}`]?: IonItemAttributes[K] } & { [K in keyof IonItem & keyof IonItemAttributes as `prop:${K}`]?: IonItem[K] }; - "ion-item-divider": Omit & { [K in keyof IonItemDivider & keyof IonItemDividerAttributes]?: IonItemDivider[K] } & { [K in keyof IonItemDivider & keyof IonItemDividerAttributes as `attr:${K}`]?: IonItemDividerAttributes[K] } & { [K in keyof IonItemDivider & keyof IonItemDividerAttributes as `prop:${K}`]?: IonItemDivider[K] }; + "ion-card-header": IonCardHeader; + "ion-card-subtitle": IonCardSubtitle; + "ion-card-title": IonCardTitle; + "ion-checkbox": IonCheckbox; + "ion-chip": IonChip; + "ion-col": IonCol; + "ion-content": IonContent; + "ion-datetime": IonDatetime; + "ion-datetime-button": IonDatetimeButton; + "ion-divider": IonDivider; + "ion-fab": IonFab; + "ion-fab-button": IonFabButton; + "ion-fab-list": IonFabList; + "ion-footer": IonFooter; + "ion-grid": IonGrid; + "ion-header": IonHeader; + "ion-img": IonImg; + "ion-infinite-scroll": IonInfiniteScroll; + "ion-infinite-scroll-content": IonInfiniteScrollContent; + "ion-input": IonInput; + "ion-input-otp": IonInputOtp; + "ion-input-password-toggle": IonInputPasswordToggle; + "ion-item": IonItem; + "ion-item-divider": IonItemDivider; "ion-item-group": IonItemGroup; - "ion-item-option": Omit & { [K in keyof IonItemOption & keyof IonItemOptionAttributes]?: IonItemOption[K] } & { [K in keyof IonItemOption & keyof IonItemOptionAttributes as `attr:${K}`]?: IonItemOptionAttributes[K] } & { [K in keyof IonItemOption & keyof IonItemOptionAttributes as `prop:${K}`]?: IonItemOption[K] }; - "ion-item-options": Omit & { [K in keyof IonItemOptions & keyof IonItemOptionsAttributes]?: IonItemOptions[K] } & { [K in keyof IonItemOptions & keyof IonItemOptionsAttributes as `attr:${K}`]?: IonItemOptionsAttributes[K] } & { [K in keyof IonItemOptions & keyof IonItemOptionsAttributes as `prop:${K}`]?: IonItemOptions[K] }; - "ion-item-sliding": Omit & { [K in keyof IonItemSliding & keyof IonItemSlidingAttributes]?: IonItemSliding[K] } & { [K in keyof IonItemSliding & keyof IonItemSlidingAttributes as `attr:${K}`]?: IonItemSlidingAttributes[K] } & { [K in keyof IonItemSliding & keyof IonItemSlidingAttributes as `prop:${K}`]?: IonItemSliding[K] }; - "ion-label": Omit & { [K in keyof IonLabel & keyof IonLabelAttributes]?: IonLabel[K] } & { [K in keyof IonLabel & keyof IonLabelAttributes as `attr:${K}`]?: IonLabelAttributes[K] } & { [K in keyof IonLabel & keyof IonLabelAttributes as `prop:${K}`]?: IonLabel[K] }; - "ion-list": Omit & { [K in keyof IonList & keyof IonListAttributes]?: IonList[K] } & { [K in keyof IonList & keyof IonListAttributes as `attr:${K}`]?: IonListAttributes[K] } & { [K in keyof IonList & keyof IonListAttributes as `prop:${K}`]?: IonList[K] }; - "ion-list-header": Omit & { [K in keyof IonListHeader & keyof IonListHeaderAttributes]?: IonListHeader[K] } & { [K in keyof IonListHeader & keyof IonListHeaderAttributes as `attr:${K}`]?: IonListHeaderAttributes[K] } & { [K in keyof IonListHeader & keyof IonListHeaderAttributes as `prop:${K}`]?: IonListHeader[K] }; - "ion-loading": Omit & { [K in keyof IonLoading & keyof IonLoadingAttributes]?: IonLoading[K] } & { [K in keyof IonLoading & keyof IonLoadingAttributes as `attr:${K}`]?: IonLoadingAttributes[K] } & { [K in keyof IonLoading & keyof IonLoadingAttributes as `prop:${K}`]?: IonLoading[K] } & OneOf<"overlayIndex", IonLoading["overlayIndex"], IonLoadingAttributes["overlayIndex"]>; - "ion-menu": Omit & { [K in keyof IonMenu & keyof IonMenuAttributes]?: IonMenu[K] } & { [K in keyof IonMenu & keyof IonMenuAttributes as `attr:${K}`]?: IonMenuAttributes[K] } & { [K in keyof IonMenu & keyof IonMenuAttributes as `prop:${K}`]?: IonMenu[K] }; - "ion-menu-button": Omit & { [K in keyof IonMenuButton & keyof IonMenuButtonAttributes]?: IonMenuButton[K] } & { [K in keyof IonMenuButton & keyof IonMenuButtonAttributes as `attr:${K}`]?: IonMenuButtonAttributes[K] } & { [K in keyof IonMenuButton & keyof IonMenuButtonAttributes as `prop:${K}`]?: IonMenuButton[K] }; - "ion-menu-toggle": Omit & { [K in keyof IonMenuToggle & keyof IonMenuToggleAttributes]?: IonMenuToggle[K] } & { [K in keyof IonMenuToggle & keyof IonMenuToggleAttributes as `attr:${K}`]?: IonMenuToggleAttributes[K] } & { [K in keyof IonMenuToggle & keyof IonMenuToggleAttributes as `prop:${K}`]?: IonMenuToggle[K] }; - "ion-modal": Omit & { [K in keyof IonModal & keyof IonModalAttributes]?: IonModal[K] } & { [K in keyof IonModal & keyof IonModalAttributes as `attr:${K}`]?: IonModalAttributes[K] } & { [K in keyof IonModal & keyof IonModalAttributes as `prop:${K}`]?: IonModal[K] } & OneOf<"overlayIndex", IonModal["overlayIndex"], IonModalAttributes["overlayIndex"]>; - "ion-nav": Omit & { [K in keyof IonNav & keyof IonNavAttributes]?: IonNav[K] } & { [K in keyof IonNav & keyof IonNavAttributes as `attr:${K}`]?: IonNavAttributes[K] } & { [K in keyof IonNav & keyof IonNavAttributes as `prop:${K}`]?: IonNav[K] }; - "ion-nav-link": Omit & { [K in keyof IonNavLink & keyof IonNavLinkAttributes]?: IonNavLink[K] } & { [K in keyof IonNavLink & keyof IonNavLinkAttributes as `attr:${K}`]?: IonNavLinkAttributes[K] } & { [K in keyof IonNavLink & keyof IonNavLinkAttributes as `prop:${K}`]?: IonNavLink[K] }; - "ion-note": Omit & { [K in keyof IonNote & keyof IonNoteAttributes]?: IonNote[K] } & { [K in keyof IonNote & keyof IonNoteAttributes as `attr:${K}`]?: IonNoteAttributes[K] } & { [K in keyof IonNote & keyof IonNoteAttributes as `prop:${K}`]?: IonNote[K] }; + "ion-item-option": IonItemOption; + "ion-item-options": IonItemOptions; + "ion-item-sliding": IonItemSliding; + "ion-label": IonLabel; + "ion-list": IonList; + "ion-list-header": IonListHeader; + "ion-loading": IonLoading; + "ion-menu": IonMenu; + "ion-menu-button": IonMenuButton; + "ion-menu-toggle": IonMenuToggle; + "ion-modal": IonModal; + "ion-nav": IonNav; + "ion-nav-link": IonNavLink; + "ion-note": IonNote; "ion-picker": IonPicker; - "ion-picker-column": Omit & { [K in keyof IonPickerColumn & keyof IonPickerColumnAttributes]?: IonPickerColumn[K] } & { [K in keyof IonPickerColumn & keyof IonPickerColumnAttributes as `attr:${K}`]?: IonPickerColumnAttributes[K] } & { [K in keyof IonPickerColumn & keyof IonPickerColumnAttributes as `prop:${K}`]?: IonPickerColumn[K] }; - "ion-picker-column-option": Omit & { [K in keyof IonPickerColumnOption & keyof IonPickerColumnOptionAttributes]?: IonPickerColumnOption[K] } & { [K in keyof IonPickerColumnOption & keyof IonPickerColumnOptionAttributes as `attr:${K}`]?: IonPickerColumnOptionAttributes[K] } & { [K in keyof IonPickerColumnOption & keyof IonPickerColumnOptionAttributes as `prop:${K}`]?: IonPickerColumnOption[K] }; - "ion-picker-legacy": Omit & { [K in keyof IonPickerLegacy & keyof IonPickerLegacyAttributes]?: IonPickerLegacy[K] } & { [K in keyof IonPickerLegacy & keyof IonPickerLegacyAttributes as `attr:${K}`]?: IonPickerLegacyAttributes[K] } & { [K in keyof IonPickerLegacy & keyof IonPickerLegacyAttributes as `prop:${K}`]?: IonPickerLegacy[K] } & OneOf<"overlayIndex", IonPickerLegacy["overlayIndex"], IonPickerLegacyAttributes["overlayIndex"]>; + "ion-picker-column": IonPickerColumn; + "ion-picker-column-option": IonPickerColumnOption; + "ion-picker-legacy": IonPickerLegacy; "ion-picker-legacy-column": IonPickerLegacyColumn; - "ion-popover": Omit & { [K in keyof IonPopover & keyof IonPopoverAttributes]?: IonPopover[K] } & { [K in keyof IonPopover & keyof IonPopoverAttributes as `attr:${K}`]?: IonPopoverAttributes[K] } & { [K in keyof IonPopover & keyof IonPopoverAttributes as `prop:${K}`]?: IonPopover[K] } & OneOf<"overlayIndex", IonPopover["overlayIndex"], IonPopoverAttributes["overlayIndex"]>; - "ion-progress-bar": Omit & { [K in keyof IonProgressBar & keyof IonProgressBarAttributes]?: IonProgressBar[K] } & { [K in keyof IonProgressBar & keyof IonProgressBarAttributes as `attr:${K}`]?: IonProgressBarAttributes[K] } & { [K in keyof IonProgressBar & keyof IonProgressBarAttributes as `prop:${K}`]?: IonProgressBar[K] }; - "ion-radio": Omit & { [K in keyof IonRadio & keyof IonRadioAttributes]?: IonRadio[K] } & { [K in keyof IonRadio & keyof IonRadioAttributes as `attr:${K}`]?: IonRadioAttributes[K] } & { [K in keyof IonRadio & keyof IonRadioAttributes as `prop:${K}`]?: IonRadio[K] }; - "ion-radio-group": Omit & { [K in keyof IonRadioGroup & keyof IonRadioGroupAttributes]?: IonRadioGroup[K] } & { [K in keyof IonRadioGroup & keyof IonRadioGroupAttributes as `attr:${K}`]?: IonRadioGroupAttributes[K] } & { [K in keyof IonRadioGroup & keyof IonRadioGroupAttributes as `prop:${K}`]?: IonRadioGroup[K] }; - "ion-range": Omit & { [K in keyof IonRange & keyof IonRangeAttributes]?: IonRange[K] } & { [K in keyof IonRange & keyof IonRangeAttributes as `attr:${K}`]?: IonRangeAttributes[K] } & { [K in keyof IonRange & keyof IonRangeAttributes as `prop:${K}`]?: IonRange[K] }; - "ion-refresher": Omit & { [K in keyof IonRefresher & keyof IonRefresherAttributes]?: IonRefresher[K] } & { [K in keyof IonRefresher & keyof IonRefresherAttributes as `attr:${K}`]?: IonRefresherAttributes[K] } & { [K in keyof IonRefresher & keyof IonRefresherAttributes as `prop:${K}`]?: IonRefresher[K] }; - "ion-refresher-content": Omit & { [K in keyof IonRefresherContent & keyof IonRefresherContentAttributes]?: IonRefresherContent[K] } & { [K in keyof IonRefresherContent & keyof IonRefresherContentAttributes as `attr:${K}`]?: IonRefresherContentAttributes[K] } & { [K in keyof IonRefresherContent & keyof IonRefresherContentAttributes as `prop:${K}`]?: IonRefresherContent[K] }; + "ion-popover": IonPopover; + "ion-progress-bar": IonProgressBar; + "ion-radio": IonRadio; + "ion-radio-group": IonRadioGroup; + "ion-range": IonRange; + "ion-refresher": IonRefresher; + "ion-refresher-content": IonRefresherContent; "ion-reorder": IonReorder; - "ion-reorder-group": Omit & { [K in keyof IonReorderGroup & keyof IonReorderGroupAttributes]?: IonReorderGroup[K] } & { [K in keyof IonReorderGroup & keyof IonReorderGroupAttributes as `attr:${K}`]?: IonReorderGroupAttributes[K] } & { [K in keyof IonReorderGroup & keyof IonReorderGroupAttributes as `prop:${K}`]?: IonReorderGroup[K] }; - "ion-ripple-effect": Omit & { [K in keyof IonRippleEffect & keyof IonRippleEffectAttributes]?: IonRippleEffect[K] } & { [K in keyof IonRippleEffect & keyof IonRippleEffectAttributes as `attr:${K}`]?: IonRippleEffectAttributes[K] } & { [K in keyof IonRippleEffect & keyof IonRippleEffectAttributes as `prop:${K}`]?: IonRippleEffect[K] }; - "ion-route": Omit & { [K in keyof IonRoute & keyof IonRouteAttributes]?: IonRoute[K] } & { [K in keyof IonRoute & keyof IonRouteAttributes as `attr:${K}`]?: IonRouteAttributes[K] } & { [K in keyof IonRoute & keyof IonRouteAttributes as `prop:${K}`]?: IonRoute[K] } & OneOf<"component", IonRoute["component"], IonRouteAttributes["component"]>; - "ion-route-redirect": Omit & { [K in keyof IonRouteRedirect & keyof IonRouteRedirectAttributes]?: IonRouteRedirect[K] } & { [K in keyof IonRouteRedirect & keyof IonRouteRedirectAttributes as `attr:${K}`]?: IonRouteRedirectAttributes[K] } & { [K in keyof IonRouteRedirect & keyof IonRouteRedirectAttributes as `prop:${K}`]?: IonRouteRedirect[K] } & OneOf<"from", IonRouteRedirect["from"], IonRouteRedirectAttributes["from"]> & OneOf<"to", IonRouteRedirect["to"], IonRouteRedirectAttributes["to"]>; - "ion-router": Omit & { [K in keyof IonRouter & keyof IonRouterAttributes]?: IonRouter[K] } & { [K in keyof IonRouter & keyof IonRouterAttributes as `attr:${K}`]?: IonRouterAttributes[K] } & { [K in keyof IonRouter & keyof IonRouterAttributes as `prop:${K}`]?: IonRouter[K] }; - "ion-router-link": Omit & { [K in keyof IonRouterLink & keyof IonRouterLinkAttributes]?: IonRouterLink[K] } & { [K in keyof IonRouterLink & keyof IonRouterLinkAttributes as `attr:${K}`]?: IonRouterLinkAttributes[K] } & { [K in keyof IonRouterLink & keyof IonRouterLinkAttributes as `prop:${K}`]?: IonRouterLink[K] }; - "ion-router-outlet": Omit & { [K in keyof IonRouterOutlet & keyof IonRouterOutletAttributes]?: IonRouterOutlet[K] } & { [K in keyof IonRouterOutlet & keyof IonRouterOutletAttributes as `attr:${K}`]?: IonRouterOutletAttributes[K] } & { [K in keyof IonRouterOutlet & keyof IonRouterOutletAttributes as `prop:${K}`]?: IonRouterOutlet[K] }; + "ion-reorder-group": IonReorderGroup; + "ion-ripple-effect": IonRippleEffect; + "ion-route": IonRoute; + "ion-route-redirect": IonRouteRedirect; + "ion-router": IonRouter; + "ion-router-link": IonRouterLink; + "ion-router-outlet": IonRouterOutlet; "ion-row": IonRow; - "ion-searchbar": Omit & { [K in keyof IonSearchbar & keyof IonSearchbarAttributes]?: IonSearchbar[K] } & { [K in keyof IonSearchbar & keyof IonSearchbarAttributes as `attr:${K}`]?: IonSearchbarAttributes[K] } & { [K in keyof IonSearchbar & keyof IonSearchbarAttributes as `prop:${K}`]?: IonSearchbar[K] }; - "ion-segment": Omit & { [K in keyof IonSegment & keyof IonSegmentAttributes]?: IonSegment[K] } & { [K in keyof IonSegment & keyof IonSegmentAttributes as `attr:${K}`]?: IonSegmentAttributes[K] } & { [K in keyof IonSegment & keyof IonSegmentAttributes as `prop:${K}`]?: IonSegment[K] }; - "ion-segment-button": Omit & { [K in keyof IonSegmentButton & keyof IonSegmentButtonAttributes]?: IonSegmentButton[K] } & { [K in keyof IonSegmentButton & keyof IonSegmentButtonAttributes as `attr:${K}`]?: IonSegmentButtonAttributes[K] } & { [K in keyof IonSegmentButton & keyof IonSegmentButtonAttributes as `prop:${K}`]?: IonSegmentButton[K] }; + "ion-searchbar": IonSearchbar; + "ion-segment": IonSegment; + "ion-segment-button": IonSegmentButton; "ion-segment-content": IonSegmentContent; - "ion-segment-view": Omit & { [K in keyof IonSegmentView & keyof IonSegmentViewAttributes]?: IonSegmentView[K] } & { [K in keyof IonSegmentView & keyof IonSegmentViewAttributes as `attr:${K}`]?: IonSegmentViewAttributes[K] } & { [K in keyof IonSegmentView & keyof IonSegmentViewAttributes as `prop:${K}`]?: IonSegmentView[K] }; - "ion-select": Omit & { [K in keyof IonSelect & keyof IonSelectAttributes]?: IonSelect[K] } & { [K in keyof IonSelect & keyof IonSelectAttributes as `attr:${K}`]?: IonSelectAttributes[K] } & { [K in keyof IonSelect & keyof IonSelectAttributes as `prop:${K}`]?: IonSelect[K] }; - "ion-select-modal": Omit & { [K in keyof IonSelectModal & keyof IonSelectModalAttributes]?: IonSelectModal[K] } & { [K in keyof IonSelectModal & keyof IonSelectModalAttributes as `attr:${K}`]?: IonSelectModalAttributes[K] } & { [K in keyof IonSelectModal & keyof IonSelectModalAttributes as `prop:${K}`]?: IonSelectModal[K] }; - "ion-select-option": Omit & { [K in keyof IonSelectOption & keyof IonSelectOptionAttributes]?: IonSelectOption[K] } & { [K in keyof IonSelectOption & keyof IonSelectOptionAttributes as `attr:${K}`]?: IonSelectOptionAttributes[K] } & { [K in keyof IonSelectOption & keyof IonSelectOptionAttributes as `prop:${K}`]?: IonSelectOption[K] }; - "ion-select-popover": Omit & { [K in keyof IonSelectPopover & keyof IonSelectPopoverAttributes]?: IonSelectPopover[K] } & { [K in keyof IonSelectPopover & keyof IonSelectPopoverAttributes as `attr:${K}`]?: IonSelectPopoverAttributes[K] } & { [K in keyof IonSelectPopover & keyof IonSelectPopoverAttributes as `prop:${K}`]?: IonSelectPopover[K] }; - "ion-skeleton-text": Omit & { [K in keyof IonSkeletonText & keyof IonSkeletonTextAttributes]?: IonSkeletonText[K] } & { [K in keyof IonSkeletonText & keyof IonSkeletonTextAttributes as `attr:${K}`]?: IonSkeletonTextAttributes[K] } & { [K in keyof IonSkeletonText & keyof IonSkeletonTextAttributes as `prop:${K}`]?: IonSkeletonText[K] }; - "ion-spinner": Omit & { [K in keyof IonSpinner & keyof IonSpinnerAttributes]?: IonSpinner[K] } & { [K in keyof IonSpinner & keyof IonSpinnerAttributes as `attr:${K}`]?: IonSpinnerAttributes[K] } & { [K in keyof IonSpinner & keyof IonSpinnerAttributes as `prop:${K}`]?: IonSpinner[K] }; - "ion-split-pane": Omit & { [K in keyof IonSplitPane & keyof IonSplitPaneAttributes]?: IonSplitPane[K] } & { [K in keyof IonSplitPane & keyof IonSplitPaneAttributes as `attr:${K}`]?: IonSplitPaneAttributes[K] } & { [K in keyof IonSplitPane & keyof IonSplitPaneAttributes as `prop:${K}`]?: IonSplitPane[K] }; - "ion-tab": Omit & { [K in keyof IonTab & keyof IonTabAttributes]?: IonTab[K] } & { [K in keyof IonTab & keyof IonTabAttributes as `attr:${K}`]?: IonTabAttributes[K] } & { [K in keyof IonTab & keyof IonTabAttributes as `prop:${K}`]?: IonTab[K] } & OneOf<"tab", IonTab["tab"], IonTabAttributes["tab"]>; - "ion-tab-bar": Omit & { [K in keyof IonTabBar & keyof IonTabBarAttributes]?: IonTabBar[K] } & { [K in keyof IonTabBar & keyof IonTabBarAttributes as `attr:${K}`]?: IonTabBarAttributes[K] } & { [K in keyof IonTabBar & keyof IonTabBarAttributes as `prop:${K}`]?: IonTabBar[K] }; - "ion-tab-button": Omit & { [K in keyof IonTabButton & keyof IonTabButtonAttributes]?: IonTabButton[K] } & { [K in keyof IonTabButton & keyof IonTabButtonAttributes as `attr:${K}`]?: IonTabButtonAttributes[K] } & { [K in keyof IonTabButton & keyof IonTabButtonAttributes as `prop:${K}`]?: IonTabButton[K] }; - "ion-tabs": Omit & { [K in keyof IonTabs & keyof IonTabsAttributes]?: IonTabs[K] } & { [K in keyof IonTabs & keyof IonTabsAttributes as `attr:${K}`]?: IonTabsAttributes[K] } & { [K in keyof IonTabs & keyof IonTabsAttributes as `prop:${K}`]?: IonTabs[K] }; - "ion-text": Omit & { [K in keyof IonText & keyof IonTextAttributes]?: IonText[K] } & { [K in keyof IonText & keyof IonTextAttributes as `attr:${K}`]?: IonTextAttributes[K] } & { [K in keyof IonText & keyof IonTextAttributes as `prop:${K}`]?: IonText[K] }; - "ion-textarea": Omit & { [K in keyof IonTextarea & keyof IonTextareaAttributes]?: IonTextarea[K] } & { [K in keyof IonTextarea & keyof IonTextareaAttributes as `attr:${K}`]?: IonTextareaAttributes[K] } & { [K in keyof IonTextarea & keyof IonTextareaAttributes as `prop:${K}`]?: IonTextarea[K] }; + "ion-segment-view": IonSegmentView; + "ion-select": IonSelect; + "ion-select-modal": IonSelectModal; + "ion-select-option": IonSelectOption; + "ion-select-popover": IonSelectPopover; + "ion-skeleton-text": IonSkeletonText; + "ion-spinner": IonSpinner; + "ion-split-pane": IonSplitPane; + "ion-tab": IonTab; + "ion-tab-bar": IonTabBar; + "ion-tab-button": IonTabButton; + "ion-tabs": IonTabs; + "ion-text": IonText; + "ion-textarea": IonTextarea; "ion-thumbnail": IonThumbnail; - "ion-title": Omit & { [K in keyof IonTitle & keyof IonTitleAttributes]?: IonTitle[K] } & { [K in keyof IonTitle & keyof IonTitleAttributes as `attr:${K}`]?: IonTitleAttributes[K] } & { [K in keyof IonTitle & keyof IonTitleAttributes as `prop:${K}`]?: IonTitle[K] }; - "ion-toast": Omit & { [K in keyof IonToast & keyof IonToastAttributes]?: IonToast[K] } & { [K in keyof IonToast & keyof IonToastAttributes as `attr:${K}`]?: IonToastAttributes[K] } & { [K in keyof IonToast & keyof IonToastAttributes as `prop:${K}`]?: IonToast[K] } & OneOf<"overlayIndex", IonToast["overlayIndex"], IonToastAttributes["overlayIndex"]>; - "ion-toggle": Omit & { [K in keyof IonToggle & keyof IonToggleAttributes]?: IonToggle[K] } & { [K in keyof IonToggle & keyof IonToggleAttributes as `attr:${K}`]?: IonToggleAttributes[K] } & { [K in keyof IonToggle & keyof IonToggleAttributes as `prop:${K}`]?: IonToggle[K] }; - "ion-toolbar": Omit & { [K in keyof IonToolbar & keyof IonToolbarAttributes]?: IonToolbar[K] } & { [K in keyof IonToolbar & keyof IonToolbarAttributes as `attr:${K}`]?: IonToolbarAttributes[K] } & { [K in keyof IonToolbar & keyof IonToolbarAttributes as `prop:${K}`]?: IonToolbar[K] }; + "ion-title": IonTitle; + "ion-toast": IonToast; + "ion-toggle": IonToggle; + "ion-toolbar": IonToolbar; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { - "ion-accordion": LocalJSX.IntrinsicElements["ion-accordion"] & JSXBase.HTMLAttributes; - "ion-accordion-group": LocalJSX.IntrinsicElements["ion-accordion-group"] & JSXBase.HTMLAttributes; - "ion-action-sheet": LocalJSX.IntrinsicElements["ion-action-sheet"] & JSXBase.HTMLAttributes; - "ion-alert": LocalJSX.IntrinsicElements["ion-alert"] & JSXBase.HTMLAttributes; - "ion-app": LocalJSX.IntrinsicElements["ion-app"] & JSXBase.HTMLAttributes; - "ion-avatar": LocalJSX.IntrinsicElements["ion-avatar"] & JSXBase.HTMLAttributes; - "ion-back-button": LocalJSX.IntrinsicElements["ion-back-button"] & JSXBase.HTMLAttributes; - "ion-backdrop": LocalJSX.IntrinsicElements["ion-backdrop"] & JSXBase.HTMLAttributes; - "ion-badge": LocalJSX.IntrinsicElements["ion-badge"] & JSXBase.HTMLAttributes; - "ion-breadcrumb": LocalJSX.IntrinsicElements["ion-breadcrumb"] & JSXBase.HTMLAttributes; - "ion-breadcrumbs": LocalJSX.IntrinsicElements["ion-breadcrumbs"] & JSXBase.HTMLAttributes; - "ion-button": LocalJSX.IntrinsicElements["ion-button"] & JSXBase.HTMLAttributes; - "ion-buttons": LocalJSX.IntrinsicElements["ion-buttons"] & JSXBase.HTMLAttributes; - "ion-card": LocalJSX.IntrinsicElements["ion-card"] & JSXBase.HTMLAttributes; - "ion-card-content": LocalJSX.IntrinsicElements["ion-card-content"] & JSXBase.HTMLAttributes; - "ion-card-header": LocalJSX.IntrinsicElements["ion-card-header"] & JSXBase.HTMLAttributes; - "ion-card-subtitle": LocalJSX.IntrinsicElements["ion-card-subtitle"] & JSXBase.HTMLAttributes; - "ion-card-title": LocalJSX.IntrinsicElements["ion-card-title"] & JSXBase.HTMLAttributes; - "ion-checkbox": LocalJSX.IntrinsicElements["ion-checkbox"] & JSXBase.HTMLAttributes; - "ion-chip": LocalJSX.IntrinsicElements["ion-chip"] & JSXBase.HTMLAttributes; - "ion-col": LocalJSX.IntrinsicElements["ion-col"] & JSXBase.HTMLAttributes; - "ion-content": LocalJSX.IntrinsicElements["ion-content"] & JSXBase.HTMLAttributes; - "ion-datetime": LocalJSX.IntrinsicElements["ion-datetime"] & JSXBase.HTMLAttributes; - "ion-datetime-button": LocalJSX.IntrinsicElements["ion-datetime-button"] & JSXBase.HTMLAttributes; - "ion-divider": LocalJSX.IntrinsicElements["ion-divider"] & JSXBase.HTMLAttributes; - "ion-fab": LocalJSX.IntrinsicElements["ion-fab"] & JSXBase.HTMLAttributes; - "ion-fab-button": LocalJSX.IntrinsicElements["ion-fab-button"] & JSXBase.HTMLAttributes; - "ion-fab-list": LocalJSX.IntrinsicElements["ion-fab-list"] & JSXBase.HTMLAttributes; - "ion-footer": LocalJSX.IntrinsicElements["ion-footer"] & JSXBase.HTMLAttributes; - "ion-grid": LocalJSX.IntrinsicElements["ion-grid"] & JSXBase.HTMLAttributes; - "ion-header": LocalJSX.IntrinsicElements["ion-header"] & JSXBase.HTMLAttributes; - "ion-img": LocalJSX.IntrinsicElements["ion-img"] & JSXBase.HTMLAttributes; - "ion-infinite-scroll": LocalJSX.IntrinsicElements["ion-infinite-scroll"] & JSXBase.HTMLAttributes; - "ion-infinite-scroll-content": LocalJSX.IntrinsicElements["ion-infinite-scroll-content"] & JSXBase.HTMLAttributes; - "ion-input": LocalJSX.IntrinsicElements["ion-input"] & JSXBase.HTMLAttributes; - "ion-input-otp": LocalJSX.IntrinsicElements["ion-input-otp"] & JSXBase.HTMLAttributes; - "ion-input-password-toggle": LocalJSX.IntrinsicElements["ion-input-password-toggle"] & JSXBase.HTMLAttributes; - "ion-item": LocalJSX.IntrinsicElements["ion-item"] & JSXBase.HTMLAttributes; - "ion-item-divider": LocalJSX.IntrinsicElements["ion-item-divider"] & JSXBase.HTMLAttributes; - "ion-item-group": LocalJSX.IntrinsicElements["ion-item-group"] & JSXBase.HTMLAttributes; - "ion-item-option": LocalJSX.IntrinsicElements["ion-item-option"] & JSXBase.HTMLAttributes; - "ion-item-options": LocalJSX.IntrinsicElements["ion-item-options"] & JSXBase.HTMLAttributes; - "ion-item-sliding": LocalJSX.IntrinsicElements["ion-item-sliding"] & JSXBase.HTMLAttributes; - "ion-label": LocalJSX.IntrinsicElements["ion-label"] & JSXBase.HTMLAttributes; - "ion-list": LocalJSX.IntrinsicElements["ion-list"] & JSXBase.HTMLAttributes; - "ion-list-header": LocalJSX.IntrinsicElements["ion-list-header"] & JSXBase.HTMLAttributes; - "ion-loading": LocalJSX.IntrinsicElements["ion-loading"] & JSXBase.HTMLAttributes; - "ion-menu": LocalJSX.IntrinsicElements["ion-menu"] & JSXBase.HTMLAttributes; - "ion-menu-button": LocalJSX.IntrinsicElements["ion-menu-button"] & JSXBase.HTMLAttributes; - "ion-menu-toggle": LocalJSX.IntrinsicElements["ion-menu-toggle"] & JSXBase.HTMLAttributes; - "ion-modal": LocalJSX.IntrinsicElements["ion-modal"] & JSXBase.HTMLAttributes; - "ion-nav": LocalJSX.IntrinsicElements["ion-nav"] & JSXBase.HTMLAttributes; - "ion-nav-link": LocalJSX.IntrinsicElements["ion-nav-link"] & JSXBase.HTMLAttributes; - "ion-note": LocalJSX.IntrinsicElements["ion-note"] & JSXBase.HTMLAttributes; - "ion-picker": LocalJSX.IntrinsicElements["ion-picker"] & JSXBase.HTMLAttributes; - "ion-picker-column": LocalJSX.IntrinsicElements["ion-picker-column"] & JSXBase.HTMLAttributes; - "ion-picker-column-option": LocalJSX.IntrinsicElements["ion-picker-column-option"] & JSXBase.HTMLAttributes; - "ion-picker-legacy": LocalJSX.IntrinsicElements["ion-picker-legacy"] & JSXBase.HTMLAttributes; - "ion-picker-legacy-column": LocalJSX.IntrinsicElements["ion-picker-legacy-column"] & JSXBase.HTMLAttributes; - "ion-popover": LocalJSX.IntrinsicElements["ion-popover"] & JSXBase.HTMLAttributes; - "ion-progress-bar": LocalJSX.IntrinsicElements["ion-progress-bar"] & JSXBase.HTMLAttributes; - "ion-radio": LocalJSX.IntrinsicElements["ion-radio"] & JSXBase.HTMLAttributes; - "ion-radio-group": LocalJSX.IntrinsicElements["ion-radio-group"] & JSXBase.HTMLAttributes; - "ion-range": LocalJSX.IntrinsicElements["ion-range"] & JSXBase.HTMLAttributes; - "ion-refresher": LocalJSX.IntrinsicElements["ion-refresher"] & JSXBase.HTMLAttributes; - "ion-refresher-content": LocalJSX.IntrinsicElements["ion-refresher-content"] & JSXBase.HTMLAttributes; - "ion-reorder": LocalJSX.IntrinsicElements["ion-reorder"] & JSXBase.HTMLAttributes; - "ion-reorder-group": LocalJSX.IntrinsicElements["ion-reorder-group"] & JSXBase.HTMLAttributes; - "ion-ripple-effect": LocalJSX.IntrinsicElements["ion-ripple-effect"] & JSXBase.HTMLAttributes; - "ion-route": LocalJSX.IntrinsicElements["ion-route"] & JSXBase.HTMLAttributes; - "ion-route-redirect": LocalJSX.IntrinsicElements["ion-route-redirect"] & JSXBase.HTMLAttributes; - "ion-router": LocalJSX.IntrinsicElements["ion-router"] & JSXBase.HTMLAttributes; - "ion-router-link": LocalJSX.IntrinsicElements["ion-router-link"] & JSXBase.HTMLAttributes; - "ion-router-outlet": LocalJSX.IntrinsicElements["ion-router-outlet"] & JSXBase.HTMLAttributes; - "ion-row": LocalJSX.IntrinsicElements["ion-row"] & JSXBase.HTMLAttributes; - "ion-searchbar": LocalJSX.IntrinsicElements["ion-searchbar"] & JSXBase.HTMLAttributes; - "ion-segment": LocalJSX.IntrinsicElements["ion-segment"] & JSXBase.HTMLAttributes; - "ion-segment-button": LocalJSX.IntrinsicElements["ion-segment-button"] & JSXBase.HTMLAttributes; - "ion-segment-content": LocalJSX.IntrinsicElements["ion-segment-content"] & JSXBase.HTMLAttributes; - "ion-segment-view": LocalJSX.IntrinsicElements["ion-segment-view"] & JSXBase.HTMLAttributes; - "ion-select": LocalJSX.IntrinsicElements["ion-select"] & JSXBase.HTMLAttributes; - "ion-select-modal": LocalJSX.IntrinsicElements["ion-select-modal"] & JSXBase.HTMLAttributes; - "ion-select-option": LocalJSX.IntrinsicElements["ion-select-option"] & JSXBase.HTMLAttributes; - "ion-select-popover": LocalJSX.IntrinsicElements["ion-select-popover"] & JSXBase.HTMLAttributes; - "ion-skeleton-text": LocalJSX.IntrinsicElements["ion-skeleton-text"] & JSXBase.HTMLAttributes; - "ion-spinner": LocalJSX.IntrinsicElements["ion-spinner"] & JSXBase.HTMLAttributes; - "ion-split-pane": LocalJSX.IntrinsicElements["ion-split-pane"] & JSXBase.HTMLAttributes; - "ion-tab": LocalJSX.IntrinsicElements["ion-tab"] & JSXBase.HTMLAttributes; - "ion-tab-bar": LocalJSX.IntrinsicElements["ion-tab-bar"] & JSXBase.HTMLAttributes; - "ion-tab-button": LocalJSX.IntrinsicElements["ion-tab-button"] & JSXBase.HTMLAttributes; - "ion-tabs": LocalJSX.IntrinsicElements["ion-tabs"] & JSXBase.HTMLAttributes; - "ion-text": LocalJSX.IntrinsicElements["ion-text"] & JSXBase.HTMLAttributes; - "ion-textarea": LocalJSX.IntrinsicElements["ion-textarea"] & JSXBase.HTMLAttributes; - "ion-thumbnail": LocalJSX.IntrinsicElements["ion-thumbnail"] & JSXBase.HTMLAttributes; - "ion-title": LocalJSX.IntrinsicElements["ion-title"] & JSXBase.HTMLAttributes; - "ion-toast": LocalJSX.IntrinsicElements["ion-toast"] & JSXBase.HTMLAttributes; - "ion-toggle": LocalJSX.IntrinsicElements["ion-toggle"] & JSXBase.HTMLAttributes; - "ion-toolbar": LocalJSX.IntrinsicElements["ion-toolbar"] & JSXBase.HTMLAttributes; + "ion-accordion": LocalJSX.IonAccordion & JSXBase.HTMLAttributes; + "ion-accordion-group": LocalJSX.IonAccordionGroup & JSXBase.HTMLAttributes; + "ion-action-sheet": LocalJSX.IonActionSheet & JSXBase.HTMLAttributes; + "ion-alert": LocalJSX.IonAlert & JSXBase.HTMLAttributes; + "ion-app": LocalJSX.IonApp & JSXBase.HTMLAttributes; + "ion-avatar": LocalJSX.IonAvatar & JSXBase.HTMLAttributes; + "ion-back-button": LocalJSX.IonBackButton & JSXBase.HTMLAttributes; + "ion-backdrop": LocalJSX.IonBackdrop & JSXBase.HTMLAttributes; + "ion-badge": LocalJSX.IonBadge & JSXBase.HTMLAttributes; + "ion-breadcrumb": LocalJSX.IonBreadcrumb & JSXBase.HTMLAttributes; + "ion-breadcrumbs": LocalJSX.IonBreadcrumbs & JSXBase.HTMLAttributes; + "ion-button": LocalJSX.IonButton & JSXBase.HTMLAttributes; + "ion-buttons": LocalJSX.IonButtons & JSXBase.HTMLAttributes; + "ion-card": LocalJSX.IonCard & JSXBase.HTMLAttributes; + "ion-card-content": LocalJSX.IonCardContent & JSXBase.HTMLAttributes; + "ion-card-header": LocalJSX.IonCardHeader & JSXBase.HTMLAttributes; + "ion-card-subtitle": LocalJSX.IonCardSubtitle & JSXBase.HTMLAttributes; + "ion-card-title": LocalJSX.IonCardTitle & JSXBase.HTMLAttributes; + "ion-checkbox": LocalJSX.IonCheckbox & JSXBase.HTMLAttributes; + "ion-chip": LocalJSX.IonChip & JSXBase.HTMLAttributes; + "ion-col": LocalJSX.IonCol & JSXBase.HTMLAttributes; + "ion-content": LocalJSX.IonContent & JSXBase.HTMLAttributes; + "ion-datetime": LocalJSX.IonDatetime & JSXBase.HTMLAttributes; + "ion-datetime-button": LocalJSX.IonDatetimeButton & JSXBase.HTMLAttributes; + "ion-divider": LocalJSX.IonDivider & JSXBase.HTMLAttributes; + "ion-fab": LocalJSX.IonFab & JSXBase.HTMLAttributes; + "ion-fab-button": LocalJSX.IonFabButton & JSXBase.HTMLAttributes; + "ion-fab-list": LocalJSX.IonFabList & JSXBase.HTMLAttributes; + "ion-footer": LocalJSX.IonFooter & JSXBase.HTMLAttributes; + "ion-grid": LocalJSX.IonGrid & JSXBase.HTMLAttributes; + "ion-header": LocalJSX.IonHeader & JSXBase.HTMLAttributes; + "ion-img": LocalJSX.IonImg & JSXBase.HTMLAttributes; + "ion-infinite-scroll": LocalJSX.IonInfiniteScroll & JSXBase.HTMLAttributes; + "ion-infinite-scroll-content": LocalJSX.IonInfiniteScrollContent & JSXBase.HTMLAttributes; + "ion-input": LocalJSX.IonInput & JSXBase.HTMLAttributes; + "ion-input-otp": LocalJSX.IonInputOtp & JSXBase.HTMLAttributes; + "ion-input-password-toggle": LocalJSX.IonInputPasswordToggle & JSXBase.HTMLAttributes; + "ion-item": LocalJSX.IonItem & JSXBase.HTMLAttributes; + "ion-item-divider": LocalJSX.IonItemDivider & JSXBase.HTMLAttributes; + "ion-item-group": LocalJSX.IonItemGroup & JSXBase.HTMLAttributes; + "ion-item-option": LocalJSX.IonItemOption & JSXBase.HTMLAttributes; + "ion-item-options": LocalJSX.IonItemOptions & JSXBase.HTMLAttributes; + "ion-item-sliding": LocalJSX.IonItemSliding & JSXBase.HTMLAttributes; + "ion-label": LocalJSX.IonLabel & JSXBase.HTMLAttributes; + "ion-list": LocalJSX.IonList & JSXBase.HTMLAttributes; + "ion-list-header": LocalJSX.IonListHeader & JSXBase.HTMLAttributes; + "ion-loading": LocalJSX.IonLoading & JSXBase.HTMLAttributes; + "ion-menu": LocalJSX.IonMenu & JSXBase.HTMLAttributes; + "ion-menu-button": LocalJSX.IonMenuButton & JSXBase.HTMLAttributes; + "ion-menu-toggle": LocalJSX.IonMenuToggle & JSXBase.HTMLAttributes; + "ion-modal": LocalJSX.IonModal & JSXBase.HTMLAttributes; + "ion-nav": LocalJSX.IonNav & JSXBase.HTMLAttributes; + "ion-nav-link": LocalJSX.IonNavLink & JSXBase.HTMLAttributes; + "ion-note": LocalJSX.IonNote & JSXBase.HTMLAttributes; + "ion-picker": LocalJSX.IonPicker & JSXBase.HTMLAttributes; + "ion-picker-column": LocalJSX.IonPickerColumn & JSXBase.HTMLAttributes; + "ion-picker-column-option": LocalJSX.IonPickerColumnOption & JSXBase.HTMLAttributes; + "ion-picker-legacy": LocalJSX.IonPickerLegacy & JSXBase.HTMLAttributes; + "ion-picker-legacy-column": LocalJSX.IonPickerLegacyColumn & JSXBase.HTMLAttributes; + "ion-popover": LocalJSX.IonPopover & JSXBase.HTMLAttributes; + "ion-progress-bar": LocalJSX.IonProgressBar & JSXBase.HTMLAttributes; + "ion-radio": LocalJSX.IonRadio & JSXBase.HTMLAttributes; + "ion-radio-group": LocalJSX.IonRadioGroup & JSXBase.HTMLAttributes; + "ion-range": LocalJSX.IonRange & JSXBase.HTMLAttributes; + "ion-refresher": LocalJSX.IonRefresher & JSXBase.HTMLAttributes; + "ion-refresher-content": LocalJSX.IonRefresherContent & JSXBase.HTMLAttributes; + "ion-reorder": LocalJSX.IonReorder & JSXBase.HTMLAttributes; + "ion-reorder-group": LocalJSX.IonReorderGroup & JSXBase.HTMLAttributes; + "ion-ripple-effect": LocalJSX.IonRippleEffect & JSXBase.HTMLAttributes; + "ion-route": LocalJSX.IonRoute & JSXBase.HTMLAttributes; + "ion-route-redirect": LocalJSX.IonRouteRedirect & JSXBase.HTMLAttributes; + "ion-router": LocalJSX.IonRouter & JSXBase.HTMLAttributes; + "ion-router-link": LocalJSX.IonRouterLink & JSXBase.HTMLAttributes; + "ion-router-outlet": LocalJSX.IonRouterOutlet & JSXBase.HTMLAttributes; + "ion-row": LocalJSX.IonRow & JSXBase.HTMLAttributes; + "ion-searchbar": LocalJSX.IonSearchbar & JSXBase.HTMLAttributes; + "ion-segment": LocalJSX.IonSegment & JSXBase.HTMLAttributes; + "ion-segment-button": LocalJSX.IonSegmentButton & JSXBase.HTMLAttributes; + "ion-segment-content": LocalJSX.IonSegmentContent & JSXBase.HTMLAttributes; + "ion-segment-view": LocalJSX.IonSegmentView & JSXBase.HTMLAttributes; + "ion-select": LocalJSX.IonSelect & JSXBase.HTMLAttributes; + "ion-select-modal": LocalJSX.IonSelectModal & JSXBase.HTMLAttributes; + "ion-select-option": LocalJSX.IonSelectOption & JSXBase.HTMLAttributes; + "ion-select-popover": LocalJSX.IonSelectPopover & JSXBase.HTMLAttributes; + "ion-skeleton-text": LocalJSX.IonSkeletonText & JSXBase.HTMLAttributes; + "ion-spinner": LocalJSX.IonSpinner & JSXBase.HTMLAttributes; + "ion-split-pane": LocalJSX.IonSplitPane & JSXBase.HTMLAttributes; + "ion-tab": LocalJSX.IonTab & JSXBase.HTMLAttributes; + "ion-tab-bar": LocalJSX.IonTabBar & JSXBase.HTMLAttributes; + "ion-tab-button": LocalJSX.IonTabButton & JSXBase.HTMLAttributes; + "ion-tabs": LocalJSX.IonTabs & JSXBase.HTMLAttributes; + "ion-text": LocalJSX.IonText & JSXBase.HTMLAttributes; + "ion-textarea": LocalJSX.IonTextarea & JSXBase.HTMLAttributes; + "ion-thumbnail": LocalJSX.IonThumbnail & JSXBase.HTMLAttributes; + "ion-title": LocalJSX.IonTitle & JSXBase.HTMLAttributes; + "ion-toast": LocalJSX.IonToast & JSXBase.HTMLAttributes; + "ion-toggle": LocalJSX.IonToggle & JSXBase.HTMLAttributes; + "ion-toolbar": LocalJSX.IonToolbar & JSXBase.HTMLAttributes; } } } diff --git a/core/src/components/range/range.ionic.scss b/core/src/components/range/range.ionic.scss index 81f1c0334b8..47c1db9b6f3 100644 --- a/core/src/components/range/range.ionic.scss +++ b/core/src/components/range/range.ionic.scss @@ -15,12 +15,16 @@ --bar-background-active: #{globals.ion-color(primary, base)}; --bar-border-radius: #{globals.$ion-border-radius-400}; --height: #{globals.$ion-scale-1100}; - + @include globals.typography(globals.$ion-body-md-regular); - + z-index: globals.$ion-z-index-100; } +:host(.ticks) { + --bar-border-radius: globals.$ion-border-radius-0; +} + :host(.range-item-start-adjustment) { @include padding(null, null, null, globals.$ion-space-600); } @@ -83,22 +87,21 @@ background: var(--bar-background-active); &.has-ticks { - @include border-radius(0); @include margin(null, calc(-1 * globals.$ion-scale-100 * 0.5), null, calc(-1 * globals.$ion-scale-100 * 0.5)); } } .range-tick { @include margin-horizontal(calc(globals.$ion-scale-100 * -0.5), null); - @include border-radius(globals.$ion-border-radius-0); + @include border-radius(globals.$ion-border-radius-400); position: absolute; - top: calc((var(--height) * 0.5) - (globals.$ion-scale-300 * 0.5)); + top: calc((var(--height) * 0.5) - (globals.$ion-scale-400 * 0.5)); - width: globals.$ion-scale-100; - height: globals.$ion-scale-300; + width: globals.$ion-scale-050; + height: globals.$ion-scale-400; - background: globals.$ion-primitives-neutral-100; + background: var(--bar-background); pointer-events: none; } From 5ae827efc2f59e3e606073d3479ca4b4ea77da1c Mon Sep 17 00:00:00 2001 From: Giuliana Silva Date: Tue, 14 Apr 2026 10:54:28 +0100 Subject: [PATCH 2/7] chore(): update build files --- core/api.txt | 10 +- core/src/components.d.ts | 1182 ++++++++++++++++++++++++++++++++------ 2 files changed, 1000 insertions(+), 192 deletions(-) diff --git a/core/api.txt b/core/api.txt index 09a99d6773a..e4e1ca4d603 100644 --- a/core/api.txt +++ b/core/api.txt @@ -949,7 +949,7 @@ ion-infinite-scroll-content,prop,theme,"ios" | "md" | "ionic",undefined,false,fa ion-input,scoped ion-input,prop,autocapitalize,string,'off',false,false -ion-input,prop,autocomplete,"name" | "url" | "off" | "on" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday-day" | "bday-month" | "bday-year" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "organization" | "postal-code" | "street-address" | "transaction-amount" | "transaction-currency" | "username" | "email" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "nickname" | "organization-title" | "cc-additional-name" | "language" | "bday" | "sex" | "impp" | "photo",'off',false,false +ion-input,prop,autocomplete,"additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "email" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "name" | "new-password" | "nickname" | "off" | "on" | "one-time-code" | "organization" | "organization-title" | "photo" | "postal-code" | "sex" | "street-address" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "url" | "username",'off',false,false ion-input,prop,autocorrect,"off" | "on",'off',false,false ion-input,prop,autofocus,boolean,false,false,false ion-input,prop,clearInput,boolean,false,false,false @@ -1631,7 +1631,7 @@ ion-nav,prop,animated,boolean,true,false,false ion-nav,prop,animation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false ion-nav,prop,mode,"ios" | "md",undefined,false,false ion-nav,prop,root,Function | HTMLElement | ViewController | null | string | undefined,undefined,false,false -ion-nav,prop,rootParams,undefined | { [key: string]: any; },undefined,false,false +ion-nav,prop,rootParams,T | undefined,undefined,false,false ion-nav,prop,swipeGesture,boolean | undefined,undefined,false,false ion-nav,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-nav,method,canGoBack,canGoBack(view?: ViewController) => Promise @@ -1653,7 +1653,7 @@ ion-nav,event,ionNavWillChange,void,false ion-nav-link,none ion-nav-link,prop,component,Function | HTMLElement | ViewController | null | string | undefined,undefined,false,false -ion-nav-link,prop,componentProps,undefined | { [key: string]: any; },undefined,false,false +ion-nav-link,prop,componentProps,T | undefined,undefined,false,false ion-nav-link,prop,mode,"ios" | "md",undefined,false,false ion-nav-link,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false ion-nav-link,prop,routerDirection,"back" | "forward" | "root",'forward',false,false @@ -1758,7 +1758,7 @@ ion-popover,prop,animated,boolean,true,false,false ion-popover,prop,arrow,boolean,true,false,false ion-popover,prop,backdropDismiss,boolean,true,false,false ion-popover,prop,component,Function | HTMLElement | null | string | undefined,undefined,false,false -ion-popover,prop,componentProps,undefined | { [key: string]: any; },undefined,false,false +ion-popover,prop,componentProps,T | undefined,undefined,false,false ion-popover,prop,dismissOnSelect,boolean,false,false,false ion-popover,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false ion-popover,prop,event,any,undefined,false,false @@ -2066,7 +2066,7 @@ ion-row,css-prop,--ion-grid-gap ion-searchbar,scoped ion-searchbar,prop,animated,boolean,false,false,false ion-searchbar,prop,autocapitalize,string,'off',false,false -ion-searchbar,prop,autocomplete,"name" | "url" | "off" | "on" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday-day" | "bday-month" | "bday-year" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "organization" | "postal-code" | "street-address" | "transaction-amount" | "transaction-currency" | "username" | "email" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "nickname" | "organization-title" | "cc-additional-name" | "language" | "bday" | "sex" | "impp" | "photo",'off',false,false +ion-searchbar,prop,autocomplete,"additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "email" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "name" | "new-password" | "nickname" | "off" | "on" | "one-time-code" | "organization" | "organization-title" | "photo" | "postal-code" | "sex" | "street-address" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "url" | "username",'off',false,false ion-searchbar,prop,autocorrect,"off" | "on",'off',false,false ion-searchbar,prop,cancelButtonIcon,string | undefined,undefined,false,false ion-searchbar,prop,cancelButtonText,string,'Cancel',false,false diff --git a/core/src/components.d.ts b/core/src/components.d.ts index c30ac61a98e..ecbdb7475c6 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -6019,6 +6019,8 @@ declare global { } } 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 IonAccordion { /** * If `true`, the accordion cannot be interacted with. @@ -7781,6 +7783,10 @@ declare namespace LocalJSX { * @default 'outline' */ "fill"?: 'outline' | 'solid'; + /** + * The `id` of a `` element to associate this element with. + */ + "form"?: string; /** * A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`. For numbers (type="number"): "numeric" For text (type="text"): "text" */ @@ -7794,6 +7800,10 @@ declare namespace LocalJSX { * The mode determines the platform behaviors of the component. */ "mode"?: "ios" | "md"; + /** + * The name of the element, used when submitting an HTML form. + */ + "name"?: string; /** * Emitted when the input group loses focus. */ @@ -10222,6 +10232,10 @@ declare namespace LocalJSX { * The fill for the item. If `"solid"` the item will have a background. If `"outline"` the item will be transparent with a border. Only available when the theme is `"md"`. */ "fill"?: 'outline' | 'solid'; + /** + * The `id` of a `` element to associate this element with. + */ + "form"?: string; /** * Text that is placed under the textarea and displayed when no error is detected. */ @@ -10585,209 +10599,1003 @@ declare namespace LocalJSX { */ "titlePlacement"?: 'start' | 'center' | 'end'; } + + interface IonAccordionAttributes { + "value": string; + "disabled": boolean; + "readonly": boolean; + "toggleIcon": string; + "toggleIconSlot": 'start' | 'end'; + } + interface IonAccordionGroupAttributes { + "animated": boolean; + "multiple": boolean; + "value": string | string[] | null; + "disabled": boolean; + "readonly": boolean; + "expand": 'compact' | 'inset'; + "shape": 'soft' | 'round' | 'rectangular'; + } + interface IonActionSheetAttributes { + "overlayIndex": number; + "hasController": boolean; + "keyboardClose": boolean; + "cssClass": string | string[]; + "backdropDismiss": boolean; + "header": string; + "subHeader": string; + "translucent": boolean; + "animated": boolean; + "isOpen": boolean; + "trigger": string | undefined; + } + interface IonAlertAttributes { + "overlayIndex": number; + "hasController": boolean; + "keyboardClose": boolean; + "cssClass": string | string[]; + "header": string; + "subHeader": string; + "message": string | IonicSafeString; + "backdropDismiss": boolean; + "translucent": boolean; + "animated": boolean; + "isOpen": boolean; + "trigger": string | undefined; + } + interface IonAvatarAttributes { + "size": 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'; + "shape": 'soft' | 'round' | 'rectangular'; + "disabled": boolean; + } + interface IonBackButtonAttributes { + "color": Color; + "defaultHref": string; + "disabled": boolean; + "icon": string | null; + "text": string | null; + "type": 'submit' | 'reset' | 'button'; + } + interface IonBackdropAttributes { + "visible": boolean; + "tappable": boolean; + "stopPropagation": boolean; + } + interface IonBadgeAttributes { + "color": Color; + "hue": 'bold' | 'subtle'; + "shape": 'soft' | 'round | rectangular'; + "size": 'small' | 'medium' | 'large'; + "vertical": 'top' | 'bottom'; + } + interface IonBreadcrumbAttributes { + "collapsed": boolean; + "last": boolean; + "showCollapsedIndicator": boolean; + "color": Color; + "active": boolean; + "disabled": boolean; + "download": string | undefined; + "href": string | undefined; + "rel": string | undefined; + "separator": boolean | undefined; + "target": string | undefined; + "routerDirection": RouterDirection; + } + interface IonBreadcrumbsAttributes { + "color": Color; + "maxItems": number; + "itemsBeforeCollapse": number; + "itemsAfterCollapse": number; + } + interface IonButtonAttributes { + "color": Color; + "buttonType": string; + "disabled": boolean; + "expand": 'full' | 'block'; + "fill": 'clear' | 'outline' | 'solid' | 'default'; + "routerDirection": RouterDirection; + "download": string | undefined; + "href": string | undefined; + "rel": string | undefined; + "shape": 'soft' | 'round' | 'rectangular'; + "size": 'small' | 'default' | 'medium' | 'large'; + "strong": boolean; + "target": string | undefined; + "type": 'submit' | 'reset' | 'button'; + "form": string | HTMLFormElement; + } + interface IonButtonsAttributes { + "collapse": boolean; + } + interface IonCardAttributes { + "color": Color; + "button": boolean; + "type": 'submit' | 'reset' | 'button'; + "disabled": boolean; + "download": string | undefined; + "href": string | undefined; + "rel": string | undefined; + "routerDirection": RouterDirection; + "shape": 'soft' | 'round' | 'rectangular'; + "target": string | undefined; + } + interface IonCardHeaderAttributes { + "color": Color; + "translucent": boolean; + } + interface IonCardSubtitleAttributes { + "color": Color; + } + interface IonCardTitleAttributes { + "color": Color; + } + interface IonCheckboxAttributes { + "color": Color; + "name": string; + "checked": boolean; + "indeterminate": boolean; + "disabled": boolean; + "errorText": string; + "helperText": string; + "value": string; + "labelPlacement": 'start' | 'end' | 'fixed' | 'stacked'; + "justify": 'start' | 'end' | 'space-between'; + "alignment": 'start' | 'center'; + "required": boolean; + "shape": 'soft' | 'rectangular'; + "size": 'small'; + } + interface IonChipAttributes { + "color": Color; + "outline": boolean; + "disabled": boolean; + "hue": 'bold' | 'subtle'; + "shape": 'soft' | 'round' | 'rectangular'; + "size": 'small' | 'large'; + } + interface IonColAttributes { + "offset": string; + "offsetXs": string; + "offsetSm": string; + "offsetMd": string; + "offsetLg": string; + "offsetXl": string; + "order": string; + "orderXs": string; + "orderSm": string; + "orderMd": string; + "orderLg": string; + "orderXl": string; + "pull": string; + "pullXs": string; + "pullSm": string; + "pullMd": string; + "pullLg": string; + "pullXl": string; + "push": string; + "pushXs": string; + "pushSm": string; + "pushMd": string; + "pushLg": string; + "pushXl": string; + "size": string; + "sizeXs": string; + "sizeSm": string; + "sizeMd": string; + "sizeLg": string; + "sizeXl": string; + } + interface IonContentAttributes { + "color": Color; + "fullscreen": boolean; + "fixedSlotPlacement": 'after' | 'before'; + "forceOverscroll": boolean; + "scrollX": boolean; + "scrollY": boolean; + "scrollEvents": boolean; + } + interface IonDatetimeAttributes { + "color": Color; + "name": string; + "disabled": boolean; + "readonly": boolean; + "showAdjacentDays": boolean; + "min": string; + "max": string; + "presentation": DatetimePresentation; + "cancelText": string; + "doneText": string; + "clearText": string; + "yearValues": string; + "monthValues": string; + "dayValues": string; + "hourValues": string; + "minuteValues": string; + "locale": string; + "firstDayOfWeek": number; + "multiple": boolean; + "value": string | string[] | null; + "showDefaultTitle": boolean; + "showDefaultButtons": boolean; + "showClearButton": boolean; + "showDefaultTimeLabel": boolean; + "hourCycle": DatetimeHourCycle; + "size": 'cover' | 'fixed'; + "preferWheel": boolean; + } + interface IonDatetimeButtonAttributes { + "color": Color; + "disabled": boolean; + "datetime": string; + } + interface IonDividerAttributes { + "spacing": 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge'; + "inset": boolean; + } + interface IonFabAttributes { + "horizontal": 'start' | 'end' | 'center'; + "vertical": 'top' | 'bottom' | 'center'; + "edge": boolean; + "activated": boolean; + } + interface IonFabButtonAttributes { + "color": Color; + "activated": boolean; + "disabled": boolean; + "download": string | undefined; + "href": string | undefined; + "rel": string | undefined; + "routerDirection": RouterDirection; + "target": string | undefined; + "show": boolean; + "translucent": boolean; + "type": 'submit' | 'reset' | 'button'; + "size": 'small'; + "closeIcon": string; + } + interface IonFabListAttributes { + "activated": boolean; + "side": 'start' | 'end' | 'top' | 'bottom'; + } + interface IonFooterAttributes { + "collapse": 'fade'; + "translucent": boolean; + } + interface IonGridAttributes { + "fixed": boolean; + } + interface IonHeaderAttributes { + "collapse": 'condense' | 'fade'; + "divider": boolean; + "translucent": boolean; + } + interface IonImgAttributes { + "alt": string; + "src": string; + } + interface IonInfiniteScrollAttributes { + "threshold": string; + "disabled": boolean; + "position": 'top' | 'bottom'; + "preserveRerenderScrollPosition": boolean; + } + interface IonInfiniteScrollContentAttributes { + "loadingSpinner": SpinnerTypes | null; + "loadingText": string | IonicSafeString; + } + interface IonInputAttributes { + "color": Color; + "autocapitalize": string; + "autocomplete": AutocompleteTypes; + "autocorrect": 'on' | 'off'; + "autofocus": boolean; + "clearInput": boolean; + "clearInputIcon": string; + "clearOnEdit": boolean; + "counter": boolean; + "debounce": number; + "disabled": boolean; + "enterkeyhint": 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'; + "errorText": string; + "fill": 'outline' | 'solid'; + "inputmode": 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'; + "helperText": string; + "label": string; + "labelPlacement": 'start' | 'end' | 'floating' | 'stacked' | 'fixed'; + "max": string; + "maxlength": number; + "min": string; + "minlength": number; + "multiple": boolean; + "name": string; + "pattern": string; + "placeholder": string; + "readonly": boolean; + "required": boolean; + "shape": 'soft' | 'round' | 'rectangular'; + "spellcheck": boolean; + "step": string; + "size": 'medium' | 'large' | 'xlarge'; + "type": TextFieldTypes; + "value": string; + } + interface IonInputOtpAttributes { + "autocapitalize": string; + "color": Color; + "disabled": boolean; + "fill": 'outline' | 'solid'; + "inputmode": 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'; + "length": number; + "pattern": string; + "readonly": boolean; + "separators": 'all' | string | number[]; + "shape": 'round' | 'rectangular' | 'soft'; + "size": 'small' | 'medium' | 'large'; + "type": 'text' | 'number'; + "value": string; + } + interface IonInputPasswordToggleAttributes { + "color": Color; + "showIcon": string; + "hideIcon": string; + "type": TextFieldTypes; + } + interface IonItemAttributes { + "color": Color; + "button": boolean; + "detail": boolean; + "detailIcon": string; + "disabled": boolean; + "download": string | undefined; + "href": string | undefined; + "rel": string | undefined; + "lines": 'full' | 'inset' | 'none'; + "routerDirection": RouterDirection; + "target": string | undefined; + "type": 'submit' | 'reset' | 'button'; + } + interface IonItemDividerAttributes { + "color": Color; + "sticky": boolean; + } + interface IonItemOptionAttributes { + "color": Color; + "disabled": boolean; + "download": string | undefined; + "expandable": boolean; + "href": string | undefined; + "hue": 'bold' | 'subtle'; + "rel": string | undefined; + "target": string | undefined; + "type": 'submit' | 'reset' | 'button'; + "shape": 'soft' | 'round' | 'rectangular'; + } + interface IonItemOptionsAttributes { + "side": Side; + } + interface IonItemSlidingAttributes { + "disabled": boolean; + } + interface IonLabelAttributes { + "color": Color; + "position": 'fixed' | 'stacked' | 'floating'; + } + interface IonListAttributes { + "lines": 'full' | 'inset' | 'none'; + "inset": boolean; + "shape": 'soft' | 'round' | 'rectangular'; + } + interface IonListHeaderAttributes { + "color": Color; + "lines": 'full' | 'inset' | 'none'; + } + interface IonLoadingAttributes { + "overlayIndex": number; + "hasController": boolean; + "keyboardClose": boolean; + "message": string | IonicSafeString; + "cssClass": string | string[]; + "duration": number; + "backdropDismiss": boolean; + "showBackdrop": boolean; + "spinner": SpinnerTypes | null; + "translucent": boolean; + "animated": boolean; + "isOpen": boolean; + "trigger": string | undefined; + } + interface IonMenuAttributes { + "contentId": string; + "menuId": string; + "type": MenuType; + "disabled": boolean; + "side": Side; + "swipeGesture": boolean; + "maxEdgeStart": number; + } + interface IonMenuButtonAttributes { + "color": Color; + "disabled": boolean; + "menu": string; + "autoHide": boolean; + "type": 'submit' | 'reset' | 'button'; + } + interface IonMenuToggleAttributes { + "menu": string; + "autoHide": boolean; + } + interface IonModalAttributes { + "hasController": boolean; + "overlayIndex": number; + "keyboardClose": boolean; + "expandToScroll": boolean; + "initialBreakpoint": number; + "backdropBreakpoint": number; + "handle": boolean; + "handleBehavior": ModalHandleBehavior; + "component": ComponentRef; + "cssClass": string | string[]; + "backdropDismiss": boolean; + "showBackdrop": boolean; + "animated": boolean; + "isOpen": boolean; + "trigger": string | undefined; + "keepContentsMounted": boolean; + "focusTrap": boolean; + "canDismiss": boolean | ((data?: any, role?: string) => Promise); + "shape": 'soft' | 'round' | 'rectangular'; + } + interface IonNavAttributes { + "swipeGesture": boolean; + "animated": boolean; + "root": NavComponent; + } + interface IonNavLinkAttributes { + "component": NavComponent; + "routerDirection": RouterDirection; + } + interface IonNoteAttributes { + "color": Color; + } + interface IonPickerColumnAttributes { + "disabled": boolean; + "value": string; + "color": Color; + "numericInput": boolean; + } + interface IonPickerColumnOptionAttributes { + "disabled": boolean; + "value": string; + "color": Color; + } + interface IonPickerLegacyAttributes { + "overlayIndex": number; + "hasController": boolean; + "keyboardClose": boolean; + "cssClass": string | string[]; + "duration": number; + "showBackdrop": boolean; + "backdropDismiss": boolean; + "animated": boolean; + "isOpen": boolean; + "trigger": string | undefined; + } + interface IonPopoverAttributes { + "hasController": boolean; + "overlayIndex": number; + "component": ComponentRef; + "keyboardClose": boolean; + "cssClass": string | string[]; + "backdropDismiss": boolean; + "event": string; + "showBackdrop": boolean; + "translucent": boolean; + "animated": boolean; + "triggerAction": TriggerAction; + "trigger": string | undefined; + "size": PopoverSize; + "dismissOnSelect": boolean; + "reference": PositionReference; + "side": PositionSide; + "alignment": PositionAlign; + "arrow": boolean; + "isOpen": boolean; + "keyboardEvents": boolean; + "focusTrap": boolean; + "keepContentsMounted": boolean; + } + interface IonProgressBarAttributes { + "type": 'determinate' | 'indeterminate'; + "reversed": boolean; + "value": number; + "buffer": number; + "color": Color; + "shape": 'round' | 'rectangular'; + } + interface IonRadioAttributes { + "color": Color; + "name": string; + "disabled": boolean; + "value": string; + "labelPlacement": 'start' | 'end' | 'fixed' | 'stacked'; + "justify": 'start' | 'end' | 'space-between'; + "alignment": 'start' | 'center'; + } + interface IonRadioGroupAttributes { + "allowEmptySelection": boolean; + "compareWith": string | RadioGroupCompareFn | null; + "name": string; + "value": string; + "helperText": string; + "errorText": string; + } + interface IonRangeAttributes { + "color": Color; + "debounce": number; + "name": string; + "label": string; + "dualKnobs": boolean; + "min": number; + "max": number; + "pin": boolean; + "snaps": boolean; + "step": number; + "ticks": boolean; + "activeBarStart": number; + "disabled": boolean; + "value": RangeValue; + "labelPlacement": 'start' | 'end' | 'fixed' | 'stacked'; + } + interface IonRefresherAttributes { + "pullMin": number; + "pullMax": number; + "closeDuration": string; + "snapbackDuration": string; + "pullFactor": number; + "disabled": boolean; + } + interface IonRefresherContentAttributes { + "pullingIcon": SpinnerTypes | string | null; + "pullingText": string | IonicSafeString; + "refreshingSpinner": SpinnerTypes | null; + "refreshingText": string | IonicSafeString; + } + interface IonReorderGroupAttributes { + "disabled": boolean; + } + interface IonRippleEffectAttributes { + "type": 'bounded' | 'unbounded'; + } + interface IonRouteAttributes { + "url": string; + "component": string; + } + interface IonRouteRedirectAttributes { + "from": string; + "to": string | undefined | null; + } + interface IonRouterAttributes { + "root": string; + "useHash": boolean; + } + interface IonRouterLinkAttributes { + "color": Color; + "href": string | undefined; + "rel": string | undefined; + "routerDirection": RouterDirection; + "target": string | undefined; + } + interface IonRouterOutletAttributes { + "mode": "ios" | "md"; + "animated": boolean; + } + interface IonSearchbarAttributes { + "color": Color; + "animated": boolean; + "autocapitalize": string; + "autocomplete": AutocompleteTypes; + "autocorrect": 'on' | 'off'; + "cancelButtonIcon": string; + "cancelButtonText": string; + "clearIcon": string; + "debounce": number; + "disabled": boolean; + "inputmode": 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'; + "enterkeyhint": 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'; + "maxlength": number; + "minlength": number; + "name": string; + "placeholder": string; + "searchIcon": string; + "showCancelButton": 'never' | 'focus' | 'always'; + "showClearButton": 'never' | 'focus' | 'always'; + "spellcheck": boolean; + "type": 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url'; + "value": string | null; + "shape": 'soft' | 'round' | 'rectangular'; + "size": 'small' | 'medium' | 'large'; + } + interface IonSegmentAttributes { + "color": Color; + "disabled": boolean; + "scrollable": boolean; + "swipeGesture": boolean; + "value": string; + "selectOnFocus": boolean; + } + interface IonSegmentButtonAttributes { + "contentId": string; + "disabled": boolean; + "layout": SegmentButtonLayout; + "type": 'submit' | 'reset' | 'button'; + "value": string; + } + interface IonSegmentViewAttributes { + "disabled": boolean; + "swipeGesture": boolean; + } + interface IonSelectAttributes { + "cancelText": string; + "color": Color; + "compareWith": string | SelectCompareFn | null; + "disabled": boolean; + "fill": 'outline' | 'solid'; + "errorText": string; + "helperText": string; + "interface": SelectInterface; + "interfaceOptions": string; + "justify": 'start' | 'end' | 'space-between'; + "label": string; + "labelPlacement": 'start' | 'end' | 'floating' | 'stacked' | 'fixed'; + "multiple": boolean; + "name": string; + "okText": string; + "placeholder": string; + "selectedText": string | null; + "toggleIcon": string; + "expandedIcon": string; + "required": boolean; + "shape": 'soft' | 'round' | 'rectangular'; + "size": 'small' | 'medium' | 'large'; + "value": string; + } + interface IonSelectModalAttributes { + "header": string; + "cancelText": string; + "multiple": boolean; + } + interface IonSelectOptionAttributes { + "disabled": boolean; + "value": string; + } + interface IonSelectPopoverAttributes { + "header": string; + "subHeader": string; + "message": string; + "multiple": boolean; + } + interface IonSkeletonTextAttributes { + "animated": boolean; + } + interface IonSpinnerAttributes { + "color": Color; + "duration": number; + "name": SpinnerTypes; + "paused": boolean; + "size": 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'; + } + interface IonSplitPaneAttributes { + "contentId": string; + "disabled": boolean; + "when": string; + } + interface IonTabAttributes { + "active": boolean; + "tab": string; + "component": ComponentRef; + } + interface IonTabBarAttributes { + "color": Color; + "selectedTab": string; + "translucent": boolean; + "expand": 'compact' | 'full'; + "shape": 'soft' | 'round' | 'rectangular'; + } + interface IonTabButtonAttributes { + "disabled": boolean; + "download": string | undefined; + "href": string | undefined; + "rel": string | undefined; + "layout": TabButtonLayout; + "selected": boolean; + "shape": 'soft' | 'round' | 'rectangular'; + "tab": string; + "target": string | undefined; + } + interface IonTabsAttributes { + "useRouter": boolean; + } + interface IonTextAttributes { + "color": Color; + } + interface IonTextareaAttributes { + "color": Color; + "autocapitalize": string; + "autofocus": boolean; + "clearOnEdit": boolean; + "debounce": number; + "disabled": boolean; + "fill": 'outline' | 'solid'; + "inputmode": 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'; + "enterkeyhint": 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'; + "maxlength": number; + "minlength": number; + "name": string; + "placeholder": string; + "readonly": boolean; + "required": boolean; + "spellcheck": boolean; + "cols": number; + "rows": number; + "wrap": 'hard' | 'soft' | 'off'; + "autoGrow": boolean; + "value": string | null; + "counter": boolean; + "errorText": string; + "helperText": string; + "label": string; + "labelPlacement": 'start' | 'end' | 'floating' | 'stacked' | 'fixed'; + "shape": 'soft' | 'round' | 'rectangular'; + "size": 'small' | 'medium' | 'large'; + } + interface IonTitleAttributes { + "color": Color; + "size": 'large' | 'small'; + } + interface IonToastAttributes { + "overlayIndex": number; + "hasController": boolean; + "color": Color; + "cssClass": string | string[]; + "duration": number; + "header": string; + "hue": 'bold' | 'subtle'; + "layout": ToastLayout; + "message": string | IonicSafeString; + "keyboardClose": boolean; + "position": ToastPosition; + "positionAnchor": HTMLElement | string; + "shape": 'soft' | 'round' | 'rectangular'; + "translucent": boolean; + "animated": boolean; + "icon": string; + "swipeGesture": ToastSwipeGestureDirection; + "isOpen": boolean; + "trigger": string | undefined; + } + interface IonToggleAttributes { + "color": Color; + "name": string; + "checked": boolean; + "disabled": boolean; + "errorText": string; + "helperText": string; + "value": string | null; + "enableOnOffLabels": boolean | undefined; + "labelPlacement": 'start' | 'end' | 'fixed' | 'stacked'; + "justify": 'start' | 'end' | 'space-between'; + "alignment": 'start' | 'center'; + "required": boolean; + } + interface IonToolbarAttributes { + "color": Color; + "titlePlacement": 'start' | 'center' | 'end'; + } + interface IntrinsicElements { - "ion-accordion": IonAccordion; - "ion-accordion-group": IonAccordionGroup; - "ion-action-sheet": IonActionSheet; - "ion-alert": IonAlert; + "ion-accordion": Omit & { [K in keyof IonAccordion & keyof IonAccordionAttributes]?: IonAccordion[K] } & { [K in keyof IonAccordion & keyof IonAccordionAttributes as `attr:${K}`]?: IonAccordionAttributes[K] } & { [K in keyof IonAccordion & keyof IonAccordionAttributes as `prop:${K}`]?: IonAccordion[K] }; + "ion-accordion-group": Omit & { [K in keyof IonAccordionGroup & keyof IonAccordionGroupAttributes]?: IonAccordionGroup[K] } & { [K in keyof IonAccordionGroup & keyof IonAccordionGroupAttributes as `attr:${K}`]?: IonAccordionGroupAttributes[K] } & { [K in keyof IonAccordionGroup & keyof IonAccordionGroupAttributes as `prop:${K}`]?: IonAccordionGroup[K] }; + "ion-action-sheet": Omit & { [K in keyof IonActionSheet & keyof IonActionSheetAttributes]?: IonActionSheet[K] } & { [K in keyof IonActionSheet & keyof IonActionSheetAttributes as `attr:${K}`]?: IonActionSheetAttributes[K] } & { [K in keyof IonActionSheet & keyof IonActionSheetAttributes as `prop:${K}`]?: IonActionSheet[K] } & OneOf<"overlayIndex", IonActionSheet["overlayIndex"], IonActionSheetAttributes["overlayIndex"]>; + "ion-alert": Omit & { [K in keyof IonAlert & keyof IonAlertAttributes]?: IonAlert[K] } & { [K in keyof IonAlert & keyof IonAlertAttributes as `attr:${K}`]?: IonAlertAttributes[K] } & { [K in keyof IonAlert & keyof IonAlertAttributes as `prop:${K}`]?: IonAlert[K] } & OneOf<"overlayIndex", IonAlert["overlayIndex"], IonAlertAttributes["overlayIndex"]>; "ion-app": IonApp; - "ion-avatar": IonAvatar; - "ion-back-button": IonBackButton; - "ion-backdrop": IonBackdrop; - "ion-badge": IonBadge; - "ion-breadcrumb": IonBreadcrumb; - "ion-breadcrumbs": IonBreadcrumbs; - "ion-button": IonButton; - "ion-buttons": IonButtons; - "ion-card": IonCard; + "ion-avatar": Omit & { [K in keyof IonAvatar & keyof IonAvatarAttributes]?: IonAvatar[K] } & { [K in keyof IonAvatar & keyof IonAvatarAttributes as `attr:${K}`]?: IonAvatarAttributes[K] } & { [K in keyof IonAvatar & keyof IonAvatarAttributes as `prop:${K}`]?: IonAvatar[K] }; + "ion-back-button": Omit & { [K in keyof IonBackButton & keyof IonBackButtonAttributes]?: IonBackButton[K] } & { [K in keyof IonBackButton & keyof IonBackButtonAttributes as `attr:${K}`]?: IonBackButtonAttributes[K] } & { [K in keyof IonBackButton & keyof IonBackButtonAttributes as `prop:${K}`]?: IonBackButton[K] }; + "ion-backdrop": Omit & { [K in keyof IonBackdrop & keyof IonBackdropAttributes]?: IonBackdrop[K] } & { [K in keyof IonBackdrop & keyof IonBackdropAttributes as `attr:${K}`]?: IonBackdropAttributes[K] } & { [K in keyof IonBackdrop & keyof IonBackdropAttributes as `prop:${K}`]?: IonBackdrop[K] }; + "ion-badge": Omit & { [K in keyof IonBadge & keyof IonBadgeAttributes]?: IonBadge[K] } & { [K in keyof IonBadge & keyof IonBadgeAttributes as `attr:${K}`]?: IonBadgeAttributes[K] } & { [K in keyof IonBadge & keyof IonBadgeAttributes as `prop:${K}`]?: IonBadge[K] }; + "ion-breadcrumb": Omit & { [K in keyof IonBreadcrumb & keyof IonBreadcrumbAttributes]?: IonBreadcrumb[K] } & { [K in keyof IonBreadcrumb & keyof IonBreadcrumbAttributes as `attr:${K}`]?: IonBreadcrumbAttributes[K] } & { [K in keyof IonBreadcrumb & keyof IonBreadcrumbAttributes as `prop:${K}`]?: IonBreadcrumb[K] } & OneOf<"last", IonBreadcrumb["last"], IonBreadcrumbAttributes["last"]> & OneOf<"showCollapsedIndicator", IonBreadcrumb["showCollapsedIndicator"], IonBreadcrumbAttributes["showCollapsedIndicator"]>; + "ion-breadcrumbs": Omit & { [K in keyof IonBreadcrumbs & keyof IonBreadcrumbsAttributes]?: IonBreadcrumbs[K] } & { [K in keyof IonBreadcrumbs & keyof IonBreadcrumbsAttributes as `attr:${K}`]?: IonBreadcrumbsAttributes[K] } & { [K in keyof IonBreadcrumbs & keyof IonBreadcrumbsAttributes as `prop:${K}`]?: IonBreadcrumbs[K] }; + "ion-button": Omit & { [K in keyof IonButton & keyof IonButtonAttributes]?: IonButton[K] } & { [K in keyof IonButton & keyof IonButtonAttributes as `attr:${K}`]?: IonButtonAttributes[K] } & { [K in keyof IonButton & keyof IonButtonAttributes as `prop:${K}`]?: IonButton[K] }; + "ion-buttons": Omit & { [K in keyof IonButtons & keyof IonButtonsAttributes]?: IonButtons[K] } & { [K in keyof IonButtons & keyof IonButtonsAttributes as `attr:${K}`]?: IonButtonsAttributes[K] } & { [K in keyof IonButtons & keyof IonButtonsAttributes as `prop:${K}`]?: IonButtons[K] }; + "ion-card": Omit & { [K in keyof IonCard & keyof IonCardAttributes]?: IonCard[K] } & { [K in keyof IonCard & keyof IonCardAttributes as `attr:${K}`]?: IonCardAttributes[K] } & { [K in keyof IonCard & keyof IonCardAttributes as `prop:${K}`]?: IonCard[K] }; "ion-card-content": IonCardContent; - "ion-card-header": IonCardHeader; - "ion-card-subtitle": IonCardSubtitle; - "ion-card-title": IonCardTitle; - "ion-checkbox": IonCheckbox; - "ion-chip": IonChip; - "ion-col": IonCol; - "ion-content": IonContent; - "ion-datetime": IonDatetime; - "ion-datetime-button": IonDatetimeButton; - "ion-divider": IonDivider; - "ion-fab": IonFab; - "ion-fab-button": IonFabButton; - "ion-fab-list": IonFabList; - "ion-footer": IonFooter; - "ion-grid": IonGrid; - "ion-header": IonHeader; - "ion-img": IonImg; - "ion-infinite-scroll": IonInfiniteScroll; - "ion-infinite-scroll-content": IonInfiniteScrollContent; - "ion-input": IonInput; - "ion-input-otp": IonInputOtp; - "ion-input-password-toggle": IonInputPasswordToggle; - "ion-item": IonItem; - "ion-item-divider": IonItemDivider; + "ion-card-header": Omit & { [K in keyof IonCardHeader & keyof IonCardHeaderAttributes]?: IonCardHeader[K] } & { [K in keyof IonCardHeader & keyof IonCardHeaderAttributes as `attr:${K}`]?: IonCardHeaderAttributes[K] } & { [K in keyof IonCardHeader & keyof IonCardHeaderAttributes as `prop:${K}`]?: IonCardHeader[K] }; + "ion-card-subtitle": Omit & { [K in keyof IonCardSubtitle & keyof IonCardSubtitleAttributes]?: IonCardSubtitle[K] } & { [K in keyof IonCardSubtitle & keyof IonCardSubtitleAttributes as `attr:${K}`]?: IonCardSubtitleAttributes[K] } & { [K in keyof IonCardSubtitle & keyof IonCardSubtitleAttributes as `prop:${K}`]?: IonCardSubtitle[K] }; + "ion-card-title": Omit & { [K in keyof IonCardTitle & keyof IonCardTitleAttributes]?: IonCardTitle[K] } & { [K in keyof IonCardTitle & keyof IonCardTitleAttributes as `attr:${K}`]?: IonCardTitleAttributes[K] } & { [K in keyof IonCardTitle & keyof IonCardTitleAttributes as `prop:${K}`]?: IonCardTitle[K] }; + "ion-checkbox": Omit & { [K in keyof IonCheckbox & keyof IonCheckboxAttributes]?: IonCheckbox[K] } & { [K in keyof IonCheckbox & keyof IonCheckboxAttributes as `attr:${K}`]?: IonCheckboxAttributes[K] } & { [K in keyof IonCheckbox & keyof IonCheckboxAttributes as `prop:${K}`]?: IonCheckbox[K] }; + "ion-chip": Omit & { [K in keyof IonChip & keyof IonChipAttributes]?: IonChip[K] } & { [K in keyof IonChip & keyof IonChipAttributes as `attr:${K}`]?: IonChipAttributes[K] } & { [K in keyof IonChip & keyof IonChipAttributes as `prop:${K}`]?: IonChip[K] }; + "ion-col": Omit & { [K in keyof IonCol & keyof IonColAttributes]?: IonCol[K] } & { [K in keyof IonCol & keyof IonColAttributes as `attr:${K}`]?: IonColAttributes[K] } & { [K in keyof IonCol & keyof IonColAttributes as `prop:${K}`]?: IonCol[K] }; + "ion-content": Omit & { [K in keyof IonContent & keyof IonContentAttributes]?: IonContent[K] } & { [K in keyof IonContent & keyof IonContentAttributes as `attr:${K}`]?: IonContentAttributes[K] } & { [K in keyof IonContent & keyof IonContentAttributes as `prop:${K}`]?: IonContent[K] }; + "ion-datetime": Omit & { [K in keyof IonDatetime & keyof IonDatetimeAttributes]?: IonDatetime[K] } & { [K in keyof IonDatetime & keyof IonDatetimeAttributes as `attr:${K}`]?: IonDatetimeAttributes[K] } & { [K in keyof IonDatetime & keyof IonDatetimeAttributes as `prop:${K}`]?: IonDatetime[K] }; + "ion-datetime-button": Omit & { [K in keyof IonDatetimeButton & keyof IonDatetimeButtonAttributes]?: IonDatetimeButton[K] } & { [K in keyof IonDatetimeButton & keyof IonDatetimeButtonAttributes as `attr:${K}`]?: IonDatetimeButtonAttributes[K] } & { [K in keyof IonDatetimeButton & keyof IonDatetimeButtonAttributes as `prop:${K}`]?: IonDatetimeButton[K] }; + "ion-divider": Omit & { [K in keyof IonDivider & keyof IonDividerAttributes]?: IonDivider[K] } & { [K in keyof IonDivider & keyof IonDividerAttributes as `attr:${K}`]?: IonDividerAttributes[K] } & { [K in keyof IonDivider & keyof IonDividerAttributes as `prop:${K}`]?: IonDivider[K] }; + "ion-fab": Omit & { [K in keyof IonFab & keyof IonFabAttributes]?: IonFab[K] } & { [K in keyof IonFab & keyof IonFabAttributes as `attr:${K}`]?: IonFabAttributes[K] } & { [K in keyof IonFab & keyof IonFabAttributes as `prop:${K}`]?: IonFab[K] }; + "ion-fab-button": Omit & { [K in keyof IonFabButton & keyof IonFabButtonAttributes]?: IonFabButton[K] } & { [K in keyof IonFabButton & keyof IonFabButtonAttributes as `attr:${K}`]?: IonFabButtonAttributes[K] } & { [K in keyof IonFabButton & keyof IonFabButtonAttributes as `prop:${K}`]?: IonFabButton[K] }; + "ion-fab-list": Omit & { [K in keyof IonFabList & keyof IonFabListAttributes]?: IonFabList[K] } & { [K in keyof IonFabList & keyof IonFabListAttributes as `attr:${K}`]?: IonFabListAttributes[K] } & { [K in keyof IonFabList & keyof IonFabListAttributes as `prop:${K}`]?: IonFabList[K] }; + "ion-footer": Omit & { [K in keyof IonFooter & keyof IonFooterAttributes]?: IonFooter[K] } & { [K in keyof IonFooter & keyof IonFooterAttributes as `attr:${K}`]?: IonFooterAttributes[K] } & { [K in keyof IonFooter & keyof IonFooterAttributes as `prop:${K}`]?: IonFooter[K] }; + "ion-grid": Omit & { [K in keyof IonGrid & keyof IonGridAttributes]?: IonGrid[K] } & { [K in keyof IonGrid & keyof IonGridAttributes as `attr:${K}`]?: IonGridAttributes[K] } & { [K in keyof IonGrid & keyof IonGridAttributes as `prop:${K}`]?: IonGrid[K] }; + "ion-header": Omit & { [K in keyof IonHeader & keyof IonHeaderAttributes]?: IonHeader[K] } & { [K in keyof IonHeader & keyof IonHeaderAttributes as `attr:${K}`]?: IonHeaderAttributes[K] } & { [K in keyof IonHeader & keyof IonHeaderAttributes as `prop:${K}`]?: IonHeader[K] }; + "ion-img": Omit & { [K in keyof IonImg & keyof IonImgAttributes]?: IonImg[K] } & { [K in keyof IonImg & keyof IonImgAttributes as `attr:${K}`]?: IonImgAttributes[K] } & { [K in keyof IonImg & keyof IonImgAttributes as `prop:${K}`]?: IonImg[K] }; + "ion-infinite-scroll": Omit & { [K in keyof IonInfiniteScroll & keyof IonInfiniteScrollAttributes]?: IonInfiniteScroll[K] } & { [K in keyof IonInfiniteScroll & keyof IonInfiniteScrollAttributes as `attr:${K}`]?: IonInfiniteScrollAttributes[K] } & { [K in keyof IonInfiniteScroll & keyof IonInfiniteScrollAttributes as `prop:${K}`]?: IonInfiniteScroll[K] }; + "ion-infinite-scroll-content": Omit & { [K in keyof IonInfiniteScrollContent & keyof IonInfiniteScrollContentAttributes]?: IonInfiniteScrollContent[K] } & { [K in keyof IonInfiniteScrollContent & keyof IonInfiniteScrollContentAttributes as `attr:${K}`]?: IonInfiniteScrollContentAttributes[K] } & { [K in keyof IonInfiniteScrollContent & keyof IonInfiniteScrollContentAttributes as `prop:${K}`]?: IonInfiniteScrollContent[K] }; + "ion-input": Omit & { [K in keyof IonInput & keyof IonInputAttributes]?: IonInput[K] } & { [K in keyof IonInput & keyof IonInputAttributes as `attr:${K}`]?: IonInputAttributes[K] } & { [K in keyof IonInput & keyof IonInputAttributes as `prop:${K}`]?: IonInput[K] }; + "ion-input-otp": Omit & { [K in keyof IonInputOtp & keyof IonInputOtpAttributes]?: IonInputOtp[K] } & { [K in keyof IonInputOtp & keyof IonInputOtpAttributes as `attr:${K}`]?: IonInputOtpAttributes[K] } & { [K in keyof IonInputOtp & keyof IonInputOtpAttributes as `prop:${K}`]?: IonInputOtp[K] }; + "ion-input-password-toggle": Omit & { [K in keyof IonInputPasswordToggle & keyof IonInputPasswordToggleAttributes]?: IonInputPasswordToggle[K] } & { [K in keyof IonInputPasswordToggle & keyof IonInputPasswordToggleAttributes as `attr:${K}`]?: IonInputPasswordToggleAttributes[K] } & { [K in keyof IonInputPasswordToggle & keyof IonInputPasswordToggleAttributes as `prop:${K}`]?: IonInputPasswordToggle[K] }; + "ion-item": Omit & { [K in keyof IonItem & keyof IonItemAttributes]?: IonItem[K] } & { [K in keyof IonItem & keyof IonItemAttributes as `attr:${K}`]?: IonItemAttributes[K] } & { [K in keyof IonItem & keyof IonItemAttributes as `prop:${K}`]?: IonItem[K] }; + "ion-item-divider": Omit & { [K in keyof IonItemDivider & keyof IonItemDividerAttributes]?: IonItemDivider[K] } & { [K in keyof IonItemDivider & keyof IonItemDividerAttributes as `attr:${K}`]?: IonItemDividerAttributes[K] } & { [K in keyof IonItemDivider & keyof IonItemDividerAttributes as `prop:${K}`]?: IonItemDivider[K] }; "ion-item-group": IonItemGroup; - "ion-item-option": IonItemOption; - "ion-item-options": IonItemOptions; - "ion-item-sliding": IonItemSliding; - "ion-label": IonLabel; - "ion-list": IonList; - "ion-list-header": IonListHeader; - "ion-loading": IonLoading; - "ion-menu": IonMenu; - "ion-menu-button": IonMenuButton; - "ion-menu-toggle": IonMenuToggle; - "ion-modal": IonModal; - "ion-nav": IonNav; - "ion-nav-link": IonNavLink; - "ion-note": IonNote; + "ion-item-option": Omit & { [K in keyof IonItemOption & keyof IonItemOptionAttributes]?: IonItemOption[K] } & { [K in keyof IonItemOption & keyof IonItemOptionAttributes as `attr:${K}`]?: IonItemOptionAttributes[K] } & { [K in keyof IonItemOption & keyof IonItemOptionAttributes as `prop:${K}`]?: IonItemOption[K] }; + "ion-item-options": Omit & { [K in keyof IonItemOptions & keyof IonItemOptionsAttributes]?: IonItemOptions[K] } & { [K in keyof IonItemOptions & keyof IonItemOptionsAttributes as `attr:${K}`]?: IonItemOptionsAttributes[K] } & { [K in keyof IonItemOptions & keyof IonItemOptionsAttributes as `prop:${K}`]?: IonItemOptions[K] }; + "ion-item-sliding": Omit & { [K in keyof IonItemSliding & keyof IonItemSlidingAttributes]?: IonItemSliding[K] } & { [K in keyof IonItemSliding & keyof IonItemSlidingAttributes as `attr:${K}`]?: IonItemSlidingAttributes[K] } & { [K in keyof IonItemSliding & keyof IonItemSlidingAttributes as `prop:${K}`]?: IonItemSliding[K] }; + "ion-label": Omit & { [K in keyof IonLabel & keyof IonLabelAttributes]?: IonLabel[K] } & { [K in keyof IonLabel & keyof IonLabelAttributes as `attr:${K}`]?: IonLabelAttributes[K] } & { [K in keyof IonLabel & keyof IonLabelAttributes as `prop:${K}`]?: IonLabel[K] }; + "ion-list": Omit & { [K in keyof IonList & keyof IonListAttributes]?: IonList[K] } & { [K in keyof IonList & keyof IonListAttributes as `attr:${K}`]?: IonListAttributes[K] } & { [K in keyof IonList & keyof IonListAttributes as `prop:${K}`]?: IonList[K] }; + "ion-list-header": Omit & { [K in keyof IonListHeader & keyof IonListHeaderAttributes]?: IonListHeader[K] } & { [K in keyof IonListHeader & keyof IonListHeaderAttributes as `attr:${K}`]?: IonListHeaderAttributes[K] } & { [K in keyof IonListHeader & keyof IonListHeaderAttributes as `prop:${K}`]?: IonListHeader[K] }; + "ion-loading": Omit & { [K in keyof IonLoading & keyof IonLoadingAttributes]?: IonLoading[K] } & { [K in keyof IonLoading & keyof IonLoadingAttributes as `attr:${K}`]?: IonLoadingAttributes[K] } & { [K in keyof IonLoading & keyof IonLoadingAttributes as `prop:${K}`]?: IonLoading[K] } & OneOf<"overlayIndex", IonLoading["overlayIndex"], IonLoadingAttributes["overlayIndex"]>; + "ion-menu": Omit & { [K in keyof IonMenu & keyof IonMenuAttributes]?: IonMenu[K] } & { [K in keyof IonMenu & keyof IonMenuAttributes as `attr:${K}`]?: IonMenuAttributes[K] } & { [K in keyof IonMenu & keyof IonMenuAttributes as `prop:${K}`]?: IonMenu[K] }; + "ion-menu-button": Omit & { [K in keyof IonMenuButton & keyof IonMenuButtonAttributes]?: IonMenuButton[K] } & { [K in keyof IonMenuButton & keyof IonMenuButtonAttributes as `attr:${K}`]?: IonMenuButtonAttributes[K] } & { [K in keyof IonMenuButton & keyof IonMenuButtonAttributes as `prop:${K}`]?: IonMenuButton[K] }; + "ion-menu-toggle": Omit & { [K in keyof IonMenuToggle & keyof IonMenuToggleAttributes]?: IonMenuToggle[K] } & { [K in keyof IonMenuToggle & keyof IonMenuToggleAttributes as `attr:${K}`]?: IonMenuToggleAttributes[K] } & { [K in keyof IonMenuToggle & keyof IonMenuToggleAttributes as `prop:${K}`]?: IonMenuToggle[K] }; + "ion-modal": Omit & { [K in keyof IonModal & keyof IonModalAttributes]?: IonModal[K] } & { [K in keyof IonModal & keyof IonModalAttributes as `attr:${K}`]?: IonModalAttributes[K] } & { [K in keyof IonModal & keyof IonModalAttributes as `prop:${K}`]?: IonModal[K] } & OneOf<"overlayIndex", IonModal["overlayIndex"], IonModalAttributes["overlayIndex"]>; + "ion-nav": Omit & { [K in keyof IonNav & keyof IonNavAttributes]?: IonNav[K] } & { [K in keyof IonNav & keyof IonNavAttributes as `attr:${K}`]?: IonNavAttributes[K] } & { [K in keyof IonNav & keyof IonNavAttributes as `prop:${K}`]?: IonNav[K] }; + "ion-nav-link": Omit & { [K in keyof IonNavLink & keyof IonNavLinkAttributes]?: IonNavLink[K] } & { [K in keyof IonNavLink & keyof IonNavLinkAttributes as `attr:${K}`]?: IonNavLinkAttributes[K] } & { [K in keyof IonNavLink & keyof IonNavLinkAttributes as `prop:${K}`]?: IonNavLink[K] }; + "ion-note": Omit & { [K in keyof IonNote & keyof IonNoteAttributes]?: IonNote[K] } & { [K in keyof IonNote & keyof IonNoteAttributes as `attr:${K}`]?: IonNoteAttributes[K] } & { [K in keyof IonNote & keyof IonNoteAttributes as `prop:${K}`]?: IonNote[K] }; "ion-picker": IonPicker; - "ion-picker-column": IonPickerColumn; - "ion-picker-column-option": IonPickerColumnOption; - "ion-picker-legacy": IonPickerLegacy; + "ion-picker-column": Omit & { [K in keyof IonPickerColumn & keyof IonPickerColumnAttributes]?: IonPickerColumn[K] } & { [K in keyof IonPickerColumn & keyof IonPickerColumnAttributes as `attr:${K}`]?: IonPickerColumnAttributes[K] } & { [K in keyof IonPickerColumn & keyof IonPickerColumnAttributes as `prop:${K}`]?: IonPickerColumn[K] }; + "ion-picker-column-option": Omit & { [K in keyof IonPickerColumnOption & keyof IonPickerColumnOptionAttributes]?: IonPickerColumnOption[K] } & { [K in keyof IonPickerColumnOption & keyof IonPickerColumnOptionAttributes as `attr:${K}`]?: IonPickerColumnOptionAttributes[K] } & { [K in keyof IonPickerColumnOption & keyof IonPickerColumnOptionAttributes as `prop:${K}`]?: IonPickerColumnOption[K] }; + "ion-picker-legacy": Omit & { [K in keyof IonPickerLegacy & keyof IonPickerLegacyAttributes]?: IonPickerLegacy[K] } & { [K in keyof IonPickerLegacy & keyof IonPickerLegacyAttributes as `attr:${K}`]?: IonPickerLegacyAttributes[K] } & { [K in keyof IonPickerLegacy & keyof IonPickerLegacyAttributes as `prop:${K}`]?: IonPickerLegacy[K] } & OneOf<"overlayIndex", IonPickerLegacy["overlayIndex"], IonPickerLegacyAttributes["overlayIndex"]>; "ion-picker-legacy-column": IonPickerLegacyColumn; - "ion-popover": IonPopover; - "ion-progress-bar": IonProgressBar; - "ion-radio": IonRadio; - "ion-radio-group": IonRadioGroup; - "ion-range": IonRange; - "ion-refresher": IonRefresher; - "ion-refresher-content": IonRefresherContent; + "ion-popover": Omit & { [K in keyof IonPopover & keyof IonPopoverAttributes]?: IonPopover[K] } & { [K in keyof IonPopover & keyof IonPopoverAttributes as `attr:${K}`]?: IonPopoverAttributes[K] } & { [K in keyof IonPopover & keyof IonPopoverAttributes as `prop:${K}`]?: IonPopover[K] } & OneOf<"overlayIndex", IonPopover["overlayIndex"], IonPopoverAttributes["overlayIndex"]>; + "ion-progress-bar": Omit & { [K in keyof IonProgressBar & keyof IonProgressBarAttributes]?: IonProgressBar[K] } & { [K in keyof IonProgressBar & keyof IonProgressBarAttributes as `attr:${K}`]?: IonProgressBarAttributes[K] } & { [K in keyof IonProgressBar & keyof IonProgressBarAttributes as `prop:${K}`]?: IonProgressBar[K] }; + "ion-radio": Omit & { [K in keyof IonRadio & keyof IonRadioAttributes]?: IonRadio[K] } & { [K in keyof IonRadio & keyof IonRadioAttributes as `attr:${K}`]?: IonRadioAttributes[K] } & { [K in keyof IonRadio & keyof IonRadioAttributes as `prop:${K}`]?: IonRadio[K] }; + "ion-radio-group": Omit & { [K in keyof IonRadioGroup & keyof IonRadioGroupAttributes]?: IonRadioGroup[K] } & { [K in keyof IonRadioGroup & keyof IonRadioGroupAttributes as `attr:${K}`]?: IonRadioGroupAttributes[K] } & { [K in keyof IonRadioGroup & keyof IonRadioGroupAttributes as `prop:${K}`]?: IonRadioGroup[K] }; + "ion-range": Omit & { [K in keyof IonRange & keyof IonRangeAttributes]?: IonRange[K] } & { [K in keyof IonRange & keyof IonRangeAttributes as `attr:${K}`]?: IonRangeAttributes[K] } & { [K in keyof IonRange & keyof IonRangeAttributes as `prop:${K}`]?: IonRange[K] }; + "ion-refresher": Omit & { [K in keyof IonRefresher & keyof IonRefresherAttributes]?: IonRefresher[K] } & { [K in keyof IonRefresher & keyof IonRefresherAttributes as `attr:${K}`]?: IonRefresherAttributes[K] } & { [K in keyof IonRefresher & keyof IonRefresherAttributes as `prop:${K}`]?: IonRefresher[K] }; + "ion-refresher-content": Omit & { [K in keyof IonRefresherContent & keyof IonRefresherContentAttributes]?: IonRefresherContent[K] } & { [K in keyof IonRefresherContent & keyof IonRefresherContentAttributes as `attr:${K}`]?: IonRefresherContentAttributes[K] } & { [K in keyof IonRefresherContent & keyof IonRefresherContentAttributes as `prop:${K}`]?: IonRefresherContent[K] }; "ion-reorder": IonReorder; - "ion-reorder-group": IonReorderGroup; - "ion-ripple-effect": IonRippleEffect; - "ion-route": IonRoute; - "ion-route-redirect": IonRouteRedirect; - "ion-router": IonRouter; - "ion-router-link": IonRouterLink; - "ion-router-outlet": IonRouterOutlet; + "ion-reorder-group": Omit & { [K in keyof IonReorderGroup & keyof IonReorderGroupAttributes]?: IonReorderGroup[K] } & { [K in keyof IonReorderGroup & keyof IonReorderGroupAttributes as `attr:${K}`]?: IonReorderGroupAttributes[K] } & { [K in keyof IonReorderGroup & keyof IonReorderGroupAttributes as `prop:${K}`]?: IonReorderGroup[K] }; + "ion-ripple-effect": Omit & { [K in keyof IonRippleEffect & keyof IonRippleEffectAttributes]?: IonRippleEffect[K] } & { [K in keyof IonRippleEffect & keyof IonRippleEffectAttributes as `attr:${K}`]?: IonRippleEffectAttributes[K] } & { [K in keyof IonRippleEffect & keyof IonRippleEffectAttributes as `prop:${K}`]?: IonRippleEffect[K] }; + "ion-route": Omit & { [K in keyof IonRoute & keyof IonRouteAttributes]?: IonRoute[K] } & { [K in keyof IonRoute & keyof IonRouteAttributes as `attr:${K}`]?: IonRouteAttributes[K] } & { [K in keyof IonRoute & keyof IonRouteAttributes as `prop:${K}`]?: IonRoute[K] } & OneOf<"component", IonRoute["component"], IonRouteAttributes["component"]>; + "ion-route-redirect": Omit & { [K in keyof IonRouteRedirect & keyof IonRouteRedirectAttributes]?: IonRouteRedirect[K] } & { [K in keyof IonRouteRedirect & keyof IonRouteRedirectAttributes as `attr:${K}`]?: IonRouteRedirectAttributes[K] } & { [K in keyof IonRouteRedirect & keyof IonRouteRedirectAttributes as `prop:${K}`]?: IonRouteRedirect[K] } & OneOf<"from", IonRouteRedirect["from"], IonRouteRedirectAttributes["from"]> & OneOf<"to", IonRouteRedirect["to"], IonRouteRedirectAttributes["to"]>; + "ion-router": Omit & { [K in keyof IonRouter & keyof IonRouterAttributes]?: IonRouter[K] } & { [K in keyof IonRouter & keyof IonRouterAttributes as `attr:${K}`]?: IonRouterAttributes[K] } & { [K in keyof IonRouter & keyof IonRouterAttributes as `prop:${K}`]?: IonRouter[K] }; + "ion-router-link": Omit & { [K in keyof IonRouterLink & keyof IonRouterLinkAttributes]?: IonRouterLink[K] } & { [K in keyof IonRouterLink & keyof IonRouterLinkAttributes as `attr:${K}`]?: IonRouterLinkAttributes[K] } & { [K in keyof IonRouterLink & keyof IonRouterLinkAttributes as `prop:${K}`]?: IonRouterLink[K] }; + "ion-router-outlet": Omit & { [K in keyof IonRouterOutlet & keyof IonRouterOutletAttributes]?: IonRouterOutlet[K] } & { [K in keyof IonRouterOutlet & keyof IonRouterOutletAttributes as `attr:${K}`]?: IonRouterOutletAttributes[K] } & { [K in keyof IonRouterOutlet & keyof IonRouterOutletAttributes as `prop:${K}`]?: IonRouterOutlet[K] }; "ion-row": IonRow; - "ion-searchbar": IonSearchbar; - "ion-segment": IonSegment; - "ion-segment-button": IonSegmentButton; + "ion-searchbar": Omit & { [K in keyof IonSearchbar & keyof IonSearchbarAttributes]?: IonSearchbar[K] } & { [K in keyof IonSearchbar & keyof IonSearchbarAttributes as `attr:${K}`]?: IonSearchbarAttributes[K] } & { [K in keyof IonSearchbar & keyof IonSearchbarAttributes as `prop:${K}`]?: IonSearchbar[K] }; + "ion-segment": Omit & { [K in keyof IonSegment & keyof IonSegmentAttributes]?: IonSegment[K] } & { [K in keyof IonSegment & keyof IonSegmentAttributes as `attr:${K}`]?: IonSegmentAttributes[K] } & { [K in keyof IonSegment & keyof IonSegmentAttributes as `prop:${K}`]?: IonSegment[K] }; + "ion-segment-button": Omit & { [K in keyof IonSegmentButton & keyof IonSegmentButtonAttributes]?: IonSegmentButton[K] } & { [K in keyof IonSegmentButton & keyof IonSegmentButtonAttributes as `attr:${K}`]?: IonSegmentButtonAttributes[K] } & { [K in keyof IonSegmentButton & keyof IonSegmentButtonAttributes as `prop:${K}`]?: IonSegmentButton[K] }; "ion-segment-content": IonSegmentContent; - "ion-segment-view": IonSegmentView; - "ion-select": IonSelect; - "ion-select-modal": IonSelectModal; - "ion-select-option": IonSelectOption; - "ion-select-popover": IonSelectPopover; - "ion-skeleton-text": IonSkeletonText; - "ion-spinner": IonSpinner; - "ion-split-pane": IonSplitPane; - "ion-tab": IonTab; - "ion-tab-bar": IonTabBar; - "ion-tab-button": IonTabButton; - "ion-tabs": IonTabs; - "ion-text": IonText; - "ion-textarea": IonTextarea; + "ion-segment-view": Omit & { [K in keyof IonSegmentView & keyof IonSegmentViewAttributes]?: IonSegmentView[K] } & { [K in keyof IonSegmentView & keyof IonSegmentViewAttributes as `attr:${K}`]?: IonSegmentViewAttributes[K] } & { [K in keyof IonSegmentView & keyof IonSegmentViewAttributes as `prop:${K}`]?: IonSegmentView[K] }; + "ion-select": Omit & { [K in keyof IonSelect & keyof IonSelectAttributes]?: IonSelect[K] } & { [K in keyof IonSelect & keyof IonSelectAttributes as `attr:${K}`]?: IonSelectAttributes[K] } & { [K in keyof IonSelect & keyof IonSelectAttributes as `prop:${K}`]?: IonSelect[K] }; + "ion-select-modal": Omit & { [K in keyof IonSelectModal & keyof IonSelectModalAttributes]?: IonSelectModal[K] } & { [K in keyof IonSelectModal & keyof IonSelectModalAttributes as `attr:${K}`]?: IonSelectModalAttributes[K] } & { [K in keyof IonSelectModal & keyof IonSelectModalAttributes as `prop:${K}`]?: IonSelectModal[K] }; + "ion-select-option": Omit & { [K in keyof IonSelectOption & keyof IonSelectOptionAttributes]?: IonSelectOption[K] } & { [K in keyof IonSelectOption & keyof IonSelectOptionAttributes as `attr:${K}`]?: IonSelectOptionAttributes[K] } & { [K in keyof IonSelectOption & keyof IonSelectOptionAttributes as `prop:${K}`]?: IonSelectOption[K] }; + "ion-select-popover": Omit & { [K in keyof IonSelectPopover & keyof IonSelectPopoverAttributes]?: IonSelectPopover[K] } & { [K in keyof IonSelectPopover & keyof IonSelectPopoverAttributes as `attr:${K}`]?: IonSelectPopoverAttributes[K] } & { [K in keyof IonSelectPopover & keyof IonSelectPopoverAttributes as `prop:${K}`]?: IonSelectPopover[K] }; + "ion-skeleton-text": Omit & { [K in keyof IonSkeletonText & keyof IonSkeletonTextAttributes]?: IonSkeletonText[K] } & { [K in keyof IonSkeletonText & keyof IonSkeletonTextAttributes as `attr:${K}`]?: IonSkeletonTextAttributes[K] } & { [K in keyof IonSkeletonText & keyof IonSkeletonTextAttributes as `prop:${K}`]?: IonSkeletonText[K] }; + "ion-spinner": Omit & { [K in keyof IonSpinner & keyof IonSpinnerAttributes]?: IonSpinner[K] } & { [K in keyof IonSpinner & keyof IonSpinnerAttributes as `attr:${K}`]?: IonSpinnerAttributes[K] } & { [K in keyof IonSpinner & keyof IonSpinnerAttributes as `prop:${K}`]?: IonSpinner[K] }; + "ion-split-pane": Omit & { [K in keyof IonSplitPane & keyof IonSplitPaneAttributes]?: IonSplitPane[K] } & { [K in keyof IonSplitPane & keyof IonSplitPaneAttributes as `attr:${K}`]?: IonSplitPaneAttributes[K] } & { [K in keyof IonSplitPane & keyof IonSplitPaneAttributes as `prop:${K}`]?: IonSplitPane[K] }; + "ion-tab": Omit & { [K in keyof IonTab & keyof IonTabAttributes]?: IonTab[K] } & { [K in keyof IonTab & keyof IonTabAttributes as `attr:${K}`]?: IonTabAttributes[K] } & { [K in keyof IonTab & keyof IonTabAttributes as `prop:${K}`]?: IonTab[K] } & OneOf<"tab", IonTab["tab"], IonTabAttributes["tab"]>; + "ion-tab-bar": Omit & { [K in keyof IonTabBar & keyof IonTabBarAttributes]?: IonTabBar[K] } & { [K in keyof IonTabBar & keyof IonTabBarAttributes as `attr:${K}`]?: IonTabBarAttributes[K] } & { [K in keyof IonTabBar & keyof IonTabBarAttributes as `prop:${K}`]?: IonTabBar[K] }; + "ion-tab-button": Omit & { [K in keyof IonTabButton & keyof IonTabButtonAttributes]?: IonTabButton[K] } & { [K in keyof IonTabButton & keyof IonTabButtonAttributes as `attr:${K}`]?: IonTabButtonAttributes[K] } & { [K in keyof IonTabButton & keyof IonTabButtonAttributes as `prop:${K}`]?: IonTabButton[K] }; + "ion-tabs": Omit & { [K in keyof IonTabs & keyof IonTabsAttributes]?: IonTabs[K] } & { [K in keyof IonTabs & keyof IonTabsAttributes as `attr:${K}`]?: IonTabsAttributes[K] } & { [K in keyof IonTabs & keyof IonTabsAttributes as `prop:${K}`]?: IonTabs[K] }; + "ion-text": Omit & { [K in keyof IonText & keyof IonTextAttributes]?: IonText[K] } & { [K in keyof IonText & keyof IonTextAttributes as `attr:${K}`]?: IonTextAttributes[K] } & { [K in keyof IonText & keyof IonTextAttributes as `prop:${K}`]?: IonText[K] }; + "ion-textarea": Omit & { [K in keyof IonTextarea & keyof IonTextareaAttributes]?: IonTextarea[K] } & { [K in keyof IonTextarea & keyof IonTextareaAttributes as `attr:${K}`]?: IonTextareaAttributes[K] } & { [K in keyof IonTextarea & keyof IonTextareaAttributes as `prop:${K}`]?: IonTextarea[K] }; "ion-thumbnail": IonThumbnail; - "ion-title": IonTitle; - "ion-toast": IonToast; - "ion-toggle": IonToggle; - "ion-toolbar": IonToolbar; + "ion-title": Omit & { [K in keyof IonTitle & keyof IonTitleAttributes]?: IonTitle[K] } & { [K in keyof IonTitle & keyof IonTitleAttributes as `attr:${K}`]?: IonTitleAttributes[K] } & { [K in keyof IonTitle & keyof IonTitleAttributes as `prop:${K}`]?: IonTitle[K] }; + "ion-toast": Omit & { [K in keyof IonToast & keyof IonToastAttributes]?: IonToast[K] } & { [K in keyof IonToast & keyof IonToastAttributes as `attr:${K}`]?: IonToastAttributes[K] } & { [K in keyof IonToast & keyof IonToastAttributes as `prop:${K}`]?: IonToast[K] } & OneOf<"overlayIndex", IonToast["overlayIndex"], IonToastAttributes["overlayIndex"]>; + "ion-toggle": Omit & { [K in keyof IonToggle & keyof IonToggleAttributes]?: IonToggle[K] } & { [K in keyof IonToggle & keyof IonToggleAttributes as `attr:${K}`]?: IonToggleAttributes[K] } & { [K in keyof IonToggle & keyof IonToggleAttributes as `prop:${K}`]?: IonToggle[K] }; + "ion-toolbar": Omit & { [K in keyof IonToolbar & keyof IonToolbarAttributes]?: IonToolbar[K] } & { [K in keyof IonToolbar & keyof IonToolbarAttributes as `attr:${K}`]?: IonToolbarAttributes[K] } & { [K in keyof IonToolbar & keyof IonToolbarAttributes as `prop:${K}`]?: IonToolbar[K] }; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { - "ion-accordion": LocalJSX.IonAccordion & JSXBase.HTMLAttributes; - "ion-accordion-group": LocalJSX.IonAccordionGroup & JSXBase.HTMLAttributes; - "ion-action-sheet": LocalJSX.IonActionSheet & JSXBase.HTMLAttributes; - "ion-alert": LocalJSX.IonAlert & JSXBase.HTMLAttributes; - "ion-app": LocalJSX.IonApp & JSXBase.HTMLAttributes; - "ion-avatar": LocalJSX.IonAvatar & JSXBase.HTMLAttributes; - "ion-back-button": LocalJSX.IonBackButton & JSXBase.HTMLAttributes; - "ion-backdrop": LocalJSX.IonBackdrop & JSXBase.HTMLAttributes; - "ion-badge": LocalJSX.IonBadge & JSXBase.HTMLAttributes; - "ion-breadcrumb": LocalJSX.IonBreadcrumb & JSXBase.HTMLAttributes; - "ion-breadcrumbs": LocalJSX.IonBreadcrumbs & JSXBase.HTMLAttributes; - "ion-button": LocalJSX.IonButton & JSXBase.HTMLAttributes; - "ion-buttons": LocalJSX.IonButtons & JSXBase.HTMLAttributes; - "ion-card": LocalJSX.IonCard & JSXBase.HTMLAttributes; - "ion-card-content": LocalJSX.IonCardContent & JSXBase.HTMLAttributes; - "ion-card-header": LocalJSX.IonCardHeader & JSXBase.HTMLAttributes; - "ion-card-subtitle": LocalJSX.IonCardSubtitle & JSXBase.HTMLAttributes; - "ion-card-title": LocalJSX.IonCardTitle & JSXBase.HTMLAttributes; - "ion-checkbox": LocalJSX.IonCheckbox & JSXBase.HTMLAttributes; - "ion-chip": LocalJSX.IonChip & JSXBase.HTMLAttributes; - "ion-col": LocalJSX.IonCol & JSXBase.HTMLAttributes; - "ion-content": LocalJSX.IonContent & JSXBase.HTMLAttributes; - "ion-datetime": LocalJSX.IonDatetime & JSXBase.HTMLAttributes; - "ion-datetime-button": LocalJSX.IonDatetimeButton & JSXBase.HTMLAttributes; - "ion-divider": LocalJSX.IonDivider & JSXBase.HTMLAttributes; - "ion-fab": LocalJSX.IonFab & JSXBase.HTMLAttributes; - "ion-fab-button": LocalJSX.IonFabButton & JSXBase.HTMLAttributes; - "ion-fab-list": LocalJSX.IonFabList & JSXBase.HTMLAttributes; - "ion-footer": LocalJSX.IonFooter & JSXBase.HTMLAttributes; - "ion-grid": LocalJSX.IonGrid & JSXBase.HTMLAttributes; - "ion-header": LocalJSX.IonHeader & JSXBase.HTMLAttributes; - "ion-img": LocalJSX.IonImg & JSXBase.HTMLAttributes; - "ion-infinite-scroll": LocalJSX.IonInfiniteScroll & JSXBase.HTMLAttributes; - "ion-infinite-scroll-content": LocalJSX.IonInfiniteScrollContent & JSXBase.HTMLAttributes; - "ion-input": LocalJSX.IonInput & JSXBase.HTMLAttributes; - "ion-input-otp": LocalJSX.IonInputOtp & JSXBase.HTMLAttributes; - "ion-input-password-toggle": LocalJSX.IonInputPasswordToggle & JSXBase.HTMLAttributes; - "ion-item": LocalJSX.IonItem & JSXBase.HTMLAttributes; - "ion-item-divider": LocalJSX.IonItemDivider & JSXBase.HTMLAttributes; - "ion-item-group": LocalJSX.IonItemGroup & JSXBase.HTMLAttributes; - "ion-item-option": LocalJSX.IonItemOption & JSXBase.HTMLAttributes; - "ion-item-options": LocalJSX.IonItemOptions & JSXBase.HTMLAttributes; - "ion-item-sliding": LocalJSX.IonItemSliding & JSXBase.HTMLAttributes; - "ion-label": LocalJSX.IonLabel & JSXBase.HTMLAttributes; - "ion-list": LocalJSX.IonList & JSXBase.HTMLAttributes; - "ion-list-header": LocalJSX.IonListHeader & JSXBase.HTMLAttributes; - "ion-loading": LocalJSX.IonLoading & JSXBase.HTMLAttributes; - "ion-menu": LocalJSX.IonMenu & JSXBase.HTMLAttributes; - "ion-menu-button": LocalJSX.IonMenuButton & JSXBase.HTMLAttributes; - "ion-menu-toggle": LocalJSX.IonMenuToggle & JSXBase.HTMLAttributes; - "ion-modal": LocalJSX.IonModal & JSXBase.HTMLAttributes; - "ion-nav": LocalJSX.IonNav & JSXBase.HTMLAttributes; - "ion-nav-link": LocalJSX.IonNavLink & JSXBase.HTMLAttributes; - "ion-note": LocalJSX.IonNote & JSXBase.HTMLAttributes; - "ion-picker": LocalJSX.IonPicker & JSXBase.HTMLAttributes; - "ion-picker-column": LocalJSX.IonPickerColumn & JSXBase.HTMLAttributes; - "ion-picker-column-option": LocalJSX.IonPickerColumnOption & JSXBase.HTMLAttributes; - "ion-picker-legacy": LocalJSX.IonPickerLegacy & JSXBase.HTMLAttributes; - "ion-picker-legacy-column": LocalJSX.IonPickerLegacyColumn & JSXBase.HTMLAttributes; - "ion-popover": LocalJSX.IonPopover & JSXBase.HTMLAttributes; - "ion-progress-bar": LocalJSX.IonProgressBar & JSXBase.HTMLAttributes; - "ion-radio": LocalJSX.IonRadio & JSXBase.HTMLAttributes; - "ion-radio-group": LocalJSX.IonRadioGroup & JSXBase.HTMLAttributes; - "ion-range": LocalJSX.IonRange & JSXBase.HTMLAttributes; - "ion-refresher": LocalJSX.IonRefresher & JSXBase.HTMLAttributes; - "ion-refresher-content": LocalJSX.IonRefresherContent & JSXBase.HTMLAttributes; - "ion-reorder": LocalJSX.IonReorder & JSXBase.HTMLAttributes; - "ion-reorder-group": LocalJSX.IonReorderGroup & JSXBase.HTMLAttributes; - "ion-ripple-effect": LocalJSX.IonRippleEffect & JSXBase.HTMLAttributes; - "ion-route": LocalJSX.IonRoute & JSXBase.HTMLAttributes; - "ion-route-redirect": LocalJSX.IonRouteRedirect & JSXBase.HTMLAttributes; - "ion-router": LocalJSX.IonRouter & JSXBase.HTMLAttributes; - "ion-router-link": LocalJSX.IonRouterLink & JSXBase.HTMLAttributes; - "ion-router-outlet": LocalJSX.IonRouterOutlet & JSXBase.HTMLAttributes; - "ion-row": LocalJSX.IonRow & JSXBase.HTMLAttributes; - "ion-searchbar": LocalJSX.IonSearchbar & JSXBase.HTMLAttributes; - "ion-segment": LocalJSX.IonSegment & JSXBase.HTMLAttributes; - "ion-segment-button": LocalJSX.IonSegmentButton & JSXBase.HTMLAttributes; - "ion-segment-content": LocalJSX.IonSegmentContent & JSXBase.HTMLAttributes; - "ion-segment-view": LocalJSX.IonSegmentView & JSXBase.HTMLAttributes; - "ion-select": LocalJSX.IonSelect & JSXBase.HTMLAttributes; - "ion-select-modal": LocalJSX.IonSelectModal & JSXBase.HTMLAttributes; - "ion-select-option": LocalJSX.IonSelectOption & JSXBase.HTMLAttributes; - "ion-select-popover": LocalJSX.IonSelectPopover & JSXBase.HTMLAttributes; - "ion-skeleton-text": LocalJSX.IonSkeletonText & JSXBase.HTMLAttributes; - "ion-spinner": LocalJSX.IonSpinner & JSXBase.HTMLAttributes; - "ion-split-pane": LocalJSX.IonSplitPane & JSXBase.HTMLAttributes; - "ion-tab": LocalJSX.IonTab & JSXBase.HTMLAttributes; - "ion-tab-bar": LocalJSX.IonTabBar & JSXBase.HTMLAttributes; - "ion-tab-button": LocalJSX.IonTabButton & JSXBase.HTMLAttributes; - "ion-tabs": LocalJSX.IonTabs & JSXBase.HTMLAttributes; - "ion-text": LocalJSX.IonText & JSXBase.HTMLAttributes; - "ion-textarea": LocalJSX.IonTextarea & JSXBase.HTMLAttributes; - "ion-thumbnail": LocalJSX.IonThumbnail & JSXBase.HTMLAttributes; - "ion-title": LocalJSX.IonTitle & JSXBase.HTMLAttributes; - "ion-toast": LocalJSX.IonToast & JSXBase.HTMLAttributes; - "ion-toggle": LocalJSX.IonToggle & JSXBase.HTMLAttributes; - "ion-toolbar": LocalJSX.IonToolbar & JSXBase.HTMLAttributes; + "ion-accordion": LocalJSX.IntrinsicElements["ion-accordion"] & JSXBase.HTMLAttributes; + "ion-accordion-group": LocalJSX.IntrinsicElements["ion-accordion-group"] & JSXBase.HTMLAttributes; + "ion-action-sheet": LocalJSX.IntrinsicElements["ion-action-sheet"] & JSXBase.HTMLAttributes; + "ion-alert": LocalJSX.IntrinsicElements["ion-alert"] & JSXBase.HTMLAttributes; + "ion-app": LocalJSX.IntrinsicElements["ion-app"] & JSXBase.HTMLAttributes; + "ion-avatar": LocalJSX.IntrinsicElements["ion-avatar"] & JSXBase.HTMLAttributes; + "ion-back-button": LocalJSX.IntrinsicElements["ion-back-button"] & JSXBase.HTMLAttributes; + "ion-backdrop": LocalJSX.IntrinsicElements["ion-backdrop"] & JSXBase.HTMLAttributes; + "ion-badge": LocalJSX.IntrinsicElements["ion-badge"] & JSXBase.HTMLAttributes; + "ion-breadcrumb": LocalJSX.IntrinsicElements["ion-breadcrumb"] & JSXBase.HTMLAttributes; + "ion-breadcrumbs": LocalJSX.IntrinsicElements["ion-breadcrumbs"] & JSXBase.HTMLAttributes; + "ion-button": LocalJSX.IntrinsicElements["ion-button"] & JSXBase.HTMLAttributes; + "ion-buttons": LocalJSX.IntrinsicElements["ion-buttons"] & JSXBase.HTMLAttributes; + "ion-card": LocalJSX.IntrinsicElements["ion-card"] & JSXBase.HTMLAttributes; + "ion-card-content": LocalJSX.IntrinsicElements["ion-card-content"] & JSXBase.HTMLAttributes; + "ion-card-header": LocalJSX.IntrinsicElements["ion-card-header"] & JSXBase.HTMLAttributes; + "ion-card-subtitle": LocalJSX.IntrinsicElements["ion-card-subtitle"] & JSXBase.HTMLAttributes; + "ion-card-title": LocalJSX.IntrinsicElements["ion-card-title"] & JSXBase.HTMLAttributes; + "ion-checkbox": LocalJSX.IntrinsicElements["ion-checkbox"] & JSXBase.HTMLAttributes; + "ion-chip": LocalJSX.IntrinsicElements["ion-chip"] & JSXBase.HTMLAttributes; + "ion-col": LocalJSX.IntrinsicElements["ion-col"] & JSXBase.HTMLAttributes; + "ion-content": LocalJSX.IntrinsicElements["ion-content"] & JSXBase.HTMLAttributes; + "ion-datetime": LocalJSX.IntrinsicElements["ion-datetime"] & JSXBase.HTMLAttributes; + "ion-datetime-button": LocalJSX.IntrinsicElements["ion-datetime-button"] & JSXBase.HTMLAttributes; + "ion-divider": LocalJSX.IntrinsicElements["ion-divider"] & JSXBase.HTMLAttributes; + "ion-fab": LocalJSX.IntrinsicElements["ion-fab"] & JSXBase.HTMLAttributes; + "ion-fab-button": LocalJSX.IntrinsicElements["ion-fab-button"] & JSXBase.HTMLAttributes; + "ion-fab-list": LocalJSX.IntrinsicElements["ion-fab-list"] & JSXBase.HTMLAttributes; + "ion-footer": LocalJSX.IntrinsicElements["ion-footer"] & JSXBase.HTMLAttributes; + "ion-grid": LocalJSX.IntrinsicElements["ion-grid"] & JSXBase.HTMLAttributes; + "ion-header": LocalJSX.IntrinsicElements["ion-header"] & JSXBase.HTMLAttributes; + "ion-img": LocalJSX.IntrinsicElements["ion-img"] & JSXBase.HTMLAttributes; + "ion-infinite-scroll": LocalJSX.IntrinsicElements["ion-infinite-scroll"] & JSXBase.HTMLAttributes; + "ion-infinite-scroll-content": LocalJSX.IntrinsicElements["ion-infinite-scroll-content"] & JSXBase.HTMLAttributes; + "ion-input": LocalJSX.IntrinsicElements["ion-input"] & JSXBase.HTMLAttributes; + "ion-input-otp": LocalJSX.IntrinsicElements["ion-input-otp"] & JSXBase.HTMLAttributes; + "ion-input-password-toggle": LocalJSX.IntrinsicElements["ion-input-password-toggle"] & JSXBase.HTMLAttributes; + "ion-item": LocalJSX.IntrinsicElements["ion-item"] & JSXBase.HTMLAttributes; + "ion-item-divider": LocalJSX.IntrinsicElements["ion-item-divider"] & JSXBase.HTMLAttributes; + "ion-item-group": LocalJSX.IntrinsicElements["ion-item-group"] & JSXBase.HTMLAttributes; + "ion-item-option": LocalJSX.IntrinsicElements["ion-item-option"] & JSXBase.HTMLAttributes; + "ion-item-options": LocalJSX.IntrinsicElements["ion-item-options"] & JSXBase.HTMLAttributes; + "ion-item-sliding": LocalJSX.IntrinsicElements["ion-item-sliding"] & JSXBase.HTMLAttributes; + "ion-label": LocalJSX.IntrinsicElements["ion-label"] & JSXBase.HTMLAttributes; + "ion-list": LocalJSX.IntrinsicElements["ion-list"] & JSXBase.HTMLAttributes; + "ion-list-header": LocalJSX.IntrinsicElements["ion-list-header"] & JSXBase.HTMLAttributes; + "ion-loading": LocalJSX.IntrinsicElements["ion-loading"] & JSXBase.HTMLAttributes; + "ion-menu": LocalJSX.IntrinsicElements["ion-menu"] & JSXBase.HTMLAttributes; + "ion-menu-button": LocalJSX.IntrinsicElements["ion-menu-button"] & JSXBase.HTMLAttributes; + "ion-menu-toggle": LocalJSX.IntrinsicElements["ion-menu-toggle"] & JSXBase.HTMLAttributes; + "ion-modal": LocalJSX.IntrinsicElements["ion-modal"] & JSXBase.HTMLAttributes; + "ion-nav": LocalJSX.IntrinsicElements["ion-nav"] & JSXBase.HTMLAttributes; + "ion-nav-link": LocalJSX.IntrinsicElements["ion-nav-link"] & JSXBase.HTMLAttributes; + "ion-note": LocalJSX.IntrinsicElements["ion-note"] & JSXBase.HTMLAttributes; + "ion-picker": LocalJSX.IntrinsicElements["ion-picker"] & JSXBase.HTMLAttributes; + "ion-picker-column": LocalJSX.IntrinsicElements["ion-picker-column"] & JSXBase.HTMLAttributes; + "ion-picker-column-option": LocalJSX.IntrinsicElements["ion-picker-column-option"] & JSXBase.HTMLAttributes; + "ion-picker-legacy": LocalJSX.IntrinsicElements["ion-picker-legacy"] & JSXBase.HTMLAttributes; + "ion-picker-legacy-column": LocalJSX.IntrinsicElements["ion-picker-legacy-column"] & JSXBase.HTMLAttributes; + "ion-popover": LocalJSX.IntrinsicElements["ion-popover"] & JSXBase.HTMLAttributes; + "ion-progress-bar": LocalJSX.IntrinsicElements["ion-progress-bar"] & JSXBase.HTMLAttributes; + "ion-radio": LocalJSX.IntrinsicElements["ion-radio"] & JSXBase.HTMLAttributes; + "ion-radio-group": LocalJSX.IntrinsicElements["ion-radio-group"] & JSXBase.HTMLAttributes; + "ion-range": LocalJSX.IntrinsicElements["ion-range"] & JSXBase.HTMLAttributes; + "ion-refresher": LocalJSX.IntrinsicElements["ion-refresher"] & JSXBase.HTMLAttributes; + "ion-refresher-content": LocalJSX.IntrinsicElements["ion-refresher-content"] & JSXBase.HTMLAttributes; + "ion-reorder": LocalJSX.IntrinsicElements["ion-reorder"] & JSXBase.HTMLAttributes; + "ion-reorder-group": LocalJSX.IntrinsicElements["ion-reorder-group"] & JSXBase.HTMLAttributes; + "ion-ripple-effect": LocalJSX.IntrinsicElements["ion-ripple-effect"] & JSXBase.HTMLAttributes; + "ion-route": LocalJSX.IntrinsicElements["ion-route"] & JSXBase.HTMLAttributes; + "ion-route-redirect": LocalJSX.IntrinsicElements["ion-route-redirect"] & JSXBase.HTMLAttributes; + "ion-router": LocalJSX.IntrinsicElements["ion-router"] & JSXBase.HTMLAttributes; + "ion-router-link": LocalJSX.IntrinsicElements["ion-router-link"] & JSXBase.HTMLAttributes; + "ion-router-outlet": LocalJSX.IntrinsicElements["ion-router-outlet"] & JSXBase.HTMLAttributes; + "ion-row": LocalJSX.IntrinsicElements["ion-row"] & JSXBase.HTMLAttributes; + "ion-searchbar": LocalJSX.IntrinsicElements["ion-searchbar"] & JSXBase.HTMLAttributes; + "ion-segment": LocalJSX.IntrinsicElements["ion-segment"] & JSXBase.HTMLAttributes; + "ion-segment-button": LocalJSX.IntrinsicElements["ion-segment-button"] & JSXBase.HTMLAttributes; + "ion-segment-content": LocalJSX.IntrinsicElements["ion-segment-content"] & JSXBase.HTMLAttributes; + "ion-segment-view": LocalJSX.IntrinsicElements["ion-segment-view"] & JSXBase.HTMLAttributes; + "ion-select": LocalJSX.IntrinsicElements["ion-select"] & JSXBase.HTMLAttributes; + "ion-select-modal": LocalJSX.IntrinsicElements["ion-select-modal"] & JSXBase.HTMLAttributes; + "ion-select-option": LocalJSX.IntrinsicElements["ion-select-option"] & JSXBase.HTMLAttributes; + "ion-select-popover": LocalJSX.IntrinsicElements["ion-select-popover"] & JSXBase.HTMLAttributes; + "ion-skeleton-text": LocalJSX.IntrinsicElements["ion-skeleton-text"] & JSXBase.HTMLAttributes; + "ion-spinner": LocalJSX.IntrinsicElements["ion-spinner"] & JSXBase.HTMLAttributes; + "ion-split-pane": LocalJSX.IntrinsicElements["ion-split-pane"] & JSXBase.HTMLAttributes; + "ion-tab": LocalJSX.IntrinsicElements["ion-tab"] & JSXBase.HTMLAttributes; + "ion-tab-bar": LocalJSX.IntrinsicElements["ion-tab-bar"] & JSXBase.HTMLAttributes; + "ion-tab-button": LocalJSX.IntrinsicElements["ion-tab-button"] & JSXBase.HTMLAttributes; + "ion-tabs": LocalJSX.IntrinsicElements["ion-tabs"] & JSXBase.HTMLAttributes; + "ion-text": LocalJSX.IntrinsicElements["ion-text"] & JSXBase.HTMLAttributes; + "ion-textarea": LocalJSX.IntrinsicElements["ion-textarea"] & JSXBase.HTMLAttributes; + "ion-thumbnail": LocalJSX.IntrinsicElements["ion-thumbnail"] & JSXBase.HTMLAttributes; + "ion-title": LocalJSX.IntrinsicElements["ion-title"] & JSXBase.HTMLAttributes; + "ion-toast": LocalJSX.IntrinsicElements["ion-toast"] & JSXBase.HTMLAttributes; + "ion-toggle": LocalJSX.IntrinsicElements["ion-toggle"] & JSXBase.HTMLAttributes; + "ion-toolbar": LocalJSX.IntrinsicElements["ion-toolbar"] & JSXBase.HTMLAttributes; } } } From 05d635e1c481d97379a5fa3d6a4b9cbbbeda3393 Mon Sep 17 00:00:00 2001 From: Giuliana Silva Date: Tue, 14 Apr 2026 11:29:39 +0100 Subject: [PATCH 3/7] style(range): clean up whitespace in SCSS file --- core/src/components/range/range.ionic.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/core/src/components/range/range.ionic.scss b/core/src/components/range/range.ionic.scss index 47c1db9b6f3..7321f592fa1 100644 --- a/core/src/components/range/range.ionic.scss +++ b/core/src/components/range/range.ionic.scss @@ -15,9 +15,9 @@ --bar-background-active: #{globals.ion-color(primary, base)}; --bar-border-radius: #{globals.$ion-border-radius-400}; --height: #{globals.$ion-scale-1100}; - + @include globals.typography(globals.$ion-body-md-regular); - + z-index: globals.$ion-z-index-100; } From 476304385f92e7678a9a83ff8e99f3670c430f09 Mon Sep 17 00:00:00 2001 From: ionitron Date: Tue, 14 Apr 2026 11:28:05 +0000 Subject: [PATCH 4/7] chore(): add updated snapshots --- ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 1952 -> 2029 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 2926 -> 3001 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 2725 -> 2979 bytes 3 files changed, 0 insertions(+), 0 deletions(-) diff --git a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Chrome-linux.png index 893a5d09a54dc1c6da96cc374a0e067b4ff42a62..5d804a02067a3796b86d126b7f580a5dd8590335 100644 GIT binary patch delta 2015 zcmV<52O#*M5A6?-B!8kwL_t(|ob26eOjKtc2Jm+-paTlBEFcz{YH)`YX4JrL>beqR zt+5)6w+|X>LpH&fXtI;&+DM`w{D8`;w65;ft%+K|Thw*4#;xK#SYz8n1uPY$a;sYI z%1vM{ec&Y2$N)2k)5C#2zYmi$oHPG9W9B^bzW;M(G`ihxL4QQ#BcmW9@*T5-h~!{) z5Rn|r4kD6+*+E2dFgu7y4rT`t$-(R(A~~2HL?j2ZgNWo{c93>e)w{ngbre)M3o9Ij zl}^1*7ay&+nvFKI;SVv!s8F4t;iKdCSxB2cz0`60JBPnfXEp1s(FUv8fVV0Vq_8_m zTpeAmdGY>f?|=CV8YavR(wxQ?_XnS}&M+G?J}?ci*+<#!-&Q$u?18}n9Doc1W(R4@ z(+1a^^yXZ9;Gbd#pHSx)J5sV*zxsPnL@?t+ZOjhOk~3Ox`@i&YLLtf)9Id<8(Be+m z{PM}C!9G1II_*W#{-7X}5Ao5|*ofN+At6Eu%2pF2WPkVAEAB15NQ(2byk+<-uS1ZE z^lR3v(RuRf)hnSHB_$;fA3hW`dR5iAzI^1&NHGanGCwq3FLG4Zxdf?2S5#C~TU(2z z)2B~gy?=W3(4j-piln3@yd*Fi|AMZPN?v(Cg=uuZ!ck<-P2M-=ho;*1qAfU6eGb1Bo z`t<2nu3Wiz@uJJ+ijI!HfB!zVsj8})Hf@^0V1JOdv0APF?_n~TCQh8#`(z#qMny%P zJ9neQ*k#Kh|AY8;%~w{Ks)dNqb8mo8nxz+~&ztt(cnc>MVBrcIj` zE?kHsU)pBr(xsO#U%qqaPC`P$nKNewF1TdLk^=`0JbCg2+oYtVtY5z#Nwja@J{;}$ z?%nIVW0*|gQO}=0m+m5Ka&mI8(6?IOXMYr=RW6sXMjONs*v!Unf8d!~^>~i?mX;Pw z6L3r>Cnw`>YHBJD<{dkBV0pua4af^DELyba$dMzZrKRJ?kKeX!8^#xR@7}f9Y*=Nt z+gGhxg#`={uxjPXm94F<{S{10OGETXPl}1j@#DvlIJk?W{p{JZvu4fOvSmwUWq&1B zp%nh!*48Ha_j!G)9BBb_ki5J+%$p7$ zK8#Whhoh;<=cYq%wE1VckWzFSj5nH`HZ9y!2!C$N@v6b`R)0F3TIrDAk}!zjww^7 zpcRUqWnkdXeQ(SHgpV+z!7W;<7@-VWu&k_X@7}%WYf6Kc;^JbDHI2sZeSaSG6tc&c zK$_)nioy!#0-K+ZtDwR${Vfh%)Z;nkaoQp-E)InU%niNI?e>+;D7q`skCbG;>8$}U=D&l2s#%Cf_3ZG?cTjRBqU_s zym`&d&5FMSNn`c|p%CeU5v2+$TTN(S_p0k%AAQ~~hM?0S-c9^%n16R)+NiCm!EIQ0 zxKM(!)x-$dy@9?9hcQ1om-w9T?R^dk(-3q|F&wa1EHyPXxb?MQLqh|G9#*Rr2mkAT z$N5^5$rKwKE8Rt2JbLsfK0Y2p645^yFF`W;4o)=-%B%KSUPtLOSLTOuE-l@3v^{RJ z{x9#2@p5}+$IuH7bbl!hKIeOnRbPelkWuhAJ^KC~Cu?87i-f{STrrrTyaZBN+IwS? zGg|VC9e@74Z&!%jDC#PE?%bOy^LloYN8#_$Vz97a!2;>@%82Ic+gIg+qjmRk?SWSN z%Zh*d_8t6`thSPW`t}fMCaV->tBDb^d;I+l(w3SgSK{BAbARjsNpXX}<1yk$`M9kh zD=2h4uP9X;vx79}WxIRrCvBEV`hj~N=y81iqYEh$IEKM74456HQHQT|UMuVxV-!|% z_YWQ0dahXS`OS1EZeMkYg)@xaH%Ccv%ns77>IU~WrCo)UE`&uvdH2;Hwzs?gg9V#e z|Ho;5ks%yz3|J>-2NB7^-zy~|IhY+pBnPvDh~!{)5Rn|r4kD6+*+E2dFgu7y4rT`t x$-(R(A~}8n00960_zKd_00006NklfrzY delta 1938 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 diff --git a/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/range/test/basic/range.e2e.ts-snapshots/range-ticks-ionic-md-ltr-light-Mobile-Safari-linux.png index 3337b5f3f8ed81ea9fe2a40806082bb04a37ef85..c8969eac342117e6845e6cb1f7eb73135909ac28 100644 GIT binary patch literal 2979 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 Y^F+}wDd7GWKxl&?+J;({nor;S2hT7VY5)KL delta 2688 zcmb7G`9Bl>AE$B_l56Ft5xFTcN9D*>GDqY{b5u)?Nt%&k!Xo7;at-~B^kH_PQkt&f$GeHX4T`@Ox3PUfB_}e?p%2L_O z5Z6$;g~<(bsncS%(!hqq^BRgN4H#?>UO!FvEZ{iR=RCeIyT+Gj7<^hkA7E3jt7jW< z&Sc14O!hif8H?Q=yU%yOw_vBffs*e2pG+T2 z9>HbUqmDW8PHXOpO>YtHMQA(4`jwZY&!MnSmFy`<=Pmf!W;<^I^6_{a?X4avuyB3V zIX%G+0y?W`R@XI!;(Vi}d{AJ%aY^0@Hz|TU(ZeSM+dW8?otCXxo7b|vpkrItiJW@! z7x$&?vkkef2Ro626A*_$p;*Fe>0zz!?wId;-h;j2Q2&%Owitqz$omWw9M^jtnZ zPML+jQJiG4j=}B;`3p`+V^XVwxYS=_=A);#0;^6Z_X^)%3 zFitStNhV|7yg2OlR^m4AXRGlP`q%amYZCM+SiSGL%y3)yA;JmCXYEvBF zGTF=4R>;(JZ~wNOimk2fwQTJt-QC?iuq41eK{fOrZHL(`d){uWHO#Vq5|SG3xG|{f0ReZuWvCqD+uD72!`Zp$Mp-EiH`|e;^CLh{UDBp;h2&l#V;qgP$* zs;bK6>+5?;K_QM-=5pQH8TB2iz-SaNFa$^`*wwER;V%(+*=TX~Sa4|wZVpIL)%a?cV-o*#d&wXoe&p{d? zG`Uy<6$&aU0$llE>O@O|ikjMG+#um0^QsaUZ5Ijz*z&_X=ro@+91T* z&W`GXU+FYju8iD%SVbUkXB&hlF-Sr0K7ItusiiE_2?^QR01r*6{QUe+TcZ)J6bg6L zd1h~~<2fB2H*%;3lgWJZ=FJi0`wV>a?qf$sM=oVm)#fSogYnPY{eI_dGSz{XE*13m zI~8LvCm-kepdFq7!@`>T0vsJ!8D4T_;yA>(*N6A-QYU9I@kiXuT?=6W(p|<_#d%dHh zDI>7ut-b5luL}qWuvyWq08A`|x)QJhPRPRAmujUtt5!cA_o{JKH@C7{o5>5>8}lEN zVQgVJI#gFzn_F0jN=jOqnH}H^KCPrA{1Fy{4AGGW!QNC zNk{hCI1U8^{rmU1cl?IK!;#@z z3&H-nQSZoFo((UGm7QE%Lgu=G7vxfdj;DX^$8BA_-F5_Ac!`tDViGA!!7AlKWd%oX zB~F6cv$PIIDO|3BjTlZpdje&(gTcZ`2rg@VeLWifqe)OmNb%yud=4G|46^8?phBEd{_EEk zK|xxCdtGfl_@gp19VxO#O9q*bSEs*96S=z%Q_R8-*e&C)b%Ip(giZptaSUqw3c$UrgTh_4M_%NC$mFPDnS;iad$j7-~sV z+g}QteHZ%v=g6Pa6y&X$Ml@oz^^Qj0lss>BfyegNoaGcjx?hpbiIi{k5Rm3VsH$?U z^y21_NhFbOpUYVazgxsud`lptudF=i|H+3~$OoShPMB(N*@DC2MLoXSfFmZJ^<)et zuClU{n-n!Tf`l&(jy8p%o0;C$+GC7HBXMXWjQMN8{+Lg~rEEI$iGj4?SGTvbRv~;K zVY}Gv9-c_;-z}gxw?sUwYfMHQ9r_@W6%QQD4Y{<$Y=(o7`>%%~Uggqkayx}W+5S)` z=2Lz%{a6R_%847xtTv-~O?z)tdW)z2_Dc1{d{h$hvpgb8%qM%K-l5?NZZgj5qr={^ z&2Lx+@|V;@%pbN{tXrb!IJzTl^ghMKs~V zk#*SekTsk%EZ4n$7_Sf2i#q57gE_?q# X&<+?CjBHlq;+!iMVDk@VUa|iI*_2Nf From 8ac3957f13659a89c6e6121b24b68a6cd5b8c6da Mon Sep 17 00:00:00 2001 From: Giuliana Silva Date: Wed, 15 Apr 2026 15:31:30 +0100 Subject: [PATCH 5/7] fix(range): update tick styling and improve range bar structure --- core/src/components/range/range.ionic.scss | 22 ++++++++++++---------- core/src/components/range/range.tsx | 9 ++++++++- 2 files changed, 20 insertions(+), 11 deletions(-) diff --git a/core/src/components/range/range.ionic.scss b/core/src/components/range/range.ionic.scss index 7321f592fa1..52f1dc6eab6 100644 --- a/core/src/components/range/range.ionic.scss +++ b/core/src/components/range/range.ionic.scss @@ -21,10 +21,6 @@ z-index: globals.$ion-z-index-100; } -:host(.ticks) { - --bar-border-radius: globals.$ion-border-radius-0; -} - :host(.range-item-start-adjustment) { @include padding(null, null, null, globals.$ion-space-600); } @@ -79,15 +75,21 @@ @include margin(null, null, calc(globals.$ion-space-200 + globals.$ion-font-size-300), null); } -.range-bar.range-bar-active { - bottom: 0; +.range-bar { + &.has-ticks { + @include border-radius(0); + } - width: auto; + &.range-bar-active { + bottom: 0; - background: var(--bar-background-active); + width: auto; - &.has-ticks { - @include margin(null, calc(-1 * globals.$ion-scale-100 * 0.5), null, calc(-1 * globals.$ion-scale-100 * 0.5)); + background: var(--bar-background-active); + + &.has-ticks { + @include margin(null, calc(-1 * globals.$ion-scale-100 * 0.5), null, calc(-1 * globals.$ion-scale-100 * 0.5)); + } } } diff --git a/core/src/components/range/range.tsx b/core/src/components/range/range.tsx index 15169148b18..13653a24d2c 100644 --- a/core/src/components/range/range.tsx +++ b/core/src/components/range/range.tsx @@ -914,7 +914,14 @@ export class Range implements ComponentInterface { ))}
-