@ionic/core 8.2.3-dev.11721064272.19e3ddfd → 8.2.3-dev.11721225504.1476a6ac
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.
- package/components/ion-avatar.js +3 -3
- package/components/ion-badge.js +3 -3
- package/components/ion-input.js +1 -1
- package/components/ion-segment.js +3 -11
- package/components/ion-select-option.js +1 -1
- package/components/ion-select.js +2 -2
- package/components/ion-skeleton-text.js +2 -2
- package/components/ion-split-pane.js +2 -2
- package/components/ion-tab-bar.js +2 -2
- package/components/ion-tab-button.js +2 -2
- package/components/ion-tab.js +2 -2
- package/components/ion-tabs.js +1 -1
- package/components/ion-text.js +2 -2
- package/components/ion-textarea.js +2 -2
- package/components/ion-thumbnail.js +2 -2
- package/components/ion-title.js +2 -2
- package/components/ion-toast.js +2 -2
- package/components/ion-toggle.js +3 -3
- package/components/ion-toolbar.js +2 -2
- package/components/item.js +3 -3
- package/components/select-popover.js +2 -2
- package/components/spinner.js +33 -6
- package/dist/cjs/ion-app_8.cjs.entry.js +4 -4
- package/dist/cjs/ion-avatar_3.cjs.entry.js +8 -8
- package/dist/cjs/ion-input.cjs.entry.js +1 -1
- package/dist/cjs/ion-item_8.cjs.entry.js +5 -5
- package/dist/cjs/ion-segment_2.cjs.entry.js +3 -11
- package/dist/cjs/ion-select_3.cjs.entry.js +5 -5
- package/dist/cjs/ion-spinner.cjs.entry.js +30 -4
- package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-text.cjs.entry.js +2 -2
- package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
- package/dist/cjs/ion-toast.cjs.entry.js +2 -2
- package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
- package/dist/cjs/ionic.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +0 -2
- package/dist/collection/components/avatar/avatar.ionic.css +17 -1
- package/dist/collection/components/avatar/avatar.js +5 -5
- package/dist/collection/components/avatar/test/shape/avatar.e2e.js +7 -0
- package/dist/collection/components/avatar/test/size/avatar.e2e.js +27 -0
- package/dist/collection/components/badge/badge.ionic.css +32 -37
- package/dist/collection/components/badge/badge.ios.css +94 -3
- package/dist/collection/components/badge/badge.md.css +94 -3
- package/dist/collection/components/button/test/outline/button.e2e.js +1 -2
- package/dist/collection/components/input/input.ionic.css +2 -1
- package/dist/collection/components/item/item.ionic.css +359 -65
- package/dist/collection/components/item/item.ios.css +94 -67
- package/dist/collection/components/item/item.md.css +94 -67
- package/dist/collection/components/segment/segment.js +3 -11
- package/dist/collection/components/select/select.js +2 -2
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/select-popover/select-popover.js +2 -2
- package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
- package/dist/collection/components/spinner/spinner.common.css +199 -0
- package/dist/collection/components/spinner/{spinner.css → spinner.ionic.css} +55 -0
- package/dist/collection/components/spinner/spinner.js +40 -3
- package/dist/collection/components/spinner/test/size/spinner.e2e.js +47 -0
- package/dist/collection/components/split-pane/split-pane.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-button/tab-button.js +2 -2
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/text/text.js +2 -2
- package/dist/collection/components/textarea/textarea.js +2 -2
- package/dist/collection/components/thumbnail/thumbnail.js +2 -2
- package/dist/collection/components/title/title.js +2 -2
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/toolbar/toolbar.js +2 -2
- package/dist/docs.json +190 -48
- package/dist/esm/ion-app_8.entry.js +4 -4
- package/dist/esm/ion-avatar_3.entry.js +8 -8
- package/dist/esm/ion-input.entry.js +1 -1
- package/dist/esm/ion-item_8.entry.js +5 -5
- package/dist/esm/ion-segment_2.entry.js +3 -11
- package/dist/esm/ion-select_3.entry.js +5 -5
- package/dist/esm/ion-spinner.entry.js +30 -4
- package/dist/esm/ion-split-pane.entry.js +2 -2
- package/dist/esm/ion-tab-bar_2.entry.js +4 -4
- package/dist/esm/ion-tab_2.entry.js +3 -3
- package/dist/esm/ion-text.entry.js +2 -2
- package/dist/esm/ion-textarea.entry.js +2 -2
- package/dist/esm/ion-toast.entry.js +2 -2
- package/dist/esm/ion-toggle.entry.js +3 -3
- package/dist/esm/ionic.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/ion-app_8.entry.js +1 -1
- package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
- package/dist/esm-es5/ion-input.entry.js +1 -1
- package/dist/esm-es5/ion-item_8.entry.js +1 -1
- package/dist/esm-es5/ion-segment_2.entry.js +1 -1
- package/dist/esm-es5/ion-select_3.entry.js +1 -1
- package/dist/esm-es5/ion-spinner.entry.js +1 -1
- package/dist/esm-es5/ion-split-pane.entry.js +1 -1
- package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
- package/dist/esm-es5/ion-tab_2.entry.js +1 -1
- package/dist/esm-es5/ion-text.entry.js +1 -1
- package/dist/esm-es5/ion-textarea.entry.js +1 -1
- package/dist/esm-es5/ion-toast.entry.js +1 -1
- package/dist/esm-es5/ion-toggle.entry.js +1 -1
- package/dist/esm-es5/ionic.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/html.html-data.json +25 -29
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-29f4100d.entry.js → p-01ae1aa0.entry.js} +1 -1
- package/dist/ionic/p-1be0295f.entry.js +4 -0
- package/dist/ionic/p-201d8768.system.entry.js +4 -0
- package/dist/ionic/{p-062c1cb9.system.entry.js → p-223bc7dd.system.entry.js} +1 -1
- package/dist/ionic/{p-0595a36c.system.entry.js → p-24592a4d.system.entry.js} +1 -1
- package/dist/ionic/{p-2aa6a169.entry.js → p-28649e61.entry.js} +1 -1
- package/dist/ionic/{p-385a361b.entry.js → p-39a39279.entry.js} +1 -1
- package/dist/ionic/p-3ce954c7.entry.js +4 -0
- package/dist/ionic/p-40c14f53.system.entry.js +4 -0
- package/dist/ionic/{p-cd6d4c1d.entry.js → p-4346453b.entry.js} +1 -1
- package/dist/ionic/{p-1be0ed0e.system.entry.js → p-45ca3acb.system.entry.js} +2 -2
- package/dist/ionic/p-4b9c6418.system.entry.js +4 -0
- package/dist/ionic/p-563a8d3b.entry.js +4 -0
- package/dist/ionic/{p-b67ed806.system.entry.js → p-56c72f65.system.entry.js} +1 -1
- package/dist/ionic/{p-da668343.system.entry.js → p-7ab9c88c.system.entry.js} +1 -1
- package/dist/ionic/p-7b590e46.system.js +1 -1
- package/dist/ionic/{p-c0dace15.system.entry.js → p-7dad531c.system.entry.js} +1 -1
- package/dist/ionic/p-85ca50a9.system.entry.js +4 -0
- package/dist/ionic/p-8ac5efa9.entry.js +4 -0
- package/dist/ionic/p-a0b51978.system.entry.js +4 -0
- package/dist/ionic/p-a6bb62ea.entry.js +4 -0
- package/dist/ionic/p-ae79f1e2.entry.js +4 -0
- package/dist/ionic/{p-aaf1b71f.entry.js → p-b374abe2.entry.js} +1 -1
- package/dist/ionic/{p-61f51286.system.entry.js → p-b5cc6e57.system.entry.js} +1 -1
- package/dist/ionic/p-bbefc52b.system.entry.js +4 -0
- package/dist/ionic/{p-adb54d5b.entry.js → p-c23822f8.entry.js} +1 -1
- package/dist/ionic/{p-14ae725a.entry.js → p-d2a580db.entry.js} +1 -1
- package/dist/ionic/p-dc8a3888.entry.js +4 -0
- package/dist/ionic/{p-5cc8fa7f.system.entry.js → p-f84ea1e9.system.entry.js} +1 -1
- package/dist/types/components/avatar/avatar.d.ts +7 -4
- package/dist/types/components/segment/segment.d.ts +1 -1
- package/dist/types/components/spinner/spinner.d.ts +11 -0
- package/dist/types/components.d.ts +12 -30
- package/hydrate/index.js +77 -151
- package/package.json +1 -1
- package/components/ion-segment-content.d.ts +0 -11
- package/components/ion-segment-content.js +0 -38
- package/components/ion-segment-view.d.ts +0 -11
- package/components/ion-segment-view.js +0 -86
- package/dist/cjs/ion-segment-content.cjs.entry.js +0 -24
- package/dist/cjs/ion-segment-view.cjs.entry.js +0 -72
- package/dist/collection/components/segment-content/segment-content.css +0 -5
- package/dist/collection/components/segment-content/segment-content.js +0 -22
- package/dist/collection/components/segment-view/segment-view.css +0 -15
- package/dist/collection/components/segment-view/segment-view.js +0 -81
- package/dist/esm/ion-segment-content.entry.js +0 -20
- package/dist/esm/ion-segment-view.entry.js +0 -68
- package/dist/esm-es5/ion-segment-content.entry.js +0 -4
- package/dist/esm-es5/ion-segment-view.entry.js +0 -4
- package/dist/ionic/p-07b804ba.entry.js +0 -4
- package/dist/ionic/p-405559bd.entry.js +0 -4
- package/dist/ionic/p-5839776e.entry.js +0 -4
- package/dist/ionic/p-660cf6f3.system.entry.js +0 -4
- package/dist/ionic/p-6ced0cc0.entry.js +0 -4
- package/dist/ionic/p-6d4534cb.system.entry.js +0 -4
- package/dist/ionic/p-72944d53.system.entry.js +0 -4
- package/dist/ionic/p-7813dead.system.entry.js +0 -4
- package/dist/ionic/p-833593dd.entry.js +0 -4
- package/dist/ionic/p-8ef82205.entry.js +0 -4
- package/dist/ionic/p-9316e014.system.entry.js +0 -4
- package/dist/ionic/p-a2830649.system.entry.js +0 -4
- package/dist/ionic/p-aa246404.entry.js +0 -4
- package/dist/ionic/p-aa97948b.entry.js +0 -4
- package/dist/ionic/p-c6e43624.entry.js +0 -4
- package/dist/ionic/p-f1eb1152.system.entry.js +0 -4
- package/dist/ionic/p-f8a16486.system.entry.js +0 -4
- package/dist/types/components/segment-content/segment-content.d.ts +0 -5
- package/dist/types/components/segment-view/segment-view.d.ts +0 -13
package/package.json
CHANGED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../dist/types/components";
|
|
2
|
-
|
|
3
|
-
interface IonSegmentContent extends Components.IonSegmentContent, HTMLElement {}
|
|
4
|
-
export const IonSegmentContent: {
|
|
5
|
-
prototype: IonSegmentContent;
|
|
6
|
-
new (): IonSegmentContent;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
5
|
-
|
|
6
|
-
const segmentContentCss = ":host{scroll-snap-align:center;-ms-flex-negative:0;flex-shrink:0;width:100%}";
|
|
7
|
-
const IonSegmentContentStyle0 = segmentContentCss;
|
|
8
|
-
|
|
9
|
-
const SegmentContent = /*@__PURE__*/ proxyCustomElement(class SegmentContent extends HTMLElement {
|
|
10
|
-
constructor() {
|
|
11
|
-
super();
|
|
12
|
-
this.__registerHost();
|
|
13
|
-
this.__attachShadow();
|
|
14
|
-
}
|
|
15
|
-
render() {
|
|
16
|
-
return (h(Host, { key: '0b3b79ccf751ca783b40e061e096ae985fab878d' }, h("slot", { key: '857f85e248e9ebe402d5b29503a76e1aad574ae7' })));
|
|
17
|
-
}
|
|
18
|
-
get el() { return this; }
|
|
19
|
-
static get style() { return IonSegmentContentStyle0; }
|
|
20
|
-
}, [1, "ion-segment-content"]);
|
|
21
|
-
function defineCustomElement$1() {
|
|
22
|
-
if (typeof customElements === "undefined") {
|
|
23
|
-
return;
|
|
24
|
-
}
|
|
25
|
-
const components = ["ion-segment-content"];
|
|
26
|
-
components.forEach(tagName => { switch (tagName) {
|
|
27
|
-
case "ion-segment-content":
|
|
28
|
-
if (!customElements.get(tagName)) {
|
|
29
|
-
customElements.define(tagName, SegmentContent);
|
|
30
|
-
}
|
|
31
|
-
break;
|
|
32
|
-
} });
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
const IonSegmentContent = SegmentContent;
|
|
36
|
-
const defineCustomElement = defineCustomElement$1;
|
|
37
|
-
|
|
38
|
-
export { IonSegmentContent, defineCustomElement };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../dist/types/components";
|
|
2
|
-
|
|
3
|
-
interface IonSegmentView extends Components.IonSegmentView, HTMLElement {}
|
|
4
|
-
export const IonSegmentView: {
|
|
5
|
-
prototype: IonSegmentView;
|
|
6
|
-
new (): IonSegmentView;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
5
|
-
import { a as addEventListener } from './helpers.js';
|
|
6
|
-
|
|
7
|
-
const segmentViewCss = ":host{display:-ms-flexbox;display:flex;grid-column:1/-1;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}";
|
|
8
|
-
const IonSegmentViewStyle0 = segmentViewCss;
|
|
9
|
-
|
|
10
|
-
const SegmentView = /*@__PURE__*/ proxyCustomElement(class SegmentView extends HTMLElement {
|
|
11
|
-
constructor() {
|
|
12
|
-
super();
|
|
13
|
-
this.__registerHost();
|
|
14
|
-
this.__attachShadow();
|
|
15
|
-
this.segmentEl = null;
|
|
16
|
-
this.updateSection = () => {
|
|
17
|
-
const { segmentEl } = this;
|
|
18
|
-
if (segmentEl) {
|
|
19
|
-
const value = segmentEl.value;
|
|
20
|
-
const index = this.getSegmentButtonIndexWithValue(value);
|
|
21
|
-
this.setSection(index);
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
this.setSection = (index) => {
|
|
25
|
-
const sectionWidth = this.el.offsetWidth;
|
|
26
|
-
this.el.scrollTo({
|
|
27
|
-
top: 0,
|
|
28
|
-
left: index * sectionWidth,
|
|
29
|
-
behavior: 'smooth',
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
segmentViewScroll(ev) {
|
|
34
|
-
const { segmentEl } = this;
|
|
35
|
-
const atSnappingPoint = ev.target.scrollLeft % ev.target.offsetWidth === 0;
|
|
36
|
-
if (atSnappingPoint) {
|
|
37
|
-
const index = Math.round(ev.target.scrollLeft / ev.target.offsetWidth);
|
|
38
|
-
const segmentButton = this.getSegmentButtonAtIndex(index);
|
|
39
|
-
if (segmentEl) {
|
|
40
|
-
segmentEl.value = segmentButton.value;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
connectedCallback() {
|
|
45
|
-
const segmentEl = (this.segmentEl = document.querySelector(`ion-segment[view=${this.el.id}]`));
|
|
46
|
-
if (segmentEl) {
|
|
47
|
-
addEventListener(segmentEl, 'ionChange', this.updateSection);
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
getSegmentButtons() {
|
|
51
|
-
const { segmentEl } = this;
|
|
52
|
-
if (!segmentEl) {
|
|
53
|
-
return [];
|
|
54
|
-
}
|
|
55
|
-
return Array.from(segmentEl.querySelectorAll('ion-segment-button'));
|
|
56
|
-
}
|
|
57
|
-
getSegmentButtonAtIndex(index) {
|
|
58
|
-
return this.getSegmentButtons()[index];
|
|
59
|
-
}
|
|
60
|
-
getSegmentButtonIndexWithValue(value) {
|
|
61
|
-
return this.getSegmentButtons().findIndex((b) => b.value === value);
|
|
62
|
-
}
|
|
63
|
-
render() {
|
|
64
|
-
return (h(Host, { key: '3a5d905041b663c7e533c5361472fdaad65d0e46' }, h("slot", { key: 'd4a6c6942afa53c22c7edf03275a0fb4ad7cbeb1' })));
|
|
65
|
-
}
|
|
66
|
-
get el() { return this; }
|
|
67
|
-
static get style() { return IonSegmentViewStyle0; }
|
|
68
|
-
}, [1, "ion-segment-view", undefined, [[1, "scroll", "segmentViewScroll"]]]);
|
|
69
|
-
function defineCustomElement$1() {
|
|
70
|
-
if (typeof customElements === "undefined") {
|
|
71
|
-
return;
|
|
72
|
-
}
|
|
73
|
-
const components = ["ion-segment-view"];
|
|
74
|
-
components.forEach(tagName => { switch (tagName) {
|
|
75
|
-
case "ion-segment-view":
|
|
76
|
-
if (!customElements.get(tagName)) {
|
|
77
|
-
customElements.define(tagName, SegmentView);
|
|
78
|
-
}
|
|
79
|
-
break;
|
|
80
|
-
} });
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
const IonSegmentView = SegmentView;
|
|
84
|
-
const defineCustomElement = defineCustomElement$1;
|
|
85
|
-
|
|
86
|
-
export { IonSegmentView, defineCustomElement };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
'use strict';
|
|
5
|
-
|
|
6
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
|
-
|
|
8
|
-
const index = require('./index-7f6ce0b7.js');
|
|
9
|
-
|
|
10
|
-
const segmentContentCss = ":host{scroll-snap-align:center;-ms-flex-negative:0;flex-shrink:0;width:100%}";
|
|
11
|
-
const IonSegmentContentStyle0 = segmentContentCss;
|
|
12
|
-
|
|
13
|
-
const SegmentContent = class {
|
|
14
|
-
constructor(hostRef) {
|
|
15
|
-
index.registerInstance(this, hostRef);
|
|
16
|
-
}
|
|
17
|
-
render() {
|
|
18
|
-
return (index.h(index.Host, { key: '0b3b79ccf751ca783b40e061e096ae985fab878d' }, index.h("slot", { key: '857f85e248e9ebe402d5b29503a76e1aad574ae7' })));
|
|
19
|
-
}
|
|
20
|
-
get el() { return index.getElement(this); }
|
|
21
|
-
};
|
|
22
|
-
SegmentContent.style = IonSegmentContentStyle0;
|
|
23
|
-
|
|
24
|
-
exports.ion_segment_content = SegmentContent;
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
'use strict';
|
|
5
|
-
|
|
6
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
|
-
|
|
8
|
-
const index = require('./index-7f6ce0b7.js');
|
|
9
|
-
const helpers = require('./helpers-afaa9001.js');
|
|
10
|
-
|
|
11
|
-
const segmentViewCss = ":host{display:-ms-flexbox;display:flex;grid-column:1/-1;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}";
|
|
12
|
-
const IonSegmentViewStyle0 = segmentViewCss;
|
|
13
|
-
|
|
14
|
-
const SegmentView = class {
|
|
15
|
-
constructor(hostRef) {
|
|
16
|
-
index.registerInstance(this, hostRef);
|
|
17
|
-
this.segmentEl = null;
|
|
18
|
-
this.updateSection = () => {
|
|
19
|
-
const { segmentEl } = this;
|
|
20
|
-
if (segmentEl) {
|
|
21
|
-
const value = segmentEl.value;
|
|
22
|
-
const index = this.getSegmentButtonIndexWithValue(value);
|
|
23
|
-
this.setSection(index);
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
this.setSection = (index) => {
|
|
27
|
-
const sectionWidth = this.el.offsetWidth;
|
|
28
|
-
this.el.scrollTo({
|
|
29
|
-
top: 0,
|
|
30
|
-
left: index * sectionWidth,
|
|
31
|
-
behavior: 'smooth',
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
segmentViewScroll(ev) {
|
|
36
|
-
const { segmentEl } = this;
|
|
37
|
-
const atSnappingPoint = ev.target.scrollLeft % ev.target.offsetWidth === 0;
|
|
38
|
-
if (atSnappingPoint) {
|
|
39
|
-
const index = Math.round(ev.target.scrollLeft / ev.target.offsetWidth);
|
|
40
|
-
const segmentButton = this.getSegmentButtonAtIndex(index);
|
|
41
|
-
if (segmentEl) {
|
|
42
|
-
segmentEl.value = segmentButton.value;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
connectedCallback() {
|
|
47
|
-
const segmentEl = (this.segmentEl = document.querySelector(`ion-segment[view=${this.el.id}]`));
|
|
48
|
-
if (segmentEl) {
|
|
49
|
-
helpers.addEventListener(segmentEl, 'ionChange', this.updateSection);
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
getSegmentButtons() {
|
|
53
|
-
const { segmentEl } = this;
|
|
54
|
-
if (!segmentEl) {
|
|
55
|
-
return [];
|
|
56
|
-
}
|
|
57
|
-
return Array.from(segmentEl.querySelectorAll('ion-segment-button'));
|
|
58
|
-
}
|
|
59
|
-
getSegmentButtonAtIndex(index) {
|
|
60
|
-
return this.getSegmentButtons()[index];
|
|
61
|
-
}
|
|
62
|
-
getSegmentButtonIndexWithValue(value) {
|
|
63
|
-
return this.getSegmentButtons().findIndex((b) => b.value === value);
|
|
64
|
-
}
|
|
65
|
-
render() {
|
|
66
|
-
return (index.h(index.Host, { key: '3a5d905041b663c7e533c5361472fdaad65d0e46' }, index.h("slot", { key: 'd4a6c6942afa53c22c7edf03275a0fb4ad7cbeb1' })));
|
|
67
|
-
}
|
|
68
|
-
get el() { return index.getElement(this); }
|
|
69
|
-
};
|
|
70
|
-
SegmentView.style = IonSegmentViewStyle0;
|
|
71
|
-
|
|
72
|
-
exports.ion_segment_view = SegmentView;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import { Host, h } from "@stencil/core";
|
|
5
|
-
export class SegmentContent {
|
|
6
|
-
render() {
|
|
7
|
-
return (h(Host, { key: '0b3b79ccf751ca783b40e061e096ae985fab878d' }, h("slot", { key: '857f85e248e9ebe402d5b29503a76e1aad574ae7' })));
|
|
8
|
-
}
|
|
9
|
-
static get is() { return "ion-segment-content"; }
|
|
10
|
-
static get encapsulation() { return "shadow"; }
|
|
11
|
-
static get originalStyleUrls() {
|
|
12
|
-
return {
|
|
13
|
-
"$": ["segment-content.scss"]
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
static get styleUrls() {
|
|
17
|
-
return {
|
|
18
|
-
"$": ["segment-content.css"]
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
static get elementRef() { return "el"; }
|
|
22
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
:host {
|
|
2
|
-
display: flex;
|
|
3
|
-
grid-column: 1/-1;
|
|
4
|
-
overflow-x: scroll;
|
|
5
|
-
scroll-snap-type: x mandatory;
|
|
6
|
-
/* Hide scrollbar in Firefox */
|
|
7
|
-
scrollbar-width: none;
|
|
8
|
-
/* Hide scrollbar in IE and Edge */
|
|
9
|
-
-ms-overflow-style: none;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
/* Hide scrollbar in webkit */
|
|
13
|
-
:host::-webkit-scrollbar {
|
|
14
|
-
display: none;
|
|
15
|
-
}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import { Host, h } from "@stencil/core";
|
|
5
|
-
import { addEventListener } from "../../utils/helpers";
|
|
6
|
-
export class SegmentView {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.segmentEl = null;
|
|
9
|
-
this.updateSection = () => {
|
|
10
|
-
const { segmentEl } = this;
|
|
11
|
-
if (segmentEl) {
|
|
12
|
-
const value = segmentEl.value;
|
|
13
|
-
const index = this.getSegmentButtonIndexWithValue(value);
|
|
14
|
-
this.setSection(index);
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
this.setSection = (index) => {
|
|
18
|
-
const sectionWidth = this.el.offsetWidth;
|
|
19
|
-
this.el.scrollTo({
|
|
20
|
-
top: 0,
|
|
21
|
-
left: index * sectionWidth,
|
|
22
|
-
behavior: 'smooth',
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
segmentViewScroll(ev) {
|
|
27
|
-
const { segmentEl } = this;
|
|
28
|
-
const atSnappingPoint = ev.target.scrollLeft % ev.target.offsetWidth === 0;
|
|
29
|
-
if (atSnappingPoint) {
|
|
30
|
-
const index = Math.round(ev.target.scrollLeft / ev.target.offsetWidth);
|
|
31
|
-
const segmentButton = this.getSegmentButtonAtIndex(index);
|
|
32
|
-
if (segmentEl) {
|
|
33
|
-
segmentEl.value = segmentButton.value;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
connectedCallback() {
|
|
38
|
-
const segmentEl = (this.segmentEl = document.querySelector(`ion-segment[view=${this.el.id}]`));
|
|
39
|
-
if (segmentEl) {
|
|
40
|
-
addEventListener(segmentEl, 'ionChange', this.updateSection);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
getSegmentButtons() {
|
|
44
|
-
const { segmentEl } = this;
|
|
45
|
-
if (!segmentEl) {
|
|
46
|
-
return [];
|
|
47
|
-
}
|
|
48
|
-
return Array.from(segmentEl.querySelectorAll('ion-segment-button'));
|
|
49
|
-
}
|
|
50
|
-
getSegmentButtonAtIndex(index) {
|
|
51
|
-
return this.getSegmentButtons()[index];
|
|
52
|
-
}
|
|
53
|
-
getSegmentButtonIndexWithValue(value) {
|
|
54
|
-
return this.getSegmentButtons().findIndex((b) => b.value === value);
|
|
55
|
-
}
|
|
56
|
-
render() {
|
|
57
|
-
return (h(Host, { key: '3a5d905041b663c7e533c5361472fdaad65d0e46' }, h("slot", { key: 'd4a6c6942afa53c22c7edf03275a0fb4ad7cbeb1' })));
|
|
58
|
-
}
|
|
59
|
-
static get is() { return "ion-segment-view"; }
|
|
60
|
-
static get encapsulation() { return "shadow"; }
|
|
61
|
-
static get originalStyleUrls() {
|
|
62
|
-
return {
|
|
63
|
-
"$": ["segment-view.scss"]
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
static get styleUrls() {
|
|
67
|
-
return {
|
|
68
|
-
"$": ["segment-view.css"]
|
|
69
|
-
};
|
|
70
|
-
}
|
|
71
|
-
static get elementRef() { return "el"; }
|
|
72
|
-
static get listeners() {
|
|
73
|
-
return [{
|
|
74
|
-
"name": "scroll",
|
|
75
|
-
"method": "segmentViewScroll",
|
|
76
|
-
"target": undefined,
|
|
77
|
-
"capture": false,
|
|
78
|
-
"passive": true
|
|
79
|
-
}];
|
|
80
|
-
}
|
|
81
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import { r as registerInstance, h, i as Host, g as getElement } from './index-3321c202.js';
|
|
5
|
-
|
|
6
|
-
const segmentContentCss = ":host{scroll-snap-align:center;-ms-flex-negative:0;flex-shrink:0;width:100%}";
|
|
7
|
-
const IonSegmentContentStyle0 = segmentContentCss;
|
|
8
|
-
|
|
9
|
-
const SegmentContent = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
registerInstance(this, hostRef);
|
|
12
|
-
}
|
|
13
|
-
render() {
|
|
14
|
-
return (h(Host, { key: '0b3b79ccf751ca783b40e061e096ae985fab878d' }, h("slot", { key: '857f85e248e9ebe402d5b29503a76e1aad574ae7' })));
|
|
15
|
-
}
|
|
16
|
-
get el() { return getElement(this); }
|
|
17
|
-
};
|
|
18
|
-
SegmentContent.style = IonSegmentContentStyle0;
|
|
19
|
-
|
|
20
|
-
export { SegmentContent as ion_segment_content };
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import { r as registerInstance, h, i as Host, g as getElement } from './index-3321c202.js';
|
|
5
|
-
import { a as addEventListener } from './helpers-da915de8.js';
|
|
6
|
-
|
|
7
|
-
const segmentViewCss = ":host{display:-ms-flexbox;display:flex;grid-column:1/-1;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}";
|
|
8
|
-
const IonSegmentViewStyle0 = segmentViewCss;
|
|
9
|
-
|
|
10
|
-
const SegmentView = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
registerInstance(this, hostRef);
|
|
13
|
-
this.segmentEl = null;
|
|
14
|
-
this.updateSection = () => {
|
|
15
|
-
const { segmentEl } = this;
|
|
16
|
-
if (segmentEl) {
|
|
17
|
-
const value = segmentEl.value;
|
|
18
|
-
const index = this.getSegmentButtonIndexWithValue(value);
|
|
19
|
-
this.setSection(index);
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
this.setSection = (index) => {
|
|
23
|
-
const sectionWidth = this.el.offsetWidth;
|
|
24
|
-
this.el.scrollTo({
|
|
25
|
-
top: 0,
|
|
26
|
-
left: index * sectionWidth,
|
|
27
|
-
behavior: 'smooth',
|
|
28
|
-
});
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
segmentViewScroll(ev) {
|
|
32
|
-
const { segmentEl } = this;
|
|
33
|
-
const atSnappingPoint = ev.target.scrollLeft % ev.target.offsetWidth === 0;
|
|
34
|
-
if (atSnappingPoint) {
|
|
35
|
-
const index = Math.round(ev.target.scrollLeft / ev.target.offsetWidth);
|
|
36
|
-
const segmentButton = this.getSegmentButtonAtIndex(index);
|
|
37
|
-
if (segmentEl) {
|
|
38
|
-
segmentEl.value = segmentButton.value;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
connectedCallback() {
|
|
43
|
-
const segmentEl = (this.segmentEl = document.querySelector(`ion-segment[view=${this.el.id}]`));
|
|
44
|
-
if (segmentEl) {
|
|
45
|
-
addEventListener(segmentEl, 'ionChange', this.updateSection);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
getSegmentButtons() {
|
|
49
|
-
const { segmentEl } = this;
|
|
50
|
-
if (!segmentEl) {
|
|
51
|
-
return [];
|
|
52
|
-
}
|
|
53
|
-
return Array.from(segmentEl.querySelectorAll('ion-segment-button'));
|
|
54
|
-
}
|
|
55
|
-
getSegmentButtonAtIndex(index) {
|
|
56
|
-
return this.getSegmentButtons()[index];
|
|
57
|
-
}
|
|
58
|
-
getSegmentButtonIndexWithValue(value) {
|
|
59
|
-
return this.getSegmentButtons().findIndex((b) => b.value === value);
|
|
60
|
-
}
|
|
61
|
-
render() {
|
|
62
|
-
return (h(Host, { key: '3a5d905041b663c7e533c5361472fdaad65d0e46' }, h("slot", { key: 'd4a6c6942afa53c22c7edf03275a0fb4ad7cbeb1' })));
|
|
63
|
-
}
|
|
64
|
-
get el() { return getElement(this); }
|
|
65
|
-
};
|
|
66
|
-
SegmentView.style = IonSegmentViewStyle0;
|
|
67
|
-
|
|
68
|
-
export { SegmentView as ion_segment_view };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import{r as registerInstance,h,i as Host,g as getElement}from"./index-3321c202.js";var segmentContentCss=":host{scroll-snap-align:center;-ms-flex-negative:0;flex-shrink:0;width:100%}";var IonSegmentContentStyle0=segmentContentCss;var SegmentContent=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"0b3b79ccf751ca783b40e061e096ae985fab878d"},h("slot",{key:"857f85e248e9ebe402d5b29503a76e1aad574ae7"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();SegmentContent.style=IonSegmentContentStyle0;export{SegmentContent as ion_segment_content};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import{r as registerInstance,h,i as Host,g as getElement}from"./index-3321c202.js";import{a as addEventListener}from"./helpers-da915de8.js";var segmentViewCss=":host{display:-ms-flexbox;display:flex;grid-column:1/-1;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}";var IonSegmentViewStyle0=segmentViewCss;var SegmentView=function(){function e(e){var t=this;registerInstance(this,e);this.segmentEl=null;this.updateSection=function(){var e=t.segmentEl;if(e){var n=e.value;var r=t.getSegmentButtonIndexWithValue(n);t.setSection(r)}};this.setSection=function(e){var n=t.el.offsetWidth;t.el.scrollTo({top:0,left:e*n,behavior:"smooth"})}}e.prototype.segmentViewScroll=function(e){var t=this.segmentEl;var n=e.target.scrollLeft%e.target.offsetWidth===0;if(n){var r=Math.round(e.target.scrollLeft/e.target.offsetWidth);var i=this.getSegmentButtonAtIndex(r);if(t){t.value=i.value}}};e.prototype.connectedCallback=function(){var e=this.segmentEl=document.querySelector("ion-segment[view=".concat(this.el.id,"]"));if(e){addEventListener(e,"ionChange",this.updateSection)}};e.prototype.getSegmentButtons=function(){var e=this.segmentEl;if(!e){return[]}return Array.from(e.querySelectorAll("ion-segment-button"))};e.prototype.getSegmentButtonAtIndex=function(e){return this.getSegmentButtons()[e]};e.prototype.getSegmentButtonIndexWithValue=function(e){return this.getSegmentButtons().findIndex((function(t){return t.value===e}))};e.prototype.render=function(){return h(Host,{key:"3a5d905041b663c7e533c5361472fdaad65d0e46"},h("slot",{key:"d4a6c6942afa53c22c7edf03275a0fb4ad7cbeb1"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();SegmentView.style=IonSegmentViewStyle0;export{SegmentView as ion_segment_view};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import{r as o,h as s,i as r}from"./p-493a4548.js";import{c as t}from"./p-47794def.js";import{d as a}from"./p-9ead4417.js";const c=class{constructor(s){o(this,s),this.color=void 0}render(){const o=a(this);return s(r,{key:"e1398a44433bb39074bd1c03a157968fde144dbd",class:t(this.color,{[o]:!0})},s("slot",{key:"1c26cfb6121b165c9129fad3e98ae8a373949721"}))}};c.style=":host(.ion-color){color:var(--ion-color-base)}";export{c as ion_text}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import{r as e,h as s,i as t,g as a}from"./p-493a4548.js";const r=class{constructor(s){e(this,s)}render(){return s(t,{key:"0b3b79ccf751ca783b40e061e096ae985fab878d"},s("slot",{key:"857f85e248e9ebe402d5b29503a76e1aad574ae7"}))}get el(){return a(this)}};r.style=":host{scroll-snap-align:center;-ms-flex-negative:0;flex-shrink:0;width:100%}";export{r as ion_segment_content}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import{r as e,h as r,i as s}from"./p-493a4548.js";import{c as n}from"./p-47794def.js";import{c as t,d as i}from"./p-9ead4417.js";import{S as a}from"./p-f0c2a614.js";const o=class{constructor(r){e(this,r),this.color=void 0,this.duration=void 0,this.name=void 0,this.paused=!1}getName(){const e=this.name||t.get("spinner"),r=i(this);return e||("ios"===r?"lines":"circular")}render(){var e;const o=this,p=i(o),f=o.getName(),m=null!==(e=a[f])&&void 0!==e?e:a.lines,k="number"==typeof o.duration&&o.duration>10?o.duration:m.dur,d=[];if(void 0!==m.circles)for(let e=0;e<m.circles;e++)d.push(l(m,k,e,m.circles));else if(void 0!==m.lines)for(let e=0;e<m.lines;e++)d.push(c(m,k,e,m.lines));return r(s,{key:"5cb7fe35a97d06ec56f83facd294847b51cbc7af",class:n(o.color,{[p]:!0,[`spinner-${f}`]:!0,"spinner-paused":o.paused||t.getBoolean("_testing")}),role:"progressbar",style:m.elmDuration?{animationDuration:k+"ms"}:{}},d)}},l=(e,s,n,t)=>{const i=e.fn(s,n,t);return i.style["animation-duration"]=s+"ms",r("svg",{viewBox:i.viewBox||"0 0 64 64",style:i.style},r("circle",{transform:i.transform||"translate(32,32)",cx:i.cx,cy:i.cy,r:i.r,style:e.elmDuration?{animationDuration:s+"ms"}:{}}))},c=(e,s,n,t)=>{const i=e.fn(s,n,t);return i.style["animation-duration"]=s+"ms",r("svg",{viewBox:i.viewBox||"0 0 64 64",style:i.style},r("line",{transform:"translate(32,32)",y1:i.y1,y2:i.y2}))};o.style=":host{display:inline-block;position:relative;width:28px;height:28px;color:var(--color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.ion-color){color:var(--ion-color-base)}svg{-webkit-transform-origin:center;transform-origin:center;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}:host-context([dir=rtl]) svg{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] svg{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){svg:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}:host(.spinner-lines) line,:host(.spinner-lines-small) line{stroke-width:7px}:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-width:4px}:host(.spinner-lines) line,:host(.spinner-lines-small) line,:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-linecap:round;stroke:currentColor}:host(.spinner-lines) svg,:host(.spinner-lines-small) svg,:host(.spinner-lines-sharp) svg,:host(.spinner-lines-sharp-small) svg{-webkit-animation:spinner-fade-out 1s linear infinite;animation:spinner-fade-out 1s linear infinite}:host(.spinner-bubbles) svg{-webkit-animation:spinner-scale-out 1s linear infinite;animation:spinner-scale-out 1s linear infinite;fill:currentColor}:host(.spinner-circles) svg{-webkit-animation:spinner-fade-out 1s linear infinite;animation:spinner-fade-out 1s linear infinite;fill:currentColor}:host(.spinner-crescent) circle{fill:transparent;stroke-width:4px;stroke-dasharray:128px;stroke-dashoffset:82px;stroke:currentColor}:host(.spinner-crescent) svg{-webkit-animation:spinner-rotate 1s linear infinite;animation:spinner-rotate 1s linear infinite}:host(.spinner-dots) circle{stroke-width:0;fill:currentColor}:host(.spinner-dots) svg{-webkit-animation:spinner-dots 1s linear infinite;animation:spinner-dots 1s linear infinite}:host(.spinner-circular) svg{-webkit-animation:spinner-circular linear infinite;animation:spinner-circular linear infinite}:host(.spinner-circular) circle{-webkit-animation:spinner-circular-inner ease-in-out infinite;animation:spinner-circular-inner ease-in-out infinite;stroke:currentColor;stroke-dasharray:80px, 200px;stroke-dashoffset:0px;stroke-width:5.6;fill:none}:host(.spinner-paused),:host(.spinner-paused) svg,:host(.spinner-paused) circle{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes spinner-scale-out{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}}@keyframes spinner-scale-out{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}}@-webkit-keyframes spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-dots{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}50%{-webkit-transform:scale(0.4, 0.4);transform:scale(0.4, 0.4);opacity:0.3}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}}@keyframes spinner-dots{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}50%{-webkit-transform:scale(0.4, 0.4);transform:scale(0.4, 0.4);opacity:0.3}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}}@-webkit-keyframes spinner-circular{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-circular{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-circular-inner{0%{stroke-dasharray:1px, 200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px, 200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px, 200px;stroke-dashoffset:-125px}}@keyframes spinner-circular-inner{0%{stroke-dasharray:1px, 200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px, 200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px, 200px;stroke-dashoffset:-125px}}";export{o as ion_spinner}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
System.register(["./p-2df16673.system.js","./p-3e2568b9.system.js","./p-4609d030.system.js"],(function(i){"use strict";var a,n,r,e,t,o;return{setters:[function(i){a=i.r;n=i.h;r=i.i;e=i.g},function(i){t=i.d},function(i){o=i.c}],execute:function(){var d=":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--ionic-space-0, 0px);--padding-bottom:var(--ionic-space-0, 0px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ionic-color-neutral-100, #f1f1f1);color:var(--ionic-color-neutral-800, #626262);font-weight:var(--ionic-font-weight-medium, 500);line-height:var(--ionic-line-height-700, 28px)}:host(:not(.avatar-image)){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border:var(--ionic-border-size-025, 1px) var(--ionic-border-style-solid, solid) var(--ionic-color-neutral-800, #626262)}:host(.avatar-xsmall){--padding-end:var(--ionic-space-050, 2px);--padding-start:var(--ionic-space-050, 2px);width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px);font-size:var(--ionic-font-size-300, 0.75rem);line-height:var(--ionic-line-height-400, 16px)}:host(.avatar-small){--padding-end:var(--ionic-space-150, 6px);--padding-start:var(--ionic-space-150, 6px);width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-400, 1rem);line-height:var(--ionic-line-height-600, 24px)}:host(.avatar-medium){--padding-end:var(--ionic-space-200, 8px);--padding-start:var(--ionic-space-200, 8px);width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px);font-size:var(--ionic-font-size-450, 1.125rem)}:host(.avatar-large){--padding-end:var(--ionic-space-250, 10px);--padding-start:var(--ionic-space-250, 10px);width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);font-size:var(--ionic-font-size-500, 1.25rem)}:host(.avatar-xlarge){--padding-end:var(--ionic-space-300, 12px);--padding-start:var(--ionic-space-300, 12px);width:var(--ionic-scale-1400, 56px);height:var(--ionic-scale-1400, 56px);font-size:var(--ionic-font-size-550, 1.375rem)}:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ionic-border-radius-100, 4px)}:host(.avatar-soft){--border-radius:var(--ionic-border-radius-200, 8px)}:host(.avatar-round){--border-radius:var(--ionic-border-radius-full, 999px)}:host(.avatar-rectangular){--border-radius:var(--ionic-border-radius-0, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--ionic-scale-400, 16px);height:var(--ionic-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--ionic-scale-500, 20px);height:var(--ionic-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px)}";var s=d;var c=":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}";var p=c;var l=":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:64px;height:64px}";var h=l;var g=i("ion_avatar",function(){function i(i){a(this,i);this.size=undefined;this.shape=undefined}Object.defineProperty(i.prototype,"hasImage",{get:function(){return!!this.el.querySelector("ion-img")||!!this.el.querySelector("img")},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"hasIcon",{get:function(){return!!this.el.querySelector("ion-icon")},enumerable:false,configurable:true});i.prototype.getSize=function(){var i=t(this);var a=this.size;if(i!=="ionic"){return undefined}if(a===undefined){return"medium"}return a};i.prototype.getShape=function(){var i=t(this);var a=this.shape;if(i!=="ionic"){return undefined}if(a===undefined){return"round"}return a};i.prototype.render=function(){var i;var a=t(this);var e=this.getSize();var o=this.getShape();return n(r,{key:"ce0752a14af73eb2731d916be9522db4312bd8f8",class:(i={},i[a]=true,i["avatar-".concat(e)]=e!==undefined,i["avatar-".concat(o)]=o!==undefined,i["avatar-image"]=this.hasImage,i["avatar-icon"]=this.hasIcon,i)},n("slot",{key:"9cd3c8e0d4ced7896b8496b75208c938735af1b2"}))};Object.defineProperty(i.prototype,"el",{get:function(){return e(this)},enumerable:false,configurable:true});return i}());g.style={ionic:s,ios:p,md:h};var v=":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-start:var(--ionic-space-100, 4px);--padding-end:var(--ionic-space-100, 4px);--padding-top:var(--ionic-space-0, 0px);--padding-bottom:var(--ionic-space-0, 0px);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--ionic-font-weight-medium, 500)}:host(.badge-soft){border-radius:var(--ionic-border-radius-200, 8px)}:host(.badge-xxsmall.badge-soft),:host(.badge-xsmall.badge-soft),:host(.badge-small.badge-soft){border-radius:var(--ionic-border-radius-100, 4px)}:host(.badge-round){border-radius:var(--ionic-border-radius-full, 999px)}:host(.badge-rectangular){border-radius:var(--ionic-border-radius-0, 0px)}:host(.badge-xxsmall){min-width:var(--ionic-scale-400, 16px);height:var(--ionic-scale-400, 16px);font-size:var(--ionic-font-size-300, 0.75rem);line-height:var(--ionic-line-height-400, 16px)}:host(.badge-xsmall){min-width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px);font-size:var(--ionic-font-size-350, 0.875rem);line-height:var(--ionic-line-height-600, 24px)}:host(.badge-small){min-width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-400, 1rem);line-height:var(--ionic-line-height-600, 24px)}:host(.badge-medium){min-width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px);font-size:var(--ionic-font-size-450, 1.125rem);line-height:var(--ionic-line-height-700, 28px)}:host(.badge-large){--padding-start:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-200, 8px);min-width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);font-size:var(--ionic-font-size-500, 1.25rem);line-height:var(--ionic-line-height-700, 28px)}:host(.badge-xlarge){--padding-start:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-200, 8px);min-width:var(--ionic-scale-1400, 56px);height:var(--ionic-scale-1400, 56px);font-size:var(--ionic-font-size-550, 1.375rem);line-height:var(--ionic-line-height-700, 28px)}";var f=v;var b=":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}";var u=b;var x=":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";var m=x;var w=i("ion_badge",function(){function i(i){a(this,i);this.color=undefined;this.shape=undefined;this.size=undefined}i.prototype.getShape=function(){var i=t(this);var a=this.shape;if(i!=="ionic"){return undefined}if(a===undefined){return"round"}return a};i.prototype.getSize=function(){var i=t(this);var a=this.size;if(i!=="ionic"){return undefined}if(a===undefined){return"small"}return a};i.prototype.render=function(){var i;var a=this.getShape();var e=this.getSize();var d=t(this);return n(r,{key:"c90c2b6ac737ec5ebfa28bb2ccef6517a9a9b84e",class:o(this.color,(i={},i[d]=true,i["badge-".concat(a)]=a!==undefined,i["badge-".concat(e)]=e!==undefined,i))},n("slot",{key:"4a3a379d86e60a04a449b8a0bf8f99776d64bc4c"}))};return i}());w.style={ionic:f,ios:u,md:m};var y=":host{--size:48px;--border-radius:0;border-radius:var(--border-radius);display:block;width:var(--size);height:var(--size)}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}";var k=y;var z=i("ion_thumbnail",function(){function i(i){a(this,i)}i.prototype.render=function(){var i;var a=t(this);return n(r,{key:"43ea61d750f53e8f3623df191eb3795a59599e40",class:(i={},i[a]=true,i)},n("slot",{key:"feaecfa188c84b219d61ff99296b34c7ab26ec66"}))};return i}());z.style=k}}}));
|