@tabworthy/components 0.4.0 → 0.5.1
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/dist/cjs/{index-C15oswCE.js → index-DlzGiVkc.js} +3 -3
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/tabworthy-components.cjs.js +2 -2
- package/dist/cjs/tabworthy-dates-calendar_2.cjs.entry.js +12 -12
- package/dist/cjs/tabworthy-dates.cjs.entry.js +10 -12
- package/dist/cjs/tabworthy-times-picker.cjs.entry.js +2 -2
- package/dist/cjs/tabworthy-times.cjs.entry.js +7 -6
- package/dist/collection/components/tabworthy-dates/tabworthy-dates.js +26 -8
- package/dist/collection/components/tabworthy-dates-calendar/tabworthy-dates-calendar.js +9 -9
- package/dist/collection/components/tabworthy-times/tabworthy-times.js +23 -2
- package/dist/components/tabworthy-dates-calendar2.js +1 -1
- package/dist/components/tabworthy-dates.js +1 -1
- package/dist/components/tabworthy-times.js +1 -1
- package/dist/esm/{index-BusoZVTR.js → index-zgp3PkTz.js} +3 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/tabworthy-components.js +3 -3
- package/dist/esm/tabworthy-dates-calendar_2.entry.js +12 -12
- package/dist/esm/tabworthy-dates.entry.js +10 -12
- package/dist/esm/tabworthy-times-picker.entry.js +2 -2
- package/dist/esm/tabworthy-times.entry.js +7 -6
- package/dist/tabworthy-components/p-6b1d06a7.entry.js +1 -0
- package/dist/tabworthy-components/p-92257938.entry.js +1 -0
- package/dist/tabworthy-components/p-a261cea6.entry.js +1 -0
- package/dist/tabworthy-components/{p-1072baac.entry.js → p-c49e980d.entry.js} +1 -1
- package/dist/tabworthy-components/p-zgp3PkTz.js +2 -0
- package/dist/tabworthy-components/tabworthy-components.esm.js +1 -1
- package/dist/themes/dark.css +1 -1
- package/dist/themes/light.css +1 -1
- package/dist/types/components/tabworthy-dates/tabworthy-dates.d.ts +1 -0
- package/dist/types/components/tabworthy-times/tabworthy-times.d.ts +1 -0
- package/dist/types/components.d.ts +18 -0
- package/package.json +1 -1
- package/dist/tabworthy-components/p-841f3e8f.entry.js +0 -1
- package/dist/tabworthy-components/p-9aa97b54.entry.js +0 -1
- package/dist/tabworthy-components/p-BusoZVTR.js +0 -2
- package/dist/tabworthy-components/p-cedac657.entry.js +0 -1
|
@@ -632,9 +632,9 @@ var createEvent = (ref, name, flags) => {
|
|
|
632
632
|
return {
|
|
633
633
|
emit: (detail) => {
|
|
634
634
|
return emitEvent(elm, name, {
|
|
635
|
-
bubbles:
|
|
636
|
-
composed:
|
|
637
|
-
cancelable:
|
|
635
|
+
bubbles: !!(flags & 4 /* Bubbles */),
|
|
636
|
+
composed: !!(flags & 2 /* Composed */),
|
|
637
|
+
cancelable: !!(flags & 1 /* Cancellable */),
|
|
638
638
|
detail
|
|
639
639
|
});
|
|
640
640
|
}
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DlzGiVkc.js');
|
|
4
4
|
var appGlobals = require('./app-globals-V2Kpy_OQ.js');
|
|
5
5
|
|
|
6
6
|
const defineCustomElements = async (win, options) => {
|
|
7
7
|
if (typeof window === 'undefined') return undefined;
|
|
8
8
|
await appGlobals.globalScripts();
|
|
9
|
-
return index.bootstrapLazy([["tabworthy-times-picker.cjs",[[2,"tabworthy-times-picker",{"hours":[1026],"minutes":[1026],"use12HourFormat":[4,"use-1-2-hour-format"],"labels":[16],"labelsSrOnly":[4,"labels-sr-only"],"disabled":[4],"elementClassName":[1,"element-class-name"],"internalHours":[32],"internalMinutes":[32],"period":[32]},null,{"hours":[{"watchHours":0}],"minutes":[{"watchMinutes":0}]}]]],["tabworthy-dates-calendar_2.cjs",[[262,"tabworthy-dates-calendar",{"clearButtonContent":[1,"clear-button-content"],"disabled":[4],"modalIsOpen":[4,"modal-is-open"],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"range":[4],"labels":[16],"locale":[1],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"previousMonthButtonContent":[1,"previous-month-button-content"],"previousYearButtonContent":[1,"previous-year-button-content"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"inline":[4],"showClearButton":[4,"show-clear-button"],"showMonthStepper":[4,"show-month-stepper"],"showTodayButton":[4,"show-today-button"],"showYearStepper":[4,"show-year-stepper"],"showKeyboardHint":[4,"show-keyboard-hint"],"showHiddenTitle":[4,"show-hidden-title"],"startDate":[1,"start-date"],"todayButtonContent":[1,"today-button-content"],"value":[1040],"currentDate":[32],"hoveredDate":[32],"weekdays":[32]},null,{"modalIsOpen":[{"watchModalIsOpen":0}],"firstDayOfWeek":[{"watchFirstDayOfWeek":0}],"locale":[{"watchLocale":0}],"range":[{"watchRange":0}],"startDate":[{"watchStartDate":0}],"value":[{"watchValue":0}]}],[257,"tabworthy-dates-modal",{"label":[1],"inline":[4],"closing":[32],"showing":[32],"open":[64],"close":[64],"getState":[64],"setTriggerElement":[64]},[[10,"click","handleClick"]]]]],["tabworthy-times.cjs",[[2,"tabworthy-times",{"id":[513],"value":[1025],"range":[4],"label":[1],"placeholder":[1],"locale":[1],"disabled":[4],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"startDate":[1,"start-date"],"referenceDate":[1,"reference-date"],"use12HourFormat":[4,"use-1-2-hour-format"],"timesLabels":[16],"datesCalendarLabels":[16],"inline":[4],"hasError":[1028,"has-error"],"showYearStepper":[4,"show-year-stepper"],"showMonthStepper":[4,"show-month-stepper"],"showClearButton":[4,"show-clear-button"],"showTodayButton":[4,"show-today-button"],"calendarButtonContent":[1,"calendar-button-content"],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"format":[1],"inputShouldFormat":[8,"input-should-format"],"internalValue":[32],"selectedDate":[32],"selectedHours":[32],"selectedMinutes":[32],"errorState":[32],"disabledState":[32],"clearValue":[64]},null,{"value":[{"watchValue":0}],"disabled":[{"watchDisabled":0}],"hasError":[{"watchHasError":0}]}]]],["tabworthy-dates.cjs",[[2,"tabworthy-dates",{"id":[513],"value":[1025],"range":[4],"label":[1],"placeholder":[1],"locale":[1],"disabled":[4],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"startDate":[1,"start-date"],"referenceDate":[1,"reference-date"],"useStrictDateParsing":[4,"use-strict-date-parsing"],"datesLabels":[16],"datesCalendarLabels":[16],"inline":[4],"hasError":[1028,"has-error"],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"showYearStepper":[4,"show-year-stepper"],"showMonthStepper":[4,"show-month-stepper"],"showClearButton":[4,"show-clear-button"],"showTodayButton":[4,"show-today-button"],"inputShouldFormat":[8,"input-should-format"],"showKeyboardHint":[4,"show-keyboard-hint"],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"format":[1],"quickButtons":[16],"todayButtonContent":[1,"today-button-content"],"calendarButtonContent":[1,"calendar-button-content"],"showQuickButtons":[4,"show-quick-buttons"],"internalValue":[32],"errorState":[32],"disabledState":[32],"parseDate":[64]},null,{"disabled":[{"watchDisabled":0}],"value":[{"watchValue":0}]}]]]], options);
|
|
9
|
+
return index.bootstrapLazy([["tabworthy-times-picker.cjs",[[2,"tabworthy-times-picker",{"hours":[1026],"minutes":[1026],"use12HourFormat":[4,"use-1-2-hour-format"],"labels":[16],"labelsSrOnly":[4,"labels-sr-only"],"disabled":[4],"elementClassName":[1,"element-class-name"],"internalHours":[32],"internalMinutes":[32],"period":[32]},null,{"hours":[{"watchHours":0}],"minutes":[{"watchMinutes":0}]}]]],["tabworthy-dates-calendar_2.cjs",[[262,"tabworthy-dates-calendar",{"clearButtonContent":[1,"clear-button-content"],"disabled":[4],"modalIsOpen":[4,"modal-is-open"],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"range":[4],"labels":[16],"locale":[1],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"previousMonthButtonContent":[1,"previous-month-button-content"],"previousYearButtonContent":[1,"previous-year-button-content"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"inline":[4],"showClearButton":[4,"show-clear-button"],"showMonthStepper":[4,"show-month-stepper"],"showTodayButton":[4,"show-today-button"],"showYearStepper":[4,"show-year-stepper"],"showKeyboardHint":[4,"show-keyboard-hint"],"showHiddenTitle":[4,"show-hidden-title"],"startDate":[1,"start-date"],"todayButtonContent":[1,"today-button-content"],"value":[1040],"currentDate":[32],"hoveredDate":[32],"weekdays":[32]},null,{"modalIsOpen":[{"watchModalIsOpen":0}],"firstDayOfWeek":[{"watchFirstDayOfWeek":0}],"locale":[{"watchLocale":0}],"range":[{"watchRange":0}],"startDate":[{"watchStartDate":0}],"value":[{"watchValue":0}]}],[257,"tabworthy-dates-modal",{"label":[1],"inline":[4],"closing":[32],"showing":[32],"open":[64],"close":[64],"getState":[64],"setTriggerElement":[64]},[[10,"click","handleClick"]]]]],["tabworthy-times.cjs",[[2,"tabworthy-times",{"id":[513],"value":[1025],"range":[4],"label":[1],"placeholder":[1],"locale":[1],"disabled":[4],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"startDate":[1,"start-date"],"referenceDate":[1,"reference-date"],"use12HourFormat":[4,"use-1-2-hour-format"],"timesLabels":[16],"datesCalendarLabels":[16],"inline":[4],"hasError":[1028,"has-error"],"showYearStepper":[4,"show-year-stepper"],"showMonthStepper":[4,"show-month-stepper"],"showClearButton":[4,"show-clear-button"],"showTodayButton":[4,"show-today-button"],"calendarButtonContent":[1,"calendar-button-content"],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"format":[1],"inputShouldFormat":[8,"input-should-format"],"disableFreeformInput":[4,"disable-freeform-input"],"internalValue":[32],"selectedDate":[32],"selectedHours":[32],"selectedMinutes":[32],"errorState":[32],"disabledState":[32],"clearValue":[64]},null,{"value":[{"watchValue":0}],"disabled":[{"watchDisabled":0}],"hasError":[{"watchHasError":0}]}]]],["tabworthy-dates.cjs",[[2,"tabworthy-dates",{"id":[513],"value":[1025],"range":[4],"label":[1],"placeholder":[1],"locale":[1],"disabled":[4],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"startDate":[1,"start-date"],"referenceDate":[1,"reference-date"],"useStrictDateParsing":[4,"use-strict-date-parsing"],"datesLabels":[16],"datesCalendarLabels":[16],"inline":[4],"hasError":[1028,"has-error"],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"showYearStepper":[4,"show-year-stepper"],"showMonthStepper":[4,"show-month-stepper"],"showClearButton":[4,"show-clear-button"],"showTodayButton":[4,"show-today-button"],"inputShouldFormat":[8,"input-should-format"],"showKeyboardHint":[4,"show-keyboard-hint"],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"format":[1],"quickButtons":[16],"todayButtonContent":[1,"today-button-content"],"calendarButtonContent":[1,"calendar-button-content"],"showQuickButtons":[4,"show-quick-buttons"],"disableFreeformInput":[4,"disable-freeform-input"],"internalValue":[32],"errorState":[32],"disabledState":[32],"parseDate":[64]},null,{"disabled":[{"watchDisabled":0}],"value":[{"watchValue":0}]}]]]], options);
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
exports.setNonce = index.setNonce;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DlzGiVkc.js');
|
|
4
4
|
var appGlobals = require('./app-globals-V2Kpy_OQ.js');
|
|
5
5
|
|
|
6
6
|
var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["tabworthy-times-picker.cjs",[[2,"tabworthy-times-picker",{"hours":[1026],"minutes":[1026],"use12HourFormat":[4,"use-1-2-hour-format"],"labels":[16],"labelsSrOnly":[4,"labels-sr-only"],"disabled":[4],"elementClassName":[1,"element-class-name"],"internalHours":[32],"internalMinutes":[32],"period":[32]},null,{"hours":[{"watchHours":0}],"minutes":[{"watchMinutes":0}]}]]],["tabworthy-dates-calendar_2.cjs",[[262,"tabworthy-dates-calendar",{"clearButtonContent":[1,"clear-button-content"],"disabled":[4],"modalIsOpen":[4,"modal-is-open"],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"range":[4],"labels":[16],"locale":[1],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"previousMonthButtonContent":[1,"previous-month-button-content"],"previousYearButtonContent":[1,"previous-year-button-content"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"inline":[4],"showClearButton":[4,"show-clear-button"],"showMonthStepper":[4,"show-month-stepper"],"showTodayButton":[4,"show-today-button"],"showYearStepper":[4,"show-year-stepper"],"showKeyboardHint":[4,"show-keyboard-hint"],"showHiddenTitle":[4,"show-hidden-title"],"startDate":[1,"start-date"],"todayButtonContent":[1,"today-button-content"],"value":[1040],"currentDate":[32],"hoveredDate":[32],"weekdays":[32]},null,{"modalIsOpen":[{"watchModalIsOpen":0}],"firstDayOfWeek":[{"watchFirstDayOfWeek":0}],"locale":[{"watchLocale":0}],"range":[{"watchRange":0}],"startDate":[{"watchStartDate":0}],"value":[{"watchValue":0}]}],[257,"tabworthy-dates-modal",{"label":[1],"inline":[4],"closing":[32],"showing":[32],"open":[64],"close":[64],"getState":[64],"setTriggerElement":[64]},[[10,"click","handleClick"]]]]],["tabworthy-times.cjs",[[2,"tabworthy-times",{"id":[513],"value":[1025],"range":[4],"label":[1],"placeholder":[1],"locale":[1],"disabled":[4],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"startDate":[1,"start-date"],"referenceDate":[1,"reference-date"],"use12HourFormat":[4,"use-1-2-hour-format"],"timesLabels":[16],"datesCalendarLabels":[16],"inline":[4],"hasError":[1028,"has-error"],"showYearStepper":[4,"show-year-stepper"],"showMonthStepper":[4,"show-month-stepper"],"showClearButton":[4,"show-clear-button"],"showTodayButton":[4,"show-today-button"],"calendarButtonContent":[1,"calendar-button-content"],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"format":[1],"inputShouldFormat":[8,"input-should-format"],"internalValue":[32],"selectedDate":[32],"selectedHours":[32],"selectedMinutes":[32],"errorState":[32],"disabledState":[32],"clearValue":[64]},null,{"value":[{"watchValue":0}],"disabled":[{"watchDisabled":0}],"hasError":[{"watchHasError":0}]}]]],["tabworthy-dates.cjs",[[2,"tabworthy-dates",{"id":[513],"value":[1025],"range":[4],"label":[1],"placeholder":[1],"locale":[1],"disabled":[4],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"startDate":[1,"start-date"],"referenceDate":[1,"reference-date"],"useStrictDateParsing":[4,"use-strict-date-parsing"],"datesLabels":[16],"datesCalendarLabels":[16],"inline":[4],"hasError":[1028,"has-error"],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"showYearStepper":[4,"show-year-stepper"],"showMonthStepper":[4,"show-month-stepper"],"showClearButton":[4,"show-clear-button"],"showTodayButton":[4,"show-today-button"],"inputShouldFormat":[8,"input-should-format"],"showKeyboardHint":[4,"show-keyboard-hint"],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"format":[1],"quickButtons":[16],"todayButtonContent":[1,"today-button-content"],"calendarButtonContent":[1,"calendar-button-content"],"showQuickButtons":[4,"show-quick-buttons"],"internalValue":[32],"errorState":[32],"disabledState":[32],"parseDate":[64]},null,{"disabled":[{"watchDisabled":0}],"value":[{"watchValue":0}]}]]]], options);
|
|
22
|
+
return index.bootstrapLazy([["tabworthy-times-picker.cjs",[[2,"tabworthy-times-picker",{"hours":[1026],"minutes":[1026],"use12HourFormat":[4,"use-1-2-hour-format"],"labels":[16],"labelsSrOnly":[4,"labels-sr-only"],"disabled":[4],"elementClassName":[1,"element-class-name"],"internalHours":[32],"internalMinutes":[32],"period":[32]},null,{"hours":[{"watchHours":0}],"minutes":[{"watchMinutes":0}]}]]],["tabworthy-dates-calendar_2.cjs",[[262,"tabworthy-dates-calendar",{"clearButtonContent":[1,"clear-button-content"],"disabled":[4],"modalIsOpen":[4,"modal-is-open"],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"range":[4],"labels":[16],"locale":[1],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"previousMonthButtonContent":[1,"previous-month-button-content"],"previousYearButtonContent":[1,"previous-year-button-content"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"inline":[4],"showClearButton":[4,"show-clear-button"],"showMonthStepper":[4,"show-month-stepper"],"showTodayButton":[4,"show-today-button"],"showYearStepper":[4,"show-year-stepper"],"showKeyboardHint":[4,"show-keyboard-hint"],"showHiddenTitle":[4,"show-hidden-title"],"startDate":[1,"start-date"],"todayButtonContent":[1,"today-button-content"],"value":[1040],"currentDate":[32],"hoveredDate":[32],"weekdays":[32]},null,{"modalIsOpen":[{"watchModalIsOpen":0}],"firstDayOfWeek":[{"watchFirstDayOfWeek":0}],"locale":[{"watchLocale":0}],"range":[{"watchRange":0}],"startDate":[{"watchStartDate":0}],"value":[{"watchValue":0}]}],[257,"tabworthy-dates-modal",{"label":[1],"inline":[4],"closing":[32],"showing":[32],"open":[64],"close":[64],"getState":[64],"setTriggerElement":[64]},[[10,"click","handleClick"]]]]],["tabworthy-times.cjs",[[2,"tabworthy-times",{"id":[513],"value":[1025],"range":[4],"label":[1],"placeholder":[1],"locale":[1],"disabled":[4],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"startDate":[1,"start-date"],"referenceDate":[1,"reference-date"],"use12HourFormat":[4,"use-1-2-hour-format"],"timesLabels":[16],"datesCalendarLabels":[16],"inline":[4],"hasError":[1028,"has-error"],"showYearStepper":[4,"show-year-stepper"],"showMonthStepper":[4,"show-month-stepper"],"showClearButton":[4,"show-clear-button"],"showTodayButton":[4,"show-today-button"],"calendarButtonContent":[1,"calendar-button-content"],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"format":[1],"inputShouldFormat":[8,"input-should-format"],"disableFreeformInput":[4,"disable-freeform-input"],"internalValue":[32],"selectedDate":[32],"selectedHours":[32],"selectedMinutes":[32],"errorState":[32],"disabledState":[32],"clearValue":[64]},null,{"value":[{"watchValue":0}],"disabled":[{"watchDisabled":0}],"hasError":[{"watchHasError":0}]}]]],["tabworthy-dates.cjs",[[2,"tabworthy-dates",{"id":[513],"value":[1025],"range":[4],"label":[1],"placeholder":[1],"locale":[1],"disabled":[4],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"startDate":[1,"start-date"],"referenceDate":[1,"reference-date"],"useStrictDateParsing":[4,"use-strict-date-parsing"],"datesLabels":[16],"datesCalendarLabels":[16],"inline":[4],"hasError":[1028,"has-error"],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"showYearStepper":[4,"show-year-stepper"],"showMonthStepper":[4,"show-month-stepper"],"showClearButton":[4,"show-clear-button"],"showTodayButton":[4,"show-today-button"],"inputShouldFormat":[8,"input-should-format"],"showKeyboardHint":[4,"show-keyboard-hint"],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"format":[1],"quickButtons":[16],"todayButtonContent":[1,"today-button-content"],"calendarButtonContent":[1,"calendar-button-content"],"showQuickButtons":[4,"show-quick-buttons"],"disableFreeformInput":[4,"disable-freeform-input"],"internalValue":[32],"errorState":[32],"disabledState":[32],"parseDate":[64]},null,{"disabled":[{"watchDisabled":0}],"value":[{"watchValue":0}]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DlzGiVkc.js');
|
|
4
4
|
var utils = require('./utils-y5Vtky2t.js');
|
|
5
5
|
|
|
6
6
|
const tabworthyDatesCalendarCss = () => `.visually-hidden.sc-tabworthy-dates-calendar{position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%)}`;
|
|
@@ -23,9 +23,9 @@ const defaultLabels = {
|
|
|
23
23
|
const InclusiveDatesCalendar = class {
|
|
24
24
|
constructor(hostRef) {
|
|
25
25
|
index.registerInstance(this, hostRef);
|
|
26
|
-
this.selectDate = index.createEvent(this, "selectDate");
|
|
27
|
-
this.changeMonth = index.createEvent(this, "changeMonth");
|
|
28
|
-
this.changeYear = index.createEvent(this, "changeYear");
|
|
26
|
+
this.selectDate = index.createEvent(this, "selectDate", 3);
|
|
27
|
+
this.changeMonth = index.createEvent(this, "changeMonth", 3);
|
|
28
|
+
this.changeYear = index.createEvent(this, "changeYear", 3);
|
|
29
29
|
this.disabled = false;
|
|
30
30
|
this.modalIsOpen = false;
|
|
31
31
|
this.disableDate = () => false;
|
|
@@ -315,15 +315,15 @@ const InclusiveDatesCalendar = class {
|
|
|
315
315
|
utils.monthIsDisabled(utils.getNextMonth(this.currentDate).getMonth(), utils.getNextMonth(this.currentDate).getFullYear(), this.minDate, this.maxDate)
|
|
316
316
|
}
|
|
317
317
|
};
|
|
318
|
-
return (index.h(index.Host, { key: '
|
|
318
|
+
return (index.h(index.Host, { key: '0ca78d9d8d4d0edd2375f48f23c5d879a2c6fb44' }, index.h("div", { key: '8ba043e2d7c70958ca73253348de57c07424c7f2', class: {
|
|
319
319
|
[`${this.getClassName()}-wrapper`]: true,
|
|
320
320
|
[`${this.getClassName()}-wrapper--inline`]: this.inline
|
|
321
|
-
} }, index.h("div", { key: '
|
|
321
|
+
} }, index.h("div", { key: '2b6d87a26620acd162d6321add8cb52fe9c41e97', class: {
|
|
322
322
|
[this.getClassName()]: true,
|
|
323
323
|
[`${this.getClassName()}--disabled`]: this.disabled
|
|
324
|
-
} }, index.h("div", { key: '
|
|
324
|
+
} }, index.h("div", { key: 'f773d4c95f3ebf4ea79dd5e72385a1f16b6cfe87', class: this.getClassName("header") }, this.showHiddenTitle && (index.h("span", { key: 'c6249db5073485bcf479bcd1d8c9da6a8270757c', "aria-atomic": "true", "aria-live": "polite", class: "visually-hidden" }, this.getTitle())), this.showYearStepper && (index.h("button", { key: 'ecf43dac6e8539598c43f782fb211ff44758d58a', "aria-label": this.labels.previousYearButton, class: this.getClassName("previous-year-button"), "aria-disabled": disabled.year.prev, innerHTML: this.previousYearButtonContent || undefined, onClick: this.previousYear, type: "button" }, index.h("svg", { key: '7986a7b8b7a4a696c6e62bba6677f9801c6d9059', fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, index.h("polyline", { key: '3a1474883ab05ef0c0376944cfc4dbfe63aa6434', points: "11 17 6 12 11 7" }), index.h("polyline", { key: 'eb15b38a86f440e5b77723e8551e774af50c4a32', points: "18 17 13 12 18 7" })))), this.showMonthStepper && (index.h("button", { key: 'f3a6e864f855833ae24f6b15930ff85a5939d39e', "aria-label": this.labels.previousMonthButton, class: this.getClassName("previous-month-button"), "aria-disabled": disabled.month.prev, innerHTML: this.previousMonthButtonContent || undefined, onClick: this.previousMonth, type: "button" }, index.h("svg", { key: 'b15bc4eb6009b5872bc0d1253b5ca0e863505956', fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, index.h("polyline", { key: '90d0590bdafd7b802e8967366f30411ac65aead1', points: "15 18 9 12 15 6" })))), index.h("span", { key: 'c0a4670b7f7f71706e1b02430f08302d69e7bec4', class: this.getClassName("current-month") }, index.h("select", { key: 'd7b43fcb12387644b74403f52c3e72948d2a460d', "aria-label": this.labels.monthSelect, class: this.getClassName("month-select"), "aria-disabled": this.disabled, name: "month", onChange: this.onMonthSelect }, utils.getMonths(this.locale).map((month, index$1) => {
|
|
325
325
|
return (index.h("option", { key: month, selected: this.currentDate.getMonth() === index$1, value: index$1 + 1, disabled: utils.monthIsDisabled(index$1, this.currentDate.getFullYear(), this.minDate, this.maxDate) }, month));
|
|
326
|
-
})), index.h("input", { key: '
|
|
326
|
+
})), index.h("input", { key: '6123f052aa28fd745ee52a37d817855a31c6a888', "aria-label": this.labels.yearSelect, class: this.getClassName("year-select"), "aria-disabled": this.disabled, max: this.maxDate ? this.maxDate.slice(0, 4) : 9999, min: this.minDate ? this.minDate.slice(0, 4) : 1, name: "year", onChange: this.onYearSelect, type: "number", value: this.currentDate.getFullYear() })), this.showMonthStepper && (index.h("button", { key: '9a9ded70d8cfb7f61d15edc15873f1c7cc24d352', "aria-label": this.labels.nextMonthButton, class: this.getClassName("next-month-button"), "aria-disabled": disabled.month.next, innerHTML: this.nextMonthButtonContent || undefined, onClick: this.nextMonth, type: "button" }, index.h("svg", { key: '500969c2fd840a7131c348c4d562f3493dfddd4e', fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, index.h("polyline", { key: '9e7fdecb2585366f9dc96fe32f0c83123257bd0a', points: "9 18 15 12 9 6" })))), this.showYearStepper && (index.h("button", { key: '7ee30553302a226836261fd21dafdfa065f831d8', "aria-label": this.labels.nextYearButton, class: this.getClassName("next-year-button"), "aria-disabled": disabled.year.next, innerHTML: this.nextYearButtonContent || undefined, onClick: this.nextYear, type: "button" }, index.h("svg", { key: 'd3c6f21d586a2be2ef8f52419fde77c1ad4398ad', fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, index.h("polyline", { key: '19da599079fab7e31a853a7f09e68d12e66c9974', points: "13 17 18 12 13 7" }), index.h("polyline", { key: 'b23802d92bc35c3af659f86ecad9d41320cf3467', points: "6 17 11 12 6 7" }))))), index.h("div", { key: '75b511a738d0d421828c64a88b79cdadeb3e77db', class: this.getClassName("body") }, index.h("table", { key: '7f62f9985c99c4c19cbf320e009fbefbb436f5c2', class: this.getClassName("calendar"), onKeyDown: this.onKeyDown, role: "grid", "aria-label": this.getTitle() }, index.h("thead", { key: '6d518a1c015ee4f545278e175d9f71456b7cb525', class: this.getClassName("calendar-header") }, index.h("tr", { key: 'd5f289679c98b5ef8f67f8ccbf3999aac68a022c', class: this.getClassName("weekday-row") }, (_a = this.weekdays) === null || _a === void 0 ? void 0 : _a.map((weekday) => (index.h("th", { role: "columnheader", abbr: weekday[1], class: this.getClassName("weekday"), key: weekday[0], scope: "col" }, index.h("span", { "aria-hidden": "true" }, weekday[0]), index.h("span", { class: "visually-hidden" }, weekday[1])))))), index.h("tbody", { key: 'f4cf7ef148106044880c2b6c360e4319a7b31d83' }, this.getCalendarRows().map((calendarRow) => {
|
|
327
327
|
const rowKey = `row-${calendarRow[0].getMonth()}-${calendarRow[0].getDate()}`;
|
|
328
328
|
return (index.h("tr", { class: this.getClassName("calendar-row"), key: rowKey }, calendarRow.map((day) => {
|
|
329
329
|
var _a, _b, _c;
|
|
@@ -390,8 +390,8 @@ const InclusiveDatesCalendar = class {
|
|
|
390
390
|
? 0
|
|
391
391
|
: -1 }, index.h(Tag, { "aria-hidden": "true" }, day.getDate()), index.h("span", { class: "visually-hidden" }, getScreenReaderText())));
|
|
392
392
|
})));
|
|
393
|
-
})))), showFooter && (index.h("div", { key: '
|
|
394
|
-
!window.matchMedia("(pointer: coarse)").matches && (index.h("button", { key: '
|
|
393
|
+
})))), showFooter && (index.h("div", { key: 'a34938c0321570d5a4983cb47822d12335cb5fba', class: this.getClassName("footer") }, index.h("div", { key: '0c52dc84cb734326025e7927f94ab7d9947f89c3', class: this.getClassName("footer-buttons") }, this.showTodayButton && (index.h("button", { key: '11d7621dc4b8ffa33b51bf4312de6f0cedcc94e9', class: this.getClassName("today-button"), disabled: this.disabled, innerHTML: this.todayButtonContent || undefined, onClick: this.showToday, type: "button" }, this.labels.todayButton)), this.showClearButton && (index.h("button", { key: '2eb6ef128169727ba993a68d270e730b600b130a', class: this.getClassName("clear-button"), disabled: this.disabled, innerHTML: this.clearButtonContent || undefined, onClick: this.clear, type: "button" }, this.labels.clearButton))), this.showKeyboardHint &&
|
|
394
|
+
!window.matchMedia("(pointer: coarse)").matches && (index.h("button", { key: 'f2f52bf2b5de8d810dab6f3376d5b0923a2abb0c', type: "button", onClick: () => alert("Todo: Add Keyboard helper!"), class: this.getClassName("keyboard-hint") }, index.h("svg", { key: '1d2f5e1323af69c00c185b450a3e4ac2ed5b9f69', xmlns: "http://www.w3.org/2000/svg", height: "1em", width: "1em", viewBox: "0 0 48 48", fill: "currentColor" }, index.h("path", { key: 'd3f34347335b0e1f100b5e6346a283678daba519', d: "M7 38q-1.2 0-2.1-.925Q4 36.15 4 35V13q0-1.2.9-2.1.9-.9 2.1-.9h34q1.2 0 2.1.9.9.9.9 2.1v22q0 1.15-.9 2.075Q42.2 38 41 38Zm0-3h34V13H7v22Zm8-3.25h18v-3H15Zm-4.85-6.25h3v-3h-3Zm6.2 0h3v-3h-3Zm6.15 0h3v-3h-3Zm6.2 0h3v-3h-3Zm6.15 0h3v-3h-3Zm-24.7-6.25h3v-3h-3Zm6.2 0h3v-3h-3Zm6.15 0h3v-3h-3Zm6.2 0h3v-3h-3Zm6.15 0h3v-3h-3ZM7 35V13v22Z" })), this.labels.keyboardHint))))), index.h("slot", { key: 'fa342bcfcd2cf4cb057b33b0cc8231264e97c51c', name: "after-calendar" }))));
|
|
395
395
|
}
|
|
396
396
|
get el() { return index.getElement(this); }
|
|
397
397
|
static get watchers() { return {
|
|
@@ -838,8 +838,8 @@ const tabworthyDatesModalCss = () => `:host::part(body){position:absolute;width:
|
|
|
838
838
|
const InclusiveDatesModal = class {
|
|
839
839
|
constructor(hostRef) {
|
|
840
840
|
index.registerInstance(this, hostRef);
|
|
841
|
-
this.opened = index.createEvent(this, "opened");
|
|
842
|
-
this.closed = index.createEvent(this, "closed");
|
|
841
|
+
this.opened = index.createEvent(this, "opened", 7);
|
|
842
|
+
this.closed = index.createEvent(this, "closed", 7);
|
|
843
843
|
this.inline = false;
|
|
844
844
|
this.closing = false;
|
|
845
845
|
this.showing = this.inline || false;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index$1 = require('./index-
|
|
3
|
+
var index$1 = require('./index-DlzGiVkc.js');
|
|
4
4
|
var moment = require('./moment-CdViwxPQ.js');
|
|
5
5
|
var utils = require('./utils-y5Vtky2t.js');
|
|
6
6
|
|
|
@@ -10487,9 +10487,9 @@ const defaultLabels = {
|
|
|
10487
10487
|
const TabworthyDates = class {
|
|
10488
10488
|
constructor(hostRef) {
|
|
10489
10489
|
index$1.registerInstance(this, hostRef);
|
|
10490
|
-
this.selectDate = index$1.createEvent(this, "selectDate");
|
|
10491
|
-
this.changeYear = index$1.createEvent(this, "changeYear");
|
|
10492
|
-
this.componentReady = index$1.createEvent(this, "componentReady");
|
|
10490
|
+
this.selectDate = index$1.createEvent(this, "selectDate", 7);
|
|
10491
|
+
this.changeYear = index$1.createEvent(this, "changeYear", 7);
|
|
10492
|
+
this.componentReady = index$1.createEvent(this, "componentReady", 7);
|
|
10493
10493
|
// Enable or disable range mode
|
|
10494
10494
|
this.range = false;
|
|
10495
10495
|
// A label for the text field
|
|
@@ -10542,6 +10542,7 @@ const TabworthyDates = class {
|
|
|
10542
10542
|
: ["Yesterday", "Today", "Tomorrow", "In 10 days"];
|
|
10543
10543
|
// Show or hide the quick buttons
|
|
10544
10544
|
this.showQuickButtons = true;
|
|
10545
|
+
this.disableFreeformInput = false;
|
|
10545
10546
|
this.errorState = this.hasError;
|
|
10546
10547
|
this.disabledState = this.disabled;
|
|
10547
10548
|
this.chronoSupportedLocale = ["en", "ja", "fr", "nl", "ru", "pt"].includes(this.locale.slice(0, 2));
|
|
@@ -10796,10 +10797,6 @@ const TabworthyDates = class {
|
|
|
10796
10797
|
}).format(dateToFormat);
|
|
10797
10798
|
}
|
|
10798
10799
|
}
|
|
10799
|
-
else if (this.internalValue &&
|
|
10800
|
-
this.internalValue.length > 0 &&
|
|
10801
|
-
this.errorState === false)
|
|
10802
|
-
this.inputRef.value = this.internalValue.toString();
|
|
10803
10800
|
}
|
|
10804
10801
|
handlePickerSelection(newValue) {
|
|
10805
10802
|
var _a, _b;
|
|
@@ -10826,6 +10823,7 @@ const TabworthyDates = class {
|
|
|
10826
10823
|
}
|
|
10827
10824
|
this.announceDateChange(this.internalValue);
|
|
10828
10825
|
}
|
|
10826
|
+
this.selectDate.emit(this.internalValue);
|
|
10829
10827
|
}
|
|
10830
10828
|
announceDateChange(newValue) {
|
|
10831
10829
|
let content = "";
|
|
@@ -10894,7 +10892,7 @@ const TabworthyDates = class {
|
|
|
10894
10892
|
}
|
|
10895
10893
|
render() {
|
|
10896
10894
|
var _a;
|
|
10897
|
-
return (index$1.h(index$1.Host, { key: '
|
|
10895
|
+
return (index$1.h(index$1.Host, { key: 'e8042c6411dbded3f86703ee75b43a8e75ddf621' }, index$1.h("label", { key: 'ed3a309a7f11a41122badd9549b513ea3f70c491', htmlFor: this.id ? `${this.id}-input` : undefined, class: this.getClassName("label") }, this.label), index$1.h("br", { key: '73391914e5e39af0b054cfcbab02b1d18aca452a' }), index$1.h("div", { key: '6b3394842bc2813f918f731745307ea798a483b9', class: this.getClassName("input-container") }, index$1.h("input", { key: '8a1f1ac45bbe0050cfc98063d723542a37d86ef5', disabled: this.disabledState || this.disableFreeformInput, id: this.id ? `${this.id}-input` : undefined, type: "text", placeholder: this.placeholder, class: this.getClassName("input"), ref: (r) => (this.inputRef = r), onChange: this.handleChange, onFocus: () => this.formatInput(false), onBlur: () => this.formatInput(true, false), "aria-describedby": this.errorState ? `${this.id}-error` : undefined, "aria-invalid": this.errorState }), !this.inline && (index$1.h("button", { key: 'bbafef3a62331b26e8d0a0eb9886816d8e819085', type: "button", ref: (r) => (this.calendarButtonRef = r), onClick: this.handleCalendarButtonClick, class: this.getClassName("calendar-button"), disabled: this.disabledState }, this.calendarButtonContent ? (index$1.h("span", { innerHTML: this.calendarButtonContent })) : (this.datesLabels.openCalendar)))), index$1.h("tabworthy-dates-modal", { key: '68451bf1e8d40dd25f51a370cf745244cf1897eb', label: this.datesLabels.calendar, ref: (el) => (this.modalRef = el), onOpened: () => {
|
|
10898
10896
|
if (!this.pickerRef)
|
|
10899
10897
|
return;
|
|
10900
10898
|
this.pickerRef.modalIsOpen = true;
|
|
@@ -10902,11 +10900,11 @@ const TabworthyDates = class {
|
|
|
10902
10900
|
if (!this.pickerRef)
|
|
10903
10901
|
return;
|
|
10904
10902
|
this.pickerRef.modalIsOpen = false;
|
|
10905
|
-
}, inline: this.inline }, index$1.h("tabworthy-dates-calendar", { key: '
|
|
10903
|
+
}, inline: this.inline }, index$1.h("tabworthy-dates-calendar", { key: '9ba747fc1bbc1481943624634090b7e8a4792d56', range: this.range, locale: this.locale, onSelectDate: (event) => this.handlePickerSelection(event.detail), onChangeMonth: (event) => this.handleChangedMonths(event.detail), onChangeYear: (event) => this.handleYearChange(event.detail), labels: this.datesCalendarLabels ? this.datesCalendarLabels : undefined, ref: (el) => (this.pickerRef = el), startDate: this.startDate, firstDayOfWeek: this.firstDayOfWeek, showHiddenTitle: true, disabled: this.disabledState, showMonthStepper: this.showMonthStepper, showYearStepper: this.showYearStepper, showClearButton: this.showClearButton, showKeyboardHint: this.showKeyboardHint, showTodayButton: this.showTodayButton, disableDate: this.disableDate, minDate: this.minDate, maxDate: this.maxDate, inline: this.inline })), this.showQuickButtons &&
|
|
10906
10904
|
((_a = this.quickButtons) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
|
|
10907
|
-
this.chronoSupportedLocale && (index$1.h("div", { key: '
|
|
10905
|
+
this.chronoSupportedLocale && (index$1.h("div", { key: '302a5aca1e85df7ae68bbc416dcc62f406a46868', class: this.getClassName("quick-group"), role: "group", "aria-label": "Quick selection" }, this.quickButtons.map((buttonText) => {
|
|
10908
10906
|
return (index$1.h("button", { class: this.getClassName("quick-button"), onClick: this.handleQuickButtonClick, disabled: this.disabledState, type: "button" }, buttonText));
|
|
10909
|
-
}))), this.errorState && (index$1.h("div", { key: '
|
|
10907
|
+
}))), this.errorState && (index$1.h("div", { key: 'c753c27a93017df169b6d603b1f8fb4e6f601a0d', class: this.getClassName("input-error"), id: this.id ? `${this.id}-error` : undefined, role: "status" }, this.errorMessage))));
|
|
10910
10908
|
}
|
|
10911
10909
|
get el() { return index$1.getElement(this); }
|
|
10912
10910
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DlzGiVkc.js');
|
|
4
4
|
|
|
5
5
|
const defaultLabels = {
|
|
6
6
|
hours: "Hours",
|
|
@@ -16,7 +16,7 @@ const defaultLabels = {
|
|
|
16
16
|
const InclusiveTimesPicker = class {
|
|
17
17
|
constructor(hostRef) {
|
|
18
18
|
index.registerInstance(this, hostRef);
|
|
19
|
-
this.timeChanged = index.createEvent(this, "timeChanged");
|
|
19
|
+
this.timeChanged = index.createEvent(this, "timeChanged", 7);
|
|
20
20
|
// Current time value (24-hour format)
|
|
21
21
|
this.hours = 12;
|
|
22
22
|
this.minutes = 0;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DlzGiVkc.js');
|
|
4
4
|
var moment = require('./moment-CdViwxPQ.js');
|
|
5
5
|
var utils = require('./utils-y5Vtky2t.js');
|
|
6
6
|
|
|
@@ -20,9 +20,9 @@ const defaultLabels = {
|
|
|
20
20
|
const InclusiveTimes = class {
|
|
21
21
|
constructor(hostRef) {
|
|
22
22
|
index.registerInstance(this, hostRef);
|
|
23
|
-
this.selectDateTime = index.createEvent(this, "selectDateTime");
|
|
24
|
-
this.changeYear = index.createEvent(this, "changeYear");
|
|
25
|
-
this.componentReady = index.createEvent(this, "componentReady");
|
|
23
|
+
this.selectDateTime = index.createEvent(this, "selectDateTime", 7);
|
|
24
|
+
this.changeYear = index.createEvent(this, "changeYear", 7);
|
|
25
|
+
this.componentReady = index.createEvent(this, "componentReady", 7);
|
|
26
26
|
// Enable or disable range mode
|
|
27
27
|
this.range = false;
|
|
28
28
|
// A label for the text field
|
|
@@ -63,6 +63,7 @@ const InclusiveTimes = class {
|
|
|
63
63
|
this.format = "YYYY-MM-DDTHH:mm:ss";
|
|
64
64
|
// If true, format input on blur/accept (like dates)
|
|
65
65
|
this.inputShouldFormat = true;
|
|
66
|
+
this.disableFreeformInput = false;
|
|
66
67
|
this.selectedHours = 12;
|
|
67
68
|
this.selectedMinutes = 0;
|
|
68
69
|
this.errorState = this.hasError;
|
|
@@ -227,7 +228,7 @@ const InclusiveTimes = class {
|
|
|
227
228
|
}
|
|
228
229
|
render() {
|
|
229
230
|
var _a;
|
|
230
|
-
return (index.h(index.Host, { key: '
|
|
231
|
+
return (index.h(index.Host, { key: 'f5ad31075413f2d2c14751265fdaa2845f695baa', class: this.elementClassName, "has-error": this.errorState, disabled: this.disabledState }, index.h("label", { key: '84e8799efa652f93e6ca56ce5696729441e61319', htmlFor: `${this.id}-input`, class: this.getClassName("label") }, this.label), index.h("div", { key: 'cc3dc9198dbd90a2405938810aebc564b08c2ac3', class: this.getClassName("input-container") }, index.h("input", { key: '1b63faf6d946fa9bad5198d967eb12fd12dbb02d', id: `${this.id}-input`, ref: (r) => (this.inputRef = r), type: "text", class: this.getClassName("input"), placeholder: this.placeholder, disabled: this.disabledState || this.disableFreeformInput, value: (_a = this.internalValue) === null || _a === void 0 ? void 0 : _a.toString(), onBlur: this.handleInputBlur, onChange: this.handleInputChange, "aria-describedby": this.errorState ? `${this.id}-error` : undefined, "aria-invalid": this.errorState }), !this.inline && (index.h("button", { key: 'a9f580d5d5c46334492b9bfef2dcd80d6808e77c', type: "button", ref: (r) => (this.calendarButtonRef = r), onClick: this.handleCalendarButtonClick, class: this.getClassName("calendar-button"), disabled: this.disabledState }, this.calendarButtonContent ? (index.h("span", { innerHTML: this.calendarButtonContent })) : (this.timesLabels.openCalendar)))), index.h("tabworthy-dates-modal", { key: '7fc50538aa0f972999867a6f7175d87bb86ef0d1', label: this.timesLabels.calendar, ref: (el) => (this.modalRef = el), onOpened: () => {
|
|
231
232
|
if (this.pickerRef) {
|
|
232
233
|
this.pickerRef.modalIsOpen = true;
|
|
233
234
|
}
|
|
@@ -235,7 +236,7 @@ const InclusiveTimes = class {
|
|
|
235
236
|
if (this.pickerRef) {
|
|
236
237
|
this.pickerRef.modalIsOpen = false;
|
|
237
238
|
}
|
|
238
|
-
}, inline: this.inline }, index.h("div", { key: '
|
|
239
|
+
}, inline: this.inline }, index.h("div", { key: '014187e74184b02318dea891a36c7c0d4888f4db', class: this.getClassName("picker-container") }, index.h("tabworthy-dates-calendar", { key: '8b35d3640cd1e7c1a30a92c090a41945c807f51f', range: this.range, locale: this.locale, onSelectDate: (event) => this.handlePickerSelection(event.detail), onChangeMonth: (event) => this.handleChangedMonths(event.detail), onChangeYear: (event) => this.handleYearChange(event.detail), labels: this.datesCalendarLabels, ref: (el) => (this.pickerRef = el), startDate: this.startDate, firstDayOfWeek: this.firstDayOfWeek, showHiddenTitle: true, disabled: this.disabledState, showMonthStepper: this.showMonthStepper, showYearStepper: this.showYearStepper, showClearButton: this.showClearButton, showTodayButton: this.showTodayButton, disableDate: this.disableDate, minDate: this.minDate, maxDate: this.maxDate, inline: this.inline }, index.h("div", { key: 'e7802bd55d717def48fd4ff0093c41bfdd3a9d37', slot: "after-calendar", class: this.getClassName("time-section") }, index.h("tabworthy-times-picker", { key: '4c8e49f3fb82f3b8e9c914fe060b80a5aa76bafe', hours: this.selectedHours, minutes: this.selectedMinutes, use12HourFormat: this.use12HourFormat, disabled: this.disabledState, onTimeChanged: this.handleTimeChange }))))), this.errorState && (index.h("div", { key: 'f83e3028c666e16b065da2c1f1d92c5f157acd16', class: this.getClassName("input-error"), id: this.id ? `${this.id}-error` : undefined, role: "status" }, this.errorMessage))));
|
|
239
240
|
}
|
|
240
241
|
get el() { return index.getElement(this); }
|
|
241
242
|
static get watchers() { return {
|
|
@@ -69,6 +69,7 @@ export class TabworthyDates {
|
|
|
69
69
|
: ["Yesterday", "Today", "Tomorrow", "In 10 days"];
|
|
70
70
|
// Show or hide the quick buttons
|
|
71
71
|
this.showQuickButtons = true;
|
|
72
|
+
this.disableFreeformInput = false;
|
|
72
73
|
this.errorState = this.hasError;
|
|
73
74
|
this.disabledState = this.disabled;
|
|
74
75
|
this.chronoSupportedLocale = ["en", "ja", "fr", "nl", "ru", "pt"].includes(this.locale.slice(0, 2));
|
|
@@ -323,10 +324,6 @@ export class TabworthyDates {
|
|
|
323
324
|
}).format(dateToFormat);
|
|
324
325
|
}
|
|
325
326
|
}
|
|
326
|
-
else if (this.internalValue &&
|
|
327
|
-
this.internalValue.length > 0 &&
|
|
328
|
-
this.errorState === false)
|
|
329
|
-
this.inputRef.value = this.internalValue.toString();
|
|
330
327
|
}
|
|
331
328
|
handlePickerSelection(newValue) {
|
|
332
329
|
var _a, _b;
|
|
@@ -353,6 +350,7 @@ export class TabworthyDates {
|
|
|
353
350
|
}
|
|
354
351
|
this.announceDateChange(this.internalValue);
|
|
355
352
|
}
|
|
353
|
+
this.selectDate.emit(this.internalValue);
|
|
356
354
|
}
|
|
357
355
|
announceDateChange(newValue) {
|
|
358
356
|
let content = "";
|
|
@@ -421,7 +419,7 @@ export class TabworthyDates {
|
|
|
421
419
|
}
|
|
422
420
|
render() {
|
|
423
421
|
var _a;
|
|
424
|
-
return (h(Host, { key: '
|
|
422
|
+
return (h(Host, { key: 'e8042c6411dbded3f86703ee75b43a8e75ddf621' }, h("label", { key: 'ed3a309a7f11a41122badd9549b513ea3f70c491', htmlFor: this.id ? `${this.id}-input` : undefined, class: this.getClassName("label") }, this.label), h("br", { key: '73391914e5e39af0b054cfcbab02b1d18aca452a' }), h("div", { key: '6b3394842bc2813f918f731745307ea798a483b9', class: this.getClassName("input-container") }, h("input", { key: '8a1f1ac45bbe0050cfc98063d723542a37d86ef5', disabled: this.disabledState || this.disableFreeformInput, id: this.id ? `${this.id}-input` : undefined, type: "text", placeholder: this.placeholder, class: this.getClassName("input"), ref: (r) => (this.inputRef = r), onChange: this.handleChange, onFocus: () => this.formatInput(false), onBlur: () => this.formatInput(true, false), "aria-describedby": this.errorState ? `${this.id}-error` : undefined, "aria-invalid": this.errorState }), !this.inline && (h("button", { key: 'bbafef3a62331b26e8d0a0eb9886816d8e819085', type: "button", ref: (r) => (this.calendarButtonRef = r), onClick: this.handleCalendarButtonClick, class: this.getClassName("calendar-button"), disabled: this.disabledState }, this.calendarButtonContent ? (h("span", { innerHTML: this.calendarButtonContent })) : (this.datesLabels.openCalendar)))), h("tabworthy-dates-modal", { key: '68451bf1e8d40dd25f51a370cf745244cf1897eb', label: this.datesLabels.calendar, ref: (el) => (this.modalRef = el), onOpened: () => {
|
|
425
423
|
if (!this.pickerRef)
|
|
426
424
|
return;
|
|
427
425
|
this.pickerRef.modalIsOpen = true;
|
|
@@ -429,11 +427,11 @@ export class TabworthyDates {
|
|
|
429
427
|
if (!this.pickerRef)
|
|
430
428
|
return;
|
|
431
429
|
this.pickerRef.modalIsOpen = false;
|
|
432
|
-
}, inline: this.inline }, h("tabworthy-dates-calendar", { key: '
|
|
430
|
+
}, inline: this.inline }, h("tabworthy-dates-calendar", { key: '9ba747fc1bbc1481943624634090b7e8a4792d56', range: this.range, locale: this.locale, onSelectDate: (event) => this.handlePickerSelection(event.detail), onChangeMonth: (event) => this.handleChangedMonths(event.detail), onChangeYear: (event) => this.handleYearChange(event.detail), labels: this.datesCalendarLabels ? this.datesCalendarLabels : undefined, ref: (el) => (this.pickerRef = el), startDate: this.startDate, firstDayOfWeek: this.firstDayOfWeek, showHiddenTitle: true, disabled: this.disabledState, showMonthStepper: this.showMonthStepper, showYearStepper: this.showYearStepper, showClearButton: this.showClearButton, showKeyboardHint: this.showKeyboardHint, showTodayButton: this.showTodayButton, disableDate: this.disableDate, minDate: this.minDate, maxDate: this.maxDate, inline: this.inline })), this.showQuickButtons &&
|
|
433
431
|
((_a = this.quickButtons) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
|
|
434
|
-
this.chronoSupportedLocale && (h("div", { key: '
|
|
432
|
+
this.chronoSupportedLocale && (h("div", { key: '302a5aca1e85df7ae68bbc416dcc62f406a46868', class: this.getClassName("quick-group"), role: "group", "aria-label": "Quick selection" }, this.quickButtons.map((buttonText) => {
|
|
435
433
|
return (h("button", { class: this.getClassName("quick-button"), onClick: this.handleQuickButtonClick, disabled: this.disabledState, type: "button" }, buttonText));
|
|
436
|
-
}))), this.errorState && (h("div", { key: '
|
|
434
|
+
}))), this.errorState && (h("div", { key: 'c753c27a93017df169b6d603b1f8fb4e6f601a0d', class: this.getClassName("input-error"), id: this.id ? `${this.id}-error` : undefined, role: "status" }, this.errorMessage))));
|
|
437
435
|
}
|
|
438
436
|
static get is() { return "tabworthy-dates"; }
|
|
439
437
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1089,6 +1087,26 @@ export class TabworthyDates {
|
|
|
1089
1087
|
"reflect": false,
|
|
1090
1088
|
"attribute": "show-quick-buttons",
|
|
1091
1089
|
"defaultValue": "true"
|
|
1090
|
+
},
|
|
1091
|
+
"disableFreeformInput": {
|
|
1092
|
+
"type": "boolean",
|
|
1093
|
+
"mutable": false,
|
|
1094
|
+
"complexType": {
|
|
1095
|
+
"original": "boolean",
|
|
1096
|
+
"resolved": "boolean",
|
|
1097
|
+
"references": {}
|
|
1098
|
+
},
|
|
1099
|
+
"required": false,
|
|
1100
|
+
"optional": false,
|
|
1101
|
+
"docs": {
|
|
1102
|
+
"tags": [],
|
|
1103
|
+
"text": ""
|
|
1104
|
+
},
|
|
1105
|
+
"getter": false,
|
|
1106
|
+
"setter": false,
|
|
1107
|
+
"reflect": false,
|
|
1108
|
+
"attribute": "disable-freeform-input",
|
|
1109
|
+
"defaultValue": "false"
|
|
1092
1110
|
}
|
|
1093
1111
|
};
|
|
1094
1112
|
}
|
|
@@ -307,15 +307,15 @@ export class InclusiveDatesCalendar {
|
|
|
307
307
|
monthIsDisabled(getNextMonth(this.currentDate).getMonth(), getNextMonth(this.currentDate).getFullYear(), this.minDate, this.maxDate)
|
|
308
308
|
}
|
|
309
309
|
};
|
|
310
|
-
return (h(Host, { key: '
|
|
310
|
+
return (h(Host, { key: '0ca78d9d8d4d0edd2375f48f23c5d879a2c6fb44' }, h("div", { key: '8ba043e2d7c70958ca73253348de57c07424c7f2', class: {
|
|
311
311
|
[`${this.getClassName()}-wrapper`]: true,
|
|
312
312
|
[`${this.getClassName()}-wrapper--inline`]: this.inline
|
|
313
|
-
} }, h("div", { key: '
|
|
313
|
+
} }, h("div", { key: '2b6d87a26620acd162d6321add8cb52fe9c41e97', class: {
|
|
314
314
|
[this.getClassName()]: true,
|
|
315
315
|
[`${this.getClassName()}--disabled`]: this.disabled
|
|
316
|
-
} }, h("div", { key: '
|
|
316
|
+
} }, h("div", { key: 'f773d4c95f3ebf4ea79dd5e72385a1f16b6cfe87', class: this.getClassName("header") }, this.showHiddenTitle && (h("span", { key: 'c6249db5073485bcf479bcd1d8c9da6a8270757c', "aria-atomic": "true", "aria-live": "polite", class: "visually-hidden" }, this.getTitle())), this.showYearStepper && (h("button", { key: 'ecf43dac6e8539598c43f782fb211ff44758d58a', "aria-label": this.labels.previousYearButton, class: this.getClassName("previous-year-button"), "aria-disabled": disabled.year.prev, innerHTML: this.previousYearButtonContent || undefined, onClick: this.previousYear, type: "button" }, h("svg", { key: '7986a7b8b7a4a696c6e62bba6677f9801c6d9059', fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, h("polyline", { key: '3a1474883ab05ef0c0376944cfc4dbfe63aa6434', points: "11 17 6 12 11 7" }), h("polyline", { key: 'eb15b38a86f440e5b77723e8551e774af50c4a32', points: "18 17 13 12 18 7" })))), this.showMonthStepper && (h("button", { key: 'f3a6e864f855833ae24f6b15930ff85a5939d39e', "aria-label": this.labels.previousMonthButton, class: this.getClassName("previous-month-button"), "aria-disabled": disabled.month.prev, innerHTML: this.previousMonthButtonContent || undefined, onClick: this.previousMonth, type: "button" }, h("svg", { key: 'b15bc4eb6009b5872bc0d1253b5ca0e863505956', fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, h("polyline", { key: '90d0590bdafd7b802e8967366f30411ac65aead1', points: "15 18 9 12 15 6" })))), h("span", { key: 'c0a4670b7f7f71706e1b02430f08302d69e7bec4', class: this.getClassName("current-month") }, h("select", { key: 'd7b43fcb12387644b74403f52c3e72948d2a460d', "aria-label": this.labels.monthSelect, class: this.getClassName("month-select"), "aria-disabled": this.disabled, name: "month", onChange: this.onMonthSelect }, getMonths(this.locale).map((month, index) => {
|
|
317
317
|
return (h("option", { key: month, selected: this.currentDate.getMonth() === index, value: index + 1, disabled: monthIsDisabled(index, this.currentDate.getFullYear(), this.minDate, this.maxDate) }, month));
|
|
318
|
-
})), h("input", { key: '
|
|
318
|
+
})), h("input", { key: '6123f052aa28fd745ee52a37d817855a31c6a888', "aria-label": this.labels.yearSelect, class: this.getClassName("year-select"), "aria-disabled": this.disabled, max: this.maxDate ? this.maxDate.slice(0, 4) : 9999, min: this.minDate ? this.minDate.slice(0, 4) : 1, name: "year", onChange: this.onYearSelect, type: "number", value: this.currentDate.getFullYear() })), this.showMonthStepper && (h("button", { key: '9a9ded70d8cfb7f61d15edc15873f1c7cc24d352', "aria-label": this.labels.nextMonthButton, class: this.getClassName("next-month-button"), "aria-disabled": disabled.month.next, innerHTML: this.nextMonthButtonContent || undefined, onClick: this.nextMonth, type: "button" }, h("svg", { key: '500969c2fd840a7131c348c4d562f3493dfddd4e', fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, h("polyline", { key: '9e7fdecb2585366f9dc96fe32f0c83123257bd0a', points: "9 18 15 12 9 6" })))), this.showYearStepper && (h("button", { key: '7ee30553302a226836261fd21dafdfa065f831d8', "aria-label": this.labels.nextYearButton, class: this.getClassName("next-year-button"), "aria-disabled": disabled.year.next, innerHTML: this.nextYearButtonContent || undefined, onClick: this.nextYear, type: "button" }, h("svg", { key: 'd3c6f21d586a2be2ef8f52419fde77c1ad4398ad', fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, h("polyline", { key: '19da599079fab7e31a853a7f09e68d12e66c9974', points: "13 17 18 12 13 7" }), h("polyline", { key: 'b23802d92bc35c3af659f86ecad9d41320cf3467', points: "6 17 11 12 6 7" }))))), h("div", { key: '75b511a738d0d421828c64a88b79cdadeb3e77db', class: this.getClassName("body") }, h("table", { key: '7f62f9985c99c4c19cbf320e009fbefbb436f5c2', class: this.getClassName("calendar"), onKeyDown: this.onKeyDown, role: "grid", "aria-label": this.getTitle() }, h("thead", { key: '6d518a1c015ee4f545278e175d9f71456b7cb525', class: this.getClassName("calendar-header") }, h("tr", { key: 'd5f289679c98b5ef8f67f8ccbf3999aac68a022c', class: this.getClassName("weekday-row") }, (_a = this.weekdays) === null || _a === void 0 ? void 0 : _a.map((weekday) => (h("th", { role: "columnheader", abbr: weekday[1], class: this.getClassName("weekday"), key: weekday[0], scope: "col" }, h("span", { "aria-hidden": "true" }, weekday[0]), h("span", { class: "visually-hidden" }, weekday[1])))))), h("tbody", { key: 'f4cf7ef148106044880c2b6c360e4319a7b31d83' }, this.getCalendarRows().map((calendarRow) => {
|
|
319
319
|
const rowKey = `row-${calendarRow[0].getMonth()}-${calendarRow[0].getDate()}`;
|
|
320
320
|
return (h("tr", { class: this.getClassName("calendar-row"), key: rowKey }, calendarRow.map((day) => {
|
|
321
321
|
var _a, _b, _c;
|
|
@@ -382,8 +382,8 @@ export class InclusiveDatesCalendar {
|
|
|
382
382
|
? 0
|
|
383
383
|
: -1 }, h(Tag, { "aria-hidden": "true" }, day.getDate()), h("span", { class: "visually-hidden" }, getScreenReaderText())));
|
|
384
384
|
})));
|
|
385
|
-
})))), showFooter && (h("div", { key: '
|
|
386
|
-
!window.matchMedia("(pointer: coarse)").matches && (h("button", { key: '
|
|
385
|
+
})))), showFooter && (h("div", { key: 'a34938c0321570d5a4983cb47822d12335cb5fba', class: this.getClassName("footer") }, h("div", { key: '0c52dc84cb734326025e7927f94ab7d9947f89c3', class: this.getClassName("footer-buttons") }, this.showTodayButton && (h("button", { key: '11d7621dc4b8ffa33b51bf4312de6f0cedcc94e9', class: this.getClassName("today-button"), disabled: this.disabled, innerHTML: this.todayButtonContent || undefined, onClick: this.showToday, type: "button" }, this.labels.todayButton)), this.showClearButton && (h("button", { key: '2eb6ef128169727ba993a68d270e730b600b130a', class: this.getClassName("clear-button"), disabled: this.disabled, innerHTML: this.clearButtonContent || undefined, onClick: this.clear, type: "button" }, this.labels.clearButton))), this.showKeyboardHint &&
|
|
386
|
+
!window.matchMedia("(pointer: coarse)").matches && (h("button", { key: 'f2f52bf2b5de8d810dab6f3376d5b0923a2abb0c', type: "button", onClick: () => alert("Todo: Add Keyboard helper!"), class: this.getClassName("keyboard-hint") }, h("svg", { key: '1d2f5e1323af69c00c185b450a3e4ac2ed5b9f69', xmlns: "http://www.w3.org/2000/svg", height: "1em", width: "1em", viewBox: "0 0 48 48", fill: "currentColor" }, h("path", { key: 'd3f34347335b0e1f100b5e6346a283678daba519', d: "M7 38q-1.2 0-2.1-.925Q4 36.15 4 35V13q0-1.2.9-2.1.9-.9 2.1-.9h34q1.2 0 2.1.9.9.9.9 2.1v22q0 1.15-.9 2.075Q42.2 38 41 38Zm0-3h34V13H7v22Zm8-3.25h18v-3H15Zm-4.85-6.25h3v-3h-3Zm6.2 0h3v-3h-3Zm6.15 0h3v-3h-3Zm6.2 0h3v-3h-3Zm6.15 0h3v-3h-3Zm-24.7-6.25h3v-3h-3Zm6.2 0h3v-3h-3Zm6.15 0h3v-3h-3Zm6.2 0h3v-3h-3Zm6.15 0h3v-3h-3ZM7 35V13v22Z" })), this.labels.keyboardHint))))), h("slot", { key: 'fa342bcfcd2cf4cb057b33b0cc8231264e97c51c', name: "after-calendar" }))));
|
|
387
387
|
}
|
|
388
388
|
static get is() { return "tabworthy-dates-calendar"; }
|
|
389
389
|
static get encapsulation() { return "scoped"; }
|
|
@@ -913,7 +913,7 @@ export class InclusiveDatesCalendar {
|
|
|
913
913
|
return [{
|
|
914
914
|
"method": "selectDate",
|
|
915
915
|
"name": "selectDate",
|
|
916
|
-
"bubbles":
|
|
916
|
+
"bubbles": false,
|
|
917
917
|
"cancelable": true,
|
|
918
918
|
"composed": true,
|
|
919
919
|
"docs": {
|
|
@@ -928,7 +928,7 @@ export class InclusiveDatesCalendar {
|
|
|
928
928
|
}, {
|
|
929
929
|
"method": "changeMonth",
|
|
930
930
|
"name": "changeMonth",
|
|
931
|
-
"bubbles":
|
|
931
|
+
"bubbles": false,
|
|
932
932
|
"cancelable": true,
|
|
933
933
|
"composed": true,
|
|
934
934
|
"docs": {
|
|
@@ -949,7 +949,7 @@ export class InclusiveDatesCalendar {
|
|
|
949
949
|
}, {
|
|
950
950
|
"method": "changeYear",
|
|
951
951
|
"name": "changeYear",
|
|
952
|
-
"bubbles":
|
|
952
|
+
"bubbles": false,
|
|
953
953
|
"cancelable": true,
|
|
954
954
|
"composed": true,
|
|
955
955
|
"docs": {
|
|
@@ -56,6 +56,7 @@ export class InclusiveTimes {
|
|
|
56
56
|
this.format = "YYYY-MM-DDTHH:mm:ss";
|
|
57
57
|
// If true, format input on blur/accept (like dates)
|
|
58
58
|
this.inputShouldFormat = true;
|
|
59
|
+
this.disableFreeformInput = false;
|
|
59
60
|
this.selectedHours = 12;
|
|
60
61
|
this.selectedMinutes = 0;
|
|
61
62
|
this.errorState = this.hasError;
|
|
@@ -220,7 +221,7 @@ export class InclusiveTimes {
|
|
|
220
221
|
}
|
|
221
222
|
render() {
|
|
222
223
|
var _a;
|
|
223
|
-
return (h(Host, { key: '
|
|
224
|
+
return (h(Host, { key: 'f5ad31075413f2d2c14751265fdaa2845f695baa', class: this.elementClassName, "has-error": this.errorState, disabled: this.disabledState }, h("label", { key: '84e8799efa652f93e6ca56ce5696729441e61319', htmlFor: `${this.id}-input`, class: this.getClassName("label") }, this.label), h("div", { key: 'cc3dc9198dbd90a2405938810aebc564b08c2ac3', class: this.getClassName("input-container") }, h("input", { key: '1b63faf6d946fa9bad5198d967eb12fd12dbb02d', id: `${this.id}-input`, ref: (r) => (this.inputRef = r), type: "text", class: this.getClassName("input"), placeholder: this.placeholder, disabled: this.disabledState || this.disableFreeformInput, value: (_a = this.internalValue) === null || _a === void 0 ? void 0 : _a.toString(), onBlur: this.handleInputBlur, onChange: this.handleInputChange, "aria-describedby": this.errorState ? `${this.id}-error` : undefined, "aria-invalid": this.errorState }), !this.inline && (h("button", { key: 'a9f580d5d5c46334492b9bfef2dcd80d6808e77c', type: "button", ref: (r) => (this.calendarButtonRef = r), onClick: this.handleCalendarButtonClick, class: this.getClassName("calendar-button"), disabled: this.disabledState }, this.calendarButtonContent ? (h("span", { innerHTML: this.calendarButtonContent })) : (this.timesLabels.openCalendar)))), h("tabworthy-dates-modal", { key: '7fc50538aa0f972999867a6f7175d87bb86ef0d1', label: this.timesLabels.calendar, ref: (el) => (this.modalRef = el), onOpened: () => {
|
|
224
225
|
if (this.pickerRef) {
|
|
225
226
|
this.pickerRef.modalIsOpen = true;
|
|
226
227
|
}
|
|
@@ -228,7 +229,7 @@ export class InclusiveTimes {
|
|
|
228
229
|
if (this.pickerRef) {
|
|
229
230
|
this.pickerRef.modalIsOpen = false;
|
|
230
231
|
}
|
|
231
|
-
}, inline: this.inline }, h("div", { key: '
|
|
232
|
+
}, inline: this.inline }, h("div", { key: '014187e74184b02318dea891a36c7c0d4888f4db', class: this.getClassName("picker-container") }, h("tabworthy-dates-calendar", { key: '8b35d3640cd1e7c1a30a92c090a41945c807f51f', range: this.range, locale: this.locale, onSelectDate: (event) => this.handlePickerSelection(event.detail), onChangeMonth: (event) => this.handleChangedMonths(event.detail), onChangeYear: (event) => this.handleYearChange(event.detail), labels: this.datesCalendarLabels, ref: (el) => (this.pickerRef = el), startDate: this.startDate, firstDayOfWeek: this.firstDayOfWeek, showHiddenTitle: true, disabled: this.disabledState, showMonthStepper: this.showMonthStepper, showYearStepper: this.showYearStepper, showClearButton: this.showClearButton, showTodayButton: this.showTodayButton, disableDate: this.disableDate, minDate: this.minDate, maxDate: this.maxDate, inline: this.inline }, h("div", { key: 'e7802bd55d717def48fd4ff0093c41bfdd3a9d37', slot: "after-calendar", class: this.getClassName("time-section") }, h("tabworthy-times-picker", { key: '4c8e49f3fb82f3b8e9c914fe060b80a5aa76bafe', hours: this.selectedHours, minutes: this.selectedMinutes, use12HourFormat: this.use12HourFormat, disabled: this.disabledState, onTimeChanged: this.handleTimeChange }))))), this.errorState && (h("div", { key: 'f83e3028c666e16b065da2c1f1d92c5f157acd16', class: this.getClassName("input-error"), id: this.id ? `${this.id}-error` : undefined, role: "status" }, this.errorMessage))));
|
|
232
233
|
}
|
|
233
234
|
static get is() { return "tabworthy-times"; }
|
|
234
235
|
static get encapsulation() { return "scoped"; }
|
|
@@ -759,6 +760,26 @@ export class InclusiveTimes {
|
|
|
759
760
|
"reflect": false,
|
|
760
761
|
"attribute": "input-should-format",
|
|
761
762
|
"defaultValue": "true"
|
|
763
|
+
},
|
|
764
|
+
"disableFreeformInput": {
|
|
765
|
+
"type": "boolean",
|
|
766
|
+
"mutable": false,
|
|
767
|
+
"complexType": {
|
|
768
|
+
"original": "boolean",
|
|
769
|
+
"resolved": "boolean",
|
|
770
|
+
"references": {}
|
|
771
|
+
},
|
|
772
|
+
"required": false,
|
|
773
|
+
"optional": false,
|
|
774
|
+
"docs": {
|
|
775
|
+
"tags": [],
|
|
776
|
+
"text": ""
|
|
777
|
+
},
|
|
778
|
+
"getter": false,
|
|
779
|
+
"setter": false,
|
|
780
|
+
"reflect": false,
|
|
781
|
+
"attribute": "disable-freeform-input",
|
|
782
|
+
"defaultValue": "false"
|
|
762
783
|
}
|
|
763
784
|
};
|
|
764
785
|
}
|