@ionic/core 7.5.8-dev.11701806358.1ca1b519 → 7.5.8-dev.11701894917.1c1465bd

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-12-05T20:01:05",
+  "timestamp": "2023-12-06T20:38:01",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.8.1",
@@ -2574,7 +2574,7 @@
         "ion-loading",
         "ion-menu",
         "ion-modal",
-        "ion-picker-legacy",
+        "ion-picker",
         "ion-popover"
       ],
       "dependencies": [],
@@ -2594,7 +2594,7 @@
         "ion-modal": [
           "ion-backdrop"
         ],
-        "ion-picker-legacy": [
+        "ion-picker": [
           "ion-backdrop"
         ],
         "ion-popover": [
@@ -7924,9 +7924,8 @@
       "dependencies": [
         "ion-buttons",
         "ion-button",
-        "ion-picker",
-        "ion-picker-column",
-        "ion-picker-column-option",
+        "ion-picker-internal",
+        "ion-picker-column-internal",
         "ion-icon",
         "ion-ripple-effect",
         "ion-popover"
@@ -7935,9 +7934,8 @@
         "ion-datetime": [
           "ion-buttons",
           "ion-button",
-          "ion-picker",
-          "ion-picker-column",
-          "ion-picker-column-option",
+          "ion-picker-internal",
+          "ion-picker-column-internal",
           "ion-icon",
           "ion-ripple-effect",
           "ion-popover"
@@ -17252,470 +17250,8 @@
     },
     {
       "filePath": "src/components/picker/picker.tsx",
-      "encapsulation": "shadow",
-      "tag": "ion-picker",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "mode",
-          "type": "\"ios\" | \"md\"",
-          "mutable": false,
-          "attr": "mode",
-          "reflectToAttr": false,
-          "docs": "The mode determines which platform styles to use.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "ionInputModeChange",
-          "detail": "PickerChangeEventDetail",
-          "bubbles": true,
-          "complexType": {
-            "original": "PickerChangeEventDetail",
-            "resolved": "PickerChangeEventDetail",
-            "references": {
-              "PickerChangeEventDetail": {
-                "location": "import",
-                "path": "./picker-interfaces",
-                "id": "src/components/picker/picker-interfaces.ts::PickerChangeEventDetail"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
-        }
-      ],
-      "listeners": [
-        {
-          "event": "touchstart",
-          "capture": false,
-          "passive": true
-        }
-      ],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "ion-datetime"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "ion-datetime": [
-          "ion-picker"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/picker-column/picker-column.tsx",
-      "encapsulation": "shadow",
-      "tag": "ion-picker-column",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use."
-        },
-        {
-          "name": "slot",
-          "text": "prefix - Content to show on the left side of the picker options."
-        },
-        {
-          "name": "slot",
-          "text": "suffix - Content to show on the right side of the picker options."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "color",
-          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
-          "complexType": {
-            "original": "Color",
-            "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
-            "references": {
-              "Color": {
-                "location": "import",
-                "path": "../../interface",
-                "id": "src/interface.d.ts::Color"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "color",
-          "reflectToAttr": true,
-          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-          "docsTags": [],
-          "default": "'primary'",
-          "values": [
-            {
-              "value": "danger",
-              "type": "string"
-            },
-            {
-              "value": "dark",
-              "type": "string"
-            },
-            {
-              "value": "light",
-              "type": "string"
-            },
-            {
-              "value": "medium",
-              "type": "string"
-            },
-            {
-              "value": "primary",
-              "type": "string"
-            },
-            {
-              "value": "secondary",
-              "type": "string"
-            },
-            {
-              "value": "success",
-              "type": "string"
-            },
-            {
-              "value": "tertiary",
-              "type": "string"
-            },
-            {
-              "value": "warning",
-              "type": "string"
-            },
-            {
-              "type": "string & Record<never, never>"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "disabled",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": false,
-          "docs": "If `true`, the user cannot interact with the picker.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "items",
-          "type": "PickerColumnItem[]",
-          "complexType": {
-            "original": "PickerColumnItem[]",
-            "resolved": "PickerColumnItem[]",
-            "references": {
-              "PickerColumnItem": {
-                "location": "import",
-                "path": "./picker-column-interfaces",
-                "id": "src/components/picker-column/picker-column-interfaces.ts::PickerColumnItem"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "A list of options to be displayed in the picker",
-          "docsTags": [],
-          "default": "[]",
-          "values": [
-            {
-              "type": "PickerColumnItem[]"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "mode",
-          "type": "\"ios\" | \"md\"",
-          "mutable": false,
-          "attr": "mode",
-          "reflectToAttr": false,
-          "docs": "The mode determines which platform styles to use.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "value",
-          "type": "number | string | undefined",
-          "complexType": {
-            "original": "string | number",
-            "resolved": "number | string | undefined",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "value",
-          "reflectToAttr": false,
-          "docs": "The selected option in the picker.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            },
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "setFocus",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "setFocus() => Promise<void>",
-          "parameters": [],
-          "docs": "Sets focus on the scrollable container within the picker column.\nUse this method instead of the global `pickerColumn.focus()`.",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "ionChange",
-          "detail": "{ value: string | number | undefined; }",
-          "bubbles": true,
-          "complexType": {
-            "original": "{ value: string | number | undefined }",
-            "resolved": "{ value: string | number | undefined; }",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the value has changed.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "prefix",
-          "docs": "Content to show on the left side of the picker options."
-        },
-        {
-          "name": "suffix",
-          "docs": "Content to show on the right side of the picker options."
-        }
-      ],
-      "parts": [],
-      "dependents": [
-        "ion-datetime"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "ion-datetime": [
-          "ion-picker-column"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/picker-column-option/picker-column-option.tsx",
-      "encapsulation": "shadow",
-      "tag": "ion-picker-column-option",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "color",
-          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
-          "complexType": {
-            "original": "Color",
-            "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
-            "references": {
-              "Color": {
-                "location": "import",
-                "path": "../../interface",
-                "id": "src/interface.d.ts::Color"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "color",
-          "reflectToAttr": true,
-          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-          "docsTags": [],
-          "default": "'primary'",
-          "values": [
-            {
-              "value": "danger",
-              "type": "string"
-            },
-            {
-              "value": "dark",
-              "type": "string"
-            },
-            {
-              "value": "light",
-              "type": "string"
-            },
-            {
-              "value": "medium",
-              "type": "string"
-            },
-            {
-              "value": "primary",
-              "type": "string"
-            },
-            {
-              "value": "secondary",
-              "type": "string"
-            },
-            {
-              "value": "success",
-              "type": "string"
-            },
-            {
-              "value": "tertiary",
-              "type": "string"
-            },
-            {
-              "value": "warning",
-              "type": "string"
-            },
-            {
-              "type": "string & Record<never, never>"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "disabled",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": false,
-          "docs": "If `true`, the user cannot interact with the picker column option.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "value",
-          "type": "any",
-          "complexType": {
-            "original": "any | null",
-            "resolved": "any",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "value",
-          "reflectToAttr": false,
-          "docs": "The text value of the option.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "any"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "ion-datetime"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "ion-datetime": [
-          "ion-picker-column-option"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/picker-legacy/picker.tsx",
       "encapsulation": "scoped",
-      "tag": "ion-picker-legacy",
+      "tag": "ion-picker",
       "docs": "",
       "docsTags": [
         {
@@ -17779,7 +17315,7 @@
               "PickerButton": {
                 "location": "import",
                 "path": "./picker-interface",
-                "id": "src/components/picker-legacy/picker-interface.ts::PickerButton"
+                "id": "src/components/picker/picker-interface.ts::PickerButton"
               }
             }
           },
@@ -17806,7 +17342,7 @@
               "PickerColumn": {
                 "location": "import",
                 "path": "./picker-interface",
-                "id": "src/components/picker-legacy/picker-interface.ts::PickerColumn"
+                "id": "src/components/picker/picker-interface.ts::PickerColumn"
               }
             }
           },
@@ -18143,7 +17679,7 @@
               "PickerColumn": {
                 "location": "import",
                 "path": "./picker-interface",
-                "id": "src/components/picker-legacy/picker-interface.ts::PickerColumn"
+                "id": "src/components/picker/picker-interface.ts::PickerColumn"
               }
             },
             "return": "Promise<PickerColumn | undefined>"
@@ -18454,12 +17990,12 @@
       "dependents": [],
       "dependencies": [
         "ion-backdrop",
-        "ion-picker-legacy-column"
+        "ion-picker-column"
       ],
       "dependencyGraph": {
-        "ion-picker-legacy": [
+        "ion-picker": [
           "ion-backdrop",
-          "ion-picker-legacy-column"
+          "ion-picker-column"
         ]
       }
     },
@@ -29511,15 +29047,15 @@
       "docstring": "",
       "path": "src/components/datetime/datetime-interface.ts"
     },
-    "src/components/picker-column/picker-column-interfaces.ts::PickerColumnItem": {
+    "src/components/picker-column-internal/picker-column-internal-interfaces.ts::PickerColumnItem": {
       "declaration": "export interface PickerColumnItem {\n  text: string;\n  value: string | number;\n  disabled?: boolean;\n}",
       "docstring": "",
-      "path": "src/components/picker-column/picker-column-interfaces.ts"
+      "path": "src/components/picker-column-internal/picker-column-internal-interfaces.ts"
     },
-    "src/components/picker/picker-interfaces.ts::PickerChangeEventDetail": {
-      "declaration": "export interface PickerChangeEventDetail {\n  useInputMode: boolean;\n  inputModeColumn?: HTMLIonPickerColumnElement;\n}",
+    "src/components/picker-internal/picker-internal-interfaces.ts::PickerInternalChangeEventDetail": {
+      "declaration": "export interface PickerInternalChangeEventDetail {\n  useInputMode: boolean;\n  inputModeColumn?: HTMLIonPickerColumnInternalElement;\n}",
       "docstring": "",
-      "path": "src/components/picker/picker-interfaces.ts"
+      "path": "src/components/picker-internal/picker-internal-interfaces.ts"
     },
     "src/components/spinner/spinner-configs.ts::SpinnerTypes": {
       "declaration": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-small\" | \"lines-sharp\" | \"lines-sharp-small\"",
@@ -29621,15 +29157,15 @@
       "docstring": "",
       "path": "src/components/router/utils/interface.ts"
     },
-    "src/components/picker-legacy/picker-interface.ts::PickerButton": {
+    "src/components/picker/picker-interface.ts::PickerButton": {
       "declaration": "export interface PickerButton {\n  text?: string;\n  role?: string;\n  cssClass?: string | string[];\n  handler?: (value: any) => boolean | void;\n}",
       "docstring": "",
-      "path": "src/components/picker-legacy/picker-interface.ts"
+      "path": "src/components/picker/picker-interface.ts"
     },
-    "src/components/picker-legacy/picker-interface.ts::PickerColumn": {
+    "src/components/picker/picker-interface.ts::PickerColumn": {
       "declaration": "export interface PickerColumn {\n  name: string;\n  align?: string;\n  /**\n   * Changing this value allows the initial value of a picker column to be set.\n   */\n  selectedIndex?: number;\n  prevSelected?: number;\n  prefix?: string;\n  suffix?: string;\n  options: PickerColumnOption[];\n  cssClass?: string | string[];\n  columnWidth?: string;\n  prefixWidth?: string;\n  suffixWidth?: string;\n  optionsWidth?: string;\n}",
       "docstring": "",
-      "path": "src/components/picker-legacy/picker-interface.ts"
+      "path": "src/components/picker/picker-interface.ts"
     },
     "src/components/popover/popover-interface.ts::TriggerAction": {
       "declaration": "export type TriggerAction = 'click' | 'hover' | 'context-menu';",

package/dist/esm/{data-4b9508c9.js → data-f5c75b4e.js}

@@ -1392,7 +1392,7 @@ const getMonthColumnData = (locale, refParts, minParts, maxParts, monthValues, f
  * @param minParts The minimum bound on the date that can be returned
  * @param maxParts The maximum bound on the date that can be returned
  * @param dayValues The allowed date values
- * @returns Date data to be used in ion-picker-column
+ * @returns Date data to be used in ion-picker-column-internal
  */
 const getDayColumnData = (locale, refParts, minParts, maxParts, dayValues, formatOptions = {
     day: 'numeric',

package/dist/esm/index.js

@@ -12,7 +12,7 @@ export { c as componentOnReady } from './helpers-ae653409.js';
 export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-49c88215.js';
 export { o as openURL } from './theme-01f3f29c.js';
 export { m as menuController } from './index-80492ed3.js';
-export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-fbc5cab5.js';
+export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-d23ea6e1.js';
 import './index-7a14ecec.js';
 import './index-08d686eb.js';
 import './gesture-controller-314a54f6.js';

package/dist/esm/ion-action-sheet.entry.js

@@ -5,7 +5,7 @@ import { r as registerInstance, d as createEvent, e as readTask, h, H as Host, f
 import { c as createButtonActiveGesture } from './button-active-ed9d848c.js';
 import { r as raf } from './helpers-ae653409.js';
 import { c as createLockController } from './lock-controller-316928be.js';
-import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, f as present, g as dismiss, h as eventMethod, s as safeCall, j as prepareOverlay, k as setOverlayId } from './overlays-fbc5cab5.js';
+import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, f as present, g as dismiss, h as eventMethod, s as safeCall, j as prepareOverlay, k as setOverlayId } from './overlays-d23ea6e1.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-c0cda98e.js';
 import { c as createAnimation } from './animation-fb0e0f6f.js';

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

@@ -6,7 +6,7 @@ import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './conf
 import { c as createButtonActiveGesture } from './button-active-ed9d848c.js';
 import { r as raf } from './helpers-ae653409.js';
 import { c as createLockController } from './lock-controller-316928be.js';
-import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-fbc5cab5.js';
+import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-d23ea6e1.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { c as config, b as getIonMode } from './ionic-global-c0cda98e.js';
 import { c as createAnimation } from './animation-fb0e0f6f.js';

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

@@ -6,7 +6,7 @@ import { a as addEventListener, c as componentOnReady } from './helpers-ae653409
 import { a as printIonError } from './index-9b0d46f4.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-c0cda98e.js';
-import { q as parseDate, t as getToday, J as getHourCycle, S as getLocalizedDateTime, G as getMonthAndYear, K as getLocalizedTime, T as getMonthDayAndYear } from './data-4b9508c9.js';
+import { q as parseDate, t as getToday, J as getHourCycle, S as getLocalizedDateTime, G as getMonthAndYear, K as getLocalizedTime, T as getMonthDayAndYear } from './data-f5c75b4e.js';
 
 const iosDatetimeButtonCss = ":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-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;-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, #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}";