@ionic/core 8.7.17-dev.11771959013.18adabe2 → 8.7.17-dev.11772055571.14fddd38

package/components/title.js

@@ -1,4 +1,73 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as o,Host as n,transformTag as r}from"@stencil/core/internal/client";import{c as l}from"./theme.js";import{b as a}from"./ionic-global.js";const s=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ionStyle=e(this,"ionStyle",7)}sizeChanged(){this.emitStyle()}connectedCallback(){this.emitStyle()}emitStyle(){const t=this.getSize();this.ionStyle.emit({[`title-${t}`]:!0})}getSize(){return void 0!==this.size?this.size:"default"}render(){const t=a(this),i=this.getSize();return o(n,{key:"e599c0bf1b0817df3fa8360bdcd6d787f751c371",class:l(this.color,{[t]:!0,[`title-${i}`]:!0,"title-rtl":"rtl"===document.dir})},o("div",{key:"6e7eee9047d6759876bb31d7305b76efc7c4338c",class:"toolbar-title"},o("slot",{key:"bf790eb4c83dd0af4f2fd1f85ab4af5819f46ff4"})))}get el(){return this}static get watchers(){return{size:[{sizeChanged:0}]}}static get style(){return{ios:":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)}:host(.ion-color){color:var(--ion-color-base)}.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{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)}}",md:":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)}:host(.ion-color){color:var(--ion-color-base)}.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{-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}"}}},[289,"ion-title",{color:[513],size:[1]},void 0,{size:[{sizeChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["ion-title"].forEach((t=>{"ion-title"===t&&(customElements.get(r(t))||customElements.define(r(t),s))}))}export{s as T,d}
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as createColorClasses } from './theme.js';
+import { b as getIonMode } from './ionic-global.js';
+
+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)}:host(.ion-color){color:var(--ion-color-base)}.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{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)}}";
+
+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)}:host(.ion-color){color:var(--ion-color-base)}.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{-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}";
+
+const ToolbarTitle = /*@__PURE__*/ proxyCustomElement(class ToolbarTitle extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.ionStyle = createEvent(this, "ionStyle", 7);
+    }
+    sizeChanged() {
+        this.emitStyle();
+    }
+    connectedCallback() {
+        this.emitStyle();
+    }
+    emitStyle() {
+        const size = this.getSize();
+        this.ionStyle.emit({
+            [`title-${size}`]: true,
+        });
+    }
+    getSize() {
+        return this.size !== undefined ? this.size : 'default';
+    }
+    render() {
+        const mode = getIonMode(this);
+        const size = this.getSize();
+        return (h(Host, { key: 'e599c0bf1b0817df3fa8360bdcd6d787f751c371', class: createColorClasses(this.color, {
+                [mode]: true,
+                [`title-${size}`]: true,
+                'title-rtl': document.dir === 'rtl',
+            }) }, h("div", { key: '6e7eee9047d6759876bb31d7305b76efc7c4338c', class: "toolbar-title" }, h("slot", { key: 'bf790eb4c83dd0af4f2fd1f85ab4af5819f46ff4' }))));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "size": ["sizeChanged"]
+    }; }
+    static get style() { return {
+        ios: titleIosCss,
+        md: titleMdCss
+    }; }
+}, [289, "ion-title", {
+        "color": [513],
+        "size": [1]
+    }, undefined, {
+        "size": ["sizeChanged"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ion-title"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ion-title":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ToolbarTitle);
+            }
+            break;
+    } });
+}
+
+export { ToolbarTitle as T, defineCustomElement as d };

package/components/toolbar.js

@@ -1,4 +1,92 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{proxyCustomElement as o,HTMLElement as t,forceUpdate as r,h as e,Host as a,transformTag as n}from"@stencil/core/internal/client";import{c as i,h as d}from"./theme.js";import{b as s}from"./ionic-global.js";const l=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.childrenStyles=new Map}componentWillLoad(){const o=Array.from(this.el.querySelectorAll("ion-buttons")),t=o.find((o=>"start"===o.slot));t&&t.classList.add("buttons-first-slot");const r=o.reverse(),e=r.find((o=>"end"===o.slot))||r.find((o=>"primary"===o.slot))||r.find((o=>"secondary"===o.slot));e&&e.classList.add("buttons-last-slot")}childrenStyle(o){o.stopPropagation();const t=o.target.tagName,e=o.detail,a={},n=this.childrenStyles.get(t)||{};let i=!1;Object.keys(e).forEach((o=>{const t=`toolbar-${o}`,r=e[o];r!==n[t]&&(i=!0),r&&(a[t]=!0)})),i&&(this.childrenStyles.set(t,a),r(this))}render(){const o=s(this),t={};return this.childrenStyles.forEach((o=>{Object.assign(t,o)})),e(a,{key:"f6c4f669a6a61c5eac4cbb5ea0aa97c48ae5bd46",class:Object.assign(Object.assign({},t),i(this.color,{[o]:!0,"in-toolbar":d("ion-toolbar",this.el)}))},e("div",{key:"9c81742ffa02de9ba7417025b077d05e67305074",class:"toolbar-background",part:"background"}),e("div",{key:"5fc96d166fa47894a062e41541a9beee38078a36",class:"toolbar-container",part:"container"},e("slot",{key:"b62c0d9d59a70176bdbf769aec6090d7a166853b",name:"start"}),e("slot",{key:"d01d3cc2c50e5aaa49c345b209fe8dbdf3d48131",name:"secondary"}),e("div",{key:"3aaa3a2810aedd38c37eb616158ec7b9638528fc",class:"toolbar-content",part:"content"},e("slot",{key:"357246690f8d5e1cc3ca369611d4845a79edf610"})),e("slot",{key:"06ed3cca4f7ebff4a54cd877dad3cc925ccf9f75",name:"primary"}),e("slot",{key:"e453d43d14a26b0d72f41e1b81a554bab8ece811",name:"end"})))}get el(){return this}static get style(){return{ios:":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);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.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;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{left:0;right: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));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}: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%}",md:":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);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.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;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{left:0;right: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));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}: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}"}}},[289,"ion-toolbar",{color:[513]},[[0,"ionStyle","childrenStyle"]]]);function c(){"undefined"!=typeof customElements&&["ion-toolbar"].forEach((o=>{"ion-toolbar"===o&&(customElements.get(n(o))||customElements.define(n(o),l))}))}export{l as T,c as d}
+import { proxyCustomElement, HTMLElement, forceUpdate, h, Host } from '@stencil/core/internal/client';
+import { c as createColorClasses, h as hostContext } from './theme.js';
+import { b as getIonMode } from './ionic-global.js';
+
+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);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.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;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{left:0;right: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));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}: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%}";
+
+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);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.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;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{left:0;right: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));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}: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}";
+
+const Toolbar = /*@__PURE__*/ proxyCustomElement(class Toolbar extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.childrenStyles = new Map();
+    }
+    componentWillLoad() {
+        const buttons = Array.from(this.el.querySelectorAll('ion-buttons'));
+        const firstButtons = buttons.find((button) => {
+            return button.slot === 'start';
+        });
+        if (firstButtons) {
+            firstButtons.classList.add('buttons-first-slot');
+        }
+        const buttonsReversed = buttons.reverse();
+        const lastButtons = buttonsReversed.find((button) => button.slot === 'end') ||
+            buttonsReversed.find((button) => button.slot === 'primary') ||
+            buttonsReversed.find((button) => button.slot === 'secondary');
+        if (lastButtons) {
+            lastButtons.classList.add('buttons-last-slot');
+        }
+    }
+    childrenStyle(ev) {
+        ev.stopPropagation();
+        const tagName = ev.target.tagName;
+        const updatedStyles = ev.detail;
+        const newStyles = {};
+        const childStyles = this.childrenStyles.get(tagName) || {};
+        let hasStyleChange = false;
+        Object.keys(updatedStyles).forEach((key) => {
+            const childKey = `toolbar-${key}`;
+            const newValue = updatedStyles[key];
+            if (newValue !== childStyles[childKey]) {
+                hasStyleChange = true;
+            }
+            if (newValue) {
+                newStyles[childKey] = true;
+            }
+        });
+        if (hasStyleChange) {
+            this.childrenStyles.set(tagName, newStyles);
+            forceUpdate(this);
+        }
+    }
+    render() {
+        const mode = getIonMode(this);
+        const childStyles = {};
+        this.childrenStyles.forEach((value) => {
+            Object.assign(childStyles, value);
+        });
+        return (h(Host, { key: 'f6c4f669a6a61c5eac4cbb5ea0aa97c48ae5bd46', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
+                [mode]: true,
+                'in-toolbar': hostContext('ion-toolbar', this.el),
+            })) }, h("div", { key: '9c81742ffa02de9ba7417025b077d05e67305074', class: "toolbar-background", part: "background" }), h("div", { key: '5fc96d166fa47894a062e41541a9beee38078a36', class: "toolbar-container", part: "container" }, h("slot", { key: 'b62c0d9d59a70176bdbf769aec6090d7a166853b', name: "start" }), h("slot", { key: 'd01d3cc2c50e5aaa49c345b209fe8dbdf3d48131', name: "secondary" }), h("div", { key: '3aaa3a2810aedd38c37eb616158ec7b9638528fc', class: "toolbar-content", part: "content" }, h("slot", { key: '357246690f8d5e1cc3ca369611d4845a79edf610' })), h("slot", { key: '06ed3cca4f7ebff4a54cd877dad3cc925ccf9f75', name: "primary" }), h("slot", { key: 'e453d43d14a26b0d72f41e1b81a554bab8ece811', name: "end" }))));
+    }
+    get el() { return this; }
+    static get style() { return {
+        ios: toolbarIosCss,
+        md: toolbarMdCss
+    }; }
+}, [289, "ion-toolbar", {
+        "color": [513]
+    }, [[0, "ionStyle", "childrenStyle"]]]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ion-toolbar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ion-toolbar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Toolbar);
+            }
+            break;
+    } });
+}
+
+export { Toolbar as T, defineCustomElement as d };

package/components/validity.js

@@ -1,4 +1,17 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-const n=n=>{const o=n.classList.contains("ion-touched"),t=n.classList.contains("ion-invalid");return o&&t};export{n as c}
+/**
+ * Checks if the form element is in an invalid state based on
+ * Ionic validation classes.
+ *
+ * @param el The form element to check.
+ * @returns `true` if the element is invalid, `false` otherwise.
+ */
+const checkInvalidState = (el) => {
+    const hasIonTouched = el.classList.contains('ion-touched');
+    const hasIonInvalid = el.classList.contains('ion-invalid');
+    return hasIonTouched && hasIonInvalid;
+};
+
+export { checkInvalidState as c };

package/components/watch-options.js

@@ -1,4 +1,47 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-const r=(r,t,n)=>{if("undefined"==typeof MutationObserver)return;const u=new MutationObserver((r=>{n(e(r,t))}));return u.observe(r,{childList:!0,subtree:!0}),u},e=(r,e)=>{let n;return r.forEach((r=>{for(let u=0;u<r.addedNodes.length;u++)n=t(r.addedNodes[u],e)||n})),n},t=(r,e)=>{if(1!==r.nodeType)return;const t=r;return(t.tagName===e.toUpperCase()?[t]:Array.from(t.querySelectorAll(e))).find((r=>r.value===t.value))};export{r as w}
+const watchForOptions = (containerEl, tagName, onChange) => {
+    if (typeof MutationObserver === 'undefined') {
+        return;
+    }
+    const mutation = new MutationObserver((mutationList) => {
+        onChange(getSelectedOption(mutationList, tagName));
+    });
+    mutation.observe(containerEl, {
+        childList: true,
+        subtree: true,
+    });
+    return mutation;
+};
+const getSelectedOption = (mutationList, tagName) => {
+    let newOption;
+    mutationList.forEach((mut) => {
+        // eslint-disable-next-line @typescript-eslint/prefer-for-of
+        for (let i = 0; i < mut.addedNodes.length; i++) {
+            newOption = findCheckedOption(mut.addedNodes[i], tagName) || newOption;
+        }
+    });
+    return newOption;
+};
+/**
+ * The "value" key is only set on some components such as ion-select-option.
+ * As a result, we create a default union type of HTMLElement and the "value" key.
+ * However, implementers are required to provide the appropriate component type
+ * such as HTMLIonSelectOptionElement.
+ */
+const findCheckedOption = (node, tagName) => {
+    /**
+     * https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
+     * The above check ensures "node" is an Element (nodeType 1).
+     */
+    if (node.nodeType !== 1) {
+        return undefined;
+    }
+    // HTMLElement inherits from Element, so we cast "el" as T.
+    const el = node;
+    const options = el.tagName === tagName.toUpperCase() ? [el] : Array.from(el.querySelectorAll(tagName));
+    return options.find((o) => o.value === el.value);
+};
+
+export { watchForOptions as w };

package/dist/cjs/{animation-Dg4yiuR2.js → animation-Bt3H9L1C.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
+var index = require('./index-D6Wc6v08.js');
 var index$1 = require('./index-DkNv4J_i.js');
 
 let animationPrefix;

package/dist/cjs/app-globals-Ciccnk9_.js

@@ -0,0 +1,10 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+var ionicGlobal = require('./ionic-global-HMVqOFGO.js');
+
+const globalScripts = ionicGlobal.initialize;
+
+exports.globalScripts = globalScripts;

package/dist/cjs/{button-active-FscMI17-.js → button-active-CMc8cD90.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index$1 = require('./index-CqT-2gKy.js');
+var index$1 = require('./index-D6Wc6v08.js');
 var haptic = require('./haptic-ClPPQ_PS.js');
 var index = require('./index-CAvQ7Tka.js');
 

package/dist/cjs/{config-BukYi_pW.js → config-C5fsO43a.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
+var index = require('./index-D6Wc6v08.js');
 
 /**
  * Does a simple sanitization of all elements

package/dist/cjs/{data-BYlBjkMU.js → data-JwZKaIQB.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
+var index = require('./index-D6Wc6v08.js');
 
 /**
  * Returns true if the selected day is equal to the reference day

package/dist/cjs/{framework-delegate-CRgp8o_p.js → framework-delegate-DMJRBuDi.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var helpers = require('./helpers-CxTYJdbT.js');
+var helpers = require('./helpers-DrTqNghc.js');
 
 // TODO(FW-2832): types
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {

package/dist/cjs/{hardware-back-button-C4rMJ5uI.js → hardware-back-button-VCK4V3mG.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 var index$1 = require('./index-DkNv4J_i.js');
-var index = require('./index-CqT-2gKy.js');
+var index = require('./index-D6Wc6v08.js');
 
 /**
  * CloseWatcher is a newer API that lets

package/dist/cjs/{helpers-CxTYJdbT.js → helpers-DrTqNghc.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
+var index = require('./index-D6Wc6v08.js');
 
 const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {

package/dist/cjs/{index-C845Ti6K.js → index-094mMFB-.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-CqT-2gKy.js');
-var helpers = require('./helpers-CxTYJdbT.js');
+var index = require('./index-D6Wc6v08.js');
+var helpers = require('./helpers-DrTqNghc.js');
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -120,8 +120,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-trBiC95R.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-CUQECuvD.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-BOt_uW73.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-Dt968VXB.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
 /**

package/dist/cjs/{index-YcSftOMz.js → index-C534ULug.js}

@@ -4,8 +4,8 @@
 'use strict';
 
 var index = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-CxTYJdbT.js');
-require('./index-CqT-2gKy.js');
+var helpers = require('./helpers-DrTqNghc.js');
+require('./index-D6Wc6v08.js');
 
 const startTapClick = (config) => {
     if (index.doc === undefined) {

package/dist/cjs/{index-MbaBbWXk.js → index-CO6eryBo.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var helpers = require('./helpers-CxTYJdbT.js');
-var index = require('./index-CqT-2gKy.js');
+var helpers = require('./helpers-DrTqNghc.js');
+var index = require('./index-D6Wc6v08.js');
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';