@ionic/core 8.4.2-dev.11736797843.16cc5058 → 8.4.2-dev.11739377372.17be7c08

package/dist/esm/ion-col_3.entry.js

@@ -1,8 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, j as forceUpdate, h, f as Host } from './index-fcdfc1aa.js';
-import { b as getIonMode } from './ionic-global-6b9f2b5a.js';
+import { r as registerInstance, j as forceUpdate, h, i as Host } from './index-723c0e5d.js';
+import { c as getIonTheme } from './ionic-global-3c97a4aa.js';
+import './config-84eb9670.js';
 
 const SIZE_TO_MEDIA = {
     xs: '(min-width: 0px)',
@@ -35,6 +36,30 @@ const BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];
 const Col = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.offset = undefined;
+        this.offsetXs = undefined;
+        this.offsetSm = undefined;
+        this.offsetMd = undefined;
+        this.offsetLg = undefined;
+        this.offsetXl = undefined;
+        this.pull = undefined;
+        this.pullXs = undefined;
+        this.pullSm = undefined;
+        this.pullMd = undefined;
+        this.pullLg = undefined;
+        this.pullXl = undefined;
+        this.push = undefined;
+        this.pushXs = undefined;
+        this.pushSm = undefined;
+        this.pushMd = undefined;
+        this.pushLg = undefined;
+        this.pushXl = undefined;
+        this.size = undefined;
+        this.sizeXs = undefined;
+        this.sizeSm = undefined;
+        this.sizeMd = undefined;
+        this.sizeLg = undefined;
+        this.sizeXl = undefined;
     }
     onResize() {
         forceUpdate(this);
@@ -111,10 +136,10 @@ const Col = class {
     }
     render() {
         const isRTL = document.dir === 'rtl';
-        const mode = getIonMode(this);
-        return (h(Host, { key: '32ed75d81dd09d9bc8999f6d42e5b3cb99c84d91', class: {
-                [mode]: true,
-            }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h("slot", { key: '38f8d0440c20cc6d1b1d6a654d07f16de61d8134' })));
+        const theme = getIonTheme(this);
+        return (h(Host, { key: '18eb6aff60f43b28b7e157b7d6ce787635f25fa1', class: {
+                [theme]: true,
+            }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h("slot", { key: '3848d5cb525b42a550aa36a486f97b2e20240def' })));
     }
 };
 Col.style = IonColStyle0;
@@ -125,17 +150,14 @@ const IonGridStyle0 = gridCss;
 const Grid = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        /**
-         * If `true`, the grid will have a fixed width based on the screen size.
-         */
         this.fixed = false;
     }
     render() {
-        const mode = getIonMode(this);
-        return (h(Host, { key: '617127ecfabf9bf615bef1dda1be3fed5a065949', class: {
-                [mode]: true,
+        const theme = getIonTheme(this);
+        return (h(Host, { key: 'f22760e2c973d2f2e3ffcadd5012ff3482cb7f14', class: {
+                [theme]: true,
                 'grid-fixed': this.fixed,
-            } }, h("slot", { key: 'c781fff853b093d8f44bdb7943bbc4f17c903803' })));
+            } }, h("slot", { key: '12a2bb04ad30e80fc3d0cdc49de2b625cb15f3e7' })));
     }
 };
 Grid.style = IonGridStyle0;
@@ -148,7 +170,10 @@ const Row = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'aea072a5005e3f1f309f0d1ae5be5ee19869b035', class: getIonMode(this) }, h("slot", { key: '2a481c2126ac6ca65f0a1bbd07c2d3365409cb78' })));
+        const theme = getIonTheme(this);
+        return (h(Host, { key: '369ed55bee4f62544da323faabea568ff6ad2b8e', class: {
+                [theme]: true,
+            } }, h("slot", { key: '4b1a1ed7d933f83b0f4a79e961312db46a2a2eb2' })));
     }
 };
 Row.style = IonRowStyle0;

package/dist/esm/ion-datetime-button.entry.js

@@ -1,12 +1,15 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, h, f as Host, i as getElement } from './index-fcdfc1aa.js';
-import { a as addEventListener, c as componentOnReady } from './helpers-da915de8.js';
-import { a as printIonError } from './index-9b0d46f4.js';
+import { r as registerInstance, h, i as Host, g as getElement } from './index-723c0e5d.js';
+import { a as addEventListener, c as componentOnReady } from './helpers-f08d15bd.js';
+import { e as printIonError, c as getIonTheme } from './ionic-global-3c97a4aa.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
-import { b as getIonMode } from './ionic-global-6b9f2b5a.js';
-import { s as parseDate, x as getToday, L as getHourCycle, N as getLocalizedDateTime, M as getLocalizedTime } from './data-ae11fd43.js';
+import { s as parseDate, x as getToday, L as getHourCycle, N as getLocalizedDateTime, M as getLocalizedTime } from './data-98c06dea.js';
+import './config-84eb9670.js';
+
+const ionicDatetimeButtonMdCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host button{border-radius:8px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;-webkit-transition:150ms color ease-in-out;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));color:var(--ion-text-color, #000);font-family:inherit;font-size:1rem;cursor:pointer;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}:host button{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px}";
+const IonDatetimeButtonIonicStyle0 = ionicDatetimeButtonMdCss;
 
 const datetimeButtonIosCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host button{border-radius:8px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;-webkit-transition:150ms color ease-in-out;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));color:var(--ion-text-color, #000);font-family:inherit;font-size:1rem;cursor:pointer;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}:host button{-webkit-padding-start:13px;padding-inline-start:13px;-webkit-padding-end:13px;padding-inline-end:13px;padding-top:7px;padding-bottom:7px}:host button.ion-activated{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}";
 const IonDatetimeButtonIosStyle0 = datetimeButtonIosCss;
@@ -19,18 +22,6 @@ const DatetimeButton = class {
         registerInstance(this, hostRef);
         this.datetimeEl = null;
         this.overlayEl = null;
-        this.datetimePresentation = 'date-time';
-        this.datetimeActive = false;
-        /**
-         * The color to use from your application's color palette.
-         * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-         * For more information on colors, see [theming](/docs/theming/basics).
-         */
-        this.color = 'primary';
-        /**
-         * If `true`, the user cannot interact with the button.
-         */
-        this.disabled = false;
         /**
          * Accepts one or more string values and converts
          * them to DatetimeParts. This is done so datetime-button
@@ -246,6 +237,14 @@ const DatetimeButton = class {
                 overlayEl.present();
             }
         };
+        this.datetimePresentation = 'date-time';
+        this.dateText = undefined;
+        this.timeText = undefined;
+        this.datetimeActive = false;
+        this.selectedButton = undefined;
+        this.color = 'primary';
+        this.disabled = false;
+        this.datetime = undefined;
     }
     async componentWillLoad() {
         const { datetime } = this;
@@ -337,16 +336,17 @@ const DatetimeButton = class {
     }
     render() {
         const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
-        const mode = getIonMode(this);
-        return (h(Host, { key: '26e606af6f067a5774db37ed41387ffebb941777', class: createColorClasses(color, {
-                [mode]: true,
+        const theme = getIonTheme(this);
+        return (h(Host, { key: '91f2f28facdf66127f630c6ffde5f84a9bd3ea39', class: createColorClasses(color, {
+                [theme]: true,
                 [`${selectedButton}-active`]: datetimeActive,
                 ['datetime-button-disabled']: disabled,
-            }) }, dateText && (h("button", { key: '6b7aa66a15b4a6d89d411e40586de28a2ac9f343', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, h("slot", { key: 'd42f34fd167be34386319e7ea788c2ab03c90b87', name: "date-target" }, dateText), mode === 'md' && h("ion-ripple-effect", { key: '47dd34f3c2799064cac7a5fe25440ecc043950f0' }))), timeText && (h("button", { key: 'd77424a20fae320654774c7bfc8a8e2369d3afe3', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, h("slot", { key: 'ac088a78141bb53f2efd48dd7745f8954c92378b', name: "time-target" }, timeText), mode === 'md' && h("ion-ripple-effect", { key: 'b3a58ddfd28b9396e2518ffd62a045ec13d8b9d0' })))));
+            }) }, dateText && (h("button", { key: '08ca261bc381f01a616727c0eedb9461a90f6f34', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, h("slot", { key: 'bc7c1b5ee8e71960936509a90fee90c3b03ec9a2', name: "date-target" }, dateText), theme === 'md' && h("ion-ripple-effect", { key: 'b09bc4158b4896b8a0b91b90cd8fa52b844f2cc2' }))), timeText && (h("button", { key: '14ebc33a671aa3465d50ce146dc47e7d80e9fbab', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, h("slot", { key: '3b5a8451258773c5679db809804d9f14869cae35', name: "time-target" }, timeText), theme === 'md' && h("ion-ripple-effect", { key: '7a728e0122269c89072a4a405653f8aea48caa68' })))));
     }
     get el() { return getElement(this); }
 };
 DatetimeButton.style = {
+    ionic: IonDatetimeButtonIonicStyle0,
     ios: IonDatetimeButtonIosStyle0,
     md: IonDatetimeButtonMdStyle0
 };