@ionic/core 7.5.6-dev.11700168085.18cb70d3 → 7.5.6-dev.11700492285.1581ed02

package/dist/collection/utils/sanitization/test/sanitization.spec.js

@@ -0,0 +1,43 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { IonicSafeString, sanitizeDOMString } from "..";
+describe('sanitizeDOMString', () => {
+  it('disable sanitizer', () => {
+    enableSanitizer(false);
+    expect(sanitizeDOMString('<img src="x" onerror="alert(document.cookie);">')).toEqual('<img src="x" onerror="alert(document.cookie);">');
+  });
+  it('bypass sanitizer', () => {
+    expect(sanitizeDOMString(new IonicSafeString('<img src="x" onerror="alert(document.cookie);">'))).toEqual('<img src="x" onerror="alert(document.cookie);">');
+  });
+  it('filter onerror', () => {
+    expect(sanitizeDOMString('<img src="x" onerror="alert(document.cookie);">')).toEqual('<img src="x">');
+  });
+  it('filter onclick', () => {
+    expect(sanitizeDOMString('<button id="myButton" name="myButton" onclick="alert(document.cookie);">harmless button</button>')).toEqual('<button id="myButton" name="myButton">harmless button</button>');
+  });
+  it('filter <a> href JS', () => {
+    expect(sanitizeDOMString('<a href="javascript:alert(document.cookie)">harmless link</a>')).toEqual('<a>harmless link</a>');
+    expect(sanitizeDOMString('<a href="javascr&Tab;ipt:alert(document.cookie)">harmless link</a>')).toEqual('<a>harmless link</a>');
+  });
+  it('filter <a> href JS + class attribute', () => {
+    expect(sanitizeDOMString('<a class="link" href="Javascript&#58;alert(document.cookie)">harmless link</a>')).toEqual('<a class="link">harmless link</a>');
+  });
+  it('filter <iframe>', () => {
+    expect(sanitizeDOMString('<iframe src="javascript:alert(document.cookie)"></iframe>')).toEqual('');
+  });
+  it('filter href + javascript ', () => {
+    expect(sanitizeDOMString('<div><button><a href="javascript:alert(document.cookie)">click me</a></button></div>')).toEqual('<div><button><a>click me</a></button></div>');
+  });
+  it('filter <object>', () => {
+    expect(sanitizeDOMString('<object><img src="x" onerror="alert(document.cookie);"></object>')).toEqual('');
+  });
+  it('sanitizeDOMString', () => {
+    expect(sanitizeDOMString('<ion-item><ion-label>Hello!</ion-label><ion-button onclick="alert(document.cookie);">Click me</ion-button>')).toEqual('<ion-item><ion-label>Hello!</ion-label><ion-button>Click me</ion-button></ion-item>');
+  });
+});
+const enableSanitizer = (enable = true) => {
+  window.Ionic = {};
+  window.Ionic.config = {};
+  window.Ionic.config.sanitizerEnabled = enable;
+};

package/dist/collection/utils/test/aria.spec.js

@@ -0,0 +1,79 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { newSpecPage } from "@stencil/core/testing";
+import { Item } from "../../components/item/item";
+import { Label } from "../../components/label/label";
+import { Toggle } from "../../components/toggle/toggle";
+import { getAriaLabel } from "../helpers";
+describe('getAriaLabel()', () => {
+  it('should correctly link component to label', async () => {
+    const page = await newSpecPage({
+      components: [Item, Label, Toggle],
+      html: `
+        <ion-item>
+          <ion-label>My Label</ion-label>
+          <ion-toggle></ion-toggle>
+        </ion-item>
+      `,
+    });
+    const toggle = page.body.querySelector('ion-toggle');
+    const { label, labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
+    expect(labelText).toEqual('My Label');
+    expect(labelId).toEqual('ion-tg-0-lbl');
+    expect(label).toEqual(page.body.querySelector('ion-label'));
+  });
+  it('should correctly link component when using custom label', async () => {
+    const page = await newSpecPage({
+      components: [Toggle],
+      html: `
+        <div id="my-label">Hello World</div>
+        <ion-toggle legacy="true" aria-labelledby="my-label"></ion-toggle>
+      `,
+    });
+    const toggle = page.body.querySelector('ion-toggle');
+    const { label, labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
+    expect(labelText).toEqual('Hello World');
+    expect(labelId).toEqual('my-label');
+    expect(label).toEqual(page.body.querySelector('#my-label'));
+  });
+  it('should correctly link component when special characters are used', async () => {
+    const page = await newSpecPage({
+      components: [Toggle],
+      html: `
+        <div id="id.1">Hello World</div>
+        <ion-toggle legacy="true" aria-labelledby="id.1"></ion-toggle>
+      `,
+    });
+    const toggle = page.body.querySelector('ion-toggle');
+    const { labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
+    expect(labelText).toEqual('Hello World');
+    expect(labelId).toEqual('id.1');
+  });
+  it('should only set the label id if one was not set already', async () => {
+    const page = await newSpecPage({
+      components: [Toggle],
+      html: `
+        <label id="my-id" for="id.1">Hello World</label>
+        <ion-toggle legacy="true" id="id.1"></ion-toggle>
+      `,
+    });
+    const toggle = page.body.querySelector('ion-toggle');
+    const { labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
+    expect(labelText).toEqual('Hello World');
+    expect(labelId).toEqual('my-id');
+  });
+  it('should set label id', async () => {
+    const page = await newSpecPage({
+      components: [Toggle],
+      html: `
+        <label for="id.1">Hello World</label>
+        <ion-toggle legacy="true" id="id.1"></ion-toggle>
+      `,
+    });
+    const toggle = page.body.querySelector('ion-toggle');
+    const { labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
+    expect(labelText).toEqual('Hello World');
+    expect(labelId).toEqual('id.1-lbl');
+  });
+});

package/dist/collection/utils/test/attributes.spec.js

@@ -0,0 +1,53 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { inheritAttributes, inheritAriaAttributes } from "../helpers";
+describe('inheritAttributes()', () => {
+  it('should create an attribute inheritance object', () => {
+    const el = document.createElement('div');
+    el.setAttribute('tabindex', '20');
+    el.setAttribute('title', 'myTitle');
+    const attributeObject = inheritAttributes(el, ['tabindex', 'title']);
+    expect(attributeObject).toEqual({
+      tabindex: '20',
+      title: 'myTitle',
+    });
+  });
+  it('should not inherit attributes that are not defined on the element', () => {
+    const el = document.createElement('div');
+    el.setAttribute('tabindex', '20');
+    const attributeObject = inheritAttributes(el, ['tabindex', 'title']);
+    expect(attributeObject).toEqual({
+      tabindex: '20',
+    });
+  });
+  it('should not inherit attributes that are not defined on the input array', () => {
+    const el = document.createElement('div');
+    el.setAttribute('tabindex', '20');
+    el.setAttribute('title', 'myTitle');
+    const attributeObject = inheritAttributes(el, ['title']);
+    expect(attributeObject).toEqual({
+      title: 'myTitle',
+    });
+  });
+});
+describe('inheritAriaAttributes()', () => {
+  it('should inherit ARIA attributes defined on the HTML element', () => {
+    const el = document.createElement('div');
+    el.setAttribute('aria-label', 'myLabel');
+    el.setAttribute('aria-describedby', 'myDescription');
+    const attributeObject = inheritAriaAttributes(el);
+    expect(attributeObject).toEqual({
+      'aria-label': 'myLabel',
+      'aria-describedby': 'myDescription',
+    });
+  });
+  it('should inherit the role attribute defined on the HTML element', () => {
+    const el = document.createElement('div');
+    el.setAttribute('role', 'button');
+    const attributeObject = inheritAriaAttributes(el);
+    expect(attributeObject).toEqual({
+      role: 'button',
+    });
+  });
+});

package/dist/collection/utils/test/hardware-back-button.spec.js

@@ -0,0 +1,53 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { startHardwareBackButton } from "../hardware-back-button";
+describe('Hardware Back Button', () => {
+  beforeEach(() => startHardwareBackButton());
+  it('should call handler', () => {
+    const cbSpy = jest.fn();
+    document.addEventListener('ionBackButton', (ev) => {
+      ev.detail.register(0, cbSpy);
+    });
+    dispatchBackButtonEvent();
+    expect(cbSpy).toHaveBeenCalled();
+  });
+  it('should call handlers in order of priority', () => {
+    const cbSpy = jest.fn();
+    const cbSpyTwo = jest.fn();
+    document.addEventListener('ionBackButton', (ev) => {
+      ev.detail.register(100, cbSpy);
+      ev.detail.register(99, cbSpyTwo);
+    });
+    dispatchBackButtonEvent();
+    expect(cbSpy).toHaveBeenCalled();
+    expect(cbSpyTwo).not.toHaveBeenCalled();
+  });
+  it('should only call last handler to be added for handlers with same priority', () => {
+    const cbSpy = jest.fn();
+    const cbSpyTwo = jest.fn();
+    document.addEventListener('ionBackButton', (ev) => {
+      ev.detail.register(100, cbSpy);
+      ev.detail.register(100, cbSpyTwo);
+    });
+    dispatchBackButtonEvent();
+    expect(cbSpy).not.toHaveBeenCalled();
+    expect(cbSpyTwo).toHaveBeenCalled();
+  });
+  it('should call multiple callbacks', () => {
+    const cbSpy = (processNextHandler) => {
+      processNextHandler();
+    };
+    const cbSpyTwo = jest.fn();
+    document.addEventListener('ionBackButton', (ev) => {
+      ev.detail.register(100, cbSpy);
+      ev.detail.register(99, cbSpyTwo);
+    });
+    dispatchBackButtonEvent();
+    expect(cbSpyTwo).toHaveBeenCalled();
+  });
+});
+const dispatchBackButtonEvent = () => {
+  const ev = new Event('backbutton');
+  document.dispatchEvent(ev);
+};

package/dist/collection/utils/test/overlays/overlays.spec.js

@@ -0,0 +1,102 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { newSpecPage } from "@stencil/core/testing";
+import { Modal } from "../../../components/modal/modal";
+import { Nav } from "../../../components/nav/nav";
+import { RouterOutlet } from "../../../components/router-outlet/router-outlet";
+import { setRootAriaHidden } from "../../overlays";
+describe('setRootAriaHidden()', () => {
+  it('should correctly remove and re-add router outlet from accessibility tree', async () => {
+    const page = await newSpecPage({
+      components: [RouterOutlet],
+      html: `
+        <ion-router-outlet></ion-router-outlet>
+      `,
+    });
+    const routerOutlet = page.body.querySelector('ion-router-outlet');
+    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(false);
+    setRootAriaHidden(true);
+    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(true);
+    setRootAriaHidden(false);
+    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(false);
+  });
+  it('should correctly remove and re-add nav from accessibility tree', async () => {
+    const page = await newSpecPage({
+      components: [Nav],
+      html: `
+        <ion-nav></ion-nav>
+      `,
+    });
+    const nav = page.body.querySelector('ion-nav');
+    expect(nav.hasAttribute('aria-hidden')).toEqual(false);
+    setRootAriaHidden(true);
+    expect(nav.hasAttribute('aria-hidden')).toEqual(true);
+    setRootAriaHidden(false);
+    expect(nav.hasAttribute('aria-hidden')).toEqual(false);
+  });
+  it('should correctly remove and re-add custom container from accessibility tree', async () => {
+    const page = await newSpecPage({
+      components: [],
+      html: `
+        <div id="ion-view-container-root"></div>
+        <div id="not-container-root"></div>
+      `,
+    });
+    const containerRoot = page.body.querySelector('#ion-view-container-root');
+    const notContainerRoot = page.body.querySelector('#not-container-root');
+    expect(containerRoot.hasAttribute('aria-hidden')).toEqual(false);
+    expect(notContainerRoot.hasAttribute('aria-hidden')).toEqual(false);
+    setRootAriaHidden(true);
+    expect(containerRoot.hasAttribute('aria-hidden')).toEqual(true);
+    expect(notContainerRoot.hasAttribute('aria-hidden')).toEqual(false);
+    setRootAriaHidden(false);
+    expect(containerRoot.hasAttribute('aria-hidden')).toEqual(false);
+    expect(notContainerRoot.hasAttribute('aria-hidden')).toEqual(false);
+  });
+  it('should not error if router outlet was not found', async () => {
+    await newSpecPage({
+      components: [],
+      html: `
+        <div></div>
+      `,
+    });
+    setRootAriaHidden(true);
+  });
+  it('should remove router-outlet from accessibility tree when overlay is presented', async () => {
+    const page = await newSpecPage({
+      components: [RouterOutlet, Modal],
+      html: `
+        <ion-router-outlet>
+          <ion-modal></ion-modal>
+        </ion-router-outlet>
+      `,
+    });
+    const routerOutlet = page.body.querySelector('ion-router-outlet');
+    const modal = page.body.querySelector('ion-modal');
+    await modal.present();
+    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(true);
+  });
+  it('should add router-outlet from accessibility tree when then final overlay is dismissed', async () => {
+    const page = await newSpecPage({
+      components: [RouterOutlet, Modal],
+      html: `
+        <ion-router-outlet>
+          <ion-modal id="one"></ion-modal>
+          <ion-modal id="two"></ion-modal>
+        </ion-router-outlet>
+      `,
+    });
+    const routerOutlet = page.body.querySelector('ion-router-outlet');
+    const modalOne = page.body.querySelector('ion-modal#one');
+    const modalTwo = page.body.querySelector('ion-modal#two');
+    await modalOne.present();
+    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(true);
+    await modalTwo.present();
+    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(true);
+    await modalOne.dismiss();
+    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(true);
+    await modalTwo.dismiss();
+    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(false);
+  });
+});

package/dist/collection/utils/test/platform.spec.js

@@ -0,0 +1,132 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import initialize from "../../global/ionic-global";
+import { testUserAgent, getPlatforms, isPlatform } from "../platform";
+import { PlatformConfiguration, configureBrowser } from "./platform.utils";
+describe('Platform Tests', () => {
+  describe('testUserAgent()', () => {
+    it('should return true when testing if user agent is an iPhone', () => {
+      const win = configureBrowser(PlatformConfiguration.iPhone);
+      expect(testUserAgent(win, /iPhone/)).toEqual(true);
+    });
+    it('should return false when testing if user agent is an iPad', () => {
+      const win = configureBrowser(PlatformConfiguration.iPhone);
+      expect(testUserAgent(win, /iPad/)).toEqual(false);
+    });
+    it('should return false when testing if user agent is an Android', () => {
+      const win = configureBrowser(PlatformConfiguration.iPhone);
+      expect(testUserAgent(win, /android|sink/i)).toEqual(false);
+    });
+    it('should return true when testing if user agent is an Android', () => {
+      const win = configureBrowser(PlatformConfiguration.AndroidTablet);
+      expect(testUserAgent(win, /android|sink/i)).toEqual(true);
+    });
+  });
+  describe('getPlatforms()', () => {
+    it('should contain "desktop" platform', () => {
+      const win = configureBrowser(PlatformConfiguration.DesktopSafari);
+      expect(getPlatforms(win)).toContain('desktop');
+    });
+    it('should contain "android" and "tablet" platforms', () => {
+      const win = configureBrowser(PlatformConfiguration.AndroidTablet);
+      const platforms = getPlatforms(win);
+      expect(platforms).toContain('android');
+      expect(platforms).toContain('tablet');
+    });
+    it('should contain "capacitor" platform', () => {
+      const win = configureBrowser(PlatformConfiguration.Capacitor);
+      expect(getPlatforms(win)).toContain('capacitor');
+    });
+  });
+  describe('isPlatform()', () => {
+    it('should return true for "capacitor" and "hybrid" in a Capacitor app', () => {
+      const win = configureBrowser(PlatformConfiguration.Capacitor);
+      expect(isPlatform(win, 'capacitor')).toEqual(true);
+      expect(isPlatform(win, 'hybrid')).toEqual(true);
+    });
+    it('should work without win parameter', () => {
+      global.window = configureBrowser(PlatformConfiguration.DesktopSafari);
+      expect(isPlatform('capacitor')).toEqual(false);
+      expect(isPlatform('desktop')).toEqual(true);
+    });
+    it('should return false for "capacitor" and true for "desktop" on desktop safari', () => {
+      const win = configureBrowser(PlatformConfiguration.DesktopSafari);
+      expect(isPlatform(win, 'capacitor')).toEqual(false);
+      expect(isPlatform(win, 'desktop')).toEqual(true);
+    });
+    it('should return true for "android" and "tablet" and false for "ios" on an android tablet', () => {
+      const win = configureBrowser(PlatformConfiguration.AndroidTablet);
+      expect(isPlatform(win, 'android')).toEqual(true);
+      expect(isPlatform(win, 'tablet')).toEqual(true);
+      expect(isPlatform(win, 'ios')).toEqual(false);
+    });
+    it('should return true for "cordova" and "hybrid" in a Cordova app', () => {
+      const win = configureBrowser(PlatformConfiguration.Cordova);
+      expect(isPlatform(win, 'cordova')).toEqual(true);
+      expect(isPlatform(win, 'hybrid')).toEqual(true);
+    });
+    it('should return true for "ipad" and "tablet" on an iPad Pro', () => {
+      const win = configureBrowser(PlatformConfiguration.iPadPro);
+      expect(isPlatform(win, 'ipad')).toEqual(true);
+      expect(isPlatform(win, 'tablet')).toEqual(true);
+    });
+    it('should return true for "android", false for "tablet, and false for "desktop"" on a Pixel 2 XL', () => {
+      const win = configureBrowser(PlatformConfiguration.Pixel2XL);
+      expect(isPlatform(win, 'android')).toEqual(true);
+      expect(isPlatform(win, 'tablet')).toEqual(false);
+      expect(isPlatform(win, 'desktop')).toEqual(false);
+    });
+    it('should return true for "android" and "tablet" and false for "desktop" on a Galaxy View', () => {
+      const win = configureBrowser(PlatformConfiguration.GalaxyView);
+      expect(isPlatform(win, 'android')).toEqual(true);
+      expect(isPlatform(win, 'tablet')).toEqual(true);
+      expect(isPlatform(win, 'desktop')).toEqual(false);
+    });
+    it('should return false for "android", "tablet", and "ipad" on desktop Safari', () => {
+      const win = configureBrowser(PlatformConfiguration.DesktopSafari);
+      expect(isPlatform(win, 'android')).toEqual(false);
+      expect(isPlatform(win, 'tablet')).toEqual(false);
+      expect(isPlatform(win, 'ipad')).toEqual(false);
+    });
+    it('should return false for "android" and "tablet" and false for "desktop" on iPhone', () => {
+      const win = configureBrowser(PlatformConfiguration.iPhone);
+      expect(isPlatform(win, 'android')).toEqual(false);
+      expect(isPlatform(win, 'tablet')).toEqual(false);
+      expect(isPlatform(win, 'desktop')).toEqual(false);
+    });
+    it('should return true for "android", false for "tablet", and false for "desktop" on Galaxy S9 Plus', () => {
+      const win = configureBrowser(PlatformConfiguration.GalaxyS9Plus);
+      expect(isPlatform(win, 'android')).toEqual(true);
+      expect(isPlatform(win, 'tablet')).toEqual(false);
+      expect(isPlatform(win, 'desktop')).toEqual(false);
+    });
+    it('should return true for "pwa" and false for "cordova"', () => {
+      const win = configureBrowser(PlatformConfiguration.PWA);
+      expect(isPlatform(win, 'pwa')).toEqual(true);
+      expect(isPlatform(win, 'cordova')).toEqual(false);
+    });
+    it('should return true for "ios", "ipad", and "tablet" and false for "iphone" and "android"', () => {
+      const win = configureBrowser(PlatformConfiguration.iPadOS);
+      expect(isPlatform(win, 'ios')).toEqual(true);
+      expect(isPlatform(win, 'ipad')).toEqual(true);
+      expect(isPlatform(win, 'tablet')).toEqual(true);
+      expect(isPlatform(win, 'iphone')).toEqual(false);
+      expect(isPlatform(win, 'android')).toEqual(false);
+    });
+  });
+  describe('Custom Platform Config', () => {
+    it('should use custom platform detection methods', () => {
+      const win = configureBrowser(PlatformConfiguration.DesktopSafari);
+      initialize({
+        platform: {
+          desktop: () => false,
+          cordova: () => true,
+        },
+      });
+      expect(isPlatform(win, 'desktop')).toEqual(false);
+      expect(isPlatform(win, 'cordova')).toEqual(true);
+      expect(getPlatforms(win).includes('cordova')).toEqual(true);
+    });
+  });
+});

package/dist/collection/utils/test/ready.spec.js

@@ -0,0 +1,39 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { componentOnReady } from "../helpers";
+describe('componentOnReady()', () => {
+  it('should correctly call callback for a custom element', (done) => {
+    customElements.define('hello-world', class extends HTMLElement {
+      constructor() {
+        super();
+      }
+    });
+    const component = document.createElement('hello-world');
+    componentOnReady(component, (el) => {
+      expect(el).toBe(component);
+      done();
+    });
+  });
+  it('should correctly call callback for a lazy loaded component', (done) => {
+    const cb = jest.fn((el) => {
+      return new Promise((resolve) => {
+        setTimeout(() => resolve(el), 250);
+      });
+    });
+    customElements.define('hello-world', class extends HTMLElement {
+      constructor() {
+        super();
+      }
+      componentOnReady() {
+        return cb(this);
+      }
+    });
+    const component = document.createElement('hello-world');
+    componentOnReady(component, (el) => {
+      expect(el).toBe(component);
+      expect(cb).toHaveBeenCalledTimes(1);
+      done();
+    });
+  });
+});

package/dist/collection/utils/test/theme.spec.js

@@ -0,0 +1,56 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { getClassList, getClassMap } from "../theme";
+describe('getClassList()', () => {
+  it('should parse string', () => {
+    expect(getClassList(' class class-event     THEME-ios-bar-button')).toEqual([
+      'class',
+      'class-event',
+      'THEME-ios-bar-button',
+    ]);
+    expect(getClassList('')).toEqual([]);
+    expect(getClassList('  ')).toEqual([]);
+  });
+  it('should pass array', () => {
+    expect(getClassList(['class', 'class-event', 'THEME-ios-bar-button'])).toEqual([
+      'class',
+      'class-event',
+      'THEME-ios-bar-button',
+    ]);
+    expect(getClassList(['class   ', '   class-event', '  THEME-ios-bar-button  '])).toEqual([
+      'class',
+      'class-event',
+      'THEME-ios-bar-button',
+    ]);
+    expect(getClassList(['class   ', null, undefined, '', '   class-event', '  ', '  THEME-ios-bar-button  '])).toEqual(['class', 'class-event', 'THEME-ios-bar-button']);
+  });
+});
+describe('getClassMap()', () => {
+  it('should parse string', () => {
+    expect(getClassMap(' class class-event     THEME-ios-bar-button')).toEqual({
+      class: true,
+      'class-event': true,
+      'THEME-ios-bar-button': true,
+    });
+    expect(getClassMap('')).toEqual({});
+    expect(getClassMap('  ')).toEqual({});
+  });
+  it('should pass array', () => {
+    expect(getClassMap(['class', 'class-event', 'THEME-ios-bar-button'])).toEqual({
+      class: true,
+      'class-event': true,
+      'THEME-ios-bar-button': true,
+    });
+    expect(getClassMap(['class   ', '   class-event', '  THEME-ios-bar-button  '])).toEqual({
+      class: true,
+      'class-event': true,
+      'THEME-ios-bar-button': true,
+    });
+    expect(getClassMap(['class   ', null, undefined, '', '   class-event', '  ', '  THEME-ios-bar-button  '])).toEqual({
+      class: true,
+      'class-event': true,
+      'THEME-ios-bar-button': true,
+    });
+  });
+});

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-11-16T20:56:39",
+  "timestamp": "2023-11-20T14:59:59",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.7.2",
@@ -28953,8 +28953,8 @@
       "docstring": "",
       "path": "src/components/accordion-group/accordion-group-interface.ts"
     },
-    "src/interface.d.ts::FrameworkDelegate": {
-      "declaration": "export interface FrameworkDelegate {\n  attachViewToDom(container: any, component: any, propsOrDataObj?: any, cssClasses?: string[]): Promise<HTMLElement>;\n  removeViewFromDom(container: any, component: any): Promise<void>;\n}",
+    "src/interface.d.ts::Color": {
+      "declaration": "export type Color = LiteralUnion<PredefinedColors, string>;",
       "docstring": "",
       "path": "src/interface.d.ts"
     },
@@ -28963,6 +28963,21 @@
       "docstring": "",
       "path": "src/interface.d.ts"
     },
+    "src/components/router/utils/interface.ts::RouterDirection": {
+      "declaration": "export type RouterDirection = 'forward' | 'back' | 'root';",
+      "docstring": "",
+      "path": "src/components/router/utils/interface.ts"
+    },
+    "src/components/item/item-interface.ts::CounterFormatter": {
+      "declaration": "(inputLength: number, maxLength: number) => string",
+      "docstring": "",
+      "path": "src/components/item/item-interface.ts"
+    },
+    "src/interface.d.ts::FrameworkDelegate": {
+      "declaration": "export interface FrameworkDelegate {\n  attachViewToDom(container: any, component: any, propsOrDataObj?: any, cssClasses?: string[]): Promise<HTMLElement>;\n  removeViewFromDom(container: any, component: any): Promise<void>;\n}",
+      "docstring": "",
+      "path": "src/interface.d.ts"
+    },
     "src/components/action-sheet/action-sheet-interface.ts::ActionSheetButton": {
       "declaration": "export interface ActionSheetButton<T = any> {\n  text?: string;\n  role?: 'cancel' | 'destructive' | 'selected' | string;\n  icon?: string;\n  cssClass?: string | string[];\n  id?: string;\n  htmlAttributes?: { [key: string]: any };\n  handler?: () => boolean | void | Promise<boolean | void>;\n  data?: T;\n}",
       "docstring": "",
@@ -28988,16 +29003,6 @@
       "docstring": "",
       "path": "src/components/alert/alert-interface.ts"
     },
-    "src/interface.d.ts::Color": {
-      "declaration": "export type Color = LiteralUnion<PredefinedColors, string>;",
-      "docstring": "",
-      "path": "src/interface.d.ts"
-    },
-    "src/components/router/utils/interface.ts::RouterDirection": {
-      "declaration": "export type RouterDirection = 'forward' | 'back' | 'root';",
-      "docstring": "",
-      "path": "src/components/router/utils/interface.ts"
-    },
     "src/components/breadcrumb/breadcrumb-interface.ts::BreadcrumbCollapsedClickEventDetail": {
       "declaration": "export interface BreadcrumbCollapsedClickEventDetail {\n  ionShadowTarget?: HTMLElement;\n  collapsedBreadcrumbs?: HTMLIonBreadcrumbElement[];\n}",
       "docstring": "",
@@ -29078,10 +29083,10 @@
       "docstring": "Values are converted to strings when emitted which is\nwhy we do not have a `number` type here even though the\n`value` prop accepts a `number` type.",
       "path": "src/components/input/input-interface.ts"
     },
-    "src/components/item/item-interface.ts::CounterFormatter": {
-      "declaration": "(inputLength: number, maxLength: number) => string",
+    "src/components/radio-group/radio-group-interface.ts::RadioGroupChangeEventDetail": {
+      "declaration": "export interface RadioGroupChangeEventDetail<T = any> {\n  value: T;\n  event?: Event;\n}",
       "docstring": "",
-      "path": "src/components/item/item-interface.ts"
+      "path": "src/components/radio-group/radio-group-interface.ts"
     },
     "src/components/menu/menu-interface.ts::Side": {
       "declaration": "export type Side = 'start' | 'end';",
@@ -29198,11 +29203,6 @@
       "docstring": "",
       "path": "src/components/popover/popover-interface.ts"
     },
-    "src/components/radio-group/radio-group-interface.ts::RadioGroupChangeEventDetail": {
-      "declaration": "export interface RadioGroupChangeEventDetail<T = any> {\n  value: T;\n  event?: Event;\n}",
-      "docstring": "",
-      "path": "src/components/radio-group/radio-group-interface.ts"
-    },
     "src/components/range/range-interface.ts::PinFormatter": {
       "declaration": "(value: number) => number | string",
       "docstring": "",

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

@@ -995,7 +995,7 @@ const Datetime = class {
    * so we need to re-init behavior with the new elements.
    */
   componentDidRender() {
-    const { presentation, prevPresentation, calendarBodyRef, minParts, preferWheel, resolveForceDateScrolling } = this;
+    const { presentation, prevPresentation, calendarBodyRef, minParts, preferWheel, forceRenderDate } = this;
     /**
      * TODO(FW-2165)
      * Remove this when https://bugs.webkit.org/show_bug.cgi?id=235960 is fixed.
@@ -1025,7 +1025,7 @@ const Datetime = class {
        * the scroll callback in this file does not fire,
        * and the resolveForceDateScrolling promise never resolves.
        */
-      if (workingMonth && resolveForceDateScrolling === undefined) {
+      if (workingMonth && forceRenderDate === undefined) {
         calendarBodyRef.scrollLeft = workingMonth.clientWidth * (isRTL(this.el) ? -1 : 1);
       }
     }