@ionic/core 9.0.11-dev.11793728481.1fc40367 → 9.0.11-dev.11793792571.1765ff65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ion-badge.js +1 -1
- package/components/ion-button.js +1 -1
- package/components/ion-content.js +1 -1
- package/components/ion-datetime-button.js +1 -1
- package/components/ion-datetime.js +1 -1
- package/components/ion-input-password-toggle.js +1 -1
- package/components/ion-item-option.js +1 -1
- package/components/ion-select-modal.js +1 -1
- package/components/ion-select.js +1 -1
- package/components/{p-B7ExaLVL.js → p-BCQSEpww.js} +1 -1
- package/components/p-Da8LCPwo.js +4 -0
- package/components/p-DirxxGzo.js +4 -0
- package/components/{p-BCYVFy50.js → p-py1vB-7U.js} +1 -1
- package/css/ionic/bundle.ionic.css +1 -1
- package/css/ionic/bundle.ionic.css.map +1 -1
- package/css/ionic/core.ionic.css +1 -1
- package/css/ionic/core.ionic.css.map +1 -1
- package/dist/cjs/ion-app_8.cjs.entry.js +13 -5
- package/dist/cjs/ion-avatar_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-button_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-datetime-button.cjs.entry.js +6 -33
- package/dist/cjs/ion-datetime.cjs.entry.js +36 -353
- package/dist/cjs/ion-item-option_3.cjs.entry.js +1 -1
- package/dist/cjs/ionic.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/badge/badge.ionic.css +1 -1
- package/dist/collection/components/button/button.ionic.css +1 -1
- package/dist/collection/components/content/content.ionic.css +352 -0
- package/dist/collection/components/content/{content.css → content.ios.css} +65 -41
- package/dist/collection/components/content/content.js +9 -5
- package/dist/collection/components/content/content.md.css +347 -0
- package/dist/collection/components/datetime/datetime.ionic.css +5 -179
- package/dist/collection/components/datetime/datetime.ios.css +2 -134
- package/dist/collection/components/datetime/datetime.js +33 -406
- package/dist/collection/components/datetime/datetime.md.css +0 -120
- package/dist/collection/components/datetime/utils/state.js +1 -18
- package/dist/collection/components/datetime-button/datetime-button.js +6 -34
- package/dist/collection/components/item-option/item-option.ionic.css +1 -1
- package/dist/docs.json +127 -160
- package/dist/esm/{format-DUHrIiJq.js → format-NT7iHsbA.js} +1 -1
- package/dist/esm/ion-app_8.entry.js +13 -5
- package/dist/esm/ion-avatar_3.entry.js +1 -1
- package/dist/esm/ion-button_2.entry.js +1 -1
- package/dist/esm/ion-datetime-button.entry.js +7 -34
- package/dist/esm/ion-datetime.entry.js +37 -354
- package/dist/esm/ion-item-option_3.entry.js +1 -1
- package/dist/esm/ionic.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/html.html-data.json +0 -20
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-0743a26a.entry.js +4 -0
- package/dist/ionic/p-1d709b26.entry.js +4 -0
- package/dist/ionic/p-39e3be74.entry.js +4 -0
- package/dist/ionic/p-6e4ee264.entry.js +4 -0
- package/dist/ionic/{p-CaOPF8Xt.js → p-BtccSO5J.js} +1 -1
- package/dist/ionic/p-ad46d2fd.entry.js +4 -0
- package/dist/ionic/{p-8231e914.entry.js → p-b51eb274.entry.js} +1 -1
- package/dist/types/components/datetime/datetime-interface.d.ts +0 -4
- package/dist/types/components/datetime/datetime.d.ts +2 -71
- package/dist/types/components/datetime/utils/state.d.ts +2 -5
- package/dist/types/components.d.ts +0 -33
- package/hydrate/index.js +59 -403
- package/hydrate/index.mjs +59 -403
- package/package.json +1 -1
- package/components/p-ByE0slik.js +0 -4
- package/components/p-DktrWeJE.js +0 -4
- package/dist/ionic/p-41680415.entry.js +0 -4
- package/dist/ionic/p-56d77e95.entry.js +0 -4
- package/dist/ionic/p-a52cba2f.entry.js +0 -4
- package/dist/ionic/p-b30b468d.entry.js +0 -4
- package/dist/ionic/p-ceca04fb.entry.js +0 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
|
|
2
2
|
import type { Color, StyleEventDetail } from '../../interface';
|
|
3
|
-
import type { DatetimePresentation, DatetimeChangeEventDetail, DatetimeParts,
|
|
3
|
+
import type { DatetimePresentation, DatetimeChangeEventDetail, DatetimeParts, TitleSelectedDatesFormatter, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle, FormatOptions } from './datetime-interface';
|
|
4
4
|
/**
|
|
5
5
|
* @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
|
|
6
6
|
* @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
|
|
@@ -32,11 +32,6 @@ import type { DatetimePresentation, DatetimeChangeEventDetail, DatetimeParts, Da
|
|
|
32
32
|
* @part calendar-day today - The calendar day that contains the current day.
|
|
33
33
|
* @part calendar-day disabled - The calendar day that is disabled.
|
|
34
34
|
*
|
|
35
|
-
* @part range-start - The calendar day button that is the start of a range selection.
|
|
36
|
-
* @part range-end - The calendar day button that is the end of a range selection.
|
|
37
|
-
* @part range-selection - The calendar day button that is part of a range selection (includes start and end).
|
|
38
|
-
* @part range-track - The track that connects the start and end days of a range selection.
|
|
39
|
-
*
|
|
40
35
|
* @part datetime-header - The datetime header contains the content for the `title` slot and the selected date.
|
|
41
36
|
* @part datetime-title - The element that contains the `title` slot content.
|
|
42
37
|
* @part datetime-selected-date - The element that contains the selected date.
|
|
@@ -52,11 +47,6 @@ export declare class Datetime implements ComponentInterface {
|
|
|
52
47
|
private parsedMonthValues?;
|
|
53
48
|
private parsedYearValues?;
|
|
54
49
|
private parsedDayValues?;
|
|
55
|
-
/**
|
|
56
|
-
* Set when the user completes a range interactively, so processValue
|
|
57
|
-
* can skip navigation and keep the calendar on the current month.
|
|
58
|
-
*/
|
|
59
|
-
private rangeCompletedInteractively;
|
|
60
50
|
private destroyCalendarListener?;
|
|
61
51
|
private destroyKeyboardMO?;
|
|
62
52
|
private destroyOverlayPresentListener?;
|
|
@@ -75,7 +65,7 @@ export declare class Datetime implements ComponentInterface {
|
|
|
75
65
|
private prevPresentation;
|
|
76
66
|
private resolveForceDateScrolling?;
|
|
77
67
|
showMonthAndYear: boolean;
|
|
78
|
-
activeParts: DatetimeParts | DatetimeParts[]
|
|
68
|
+
activeParts: DatetimeParts | DatetimeParts[];
|
|
79
69
|
workingParts: DatetimeParts;
|
|
80
70
|
el: HTMLIonDatetimeElement;
|
|
81
71
|
isTimePopoverOpen: boolean;
|
|
@@ -165,16 +155,6 @@ export declare class Datetime implements ComponentInterface {
|
|
|
165
155
|
presentation: DatetimePresentation;
|
|
166
156
|
protected presentationChanged(): void;
|
|
167
157
|
private get isGridStyle();
|
|
168
|
-
private get isMultipleMode();
|
|
169
|
-
private get isRangeMode();
|
|
170
|
-
/**
|
|
171
|
-
* Type guard: returns true if the given activeParts is a DatetimeRangeParts object.
|
|
172
|
-
*/
|
|
173
|
-
private isRangeParts;
|
|
174
|
-
/**
|
|
175
|
-
* Returns the current range parts if in range mode, or undefined otherwise.
|
|
176
|
-
*/
|
|
177
|
-
private get rangeParts();
|
|
178
158
|
/**
|
|
179
159
|
* The text to display on the picker's cancel button.
|
|
180
160
|
*/
|
|
@@ -258,31 +238,8 @@ export declare class Datetime implements ComponentInterface {
|
|
|
258
238
|
/**
|
|
259
239
|
* If `true`, multiple dates can be selected at once. Only
|
|
260
240
|
* applies to `presentation="date"` and `preferWheel="false"`.
|
|
261
|
-
*
|
|
262
|
-
* @deprecated Use `selectionMode="multiple"` instead.
|
|
263
241
|
*/
|
|
264
242
|
multiple: boolean;
|
|
265
|
-
/**
|
|
266
|
-
* Controls the date selection behavior.
|
|
267
|
-
* `'multiple'` enables selecting multiple individual dates.
|
|
268
|
-
* `'range'` enables selecting a start and end date range.
|
|
269
|
-
* When unset, single-date selection is used.
|
|
270
|
-
*
|
|
271
|
-
* Range selection only works with `presentation="date"` and `preferWheel="false"`.
|
|
272
|
-
*/
|
|
273
|
-
selectionMode?: 'multiple' | 'range';
|
|
274
|
-
/**
|
|
275
|
-
* The text shown in the datetime header when the start of the range
|
|
276
|
-
* is empty, also used by screen readers to announce the start date.
|
|
277
|
-
* Only applies when `selectionMode="range"`.
|
|
278
|
-
*/
|
|
279
|
-
startDateLabel: string;
|
|
280
|
-
/**
|
|
281
|
-
* The text shown in the datetime header when the end of the range
|
|
282
|
-
* is empty, also used by screen readers to announce the end date.
|
|
283
|
-
* Only applies when `selectionMode="range"`.
|
|
284
|
-
*/
|
|
285
|
-
endDateLabel: string;
|
|
286
243
|
/**
|
|
287
244
|
* Used to apply custom text and background colors to specific dates.
|
|
288
245
|
*
|
|
@@ -443,23 +400,7 @@ export declare class Datetime implements ComponentInterface {
|
|
|
443
400
|
private getActivePart;
|
|
444
401
|
private closeParentOverlay;
|
|
445
402
|
private setWorkingParts;
|
|
446
|
-
/**
|
|
447
|
-
* Checks whether the span from start to end contains any disabled day.
|
|
448
|
-
* Used by range mode to prevent selecting across disabled dates.
|
|
449
|
-
*/
|
|
450
|
-
private rangeContainsDisabledDate;
|
|
451
403
|
private setActiveParts;
|
|
452
|
-
/**
|
|
453
|
-
* Handles range selection logic when a day is clicked.
|
|
454
|
-
*
|
|
455
|
-
* Creating a new range: first click sets start, second sets end.
|
|
456
|
-
* Modifying an existing range:
|
|
457
|
-
* - Before range → new start
|
|
458
|
-
* - Within range → new end
|
|
459
|
-
* - After range → new end
|
|
460
|
-
* If the resulting span contains a disabled date, start a new range instead.
|
|
461
|
-
*/
|
|
462
|
-
private setActivePartsRange;
|
|
463
404
|
private get isCalendarPicker();
|
|
464
405
|
private initializeKeyboardListeners;
|
|
465
406
|
private focusWorkingDay;
|
|
@@ -547,16 +488,6 @@ export declare class Datetime implements ComponentInterface {
|
|
|
547
488
|
private renderTimeLabel;
|
|
548
489
|
private renderTimeOverlay;
|
|
549
490
|
private getHeaderSelectedDateText;
|
|
550
|
-
/**
|
|
551
|
-
* Returns the formatted range header text.
|
|
552
|
-
* Shows "Start date - End date" with placeholders from startDateLabel/endDateLabel.
|
|
553
|
-
*/
|
|
554
|
-
private getRangeHeaderText;
|
|
555
|
-
/**
|
|
556
|
-
* Returns the current range value as an ISO string array for
|
|
557
|
-
* titleSelectedDatesFormatter and ionChange.
|
|
558
|
-
*/
|
|
559
|
-
private getRangeValueArray;
|
|
560
491
|
private renderHeader;
|
|
561
492
|
/**
|
|
562
493
|
* Render time picker inside of datetime.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { DatetimeHighlight, DatetimeHighlightCallback, DatetimeHighlightStyle, DatetimeParts
|
|
1
|
+
import type { DatetimeHighlight, DatetimeHighlightCallback, DatetimeHighlightStyle, DatetimeParts } from '../datetime-interface';
|
|
2
2
|
export declare const isYearDisabled: (refYear: number, minParts?: DatetimeParts, maxParts?: DatetimeParts) => boolean;
|
|
3
3
|
/**
|
|
4
4
|
* Returns true if a given day should
|
|
@@ -10,13 +10,10 @@ export declare const isDayDisabled: (refParts: DatetimeParts, minParts?: Datetim
|
|
|
10
10
|
* Given a locale, a date, the selected date(s), and today's date,
|
|
11
11
|
* generate the state for a given calendar day button.
|
|
12
12
|
*/
|
|
13
|
-
export declare const getCalendarDayState: (locale: string, refParts: DatetimeParts, activeParts: DatetimeParts | DatetimeParts[], todayParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, dayValues?: number[]
|
|
13
|
+
export declare const getCalendarDayState: (locale: string, refParts: DatetimeParts, activeParts: DatetimeParts | DatetimeParts[], todayParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, dayValues?: number[]) => {
|
|
14
14
|
disabled: boolean;
|
|
15
15
|
isActive: boolean;
|
|
16
16
|
isToday: boolean;
|
|
17
|
-
isRangeStart: boolean;
|
|
18
|
-
isRangeEnd: boolean;
|
|
19
|
-
isInRange: boolean;
|
|
20
17
|
ariaSelected: string | null;
|
|
21
18
|
ariaLabel: string | null;
|
|
22
19
|
text: string | null;
|
|
@@ -1162,11 +1162,6 @@ export namespace Components {
|
|
|
1162
1162
|
* @default 'Done'
|
|
1163
1163
|
*/
|
|
1164
1164
|
"doneText": string;
|
|
1165
|
-
/**
|
|
1166
|
-
* The text shown in the datetime header when the end of the range is empty, also used by screen readers to announce the end date. Only applies when `selectionMode="range"`.
|
|
1167
|
-
* @default 'End date'
|
|
1168
|
-
*/
|
|
1169
|
-
"endDateLabel": string;
|
|
1170
1165
|
/**
|
|
1171
1166
|
* The first day of the week to use for `ion-datetime`. The default value is `0` and represents Sunday.
|
|
1172
1167
|
* @default 0
|
|
@@ -1223,7 +1218,6 @@ export namespace Components {
|
|
|
1223
1218
|
"monthValues"?: number[] | number | string;
|
|
1224
1219
|
/**
|
|
1225
1220
|
* If `true`, multiple dates can be selected at once. Only applies to `presentation="date"` and `preferWheel="false"`.
|
|
1226
|
-
* @deprecated Use `selectionMode="multiple"` instead.
|
|
1227
1221
|
* @default false
|
|
1228
1222
|
*/
|
|
1229
1223
|
"multiple": boolean;
|
|
@@ -1252,10 +1246,6 @@ export namespace Components {
|
|
|
1252
1246
|
* @param startDate A valid [ISO-8601 string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#date_time_string_format) to reset the datetime state to.
|
|
1253
1247
|
*/
|
|
1254
1248
|
"reset": (startDate?: string) => Promise<void>;
|
|
1255
|
-
/**
|
|
1256
|
-
* Controls the date selection behavior. `'multiple'` enables selecting multiple individual dates. `'range'` enables selecting a start and end date range. When unset, single-date selection is used. Range selection only works with `presentation="date"` and `preferWheel="false"`.
|
|
1257
|
-
*/
|
|
1258
|
-
"selectionMode"?: 'multiple' | 'range';
|
|
1259
1249
|
/**
|
|
1260
1250
|
* If `true`, the datetime calendar displays a six-week (42-day) layout, including days from the previous and next months to fill the grid. These adjacent days are selectable unless disabled.
|
|
1261
1251
|
* @default false
|
|
@@ -1286,11 +1276,6 @@ export namespace Components {
|
|
|
1286
1276
|
* @default 'fixed'
|
|
1287
1277
|
*/
|
|
1288
1278
|
"size": 'cover' | 'fixed';
|
|
1289
|
-
/**
|
|
1290
|
-
* The text shown in the datetime header when the start of the range is empty, also used by screen readers to announce the start date. Only applies when `selectionMode="range"`.
|
|
1291
|
-
* @default 'Start date'
|
|
1292
|
-
*/
|
|
1293
|
-
"startDateLabel": string;
|
|
1294
1279
|
/**
|
|
1295
1280
|
* The theme determines the visual appearance of the component.
|
|
1296
1281
|
*/
|
|
@@ -7059,11 +7044,6 @@ declare namespace LocalJSX {
|
|
|
7059
7044
|
* @default 'Done'
|
|
7060
7045
|
*/
|
|
7061
7046
|
"doneText"?: string;
|
|
7062
|
-
/**
|
|
7063
|
-
* The text shown in the datetime header when the end of the range is empty, also used by screen readers to announce the end date. Only applies when `selectionMode="range"`.
|
|
7064
|
-
* @default 'End date'
|
|
7065
|
-
*/
|
|
7066
|
-
"endDateLabel"?: string;
|
|
7067
7047
|
/**
|
|
7068
7048
|
* The first day of the week to use for `ion-datetime`. The default value is `0` and represents Sunday.
|
|
7069
7049
|
* @default 0
|
|
@@ -7116,7 +7096,6 @@ declare namespace LocalJSX {
|
|
|
7116
7096
|
"monthValues"?: number[] | number | string;
|
|
7117
7097
|
/**
|
|
7118
7098
|
* If `true`, multiple dates can be selected at once. Only applies to `presentation="date"` and `preferWheel="false"`.
|
|
7119
|
-
* @deprecated Use `selectionMode="multiple"` instead.
|
|
7120
7099
|
* @default false
|
|
7121
7100
|
*/
|
|
7122
7101
|
"multiple"?: boolean;
|
|
@@ -7156,10 +7135,6 @@ declare namespace LocalJSX {
|
|
|
7156
7135
|
* @default false
|
|
7157
7136
|
*/
|
|
7158
7137
|
"readonly"?: boolean;
|
|
7159
|
-
/**
|
|
7160
|
-
* Controls the date selection behavior. `'multiple'` enables selecting multiple individual dates. `'range'` enables selecting a start and end date range. When unset, single-date selection is used. Range selection only works with `presentation="date"` and `preferWheel="false"`.
|
|
7161
|
-
*/
|
|
7162
|
-
"selectionMode"?: 'multiple' | 'range';
|
|
7163
7138
|
/**
|
|
7164
7139
|
* If `true`, the datetime calendar displays a six-week (42-day) layout, including days from the previous and next months to fill the grid. These adjacent days are selectable unless disabled.
|
|
7165
7140
|
* @default false
|
|
@@ -7190,11 +7165,6 @@ declare namespace LocalJSX {
|
|
|
7190
7165
|
* @default 'fixed'
|
|
7191
7166
|
*/
|
|
7192
7167
|
"size"?: 'cover' | 'fixed';
|
|
7193
|
-
/**
|
|
7194
|
-
* The text shown in the datetime header when the start of the range is empty, also used by screen readers to announce the start date. Only applies when `selectionMode="range"`.
|
|
7195
|
-
* @default 'Start date'
|
|
7196
|
-
*/
|
|
7197
|
-
"startDateLabel"?: string;
|
|
7198
7168
|
/**
|
|
7199
7169
|
* The theme determines the visual appearance of the component.
|
|
7200
7170
|
*/
|
|
@@ -10575,9 +10545,6 @@ declare namespace LocalJSX {
|
|
|
10575
10545
|
"locale": string;
|
|
10576
10546
|
"firstDayOfWeek": number;
|
|
10577
10547
|
"multiple": boolean;
|
|
10578
|
-
"selectionMode": 'multiple' | 'range';
|
|
10579
|
-
"startDateLabel": string;
|
|
10580
|
-
"endDateLabel": string;
|
|
10581
10548
|
"value": string | string[] | null;
|
|
10582
10549
|
"showDefaultTitle": boolean;
|
|
10583
10550
|
"showDefaultButtons": boolean;
|