@ionic/core 7.6.2-dev.11702914017.1ae72da5 → 7.6.2-dev.11702926577.1a448647
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -8,9 +8,6 @@ import { clamp, componentOnReady, getElementRoot, raf, transitionEndAsync } from
|
|
|
8
8
|
import { ImpactStyle, hapticImpact } from "../../utils/native/haptic";
|
|
9
9
|
import { getIonMode } from "../../global/ionic-global";
|
|
10
10
|
import { createPullingAnimation, createSnapBackAnimation, getRefresherAnimationType, handleScrollWhilePulling, handleScrollWhileRefreshing, setSpinnerOpacity, shouldUseNativeRefresher, translateElement, } from "./refresher.utils";
|
|
11
|
-
/**
|
|
12
|
-
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
13
|
-
*/
|
|
14
11
|
export class Refresher {
|
|
15
12
|
constructor() {
|
|
16
13
|
this.appliedStyles = false;
|
package/dist/docs.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2023-12-
|
|
2
|
+
"timestamp": "2023-12-18T19:11:28",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.8.2",
|
|
@@ -20620,12 +20620,7 @@
|
|
|
20620
20620
|
"encapsulation": "none",
|
|
20621
20621
|
"tag": "ion-refresher",
|
|
20622
20622
|
"docs": "",
|
|
20623
|
-
"docsTags": [
|
|
20624
|
-
{
|
|
20625
|
-
"name": "virtualProp",
|
|
20626
|
-
"text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use."
|
|
20627
|
-
}
|
|
20628
|
-
],
|
|
20623
|
+
"docsTags": [],
|
|
20629
20624
|
"usage": {},
|
|
20630
20625
|
"props": [
|
|
20631
20626
|
{
|
|
@@ -20672,27 +20667,6 @@
|
|
|
20672
20667
|
"optional": false,
|
|
20673
20668
|
"required": false
|
|
20674
20669
|
},
|
|
20675
|
-
{
|
|
20676
|
-
"name": "mode",
|
|
20677
|
-
"type": "\"ios\" | \"md\"",
|
|
20678
|
-
"mutable": false,
|
|
20679
|
-
"attr": "mode",
|
|
20680
|
-
"reflectToAttr": false,
|
|
20681
|
-
"docs": "The mode determines which platform styles to use.",
|
|
20682
|
-
"docsTags": [],
|
|
20683
|
-
"values": [
|
|
20684
|
-
{
|
|
20685
|
-
"value": "ios",
|
|
20686
|
-
"type": "string"
|
|
20687
|
-
},
|
|
20688
|
-
{
|
|
20689
|
-
"value": "md",
|
|
20690
|
-
"type": "string"
|
|
20691
|
-
}
|
|
20692
|
-
],
|
|
20693
|
-
"optional": true,
|
|
20694
|
-
"required": false
|
|
20695
|
-
},
|
|
20696
20670
|
{
|
|
20697
20671
|
"name": "pullFactor",
|
|
20698
20672
|
"type": "number",
|
package/dist/html.html-data.json
CHANGED
|
@@ -4360,18 +4360,6 @@
|
|
|
4360
4360
|
"name": "disabled",
|
|
4361
4361
|
"description": "If `true`, the refresher will be hidden."
|
|
4362
4362
|
},
|
|
4363
|
-
{
|
|
4364
|
-
"name": "mode",
|
|
4365
|
-
"description": "The mode determines which platform styles to use.",
|
|
4366
|
-
"values": [
|
|
4367
|
-
{
|
|
4368
|
-
"name": "ios"
|
|
4369
|
-
},
|
|
4370
|
-
{
|
|
4371
|
-
"name": "md"
|
|
4372
|
-
}
|
|
4373
|
-
]
|
|
4374
|
-
},
|
|
4375
4363
|
{
|
|
4376
4364
|
"name": "pull-factor",
|
|
4377
4365
|
"description": "How much to multiply the pull speed by. To slow the pull animation down,\npass a number less than `1`. To speed up the pull, pass a number greater\nthan `1`. The default value is `1` which is equal to the speed of the cursor.\nIf a negative value is passed in, the factor will be `1` instead.\n\nFor example: If the value passed is `1.2` and the content is dragged by\n`10` pixels, instead of `10` pixels the content will be pulled by `12` pixels\n(an increase of 20 percent). If the value passed is `0.8`, the dragged amount\nwill be `8` pixels, less than the amount the cursor has moved.\n\nDoes not apply when the refresher content uses a spinner,\nenabling the native refresher."
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
|
|
2
2
|
import type { RefresherEventDetail } from './refresher-interface';
|
|
3
|
-
/**
|
|
4
|
-
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
5
|
-
*/
|
|
6
3
|
export declare class Refresher implements ComponentInterface {
|
|
7
4
|
private appliedStyles;
|
|
8
5
|
private didStart;
|
|
@@ -2377,10 +2377,6 @@ export namespace Components {
|
|
|
2377
2377
|
* A number representing how far down the user has pulled. The number `0` represents the user hasn't pulled down at all. The number `1`, and anything greater than `1`, represents that the user has pulled far enough down that when they let go then the refresh will happen. If they let go and the number is less than `1`, then the refresh will not happen, and the content will return to it's original position.
|
|
2378
2378
|
*/
|
|
2379
2379
|
"getProgress": () => Promise<number>;
|
|
2380
|
-
/**
|
|
2381
|
-
* The mode determines which platform styles to use.
|
|
2382
|
-
*/
|
|
2383
|
-
"mode"?: "ios" | "md";
|
|
2384
2380
|
/**
|
|
2385
2381
|
* How much to multiply the pull speed by. To slow the pull animation down, pass a number less than `1`. To speed up the pull, pass a number greater than `1`. The default value is `1` which is equal to the speed of the cursor. If a negative value is passed in, the factor will be `1` instead. For example: If the value passed is `1.2` and the content is dragged by `10` pixels, instead of `10` pixels the content will be pulled by `12` pixels (an increase of 20 percent). If the value passed is `0.8`, the dragged amount will be `8` pixels, less than the amount the cursor has moved. Does not apply when the refresher content uses a spinner, enabling the native refresher.
|
|
2386
2382
|
*/
|
|
@@ -6982,10 +6978,6 @@ declare namespace LocalJSX {
|
|
|
6982
6978
|
* If `true`, the refresher will be hidden.
|
|
6983
6979
|
*/
|
|
6984
6980
|
"disabled"?: boolean;
|
|
6985
|
-
/**
|
|
6986
|
-
* The mode determines which platform styles to use.
|
|
6987
|
-
*/
|
|
6988
|
-
"mode"?: "ios" | "md";
|
|
6989
6981
|
/**
|
|
6990
6982
|
* Emitted while the user is pulling down the content and exposing the refresher.
|
|
6991
6983
|
*/
|
package/hydrate/index.js
CHANGED
|
@@ -28856,9 +28856,6 @@ const refresherIosCss = "ion-refresher{top:0;display:none;position:absolute;widt
|
|
|
28856
28856
|
|
|
28857
28857
|
const refresherMdCss = "ion-refresher{top:0;display:none;position:absolute;width:100%;height:60px;pointer-events:none;z-index:-1}@supports (inset-inline-start: 0){ion-refresher{inset-inline-start:0}}@supports not (inset-inline-start: 0){ion-refresher{left:0}:host-context([dir=rtl]) ion-refresher{left:unset;right:unset;right:0}[dir=rtl] ion-refresher{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){ion-refresher:dir(rtl){left:unset;right:unset;right:0}}}ion-refresher.refresher-active{display:block}ion-refresher-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{-webkit-transform-origin:center;transform-origin:center;-webkit-transition:200ms;transition:200ms;font-size:30px;text-align:center}:host-context([dir=rtl]) .refresher-pulling-icon,:host-context([dir=rtl]) .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] .refresher-pulling-icon,[dir=rtl] .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){.refresher-pulling-icon:dir(rtl),.refresher-refreshing-icon:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}.refresher-pulling-text,.refresher-refreshing-text{font-size:16px;text-align:center}ion-refresher-content .arrow-container{display:none}.refresher-pulling ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.refresher-refreshing ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-completing ion-refresher-content .refresher-refreshing{display:block}.refresher-completing ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-native .refresher-pulling-text,.refresher-native .refresher-refreshing-text{display:none}.refresher-md .refresher-pulling-icon,.refresher-md .refresher-refreshing-icon{color:var(--ion-text-color, #000)}.refresher-md .refresher-pulling-text,.refresher-md .refresher-refreshing-text{color:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-lines-md line,.refresher-md .refresher-refreshing .spinner-lines-small-md line,.refresher-md .refresher-refreshing .spinner-crescent circle{stroke:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-bubbles circle,.refresher-md .refresher-refreshing .spinner-circles circle,.refresher-md .refresher-refreshing .spinner-dots circle{fill:var(--ion-text-color, #000)}ion-refresher.refresher-native{display:block;z-index:1}ion-refresher.refresher-native ion-spinner{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:24px;height:24px;color:var(--ion-color-primary, #3880ff)}ion-refresher.refresher-native .spinner-arrow-container{display:inherit}ion-refresher.refresher-native .arrow-container{display:block;position:absolute;width:24px;height:24px}ion-refresher.refresher-native .arrow-container ion-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;left:0;right:0;bottom:-4px;position:absolute;color:var(--ion-color-primary, #3880ff);font-size:12px}ion-refresher.refresher-native.refresher-pulling ion-refresher-content .refresher-pulling,ion-refresher.refresher-native.refresher-ready ion-refresher-content .refresher-pulling{display:-ms-flexbox;display:flex}ion-refresher.refresher-native.refresher-refreshing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-cancelling ion-refresher-content .refresher-refreshing{display:-ms-flexbox;display:flex}ion-refresher.refresher-native .refresher-pulling-icon{-webkit-transform:translateY(calc(-100% - 10px));transform:translateY(calc(-100% - 10px))}ion-refresher.refresher-native .refresher-pulling-icon,ion-refresher.refresher-native .refresher-refreshing-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;border-radius:100%;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;display:-ms-flexbox;display:flex;border:1px solid var(--ion-color-step-200, #ececec);background:var(--ion-color-step-250, #ffffff);-webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1);box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1)}";
|
|
28858
28858
|
|
|
28859
|
-
/**
|
|
28860
|
-
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
28861
|
-
*/
|
|
28862
28859
|
class Refresher {
|
|
28863
28860
|
constructor(hostRef) {
|
|
28864
28861
|
registerInstance(this, hostRef);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ionic/core",
|
|
3
|
-
"version": "7.6.2-dev.
|
|
3
|
+
"version": "7.6.2-dev.11702926577.1a448647",
|
|
4
4
|
"description": "Base components for Ionic",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ionic",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"@axe-core/playwright": "^4.8.2",
|
|
40
40
|
"@capacitor/core": "^5.5.1",
|
|
41
41
|
"@capacitor/haptics": "^5.0.6",
|
|
42
|
-
"@capacitor/keyboard": "^5.0.
|
|
42
|
+
"@capacitor/keyboard": "^5.0.7",
|
|
43
43
|
"@capacitor/status-bar": "^5.0.6",
|
|
44
44
|
"@ionic/eslint-config": "^0.3.0",
|
|
45
45
|
"@ionic/prettier-config": "^2.0.0",
|