@ionic/core 8.2.3-dev.11718879673.1a3f486b → 8.2.3-dev.11719301373.17616928
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/buttons.js +6 -6
- package/components/ion-item-option.js +21 -5
- package/components/ion-item-options.js +3 -3
- package/components/ion-menu-button.js +6 -6
- package/components/ion-searchbar.js +8 -8
- package/components/ion-tab-bar.js +3 -3
- package/components/ion-tab-button.js +1 -1
- package/components/ion-title.js +6 -6
- package/components/ion-toolbar.js +11 -7
- package/components/list.js +22 -3
- package/dist/cjs/ion-app_8.cjs.entry.js +21 -18
- package/dist/cjs/ion-item-option_3.cjs.entry.js +22 -7
- package/dist/cjs/ion-item_8.cjs.entry.js +21 -3
- package/dist/cjs/ion-menu_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-searchbar.cjs.entry.js +8 -8
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
- package/dist/cjs/ionic.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/buttons/buttons.ionic.css +101 -0
- package/dist/collection/components/buttons/buttons.ios.css +37 -3
- package/dist/collection/components/buttons/buttons.js +4 -4
- package/dist/collection/components/buttons/buttons.md.css +37 -3
- package/dist/collection/components/item-option/item-option.ionic.css +325 -0
- package/dist/collection/components/item-option/item-option.js +36 -4
- package/dist/collection/components/item-options/item-options.ionic.css +260 -0
- package/dist/collection/components/item-options/item-options.js +3 -3
- package/dist/collection/components/item-sliding/test/icons/item-sliding.e2e.js +1 -1
- package/dist/collection/components/item-sliding/test/shapes/item-sliding.e2e.js +28 -0
- package/dist/collection/components/list/list.ionic.css +174 -0
- package/dist/collection/components/list/list.js +38 -3
- package/dist/collection/components/list/list.md.css +2 -2
- package/dist/collection/components/list/test/shape/list.e2e.js +204 -0
- package/dist/collection/components/menu-button/menu-button.ionic.css +240 -0
- package/dist/collection/components/menu-button/menu-button.ios.css +32 -10
- package/dist/collection/components/menu-button/menu-button.js +4 -4
- package/dist/collection/components/menu-button/menu-button.md.css +32 -10
- package/dist/collection/components/searchbar/searchbar.ionic.css +269 -0
- package/dist/collection/components/searchbar/searchbar.ios.css +42 -16
- package/dist/collection/components/searchbar/searchbar.js +6 -6
- package/dist/collection/components/searchbar/searchbar.md.css +42 -16
- package/dist/collection/components/tab-bar/tab-bar.ionic.css +94 -57
- package/dist/collection/components/tab-bar/tab-bar.ios.css +46 -43
- package/dist/collection/components/tab-bar/tab-bar.md.css +46 -43
- package/dist/collection/components/tab-button/tab-button.ionic.css +2 -2
- package/dist/collection/components/title/test/theme-ionic/title.e2e.js +14 -0
- package/dist/collection/components/title/title.ionic.css +155 -0
- package/dist/collection/components/title/title.ios.css +26 -4
- package/dist/collection/components/title/title.js +4 -4
- package/dist/collection/components/title/title.md.css +26 -4
- package/dist/collection/components/toolbar/toolbar.ionic.css +233 -0
- package/dist/collection/components/toolbar/toolbar.ios.css +82 -51
- package/dist/collection/components/toolbar/toolbar.js +25 -4
- package/dist/collection/components/toolbar/toolbar.md.css +82 -51
- package/dist/docs.json +89 -1
- package/dist/esm/ion-app_8.entry.js +21 -18
- package/dist/esm/ion-item-option_3.entry.js +22 -7
- package/dist/esm/ion-item_8.entry.js +21 -3
- package/dist/esm/ion-menu_3.entry.js +6 -6
- package/dist/esm/ion-searchbar.entry.js +8 -8
- package/dist/esm/ion-tab-bar_2.entry.js +4 -4
- 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-item-option_3.entry.js +1 -1
- package/dist/esm-es5/ion-item_8.entry.js +1 -1
- package/dist/esm-es5/ion-menu_3.entry.js +1 -1
- package/dist/esm-es5/ion-searchbar.entry.js +1 -1
- package/dist/esm-es5/ion-tab-bar_2.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 +34 -0
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-12a0de44.system.entry.js +4 -0
- package/dist/ionic/p-214631b2.system.entry.js +4 -0
- package/dist/ionic/p-224ad51a.entry.js +4 -0
- package/dist/ionic/{p-12c07c03.system.entry.js → p-663d8429.system.entry.js} +1 -1
- package/dist/ionic/p-7141dfca.entry.js +4 -0
- package/dist/ionic/p-7b590e46.system.js +1 -1
- package/dist/ionic/p-8052f3ad.entry.js +4 -0
- package/dist/ionic/p-82297db9.system.entry.js +4 -0
- package/dist/ionic/{p-89efe86f.entry.js → p-9a52a085.entry.js} +1 -1
- package/dist/ionic/p-b14d56c8.system.entry.js +4 -0
- package/dist/ionic/{p-59cd0dd7.system.entry.js → p-c2eece5e.system.entry.js} +1 -1
- package/dist/ionic/p-cd9a7c32.entry.js +4 -0
- package/dist/ionic/p-d718695f.entry.js +4 -0
- package/dist/types/components/item-option/item-option.d.ts +9 -0
- package/dist/types/components/list/list.d.ts +13 -0
- package/dist/types/components/toolbar/toolbar.d.ts +5 -0
- package/dist/types/components.d.ts +24 -0
- package/hydrate/index.js +88 -49
- package/package.json +1 -1
- package/dist/ionic/p-0116d120.entry.js +0 -4
- package/dist/ionic/p-24d2aea3.entry.js +0 -4
- package/dist/ionic/p-2fdc82b4.entry.js +0 -4
- package/dist/ionic/p-350462f9.system.entry.js +0 -4
- package/dist/ionic/p-37e801db.entry.js +0 -4
- package/dist/ionic/p-cdc9a11c.system.entry.js +0 -4
- package/dist/ionic/p-d5fc7d63.entry.js +0 -4
- package/dist/ionic/p-ea8c8541.system.entry.js +0 -4
- package/dist/ionic/p-fc0922fa.system.entry.js +0 -4
|
@@ -5,13 +5,13 @@ import { proxyCustomElement, HTMLElement, forceUpdate, h, Host } from '@stencil/
|
|
|
5
5
|
import { c as createColorClasses, h as hostContext } from './theme.js';
|
|
6
6
|
import { d as getIonTheme } from './ionic-global.js';
|
|
7
7
|
|
|
8
|
-
const
|
|
9
|
-
const IonToolbarIonicStyle0 =
|
|
8
|
+
const toolbarIonicCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-container{-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:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}::slotted(ion-progress-bar){right:0;left:0;bottom:0;position:absolute}:host{--background:var(--ionic-color-base-white, #ffffff);--color:var(--ionic-color-neutral-1200, #242424);--border-color:currentColor;--padding-top:var(--ionic-space-200, 8px);--padding-bottom:var(--ionic-space-200, 8px);--padding-start:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-200, 8px);--min-height:var(--ionic-scale-1400, 56px)}.toolbar-container{gap:var(--ionic-space-400, 16px);z-index:10}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:3;order:3;min-width:0}:host(.toolbar-divider){border-bottom:var(--ionic-border-size-025, 1px) var(--ionic-border-style-solid, solid) var(--ionic-color-neutral-300, #cfcfcf)}:host(.toolbar-searchbar) .toolbar-container{-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px)}:host(.toolbar-searchbar) ::slotted(ion-searchbar){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}::slotted(ion-title){-webkit-padding-start:var(--padding-top);padding-inline-start:var(--padding-top);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}:host(.toolbar-title-default) ::slotted(ion-title){text-align:center}::slotted([slot=start]){-ms-flex-order:1;order:1}::slotted([slot=secondary]){-ms-flex-order:2;order:2}::slotted([slot=primary]){-ms-flex-order:4;order:4;text-align:end}::slotted([slot=end]){gap:var(--ionic-space-200, 8px);-ms-flex-order:5;order:5;text-align:end}";
|
|
9
|
+
const IonToolbarIonicStyle0 = toolbarIonicCss;
|
|
10
10
|
|
|
11
|
-
const toolbarIosCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);
|
|
11
|
+
const toolbarIosCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-container{-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:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}::slotted(ion-progress-bar){right:0;left:0;bottom:0;position:absolute}:host{font-family:var(--ion-font-family, inherit);z-index:10}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{z-index:10}.toolbar-background{z-index:-1}:host{--background:var(--ion-toolbar-background, var(--ion-color-step-50, var(--ion-background-color-step-50, #f7f7f7)));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.2)))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:4;order:4;min-width:0}:host(.toolbar-segment) .toolbar-content{display:-ms-inline-flexbox;display:inline-flex}:host(.toolbar-searchbar) .toolbar-container{padding-top:0;padding-bottom:0}:host(.toolbar-searchbar) ::slotted(*){-ms-flex-item-align:start;align-self:start}:host(.toolbar-searchbar) ::slotted(ion-chip){margin-top:3px}::slotted(ion-buttons){min-height:38px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:3;order:3}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}:host(.toolbar-title-large) .toolbar-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}:host(.toolbar-title-large) .toolbar-content ion-title{-ms-flex:1;flex:1;-ms-flex-order:8;order:8;min-width:100%}";
|
|
12
12
|
const IonToolbarIosStyle0 = toolbarIosCss;
|
|
13
13
|
|
|
14
|
-
const toolbarMdCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);
|
|
14
|
+
const toolbarMdCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-container{-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:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}::slotted(ion-progress-bar){right:0;left:0;bottom:0;position:absolute}:host{font-family:var(--ion-font-family, inherit);z-index:10}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{z-index:10}.toolbar-background{z-index:-1}:host{--background:var(--ion-toolbar-background, var(--ion-background-color, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #424242));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, #c1c4cd))));--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--min-height:56px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:3;order:3;min-width:0;max-width:100%}::slotted(.buttons-first-slot){-webkit-margin-start:4px;margin-inline-start:4px}::slotted(.buttons-last-slot){-webkit-margin-end:4px;margin-inline-end:4px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:4;order:4}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}";
|
|
15
15
|
const IonToolbarMdStyle0 = toolbarMdCss;
|
|
16
16
|
|
|
17
17
|
const Toolbar = /*@__PURE__*/ proxyCustomElement(class Toolbar extends HTMLElement {
|
|
@@ -21,6 +21,7 @@ const Toolbar = /*@__PURE__*/ proxyCustomElement(class Toolbar extends HTMLEleme
|
|
|
21
21
|
this.__attachShadow();
|
|
22
22
|
this.childrenStyles = new Map();
|
|
23
23
|
this.color = undefined;
|
|
24
|
+
this.divider = false;
|
|
24
25
|
}
|
|
25
26
|
componentWillLoad() {
|
|
26
27
|
const buttons = Array.from(this.el.querySelectorAll('ion-buttons'));
|
|
@@ -62,14 +63,16 @@ const Toolbar = /*@__PURE__*/ proxyCustomElement(class Toolbar extends HTMLEleme
|
|
|
62
63
|
}
|
|
63
64
|
render() {
|
|
64
65
|
const theme = getIonTheme(this);
|
|
66
|
+
const { divider } = this;
|
|
65
67
|
const childStyles = {};
|
|
66
68
|
this.childrenStyles.forEach((value) => {
|
|
67
69
|
Object.assign(childStyles, value);
|
|
68
70
|
});
|
|
69
|
-
return (h(Host, { key: '
|
|
71
|
+
return (h(Host, { key: 'f5da1b790268b25ce0130be750640968aec611f5', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
|
|
70
72
|
[theme]: true,
|
|
71
73
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
72
|
-
|
|
74
|
+
'toolbar-divider': divider,
|
|
75
|
+
})) }, h("div", { key: 'd33c7e825763af744d07d4ec7a7856b902912e9c', class: "toolbar-background" }), h("div", { key: '3e85e2bd3861212a7cb709afbe851971518db74b', class: "toolbar-container" }, h("slot", { key: '5b9373e89733c10ed5e9097136afce2c262a2174', name: "start" }), h("slot", { key: '46356ccb4fab24b6239142530d96ed48d4a993e8', name: "secondary" }), h("div", { key: 'b5ac75f16fbd71cf1e89a28e1fd17aa27e01c8c4', class: "toolbar-content" }, h("slot", { key: '02999472244f9f6f36f0a5a693364c5a5cc654a3' })), h("slot", { key: '45f86f4559f304275574ab035acb29c26fec89c4', name: "primary" }), h("slot", { key: '4d9f4e808409e398be44cccade074702640d07b6', name: "end" }))));
|
|
73
76
|
}
|
|
74
77
|
get el() { return this; }
|
|
75
78
|
static get style() { return {
|
|
@@ -78,7 +81,8 @@ const Toolbar = /*@__PURE__*/ proxyCustomElement(class Toolbar extends HTMLEleme
|
|
|
78
81
|
md: IonToolbarMdStyle0
|
|
79
82
|
}; }
|
|
80
83
|
}, [33, "ion-toolbar", {
|
|
81
|
-
"color": [513]
|
|
84
|
+
"color": [513],
|
|
85
|
+
"divider": [516]
|
|
82
86
|
}, [[0, "ionStyle", "childrenStyle"]]]);
|
|
83
87
|
function defineCustomElement$1() {
|
|
84
88
|
if (typeof customElements === "undefined") {
|
package/components/list.js
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
5
5
|
import { d as getIonTheme } from './ionic-global.js';
|
|
6
6
|
|
|
7
|
-
const
|
|
8
|
-
const IonListIonicStyle0 =
|
|
7
|
+
const listIonicCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}.list-ionic.list-inset{-webkit-margin-start:var(--ionic-space-100, 4px);margin-inline-start:var(--ionic-space-100, 4px);-webkit-margin-end:var(--ionic-space-100, 4px);margin-inline-end:var(--ionic-space-100, 4px);margin-top:var(--ionic-space-100, 4px);margin-bottom:var(--ionic-space-100, 4px)}.list-ionic:has(ion-list-header){}.list-ionic:has(ion-list-header).list-round{border-start-start-radius:initial;border-start-end-radius:initial;border-end-end-radius:var(--ionic-border-radius-400, 16px);border-end-start-radius:var(--ionic-border-radius-400, 16px)}.list-ionic:has(ion-list-header).list-round ion-list-header+*{border-start-start-radius:var(--ionic-border-radius-400, 16px);border-start-end-radius:var(--ionic-border-radius-400, 16px);border-end-end-radius:initial;border-end-start-radius:initial}.list-ionic:has(ion-list-header).list-soft{border-start-start-radius:initial;border-start-end-radius:initial;border-end-end-radius:var(--ionic-border-radius-200, 8px);border-end-start-radius:var(--ionic-border-radius-200, 8px)}.list-ionic:has(ion-list-header).list-soft ion-list-header+*{border-start-start-radius:var(--ionic-border-radius-200, 8px);border-start-end-radius:var(--ionic-border-radius-200, 8px);border-end-end-radius:initial;border-end-start-radius:initial}.list-ionic:has(ion-list-header).list-rectangular{border-start-start-radius:initial;border-start-end-radius:initial;border-end-end-radius:var(--ionic-border-radius-0, 0px);border-end-start-radius:var(--ionic-border-radius-0, 0px)}.list-ionic:has(ion-list-header).list-rectangular ion-list-header+*{border-start-start-radius:var(--ionic-border-radius-0, 0px);border-start-end-radius:var(--ionic-border-radius-0, 0px);border-end-end-radius:initial;border-end-start-radius:initial}.list-ionic:not(:has(ion-list-header)){}.list-ionic:not(:has(ion-list-header)).list-round{border-radius:var(--ionic-border-radius-400, 16px)}.list-ionic:not(:has(ion-list-header)).list-soft{border-radius:var(--ionic-border-radius-200, 8px)}.list-ionic:not(:has(ion-list-header)).list-rectangular{border-radius:var(--ionic-border-radius-0, 0px)}";
|
|
8
|
+
const IonListIonicStyle0 = listIonicCss;
|
|
9
9
|
|
|
10
10
|
const listIosCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-ios{background:var(--ion-item-background, var(--ion-background-color, #fff))}.list-ios.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:10px}.list-ios.list-inset ion-item:only-child,.list-ios.list-inset ion-item:not(:only-of-type):last-of-type,.list-ios.list-inset ion-item-sliding:last-of-type ion-item{--border-width:0;--inner-border-width:0}.list-ios.list-inset+ion-list.list-inset{margin-top:0}.list-ios-lines-none .item-lines-default{--inner-border-width:0px;--border-width:0px}.list-ios-lines-full .item-lines-default{--inner-border-width:0px;--border-width:0 0 0.55px 0}.list-ios-lines-inset .item-lines-default{--inner-border-width:0 0 0.55px 0;--border-width:0px}ion-card .list-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
|
|
11
11
|
const IonListIosStyle0 = listIosCss;
|
|
@@ -19,6 +19,7 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
|
|
|
19
19
|
this.__registerHost();
|
|
20
20
|
this.lines = undefined;
|
|
21
21
|
this.inset = false;
|
|
22
|
+
this.shape = undefined;
|
|
22
23
|
}
|
|
23
24
|
/**
|
|
24
25
|
* If `ion-item-sliding` are used inside the list, this method closes
|
|
@@ -33,16 +34,33 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
|
|
|
33
34
|
}
|
|
34
35
|
return false;
|
|
35
36
|
}
|
|
37
|
+
getShape() {
|
|
38
|
+
const theme = getIonTheme(this);
|
|
39
|
+
const { shape, inset } = this;
|
|
40
|
+
// TODO(ROU-10831): Remove theme check when shapes are defined for all themes.
|
|
41
|
+
if (theme !== 'ionic') {
|
|
42
|
+
return undefined;
|
|
43
|
+
}
|
|
44
|
+
if (shape === undefined && inset) {
|
|
45
|
+
return 'round';
|
|
46
|
+
}
|
|
47
|
+
if (shape === undefined) {
|
|
48
|
+
return 'rectangular';
|
|
49
|
+
}
|
|
50
|
+
return shape;
|
|
51
|
+
}
|
|
36
52
|
render() {
|
|
37
53
|
const theme = getIonTheme(this);
|
|
54
|
+
const shape = this.getShape();
|
|
38
55
|
const { lines, inset } = this;
|
|
39
|
-
return (h(Host, { key: '
|
|
56
|
+
return (h(Host, { key: '9dc48461bc98a22e3592ea35af053016a4ace586', role: "list", class: {
|
|
40
57
|
[theme]: true,
|
|
41
58
|
// Used internally for styling
|
|
42
59
|
[`list-${theme}`]: true,
|
|
43
60
|
'list-inset': inset,
|
|
44
61
|
[`list-lines-${lines}`]: lines !== undefined,
|
|
45
62
|
[`list-${theme}-lines-${lines}`]: lines !== undefined,
|
|
63
|
+
[`list-${shape}`]: shape !== undefined,
|
|
46
64
|
} }));
|
|
47
65
|
}
|
|
48
66
|
get el() { return this; }
|
|
@@ -54,6 +72,7 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
|
|
|
54
72
|
}, [32, "ion-list", {
|
|
55
73
|
"lines": [1],
|
|
56
74
|
"inset": [4],
|
|
75
|
+
"shape": [1],
|
|
57
76
|
"closeSlidingItems": [64]
|
|
58
77
|
}]);
|
|
59
78
|
function defineCustomElement() {
|
|
@@ -122,13 +122,13 @@ const rIC = (callback) => {
|
|
|
122
122
|
};
|
|
123
123
|
App.style = IonAppStyle0;
|
|
124
124
|
|
|
125
|
-
const
|
|
126
|
-
const IonButtonsIonicStyle0 =
|
|
125
|
+
const buttonsIonicCss = ".sc-ion-buttons-ionic-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0)}.sc-ion-buttons-ionic-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ionic-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-ionic-s .button-clear{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor}.sc-ion-buttons-ionic-s .button-has-icon-only{width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px)}.sc-ion-buttons-ionic-s ion-icon[slot=icon-only]{font-size:var(--ionic-font-size-600, 1.5rem)}";
|
|
126
|
+
const IonButtonsIonicStyle0 = buttonsIonicCss;
|
|
127
127
|
|
|
128
|
-
const buttonsIosCss = ".sc-ion-buttons-ios-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-ios-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ios-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:5px;--padding-end:5px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-ios-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-ios-s ion-button:not(.button-round){--border-radius:4px}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button{--color:initial;--border-color:initial;--background-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-solid,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-solid{--background:var(--ion-color-contrast);--background-focused:#000;--background-focused-opacity:0.12;--background-activated:#000;--background-activated-opacity:0.12;--background-hover:var(--ion-color-base);--background-hover-opacity:0.45;--color:var(--ion-color-base);--color-focused:var(--ion-color-base)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-clear,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-clear{--color-activated:var(--ion-color-contrast);--color-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-outline,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-outline{--color-activated:var(--ion-color-base);--color-focused:var(--ion-color-contrast);--background-activated:var(--ion-color-contrast)}.sc-ion-buttons-ios-s .button-clear,.sc-ion-buttons-ios-s .button-outline{--background-activated:transparent;--background-focused:currentColor;--background-hover:transparent}.sc-ion-buttons-ios-s .button-solid:not(.ion-color){--background-focused:#000;--background-focused-opacity:0.12;--background-activated:#000;--background-activated-opacity:0.12}.sc-ion-buttons-ios-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.65em;line-height:0.67}";
|
|
128
|
+
const buttonsIosCss = ".sc-ion-buttons-ios-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0)}.sc-ion-buttons-ios-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ios-h{z-index:99}.sc-ion-buttons-ios-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ios-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:5px;--padding-end:5px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-ios-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-ios-s ion-button:not(.button-round){--border-radius:4px}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button{--color:initial;--border-color:initial;--background-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-solid,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-solid{--background:var(--ion-color-contrast);--background-focused:#000;--background-focused-opacity:0.12;--background-activated:#000;--background-activated-opacity:0.12;--background-hover:var(--ion-color-base);--background-hover-opacity:0.45;--color:var(--ion-color-base);--color-focused:var(--ion-color-base)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-clear,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-clear{--color-activated:var(--ion-color-contrast);--color-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-outline,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-outline{--color-activated:var(--ion-color-base);--color-focused:var(--ion-color-contrast);--background-activated:var(--ion-color-contrast)}.sc-ion-buttons-ios-s .button-clear,.sc-ion-buttons-ios-s .button-outline{--background-activated:transparent;--background-focused:currentColor;--background-hover:transparent}.sc-ion-buttons-ios-s .button-solid:not(.ion-color){--background-focused:#000;--background-focused-opacity:0.12;--background-activated:#000;--background-activated-opacity:0.12}.sc-ion-buttons-ios-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.65em;line-height:0.67}";
|
|
129
129
|
const IonButtonsIosStyle0 = buttonsIosCss;
|
|
130
130
|
|
|
131
|
-
const buttonsMdCss = ".sc-ion-buttons-md-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-md-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:8px;--padding-end:8px;--box-shadow:none;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-md-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-md-s ion-button:not(.button-round){--border-radius:2px}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button{--color:initial;--color-focused:var(--ion-color-contrast);--color-hover:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-contrast);--background-hover:var(--ion-color-contrast)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-solid,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-solid{--background:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-shade);--background-hover:var(--ion-color-base);--color:var(--ion-color-base);--color-focused:var(--ion-color-base);--color-hover:var(--ion-color-base)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-outline,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-outline{--border-color:var(--ion-color-contrast)}.sc-ion-buttons-md-s .button-has-icon-only.button-clear{--padding-top:12px;--padding-end:12px;--padding-bottom:12px;--padding-start:12px;--border-radius:50%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:3rem;height:3rem}.sc-ion-buttons-md-s .button{--background-hover:currentColor}.sc-ion-buttons-md-s .button-solid{--color:var(--ion-toolbar-background, var(--ion-background-color, #fff));--background:var(--ion-toolbar-color, var(--ion-text-color, #424242));--background-activated:transparent;--background-focused:currentColor}.sc-ion-buttons-md-s .button-outline{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--border-color:currentColor}.sc-ion-buttons-md-s .button-clear{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor}.sc-ion-buttons-md-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.8em}";
|
|
131
|
+
const buttonsMdCss = ".sc-ion-buttons-md-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0)}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-md-h{z-index:99}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-md-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:8px;--padding-end:8px;--box-shadow:none;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-md-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-md-s ion-button:not(.button-round){--border-radius:2px}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button{--color:initial;--color-focused:var(--ion-color-contrast);--color-hover:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-contrast);--background-hover:var(--ion-color-contrast)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-solid,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-solid{--background:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-shade);--background-hover:var(--ion-color-base);--color:var(--ion-color-base);--color-focused:var(--ion-color-base);--color-hover:var(--ion-color-base)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-outline,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-outline{--border-color:var(--ion-color-contrast)}.sc-ion-buttons-md-s .button-has-icon-only.button-clear{--padding-top:12px;--padding-end:12px;--padding-bottom:12px;--padding-start:12px;--border-radius:50%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:3rem;height:3rem}.sc-ion-buttons-md-s .button{--background-hover:currentColor}.sc-ion-buttons-md-s .button-solid{--color:var(--ion-toolbar-background, var(--ion-background-color, #fff));--background:var(--ion-toolbar-color, var(--ion-text-color, #424242));--background-activated:transparent;--background-focused:currentColor}.sc-ion-buttons-md-s .button-outline{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--border-color:currentColor}.sc-ion-buttons-md-s .button-clear{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor}.sc-ion-buttons-md-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.8em}";
|
|
132
132
|
const IonButtonsMdStyle0 = buttonsMdCss;
|
|
133
133
|
|
|
134
134
|
const Buttons = class {
|
|
@@ -138,10 +138,10 @@ const Buttons = class {
|
|
|
138
138
|
}
|
|
139
139
|
render() {
|
|
140
140
|
const theme = ionicGlobal.getIonTheme(this);
|
|
141
|
-
return (index.h(index.Host, { key: '
|
|
141
|
+
return (index.h(index.Host, { key: 'a32c3dd9e4c8a0e24be5227a3fc020a9283db778', class: {
|
|
142
142
|
[theme]: true,
|
|
143
143
|
['buttons-collapse']: this.collapse,
|
|
144
|
-
} }, index.h("slot", { key: '
|
|
144
|
+
} }, index.h("slot", { key: '2a8e7bc3a127bafd38203e6cf0098ff9c160c35c' })));
|
|
145
145
|
}
|
|
146
146
|
};
|
|
147
147
|
Buttons.style = {
|
|
@@ -1198,13 +1198,13 @@ const RouterOutlet = class {
|
|
|
1198
1198
|
};
|
|
1199
1199
|
RouterOutlet.style = IonRouterOutletStyle0;
|
|
1200
1200
|
|
|
1201
|
-
const
|
|
1202
|
-
const IonTitleIonicStyle0 =
|
|
1201
|
+
const titleIonicCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{font-size:var(--ionic-font-size-450, 1.125rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-700, 28px);text-decoration:none;text-transform:none;padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host-context(ion-toolbar){top:0;position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}:host-context(ion-toolbar){inset-inline-start:0}:host(.title-small){font-size:var(--ionic-font-size-450, 1.125rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-700, 28px);text-decoration:none;text-transform:none}:host(.title-large){font-size:var(--ionic-font-size-700, 1.75rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-900, 36px);text-decoration:none;text-transform:none}";
|
|
1202
|
+
const IonTitleIonicStyle0 = titleIonicCss;
|
|
1203
1203
|
|
|
1204
|
-
const titleIosCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}
|
|
1204
|
+
const titleIosCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host(.ion-color){color:var(--ion-color-base)}:host{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:min(1.0625rem, 20.4px);font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host{inset-inline-start:0}:host(.title-small){-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:min(0.8125rem, 23.4px);font-weight:normal}:host(.title-large){-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:2px;padding-bottom:4px;-webkit-transform-origin:left center;transform-origin:left center;position:static;-ms-flex-align:end;align-items:flex-end;min-width:100%;font-size:min(2.125rem, 61.2px);font-weight:700;text-align:start}:host(.title-large.title-rtl){-webkit-transform-origin:right center;transform-origin:right center}:host(.title-large.ion-cloned-element){--color:var(--ion-text-color, #000);font-family:var(--ion-font-family)}:host(.title-large) .toolbar-title{-webkit-transform-origin:inherit;transform-origin:inherit;width:auto}:host-context([dir=rtl]):host(.title-large) .toolbar-title,:host-context([dir=rtl]).title-large .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}@supports selector(:dir(rtl)){:host(.title-large:dir(rtl)) .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}";
|
|
1205
1205
|
const IonTitleIosStyle0 = titleIosCss;
|
|
1206
1206
|
|
|
1207
|
-
const titleMdCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}
|
|
1207
|
+
const titleMdCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host(.ion-color){color:var(--ion-color-base)}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;letter-spacing:0.0125em}:host(.title-small){width:100%;height:100%;font-size:0.9375rem;font-weight:normal}";
|
|
1208
1208
|
const IonTitleMdStyle0 = titleMdCss;
|
|
1209
1209
|
|
|
1210
1210
|
const ToolbarTitle = class {
|
|
@@ -1232,11 +1232,11 @@ const ToolbarTitle = class {
|
|
|
1232
1232
|
render() {
|
|
1233
1233
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
1234
1234
|
const size = this.getSize();
|
|
1235
|
-
return (index.h(index.Host, { key: '
|
|
1235
|
+
return (index.h(index.Host, { key: '67f00e2664322d0a5df32e093c7e227fc6f16c98', class: theme.createColorClasses(this.color, {
|
|
1236
1236
|
[theme$1]: true,
|
|
1237
1237
|
[`title-${size}`]: true,
|
|
1238
1238
|
'title-rtl': document.dir === 'rtl',
|
|
1239
|
-
}) }, index.h("div", { key: '
|
|
1239
|
+
}) }, index.h("div", { key: 'cfc8295c9c599a9a61ea794b30169fdd574708f1', class: "toolbar-title" }, index.h("slot", { key: '2065458af3ed39d230c935332e7ff9c9d2d20e78' }))));
|
|
1240
1240
|
}
|
|
1241
1241
|
get el() { return index.getElement(this); }
|
|
1242
1242
|
static get watchers() { return {
|
|
@@ -1249,13 +1249,13 @@ ToolbarTitle.style = {
|
|
|
1249
1249
|
md: IonTitleMdStyle0
|
|
1250
1250
|
};
|
|
1251
1251
|
|
|
1252
|
-
const
|
|
1253
|
-
const IonToolbarIonicStyle0 =
|
|
1252
|
+
const toolbarIonicCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-container{-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:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}::slotted(ion-progress-bar){right:0;left:0;bottom:0;position:absolute}:host{--background:var(--ionic-color-base-white, #ffffff);--color:var(--ionic-color-neutral-1200, #242424);--border-color:currentColor;--padding-top:var(--ionic-space-200, 8px);--padding-bottom:var(--ionic-space-200, 8px);--padding-start:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-200, 8px);--min-height:var(--ionic-scale-1400, 56px)}.toolbar-container{gap:var(--ionic-space-400, 16px);z-index:10}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:3;order:3;min-width:0}:host(.toolbar-divider){border-bottom:var(--ionic-border-size-025, 1px) var(--ionic-border-style-solid, solid) var(--ionic-color-neutral-300, #cfcfcf)}:host(.toolbar-searchbar) .toolbar-container{-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px)}:host(.toolbar-searchbar) ::slotted(ion-searchbar){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}::slotted(ion-title){-webkit-padding-start:var(--padding-top);padding-inline-start:var(--padding-top);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}:host(.toolbar-title-default) ::slotted(ion-title){text-align:center}::slotted([slot=start]){-ms-flex-order:1;order:1}::slotted([slot=secondary]){-ms-flex-order:2;order:2}::slotted([slot=primary]){-ms-flex-order:4;order:4;text-align:end}::slotted([slot=end]){gap:var(--ionic-space-200, 8px);-ms-flex-order:5;order:5;text-align:end}";
|
|
1253
|
+
const IonToolbarIonicStyle0 = toolbarIonicCss;
|
|
1254
1254
|
|
|
1255
|
-
const toolbarIosCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);
|
|
1255
|
+
const toolbarIosCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-container{-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:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}::slotted(ion-progress-bar){right:0;left:0;bottom:0;position:absolute}:host{font-family:var(--ion-font-family, inherit);z-index:10}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{z-index:10}.toolbar-background{z-index:-1}:host{--background:var(--ion-toolbar-background, var(--ion-color-step-50, var(--ion-background-color-step-50, #f7f7f7)));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.2)))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:4;order:4;min-width:0}:host(.toolbar-segment) .toolbar-content{display:-ms-inline-flexbox;display:inline-flex}:host(.toolbar-searchbar) .toolbar-container{padding-top:0;padding-bottom:0}:host(.toolbar-searchbar) ::slotted(*){-ms-flex-item-align:start;align-self:start}:host(.toolbar-searchbar) ::slotted(ion-chip){margin-top:3px}::slotted(ion-buttons){min-height:38px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:3;order:3}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}:host(.toolbar-title-large) .toolbar-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}:host(.toolbar-title-large) .toolbar-content ion-title{-ms-flex:1;flex:1;-ms-flex-order:8;order:8;min-width:100%}";
|
|
1256
1256
|
const IonToolbarIosStyle0 = toolbarIosCss;
|
|
1257
1257
|
|
|
1258
|
-
const toolbarMdCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);
|
|
1258
|
+
const toolbarMdCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-container{-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:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}::slotted(ion-progress-bar){right:0;left:0;bottom:0;position:absolute}:host{font-family:var(--ion-font-family, inherit);z-index:10}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{z-index:10}.toolbar-background{z-index:-1}:host{--background:var(--ion-toolbar-background, var(--ion-background-color, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #424242));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, #c1c4cd))));--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--min-height:56px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:3;order:3;min-width:0;max-width:100%}::slotted(.buttons-first-slot){-webkit-margin-start:4px;margin-inline-start:4px}::slotted(.buttons-last-slot){-webkit-margin-end:4px;margin-inline-end:4px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:4;order:4}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}";
|
|
1259
1259
|
const IonToolbarMdStyle0 = toolbarMdCss;
|
|
1260
1260
|
|
|
1261
1261
|
const Toolbar = class {
|
|
@@ -1263,6 +1263,7 @@ const Toolbar = class {
|
|
|
1263
1263
|
index.registerInstance(this, hostRef);
|
|
1264
1264
|
this.childrenStyles = new Map();
|
|
1265
1265
|
this.color = undefined;
|
|
1266
|
+
this.divider = false;
|
|
1266
1267
|
}
|
|
1267
1268
|
componentWillLoad() {
|
|
1268
1269
|
const buttons = Array.from(this.el.querySelectorAll('ion-buttons'));
|
|
@@ -1304,14 +1305,16 @@ const Toolbar = class {
|
|
|
1304
1305
|
}
|
|
1305
1306
|
render() {
|
|
1306
1307
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
1308
|
+
const { divider } = this;
|
|
1307
1309
|
const childStyles = {};
|
|
1308
1310
|
this.childrenStyles.forEach((value) => {
|
|
1309
1311
|
Object.assign(childStyles, value);
|
|
1310
1312
|
});
|
|
1311
|
-
return (index.h(index.Host, { key: '
|
|
1313
|
+
return (index.h(index.Host, { key: 'f5da1b790268b25ce0130be750640968aec611f5', class: Object.assign(Object.assign({}, childStyles), theme.createColorClasses(this.color, {
|
|
1312
1314
|
[theme$1]: true,
|
|
1313
1315
|
'in-toolbar': theme.hostContext('ion-toolbar', this.el),
|
|
1314
|
-
|
|
1316
|
+
'toolbar-divider': divider,
|
|
1317
|
+
})) }, index.h("div", { key: 'd33c7e825763af744d07d4ec7a7856b902912e9c', class: "toolbar-background" }), index.h("div", { key: '3e85e2bd3861212a7cb709afbe851971518db74b', class: "toolbar-container" }, index.h("slot", { key: '5b9373e89733c10ed5e9097136afce2c262a2174', name: "start" }), index.h("slot", { key: '46356ccb4fab24b6239142530d96ed48d4a993e8', name: "secondary" }), index.h("div", { key: 'b5ac75f16fbd71cf1e89a28e1fd17aa27e01c8c4', class: "toolbar-content" }, index.h("slot", { key: '02999472244f9f6f36f0a5a693364c5a5cc654a3' })), index.h("slot", { key: '45f86f4559f304275574ab035acb29c26fec89c4', name: "primary" }), index.h("slot", { key: '4d9f4e808409e398be44cccade074702640d07b6', name: "end" }))));
|
|
1315
1318
|
}
|
|
1316
1319
|
get el() { return index.getElement(this); }
|
|
1317
1320
|
};
|
|
@@ -12,8 +12,8 @@ const helpers = require('./helpers-afaa9001.js');
|
|
|
12
12
|
const index$1 = require('./index-ca6de37f.js');
|
|
13
13
|
const watchOptions = require('./watch-options-f5f3e158.js');
|
|
14
14
|
|
|
15
|
-
const
|
|
16
|
-
const IonItemOptionIonicStyle0 =
|
|
15
|
+
const itemOptionIonicCss = ":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em;padding-top:0;padding-bottom:0;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}.button-inner{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}::slotted(*){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}:host(.item-option-expandable){-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-property:none;transition-property:none;-webkit-transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1);transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;opacity:0.5;pointer-events:none}:host{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;min-width:var(--ionic-scale-1600, 64px);height:var(--ionic-scale-1600, 64px);font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-medium, 500);line-height:var(--ionic-line-height-500, 20px)}.button-native{-webkit-padding-start:var(--ionic-space-200, 8px);padding-inline-start:var(--ionic-space-200, 8px);-webkit-padding-end:var(--ionic-space-200, 8px);padding-inline-end:var(--ionic-space-200, 8px);padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-200, 8px)}::slotted([slot=top]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:var(--ionic-space-100, 4px)}::slotted([slot=bottom]){margin-left:0;margin-right:0;margin-top:var(--ionic-space-100, 4px);margin-bottom:0}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--ionic-space-100, 4px);margin-inline-end:var(--ionic-space-100, 4px);margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:var(--ionic-space-100, 4px);margin-inline-start:var(--ionic-space-100, 4px);-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}::slotted(ion-icon),::slotted([slot=icon-only]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:var(--ionic-scale-500, 20px);min-width:initial;height:var(--ionic-scale-500, 20px)}:host(.item-option-round){border-radius:var(--ionic-border-radius-300, 12px)}:host(.item-option-soft){border-radius:var(--ionic-border-radius-200, 8px)}:host(.item-option-rectangular){border-radius:var(--ionic-border-radius-0, 0px)}";
|
|
16
|
+
const IonItemOptionIonicStyle0 = itemOptionIonicCss;
|
|
17
17
|
|
|
18
18
|
const itemOptionIosCss = ":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em;padding-top:0;padding-bottom:0;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}.button-inner{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}::slotted(*){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}:host(.item-option-expandable){-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-property:none;transition-property:none;-webkit-transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1);transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;opacity:0.5;pointer-events:none}:host{font-size:clamp(16px, 1rem, 35.2px)}:host(.ion-activated){background:var(--ion-color-primary-shade, #004acd)}:host(.ion-color.ion-activated){background:var(--ion-color-shade)}";
|
|
19
19
|
const IonItemOptionIosStyle0 = itemOptionIosCss;
|
|
@@ -38,11 +38,25 @@ const ItemOption = class {
|
|
|
38
38
|
this.rel = undefined;
|
|
39
39
|
this.target = undefined;
|
|
40
40
|
this.type = 'button';
|
|
41
|
+
this.shape = undefined;
|
|
42
|
+
}
|
|
43
|
+
getShape() {
|
|
44
|
+
const theme = ionicGlobal.getIonTheme(this);
|
|
45
|
+
const { shape } = this;
|
|
46
|
+
// TODO(ROU-10841): Remove theme check when shapes are defined for all themes.
|
|
47
|
+
if (theme !== 'ionic') {
|
|
48
|
+
return undefined;
|
|
49
|
+
}
|
|
50
|
+
if (shape === undefined) {
|
|
51
|
+
return 'round';
|
|
52
|
+
}
|
|
53
|
+
return shape;
|
|
41
54
|
}
|
|
42
55
|
render() {
|
|
43
56
|
const { disabled, expandable, href } = this;
|
|
44
57
|
const TagType = href === undefined ? 'button' : 'a';
|
|
45
58
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
59
|
+
const shape = this.getShape();
|
|
46
60
|
const attrs = TagType === 'button'
|
|
47
61
|
? { type: this.type }
|
|
48
62
|
: {
|
|
@@ -50,12 +64,13 @@ const ItemOption = class {
|
|
|
50
64
|
href: this.href,
|
|
51
65
|
target: this.target,
|
|
52
66
|
};
|
|
53
|
-
return (index.h(index.Host, { key: '
|
|
67
|
+
return (index.h(index.Host, { key: '09b71dcaf3342450748a98100df32834062db93a', onClick: this.onClick, class: theme.createColorClasses(this.color, {
|
|
54
68
|
[theme$1]: true,
|
|
69
|
+
[`item-option-${shape}`]: shape !== undefined,
|
|
55
70
|
'item-option-disabled': disabled,
|
|
56
71
|
'item-option-expandable': expandable,
|
|
57
72
|
'ion-activatable': true,
|
|
58
|
-
}) }, index.h(TagType, Object.assign({ key: '
|
|
73
|
+
}) }, index.h(TagType, Object.assign({ key: 'b48ff174c3e9bcf025aada0fa5f0cf22971e01c4' }, attrs, { class: "button-native", part: "native", disabled: disabled }), index.h("span", { key: 'd22049f3784a5233ca6228f716363a2c21959359', class: "button-inner" }, index.h("slot", { key: 'b1c8517a9315edde86a51591e6ac47f3e3a4c112', name: "top" }), index.h("div", { key: 'af5c2a0a9de5b4d63e76176d86c1da15a963686a', class: "horizontal-wrapper" }, index.h("slot", { key: 'e65b22fd0b8833f1de48460bc5f966eec32df3e6', name: "start" }), index.h("slot", { key: '7d6e752eff451d6a52550323374386e5508c4e27', name: "icon-only" }), index.h("slot", { key: '4c9b989db132d09dec4e82b2079962f1ab8b2bbf' }), index.h("slot", { key: '01a1e19fb393196276a8c6618093e1eb59fc77a4', name: "end" })), index.h("slot", { key: '108211231dd4c22a9bb69b49c798593407c054f2', name: "bottom" })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '4330c49a1637a0d44d1627abfe6104674c7c88dd' }))));
|
|
59
74
|
}
|
|
60
75
|
get el() { return index.getElement(this); }
|
|
61
76
|
};
|
|
@@ -65,8 +80,8 @@ ItemOption.style = {
|
|
|
65
80
|
md: IonItemOptionMdStyle0
|
|
66
81
|
};
|
|
67
82
|
|
|
68
|
-
const
|
|
69
|
-
const IonItemOptionsIonicStyle0 =
|
|
83
|
+
const itemOptionsIonicCss = "ion-item-options{top:0;right:0;-ms-flex-pack:end;justify-content:flex-end;display:none;position:absolute;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}:host-context([dir=rtl]) ion-item-options{-ms-flex-pack:start;justify-content:flex-start}:host-context([dir=rtl]) ion-item-options:not(.item-options-end){right:auto;left:0;-ms-flex-pack:end;justify-content:flex-end}[dir=rtl] ion-item-options{-ms-flex-pack:start;justify-content:flex-start}[dir=rtl] ion-item-options:not(.item-options-end){right:auto;left:0;-ms-flex-pack:end;justify-content:flex-end}@supports selector(:dir(rtl)){ion-item-options:dir(rtl){-ms-flex-pack:start;justify-content:flex-start}ion-item-options:dir(rtl):not(.item-options-end){right:auto;left:0;-ms-flex-pack:end;justify-content:flex-end}}.item-options-start{right:auto;left:0;-ms-flex-pack:start;justify-content:flex-start}:host-context([dir=rtl]) .item-options-start{-ms-flex-pack:end;justify-content:flex-end}[dir=rtl] .item-options-start{-ms-flex-pack:end;justify-content:flex-end}@supports selector(:dir(rtl)){.item-options-start:dir(rtl){-ms-flex-pack:end;justify-content:flex-end}}[dir=ltr] .item-options-start ion-item-option:first-child,[dir=rtl] .item-options-start ion-item-option:last-child{padding-left:var(--ion-safe-area-left)}[dir=ltr] .item-options-end ion-item-option:last-child,[dir=rtl] .item-options-end ion-item-option:first-child{padding-right:var(--ion-safe-area-right)}:host-context([dir=rtl]) .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end){width:100%;visibility:visible}[dir=rtl] .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end){width:100%;visibility:visible}@supports selector(:dir(rtl)){.item-sliding-active-slide:dir(rtl).item-sliding-active-options-start ion-item-options:not(.item-options-end){width:100%;visibility:visible}}.item-sliding-active-slide ion-item-options{display:-ms-flexbox;display:flex;visibility:hidden}.item-sliding-active-slide.item-sliding-active-options-start .item-options-start,.item-sliding-active-slide.item-sliding-active-options-end ion-item-options:not(.item-options-start){width:100%;visibility:visible}.item-options-ionic{-ms-flex-align:center;align-items:center;gap:var(--ionic-space-100, 4px)}[dir=ltr] .item-options-start ion-item-option:last-child,[dir=rtl] .item-options-start ion-item-option:first-child{margin-right:var(--ionic-space-200, 8px)}[dir=ltr] .item-options-start ion-item-option:first-child,[dir=rtl] .item-options-start ion-item-option:last-child{margin-left:calc(var(--ionic-space-200, 8px) + var(--ion-safe-area-left, 0));padding-left:initial}[dir=ltr] .item-options-end ion-item-option:first-child,[dir=rtl] .item-options-end ion-item-option:last-child{margin-left:var(--ionic-space-200, 8px)}[dir=ltr] .item-options-end ion-item-option:last-child,[dir=rtl] .item-options-end ion-item-option:first-child{margin-right:calc(var(--ionic-space-200, 8px) + var(--ion-safe-area-right, 0));padding-right:initial}";
|
|
84
|
+
const IonItemOptionsIonicStyle0 = itemOptionsIonicCss;
|
|
70
85
|
|
|
71
86
|
const itemOptionsIosCss = "ion-item-options{top:0;right:0;-ms-flex-pack:end;justify-content:flex-end;display:none;position:absolute;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}:host-context([dir=rtl]) ion-item-options{-ms-flex-pack:start;justify-content:flex-start}:host-context([dir=rtl]) ion-item-options:not(.item-options-end){right:auto;left:0;-ms-flex-pack:end;justify-content:flex-end}[dir=rtl] ion-item-options{-ms-flex-pack:start;justify-content:flex-start}[dir=rtl] ion-item-options:not(.item-options-end){right:auto;left:0;-ms-flex-pack:end;justify-content:flex-end}@supports selector(:dir(rtl)){ion-item-options:dir(rtl){-ms-flex-pack:start;justify-content:flex-start}ion-item-options:dir(rtl):not(.item-options-end){right:auto;left:0;-ms-flex-pack:end;justify-content:flex-end}}.item-options-start{right:auto;left:0;-ms-flex-pack:start;justify-content:flex-start}:host-context([dir=rtl]) .item-options-start{-ms-flex-pack:end;justify-content:flex-end}[dir=rtl] .item-options-start{-ms-flex-pack:end;justify-content:flex-end}@supports selector(:dir(rtl)){.item-options-start:dir(rtl){-ms-flex-pack:end;justify-content:flex-end}}[dir=ltr] .item-options-start ion-item-option:first-child,[dir=rtl] .item-options-start ion-item-option:last-child{padding-left:var(--ion-safe-area-left)}[dir=ltr] .item-options-end ion-item-option:last-child,[dir=rtl] .item-options-end ion-item-option:first-child{padding-right:var(--ion-safe-area-right)}:host-context([dir=rtl]) .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end){width:100%;visibility:visible}[dir=rtl] .item-sliding-active-slide.item-sliding-active-options-start ion-item-options:not(.item-options-end){width:100%;visibility:visible}@supports selector(:dir(rtl)){.item-sliding-active-slide:dir(rtl).item-sliding-active-options-start ion-item-options:not(.item-options-end){width:100%;visibility:visible}}.item-sliding-active-slide ion-item-options{display:-ms-flexbox;display:flex;visibility:hidden}.item-sliding-active-slide.item-sliding-active-options-start .item-options-start,.item-sliding-active-slide.item-sliding-active-options-end ion-item-options:not(.item-options-start){width:100%;visibility:visible}.item-options-ios{border-bottom-width:0;border-bottom-style:solid;border-bottom-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))))}.item-options-ios.item-options-end{border-bottom-width:0.55px}.list-ios-lines-none .item-options-ios{border-bottom-width:0}.list-ios-lines-full .item-options-ios,.list-ios-lines-inset .item-options-ios.item-options-end{border-bottom-width:0.55px}";
|
|
72
87
|
const IonItemOptionsIosStyle0 = itemOptionsIosCss;
|
|
@@ -89,7 +104,7 @@ const ItemOptions = class {
|
|
|
89
104
|
render() {
|
|
90
105
|
const theme = ionicGlobal.getIonTheme(this);
|
|
91
106
|
const isEnd = helpers.isEndSide(this.side);
|
|
92
|
-
return (index.h(index.Host, { key: '
|
|
107
|
+
return (index.h(index.Host, { key: '8604c0801ebbd6e08e4f6abc155a336d80929a9f', class: {
|
|
93
108
|
[theme]: true,
|
|
94
109
|
// Used internally for styling
|
|
95
110
|
[`item-options-${theme}`]: true,
|
|
@@ -374,8 +374,8 @@ Label.style = {
|
|
|
374
374
|
md: IonLabelMdStyle0
|
|
375
375
|
};
|
|
376
376
|
|
|
377
|
-
const
|
|
378
|
-
const IonListIonicStyle0 =
|
|
377
|
+
const listIonicCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}.list-ionic.list-inset{-webkit-margin-start:var(--ionic-space-100, 4px);margin-inline-start:var(--ionic-space-100, 4px);-webkit-margin-end:var(--ionic-space-100, 4px);margin-inline-end:var(--ionic-space-100, 4px);margin-top:var(--ionic-space-100, 4px);margin-bottom:var(--ionic-space-100, 4px)}.list-ionic:has(ion-list-header){}.list-ionic:has(ion-list-header).list-round{border-start-start-radius:initial;border-start-end-radius:initial;border-end-end-radius:var(--ionic-border-radius-400, 16px);border-end-start-radius:var(--ionic-border-radius-400, 16px)}.list-ionic:has(ion-list-header).list-round ion-list-header+*{border-start-start-radius:var(--ionic-border-radius-400, 16px);border-start-end-radius:var(--ionic-border-radius-400, 16px);border-end-end-radius:initial;border-end-start-radius:initial}.list-ionic:has(ion-list-header).list-soft{border-start-start-radius:initial;border-start-end-radius:initial;border-end-end-radius:var(--ionic-border-radius-200, 8px);border-end-start-radius:var(--ionic-border-radius-200, 8px)}.list-ionic:has(ion-list-header).list-soft ion-list-header+*{border-start-start-radius:var(--ionic-border-radius-200, 8px);border-start-end-radius:var(--ionic-border-radius-200, 8px);border-end-end-radius:initial;border-end-start-radius:initial}.list-ionic:has(ion-list-header).list-rectangular{border-start-start-radius:initial;border-start-end-radius:initial;border-end-end-radius:var(--ionic-border-radius-0, 0px);border-end-start-radius:var(--ionic-border-radius-0, 0px)}.list-ionic:has(ion-list-header).list-rectangular ion-list-header+*{border-start-start-radius:var(--ionic-border-radius-0, 0px);border-start-end-radius:var(--ionic-border-radius-0, 0px);border-end-end-radius:initial;border-end-start-radius:initial}.list-ionic:not(:has(ion-list-header)){}.list-ionic:not(:has(ion-list-header)).list-round{border-radius:var(--ionic-border-radius-400, 16px)}.list-ionic:not(:has(ion-list-header)).list-soft{border-radius:var(--ionic-border-radius-200, 8px)}.list-ionic:not(:has(ion-list-header)).list-rectangular{border-radius:var(--ionic-border-radius-0, 0px)}";
|
|
378
|
+
const IonListIonicStyle0 = listIonicCss;
|
|
379
379
|
|
|
380
380
|
const listIosCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-ios{background:var(--ion-item-background, var(--ion-background-color, #fff))}.list-ios.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:10px}.list-ios.list-inset ion-item:only-child,.list-ios.list-inset ion-item:not(:only-of-type):last-of-type,.list-ios.list-inset ion-item-sliding:last-of-type ion-item{--border-width:0;--inner-border-width:0}.list-ios.list-inset+ion-list.list-inset{margin-top:0}.list-ios-lines-none .item-lines-default{--inner-border-width:0px;--border-width:0px}.list-ios-lines-full .item-lines-default{--inner-border-width:0px;--border-width:0 0 0.55px 0}.list-ios-lines-inset .item-lines-default{--inner-border-width:0 0 0.55px 0;--border-width:0px}ion-card .list-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
|
|
381
381
|
const IonListIosStyle0 = listIosCss;
|
|
@@ -388,6 +388,7 @@ const List = class {
|
|
|
388
388
|
index.registerInstance(this, hostRef);
|
|
389
389
|
this.lines = undefined;
|
|
390
390
|
this.inset = false;
|
|
391
|
+
this.shape = undefined;
|
|
391
392
|
}
|
|
392
393
|
/**
|
|
393
394
|
* If `ion-item-sliding` are used inside the list, this method closes
|
|
@@ -402,16 +403,33 @@ const List = class {
|
|
|
402
403
|
}
|
|
403
404
|
return false;
|
|
404
405
|
}
|
|
406
|
+
getShape() {
|
|
407
|
+
const theme = ionicGlobal.getIonTheme(this);
|
|
408
|
+
const { shape, inset } = this;
|
|
409
|
+
// TODO(ROU-10831): Remove theme check when shapes are defined for all themes.
|
|
410
|
+
if (theme !== 'ionic') {
|
|
411
|
+
return undefined;
|
|
412
|
+
}
|
|
413
|
+
if (shape === undefined && inset) {
|
|
414
|
+
return 'round';
|
|
415
|
+
}
|
|
416
|
+
if (shape === undefined) {
|
|
417
|
+
return 'rectangular';
|
|
418
|
+
}
|
|
419
|
+
return shape;
|
|
420
|
+
}
|
|
405
421
|
render() {
|
|
406
422
|
const theme = ionicGlobal.getIonTheme(this);
|
|
423
|
+
const shape = this.getShape();
|
|
407
424
|
const { lines, inset } = this;
|
|
408
|
-
return (index.h(index.Host, { key: '
|
|
425
|
+
return (index.h(index.Host, { key: '9dc48461bc98a22e3592ea35af053016a4ace586', role: "list", class: {
|
|
409
426
|
[theme]: true,
|
|
410
427
|
// Used internally for styling
|
|
411
428
|
[`list-${theme}`]: true,
|
|
412
429
|
'list-inset': inset,
|
|
413
430
|
[`list-lines-${lines}`]: lines !== undefined,
|
|
414
431
|
[`list-${theme}-lines-${lines}`]: lines !== undefined,
|
|
432
|
+
[`list-${shape}`]: shape !== undefined,
|
|
415
433
|
} }));
|
|
416
434
|
}
|
|
417
435
|
get el() { return index.getElement(this); }
|