foldkit 0.89.0 → 0.90.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/README.md +19 -10
- package/dist/command/index.d.ts.map +1 -1
- package/dist/command/index.js +3 -11
- package/dist/devTools/overlay.d.ts +3 -3
- package/dist/devTools/overlay.d.ts.map +1 -1
- package/dist/devTools/overlay.js +209 -171
- package/dist/devTools/protocol.d.ts +77 -19
- package/dist/devTools/protocol.d.ts.map +1 -1
- package/dist/devTools/protocol.js +10 -5
- package/dist/devTools/serialize.d.ts +8 -2
- package/dist/devTools/serialize.d.ts.map +1 -1
- package/dist/devTools/serialize.js +11 -2
- package/dist/devTools/store.d.ts +9 -5
- package/dist/devTools/store.d.ts.map +1 -1
- package/dist/devTools/store.js +13 -13
- package/dist/devTools/webSocketBridge.d.ts.map +1 -1
- package/dist/devTools/webSocketBridge.js +2 -2
- package/dist/html/index.d.ts +12 -0
- package/dist/html/index.d.ts.map +1 -1
- package/dist/html/index.js +20 -4
- package/dist/mount/index.d.ts +64 -21
- package/dist/mount/index.d.ts.map +1 -1
- package/dist/mount/index.js +43 -32
- package/dist/mount/public.d.ts +1 -1
- package/dist/mount/public.d.ts.map +1 -1
- package/dist/runtime/crashUI.js +30 -30
- package/dist/runtime/runtime.d.ts.map +1 -1
- package/dist/runtime/runtime.js +4 -4
- package/dist/test/apps/bubbling.js +4 -4
- package/dist/test/apps/disabledButton.js +10 -10
- package/dist/test/apps/fileUpload.d.ts.map +1 -1
- package/dist/test/apps/fileUpload.js +13 -13
- package/dist/test/apps/interactions.d.ts.map +1 -1
- package/dist/test/apps/interactions.js +15 -15
- package/dist/test/apps/keypress.js +8 -8
- package/dist/test/apps/login.d.ts.map +1 -1
- package/dist/test/apps/login.js +32 -24
- package/dist/test/apps/logoutButton.d.ts.map +1 -1
- package/dist/test/apps/logoutButton.js +2 -2
- package/dist/test/apps/mountPanel.d.ts +19 -3
- package/dist/test/apps/mountPanel.d.ts.map +1 -1
- package/dist/test/apps/mountPanel.js +41 -20
- package/dist/test/apps/multiRole.js +3 -3
- package/dist/test/apps/pointer.d.ts.map +1 -1
- package/dist/test/apps/pointer.js +11 -11
- package/dist/test/apps/resumeUpload.d.ts.map +1 -1
- package/dist/test/apps/resumeUpload.js +8 -8
- package/dist/test/internal.d.ts +50 -20
- package/dist/test/internal.d.ts.map +1 -1
- package/dist/test/internal.js +65 -74
- package/dist/test/scene.d.ts +7 -7
- package/dist/test/scene.d.ts.map +1 -1
- package/dist/test/scene.js +42 -37
- package/dist/test/story.d.ts.map +1 -1
- package/dist/test/story.js +2 -2
- package/dist/ui/anchor.d.ts +12 -8
- package/dist/ui/anchor.d.ts.map +1 -1
- package/dist/ui/anchor.js +41 -16
- package/dist/ui/animation/index.js +24 -24
- package/dist/ui/button/index.d.ts.map +1 -1
- package/dist/ui/button/index.js +6 -6
- package/dist/ui/calendar/index.d.ts.map +1 -1
- package/dist/ui/calendar/index.js +101 -99
- package/dist/ui/checkbox/index.d.ts.map +1 -1
- package/dist/ui/checkbox/index.js +15 -15
- package/dist/ui/combobox/multi.d.ts +1 -7
- package/dist/ui/combobox/multi.d.ts.map +1 -1
- package/dist/ui/combobox/shared.d.ts +14 -5
- package/dist/ui/combobox/shared.d.ts.map +1 -1
- package/dist/ui/combobox/shared.js +137 -125
- package/dist/ui/combobox/single.d.ts +1 -7
- package/dist/ui/combobox/single.d.ts.map +1 -1
- package/dist/ui/datePicker/index.js +4 -4
- package/dist/ui/dialog/index.d.ts.map +1 -1
- package/dist/ui/dialog/index.js +27 -27
- package/dist/ui/disclosure/index.d.ts.map +1 -1
- package/dist/ui/disclosure/index.js +24 -22
- package/dist/ui/dragAndDrop/index.d.ts.map +1 -1
- package/dist/ui/dragAndDrop/index.js +15 -15
- package/dist/ui/fieldset/index.js +6 -6
- package/dist/ui/fileDrop/index.d.ts +2 -2
- package/dist/ui/fileDrop/index.d.ts.map +1 -1
- package/dist/ui/fileDrop/index.js +16 -16
- package/dist/ui/input/index.d.ts.map +1 -1
- package/dist/ui/input/index.js +15 -13
- package/dist/ui/listbox/multi.d.ts +1 -7
- package/dist/ui/listbox/multi.d.ts.map +1 -1
- package/dist/ui/listbox/shared.d.ts +12 -3
- package/dist/ui/listbox/shared.d.ts.map +1 -1
- package/dist/ui/listbox/shared.js +91 -89
- package/dist/ui/listbox/single.d.ts +1 -7
- package/dist/ui/listbox/single.d.ts.map +1 -1
- package/dist/ui/menu/index.d.ts +12 -3
- package/dist/ui/menu/index.d.ts.map +1 -1
- package/dist/ui/menu/index.js +75 -77
- package/dist/ui/popover/index.d.ts +13 -3
- package/dist/ui/popover/index.d.ts.map +1 -1
- package/dist/ui/popover/index.js +62 -53
- package/dist/ui/radioGroup/index.d.ts.map +1 -1
- package/dist/ui/radioGroup/index.js +20 -20
- package/dist/ui/select/index.d.ts.map +1 -1
- package/dist/ui/select/index.js +13 -11
- package/dist/ui/slider/index.d.ts.map +1 -1
- package/dist/ui/slider/index.js +26 -26
- package/dist/ui/switch/index.d.ts.map +1 -1
- package/dist/ui/switch/index.js +14 -14
- package/dist/ui/tabs/index.d.ts.map +1 -1
- package/dist/ui/tabs/index.js +40 -36
- package/dist/ui/textarea/index.d.ts.map +1 -1
- package/dist/ui/textarea/index.js +15 -13
- package/dist/ui/toast/index.d.ts.map +1 -1
- package/dist/ui/toast/index.js +27 -27
- package/dist/ui/tooltip/index.d.ts +11 -2
- package/dist/ui/tooltip/index.d.ts.map +1 -1
- package/dist/ui/tooltip/index.js +33 -33
- package/dist/ui/virtualList/index.d.ts.map +1 -1
- package/dist/ui/virtualList/index.js +18 -15
- package/package.json +1 -1
|
@@ -492,7 +492,7 @@ const isMonthDisabled = (model, year, month) => {
|
|
|
492
492
|
const isYearDisabled = (model, year) => Option.exists(model.maybeMinDate, min => year < min.year) ||
|
|
493
493
|
Option.exists(model.maybeMaxDate, max => year > max.year);
|
|
494
494
|
const buildDaysAttributes = (config) => {
|
|
495
|
-
const
|
|
495
|
+
const h = html();
|
|
496
496
|
const { model, toParentMessage, onSelectedDate } = config;
|
|
497
497
|
const { id, viewYear, viewMonth, maybeFocusedDate, maybeSelectedDate, today, locale, isGridFocused, } = model;
|
|
498
498
|
const dispatchSelectedDate = (date) => onSelectedDate !== undefined
|
|
@@ -506,23 +506,23 @@ const buildDaysAttributes = (config) => {
|
|
|
506
506
|
const rotatedShortDayNames = rotateDayNames(locale.shortDayNames, locale.firstDayOfWeek);
|
|
507
507
|
const { gridStart, weeks: weeksDates } = buildGrid(viewYear, viewMonth, locale.firstDayOfWeek);
|
|
508
508
|
const rootAttributes = [
|
|
509
|
-
Id(id),
|
|
510
|
-
Key('Days'),
|
|
509
|
+
h.Id(id),
|
|
510
|
+
h.Key('Days'),
|
|
511
511
|
];
|
|
512
512
|
const previousMonthButton = [
|
|
513
|
-
Type('button'),
|
|
514
|
-
AriaLabel(previousMonthLabel),
|
|
515
|
-
OnClick(toParentMessage(ClickedPreviousMonthButton())),
|
|
513
|
+
h.Type('button'),
|
|
514
|
+
h.AriaLabel(previousMonthLabel),
|
|
515
|
+
h.OnClick(toParentMessage(ClickedPreviousMonthButton())),
|
|
516
516
|
];
|
|
517
517
|
const nextMonthButton = [
|
|
518
|
-
Type('button'),
|
|
519
|
-
AriaLabel(nextMonthLabel),
|
|
520
|
-
OnClick(toParentMessage(ClickedNextMonthButton())),
|
|
518
|
+
h.Type('button'),
|
|
519
|
+
h.AriaLabel(nextMonthLabel),
|
|
520
|
+
h.OnClick(toParentMessage(ClickedNextMonthButton())),
|
|
521
521
|
];
|
|
522
522
|
const headingButton = [
|
|
523
|
-
Type('button'),
|
|
524
|
-
AriaLabel(headingButtonLabel),
|
|
525
|
-
OnClick(toParentMessage(ClickedHeading())),
|
|
523
|
+
h.Type('button'),
|
|
524
|
+
h.AriaLabel(headingButtonLabel),
|
|
525
|
+
h.OnClick(toParentMessage(ClickedHeading())),
|
|
526
526
|
];
|
|
527
527
|
const handleKeyDown = (key, modifiers) => {
|
|
528
528
|
if (!NAV_KEYS.has(key)) {
|
|
@@ -533,22 +533,22 @@ const buildDaysAttributes = (config) => {
|
|
|
533
533
|
}
|
|
534
534
|
return Option.some(toParentMessage(PressedKeyOnGrid({ key, isShift: modifiers.shiftKey })));
|
|
535
535
|
};
|
|
536
|
-
const activeDescendantAttributes = pipe(maybeFocusedDate, Option.map(date => AriaActiveDescendant(dayCellId(id, date))), Option.toArray);
|
|
536
|
+
const activeDescendantAttributes = pipe(maybeFocusedDate, Option.map(date => h.AriaActiveDescendant(dayCellId(id, date))), Option.toArray);
|
|
537
537
|
const gridAttributes = [
|
|
538
|
-
Id(gridId(id)),
|
|
539
|
-
Role('grid'),
|
|
540
|
-
AriaLabel(`Calendar, ${headingText}`),
|
|
541
|
-
AriaRowcount(WEEKS_IN_GRID + 1),
|
|
542
|
-
AriaColcount(DAYS_IN_WEEK),
|
|
543
|
-
Tabindex(0),
|
|
544
|
-
OnFocus(toParentMessage(FocusedGrid())),
|
|
545
|
-
OnBlur(toParentMessage(BlurredGrid())),
|
|
546
|
-
OnKeyDownPreventDefault(handleKeyDown),
|
|
538
|
+
h.Id(gridId(id)),
|
|
539
|
+
h.Role('grid'),
|
|
540
|
+
h.AriaLabel(`Calendar, ${headingText}`),
|
|
541
|
+
h.AriaRowcount(WEEKS_IN_GRID + 1),
|
|
542
|
+
h.AriaColcount(DAYS_IN_WEEK),
|
|
543
|
+
h.Tabindex(0),
|
|
544
|
+
h.OnFocus(toParentMessage(FocusedGrid())),
|
|
545
|
+
h.OnBlur(toParentMessage(BlurredGrid())),
|
|
546
|
+
h.OnKeyDownPreventDefault(handleKeyDown),
|
|
547
547
|
...activeDescendantAttributes,
|
|
548
548
|
];
|
|
549
549
|
const headerRowAttributes = [
|
|
550
|
-
Role('row'),
|
|
551
|
-
AriaRowindex(1),
|
|
550
|
+
h.Role('row'),
|
|
551
|
+
h.AriaRowindex(1),
|
|
552
552
|
];
|
|
553
553
|
const columnHeaders = Array.zipWith(rotatedShortDayNames, rotatedDayNames, (name, fullName) => ({
|
|
554
554
|
name,
|
|
@@ -556,9 +556,9 @@ const buildDaysAttributes = (config) => {
|
|
|
556
556
|
})).map(({ name, fullName }, columnIndex) => ({
|
|
557
557
|
name,
|
|
558
558
|
attributes: [
|
|
559
|
-
Role('columnheader'),
|
|
560
|
-
AriaLabel(fullName),
|
|
561
|
-
AriaColindex(columnIndex + 1),
|
|
559
|
+
h.Role('columnheader'),
|
|
560
|
+
h.AriaLabel(fullName),
|
|
561
|
+
h.AriaColindex(columnIndex + 1),
|
|
562
562
|
],
|
|
563
563
|
}));
|
|
564
564
|
const buildDayCell = (date, columnIndex) => {
|
|
@@ -568,25 +568,25 @@ const buildDaysAttributes = (config) => {
|
|
|
568
568
|
const isInViewMonth = date.month === viewMonth && date.year === viewYear;
|
|
569
569
|
const isDisabled = isDateDisabled(model, date);
|
|
570
570
|
const stateDataAttributes = Array.getSomes([
|
|
571
|
-
OptionExt.when(isToday, DataAttribute('today', '')),
|
|
572
|
-
OptionExt.when(isSelected, DataAttribute('selected', '')),
|
|
573
|
-
OptionExt.when(isFocused && isGridFocused, DataAttribute('focused', '')),
|
|
574
|
-
OptionExt.when(!isInViewMonth, DataAttribute('outside-month', '')),
|
|
575
|
-
OptionExt.when(isDisabled, DataAttribute('disabled', '')),
|
|
571
|
+
OptionExt.when(isToday, h.DataAttribute('today', '')),
|
|
572
|
+
OptionExt.when(isSelected, h.DataAttribute('selected', '')),
|
|
573
|
+
OptionExt.when(isFocused && isGridFocused, h.DataAttribute('focused', '')),
|
|
574
|
+
OptionExt.when(!isInViewMonth, h.DataAttribute('outside-month', '')),
|
|
575
|
+
OptionExt.when(isDisabled, h.DataAttribute('disabled', '')),
|
|
576
576
|
]);
|
|
577
577
|
const cellAttributes = [
|
|
578
|
-
Id(dayCellId(id, date)),
|
|
579
|
-
Role('gridcell'),
|
|
580
|
-
AriaSelected(isSelected),
|
|
581
|
-
AriaColindex(columnIndex + 1),
|
|
578
|
+
h.Id(dayCellId(id, date)),
|
|
579
|
+
h.Role('gridcell'),
|
|
580
|
+
h.AriaSelected(isSelected),
|
|
581
|
+
h.AriaColindex(columnIndex + 1),
|
|
582
582
|
...stateDataAttributes,
|
|
583
583
|
];
|
|
584
584
|
const buttonAttributes = [
|
|
585
|
-
Type('button'),
|
|
586
|
-
Tabindex(-1),
|
|
587
|
-
AriaLabel(Calendar.formatAriaLabel(date, locale)),
|
|
588
|
-
AriaDisabled(isDisabled),
|
|
589
|
-
...(isDisabled ? [] : [OnClick(dispatchSelectedDate(date))]),
|
|
585
|
+
h.Type('button'),
|
|
586
|
+
h.Tabindex(-1),
|
|
587
|
+
h.AriaLabel(Calendar.formatAriaLabel(date, locale)),
|
|
588
|
+
h.AriaDisabled(isDisabled),
|
|
589
|
+
...(isDisabled ? [] : [h.OnClick(dispatchSelectedDate(date))]),
|
|
590
590
|
];
|
|
591
591
|
return {
|
|
592
592
|
date,
|
|
@@ -604,9 +604,9 @@ const buildDaysAttributes = (config) => {
|
|
|
604
604
|
const weekStart = Calendar.addDays(gridStart, weekIndex * DAYS_IN_WEEK);
|
|
605
605
|
return {
|
|
606
606
|
attributes: [
|
|
607
|
-
Role('row'),
|
|
608
|
-
AriaRowindex(weekIndex + 2),
|
|
609
|
-
AriaLabel(`Week of ${Calendar.formatLong(weekStart, locale)}`),
|
|
607
|
+
h.Role('row'),
|
|
608
|
+
h.AriaRowindex(weekIndex + 2),
|
|
609
|
+
h.AriaLabel(`Week of ${Calendar.formatLong(weekStart, locale)}`),
|
|
610
610
|
],
|
|
611
611
|
cells: weekDates.map(buildDayCell),
|
|
612
612
|
};
|
|
@@ -625,19 +625,19 @@ const buildDaysAttributes = (config) => {
|
|
|
625
625
|
};
|
|
626
626
|
};
|
|
627
627
|
const buildMonthsAttributes = (config) => {
|
|
628
|
-
const
|
|
628
|
+
const h = html();
|
|
629
629
|
const { model, toParentMessage } = config;
|
|
630
630
|
const { id, viewYear, viewMonth, maybeFocusedDate, today, locale, isGridFocused, } = model;
|
|
631
631
|
const headingButtonLabel = config.monthsHeadingButtonLabel ?? 'Switch to year picker';
|
|
632
632
|
const headingText = `${viewYear}`;
|
|
633
633
|
const rootAttributes = [
|
|
634
|
-
Id(id),
|
|
635
|
-
Key('Months'),
|
|
634
|
+
h.Id(id),
|
|
635
|
+
h.Key('Months'),
|
|
636
636
|
];
|
|
637
637
|
const headingButton = [
|
|
638
|
-
Type('button'),
|
|
639
|
-
AriaLabel(headingButtonLabel),
|
|
640
|
-
OnClick(toParentMessage(ClickedHeading())),
|
|
638
|
+
h.Type('button'),
|
|
639
|
+
h.AriaLabel(headingButtonLabel),
|
|
640
|
+
h.OnClick(toParentMessage(ClickedHeading())),
|
|
641
641
|
];
|
|
642
642
|
const focusedMonth = Option.match(maybeFocusedDate, {
|
|
643
643
|
onNone: () => viewMonth,
|
|
@@ -655,16 +655,16 @@ const buildMonthsAttributes = (config) => {
|
|
|
655
655
|
}
|
|
656
656
|
};
|
|
657
657
|
const activeDescendantAttributes = [
|
|
658
|
-
AriaActiveDescendant(monthCellId(id, focusedMonth)),
|
|
658
|
+
h.AriaActiveDescendant(monthCellId(id, focusedMonth)),
|
|
659
659
|
];
|
|
660
660
|
const gridAttributes = [
|
|
661
|
-
Id(gridId(id)),
|
|
662
|
-
Role('grid'),
|
|
663
|
-
AriaLabel(`Month picker, ${headingText}`),
|
|
664
|
-
Tabindex(0),
|
|
665
|
-
OnFocus(toParentMessage(FocusedGrid())),
|
|
666
|
-
OnBlur(toParentMessage(BlurredGrid())),
|
|
667
|
-
OnKeyDownPreventDefault(handleKeyDown),
|
|
661
|
+
h.Id(gridId(id)),
|
|
662
|
+
h.Role('grid'),
|
|
663
|
+
h.AriaLabel(`Month picker, ${headingText}`),
|
|
664
|
+
h.Tabindex(0),
|
|
665
|
+
h.OnFocus(toParentMessage(FocusedGrid())),
|
|
666
|
+
h.OnBlur(toParentMessage(BlurredGrid())),
|
|
667
|
+
h.OnKeyDownPreventDefault(handleKeyDown),
|
|
668
668
|
...activeDescendantAttributes,
|
|
669
669
|
];
|
|
670
670
|
const buildMonthCell = (month) => {
|
|
@@ -675,25 +675,25 @@ const buildMonthsAttributes = (config) => {
|
|
|
675
675
|
const isCurrentMonth = today.year === viewYear && today.month === month;
|
|
676
676
|
const isDisabled = isMonthDisabled(model, viewYear, month);
|
|
677
677
|
const stateDataAttributes = Array.getSomes([
|
|
678
|
-
OptionExt.when(isCurrentMonth, DataAttribute('today', '')),
|
|
679
|
-
OptionExt.when(isSelected, DataAttribute('selected', '')),
|
|
680
|
-
OptionExt.when(isFocused && isGridFocused, DataAttribute('focused', '')),
|
|
681
|
-
OptionExt.when(isDisabled, DataAttribute('disabled', '')),
|
|
678
|
+
OptionExt.when(isCurrentMonth, h.DataAttribute('today', '')),
|
|
679
|
+
OptionExt.when(isSelected, h.DataAttribute('selected', '')),
|
|
680
|
+
OptionExt.when(isFocused && isGridFocused, h.DataAttribute('focused', '')),
|
|
681
|
+
OptionExt.when(isDisabled, h.DataAttribute('disabled', '')),
|
|
682
682
|
]);
|
|
683
683
|
const cellAttributes = [
|
|
684
|
-
Id(monthCellId(id, month)),
|
|
685
|
-
Role('gridcell'),
|
|
686
|
-
AriaSelected(isSelected),
|
|
684
|
+
h.Id(monthCellId(id, month)),
|
|
685
|
+
h.Role('gridcell'),
|
|
686
|
+
h.AriaSelected(isSelected),
|
|
687
687
|
...stateDataAttributes,
|
|
688
688
|
];
|
|
689
689
|
const buttonAttributes = [
|
|
690
|
-
Type('button'),
|
|
691
|
-
Tabindex(-1),
|
|
692
|
-
AriaLabel(`${label} ${viewYear}`),
|
|
693
|
-
AriaDisabled(isDisabled),
|
|
690
|
+
h.Type('button'),
|
|
691
|
+
h.Tabindex(-1),
|
|
692
|
+
h.AriaLabel(`${label} ${viewYear}`),
|
|
693
|
+
h.AriaDisabled(isDisabled),
|
|
694
694
|
...(isDisabled
|
|
695
695
|
? []
|
|
696
|
-
: [OnClick(toParentMessage(SelectedMonth({ month })))]),
|
|
696
|
+
: [h.OnClick(toParentMessage(SelectedMonth({ month })))]),
|
|
697
697
|
];
|
|
698
698
|
return {
|
|
699
699
|
month,
|
|
@@ -718,7 +718,7 @@ const buildMonthsAttributes = (config) => {
|
|
|
718
718
|
};
|
|
719
719
|
};
|
|
720
720
|
const buildYearsAttributes = (config) => {
|
|
721
|
-
const
|
|
721
|
+
const h = html();
|
|
722
722
|
const { model, toParentMessage } = config;
|
|
723
723
|
const { id, viewYear, maybeFocusedDate, today, isGridFocused } = model;
|
|
724
724
|
const previousYearsPageLabel = config.previousYearsPageLabel ?? 'Previous 12 years';
|
|
@@ -731,18 +731,18 @@ const buildYearsAttributes = (config) => {
|
|
|
731
731
|
const pageEnd = pageStart + YEARS_PAGE_SIZE - 1;
|
|
732
732
|
const headingText = `${pageStart}–${pageEnd}`;
|
|
733
733
|
const rootAttributes = [
|
|
734
|
-
Id(id),
|
|
735
|
-
Key('Years'),
|
|
734
|
+
h.Id(id),
|
|
735
|
+
h.Key('Years'),
|
|
736
736
|
];
|
|
737
737
|
const previousPageButton = [
|
|
738
|
-
Type('button'),
|
|
739
|
-
AriaLabel(previousYearsPageLabel),
|
|
740
|
-
OnClick(toParentMessage(PagedYears({ direction: -1 }))),
|
|
738
|
+
h.Type('button'),
|
|
739
|
+
h.AriaLabel(previousYearsPageLabel),
|
|
740
|
+
h.OnClick(toParentMessage(PagedYears({ direction: -1 }))),
|
|
741
741
|
];
|
|
742
742
|
const nextPageButton = [
|
|
743
|
-
Type('button'),
|
|
744
|
-
AriaLabel(nextYearsPageLabel),
|
|
745
|
-
OnClick(toParentMessage(PagedYears({ direction: 1 }))),
|
|
743
|
+
h.Type('button'),
|
|
744
|
+
h.AriaLabel(nextYearsPageLabel),
|
|
745
|
+
h.OnClick(toParentMessage(PagedYears({ direction: 1 }))),
|
|
746
746
|
];
|
|
747
747
|
const focusedYear = cursorYear;
|
|
748
748
|
const handleKeyDown = (key, modifiers) => {
|
|
@@ -757,16 +757,16 @@ const buildYearsAttributes = (config) => {
|
|
|
757
757
|
}
|
|
758
758
|
};
|
|
759
759
|
const activeDescendantAttributes = [
|
|
760
|
-
AriaActiveDescendant(yearCellId(id, focusedYear)),
|
|
760
|
+
h.AriaActiveDescendant(yearCellId(id, focusedYear)),
|
|
761
761
|
];
|
|
762
762
|
const gridAttributes = [
|
|
763
|
-
Id(gridId(id)),
|
|
764
|
-
Role('grid'),
|
|
765
|
-
AriaLabel(`Year picker, ${headingText}`),
|
|
766
|
-
Tabindex(0),
|
|
767
|
-
OnFocus(toParentMessage(FocusedGrid())),
|
|
768
|
-
OnBlur(toParentMessage(BlurredGrid())),
|
|
769
|
-
OnKeyDownPreventDefault(handleKeyDown),
|
|
763
|
+
h.Id(gridId(id)),
|
|
764
|
+
h.Role('grid'),
|
|
765
|
+
h.AriaLabel(`Year picker, ${headingText}`),
|
|
766
|
+
h.Tabindex(0),
|
|
767
|
+
h.OnFocus(toParentMessage(FocusedGrid())),
|
|
768
|
+
h.OnBlur(toParentMessage(BlurredGrid())),
|
|
769
|
+
h.OnKeyDownPreventDefault(handleKeyDown),
|
|
770
770
|
...activeDescendantAttributes,
|
|
771
771
|
];
|
|
772
772
|
const buildYearCell = (year) => {
|
|
@@ -776,23 +776,25 @@ const buildYearsAttributes = (config) => {
|
|
|
776
776
|
const isCurrentYear = today.year === year;
|
|
777
777
|
const isDisabled = isYearDisabled(model, year);
|
|
778
778
|
const stateDataAttributes = Array.getSomes([
|
|
779
|
-
OptionExt.when(isCurrentYear, DataAttribute('today', '')),
|
|
780
|
-
OptionExt.when(isSelected, DataAttribute('selected', '')),
|
|
781
|
-
OptionExt.when(isFocused && isGridFocused, DataAttribute('focused', '')),
|
|
782
|
-
OptionExt.when(isDisabled, DataAttribute('disabled', '')),
|
|
779
|
+
OptionExt.when(isCurrentYear, h.DataAttribute('today', '')),
|
|
780
|
+
OptionExt.when(isSelected, h.DataAttribute('selected', '')),
|
|
781
|
+
OptionExt.when(isFocused && isGridFocused, h.DataAttribute('focused', '')),
|
|
782
|
+
OptionExt.when(isDisabled, h.DataAttribute('disabled', '')),
|
|
783
783
|
]);
|
|
784
784
|
const cellAttributes = [
|
|
785
|
-
Id(yearCellId(id, year)),
|
|
786
|
-
Role('gridcell'),
|
|
787
|
-
AriaSelected(isSelected),
|
|
785
|
+
h.Id(yearCellId(id, year)),
|
|
786
|
+
h.Role('gridcell'),
|
|
787
|
+
h.AriaSelected(isSelected),
|
|
788
788
|
...stateDataAttributes,
|
|
789
789
|
];
|
|
790
790
|
const buttonAttributes = [
|
|
791
|
-
Type('button'),
|
|
792
|
-
Tabindex(-1),
|
|
793
|
-
AriaLabel(label),
|
|
794
|
-
AriaDisabled(isDisabled),
|
|
795
|
-
...(isDisabled
|
|
791
|
+
h.Type('button'),
|
|
792
|
+
h.Tabindex(-1),
|
|
793
|
+
h.AriaLabel(label),
|
|
794
|
+
h.AriaDisabled(isDisabled),
|
|
795
|
+
...(isDisabled
|
|
796
|
+
? []
|
|
797
|
+
: [h.OnClick(toParentMessage(SelectedYear({ year })))]),
|
|
796
798
|
];
|
|
797
799
|
return {
|
|
798
800
|
year,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EACL,KAAK,SAAS,EACd,KAAK,IAAI,EAGV,MAAM,qBAAqB,CAAA;AAM5B,8EAA8E;AAC9E,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,sEAAsE;AACtE,eAAO,MAAM,OAAO,qEAAe,CAAA;AAEnC,kEAAkE;AAClE,eAAO,MAAM,OAAO,qEAAU,CAAA;AAE9B,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,+DAA+D;AAC/D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC,CAAA;AAEF,8EAA8E;AAC9E,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAIF,4EAA4E;AAC5E,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,UAAU,OAAO,KAChB,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAGlD,CAAA;AAID,4FAA4F;AAC5F,MAAM,MAAM,kBAAkB,CAAC,aAAa,IAAI,QAAQ,CAAC;IACvD,QAAQ,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IACjD,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAC9C,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IACpD,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;CACrD,CAAC,CAAA;AAEF,0DAA0D;AAC1D,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,KAAK,EAAE,KAAK,CAAA;IACZ,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,aAAa,CAAA;IACpD,MAAM,EAAE,CAAC,UAAU,EAAE,kBAAkB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAKF,kIAAkI;AAClI,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,QAAQ,UAAU,CAAC,aAAa,CAAC,KAChC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EACL,KAAK,SAAS,EACd,KAAK,IAAI,EAGV,MAAM,qBAAqB,CAAA;AAM5B,8EAA8E;AAC9E,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,sEAAsE;AACtE,eAAO,MAAM,OAAO,qEAAe,CAAA;AAEnC,kEAAkE;AAClE,eAAO,MAAM,OAAO,qEAAU,CAAA;AAE9B,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,+DAA+D;AAC/D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC,CAAA;AAEF,8EAA8E;AAC9E,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAIF,4EAA4E;AAC5E,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,UAAU,OAAO,KAChB,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAGlD,CAAA;AAID,4FAA4F;AAC5F,MAAM,MAAM,kBAAkB,CAAC,aAAa,IAAI,QAAQ,CAAC;IACvD,QAAQ,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IACjD,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAC9C,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IACpD,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;CACrD,CAAC,CAAA;AAEF,0DAA0D;AAC1D,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,KAAK,EAAE,KAAK,CAAA;IACZ,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,aAAa,CAAA;IACpD,MAAM,EAAE,CAAC,UAAU,EAAE,kBAAkB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAKF,kIAAkI;AAClI,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,QAAQ,UAAU,CAAC,aAAa,CAAC,KAChC,IA6DF,CAAA;AAED;mFACmF;AACnF,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,cAAc,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC,KACzE,CAAC,CACF,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,KAC1D,IAAI,CAgBR,CAAA"}
|
|
@@ -28,39 +28,39 @@ const labelId = (id) => `${id}-label`;
|
|
|
28
28
|
const descriptionId = (id) => `${id}-description`;
|
|
29
29
|
/** Renders an accessible checkbox by building ARIA attribute groups and delegating layout to the consumer's `toView` callback. */
|
|
30
30
|
export const view = (config) => {
|
|
31
|
-
const
|
|
31
|
+
const h = html();
|
|
32
32
|
const { model: { id, isChecked }, toParentMessage, isDisabled = false, isIndeterminate = false, name, value: formValue = 'on', } = config;
|
|
33
33
|
const handleKeyUp = (key) => M.value(key).pipe(M.when(' ', () => Option.some(toParentMessage(Toggled()))), M.orElse(() => Option.none()));
|
|
34
34
|
const stateAttributes = isIndeterminate
|
|
35
|
-
? [DataAttribute('indeterminate', '')]
|
|
35
|
+
? [h.DataAttribute('indeterminate', '')]
|
|
36
36
|
: isChecked
|
|
37
|
-
? [DataAttribute('checked', '')]
|
|
37
|
+
? [h.DataAttribute('checked', '')]
|
|
38
38
|
: [];
|
|
39
39
|
const disabledAttributes = isDisabled
|
|
40
|
-
? [AriaDisabled(true), DataAttribute('disabled', '')]
|
|
40
|
+
? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
|
|
41
41
|
: [];
|
|
42
42
|
const checkboxAttributes = [
|
|
43
|
-
Role('checkbox'),
|
|
44
|
-
AriaChecked(isIndeterminate ? 'mixed' : isChecked),
|
|
45
|
-
AriaLabelledBy(labelId(id)),
|
|
46
|
-
AriaDescribedBy(descriptionId(id)),
|
|
47
|
-
Tabindex(0),
|
|
43
|
+
h.Role('checkbox'),
|
|
44
|
+
h.AriaChecked(isIndeterminate ? 'mixed' : isChecked),
|
|
45
|
+
h.AriaLabelledBy(labelId(id)),
|
|
46
|
+
h.AriaDescribedBy(descriptionId(id)),
|
|
47
|
+
h.Tabindex(0),
|
|
48
48
|
...stateAttributes,
|
|
49
49
|
...disabledAttributes,
|
|
50
50
|
...(isDisabled
|
|
51
51
|
? []
|
|
52
52
|
: [
|
|
53
|
-
OnClick(toParentMessage(Toggled())),
|
|
54
|
-
OnKeyUpPreventDefault(handleKeyUp),
|
|
53
|
+
h.OnClick(toParentMessage(Toggled())),
|
|
54
|
+
h.OnKeyUpPreventDefault(handleKeyUp),
|
|
55
55
|
]),
|
|
56
56
|
];
|
|
57
57
|
const labelAttributes = [
|
|
58
|
-
Id(labelId(id)),
|
|
59
|
-
...(isDisabled ? [] : [OnClick(toParentMessage(Toggled()))]),
|
|
58
|
+
h.Id(labelId(id)),
|
|
59
|
+
...(isDisabled ? [] : [h.OnClick(toParentMessage(Toggled()))]),
|
|
60
60
|
];
|
|
61
|
-
const descriptionAttributes = [Id(descriptionId(id))];
|
|
61
|
+
const descriptionAttributes = [h.Id(descriptionId(id))];
|
|
62
62
|
const hiddenInputAttributes = name
|
|
63
|
-
? [Type('hidden'), Name(name), Value(isChecked ? formValue : '')]
|
|
63
|
+
? [h.Type('hidden'), h.Name(name), h.Value(isChecked ? formValue : '')]
|
|
64
64
|
: [];
|
|
65
65
|
return config.toView({
|
|
66
66
|
checkbox: checkboxAttributes,
|
|
@@ -232,13 +232,7 @@ export declare const view: <ParentMessage, Item extends string>(config: Readonly
|
|
|
232
232
|
groupAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
|
|
233
233
|
separatorClassName?: string;
|
|
234
234
|
separatorAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
|
|
235
|
-
anchor?:
|
|
236
|
-
placement?: import("@floating-ui/dom").Placement;
|
|
237
|
-
gap?: number;
|
|
238
|
-
offset?: number;
|
|
239
|
-
padding?: number;
|
|
240
|
-
portal?: boolean;
|
|
241
|
-
}>;
|
|
235
|
+
anchor?: import("./public.js").AnchorConfig;
|
|
242
236
|
}>) => Html;
|
|
243
237
|
/** Creates a memoized multi-select combobox view. Static config is captured in a closure;
|
|
244
238
|
* only `model` and `toParentMessage` are compared per render via `createLazy`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi.d.ts","sourceRoot":"","sources":["../../../src/ui/combobox/multi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEnD,OAAO,KAAK,KAAK,OAAO,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,qBAAqB,CAAA;AAE3D,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,MAAM,EACN,KAAK,OAAO,EACZ,MAAM,EACN,YAAY,EAKb,MAAM,aAAa,CAAA;AAIpB,yIAAyI;AACzI,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,8RAA8R;AAC9R,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,QAAQ,CAAC;IACP,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CACtC,CAAC,CAAA;AAEJ,2IAA2I;AAC3I,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAcF,yJAAyJ;AACzJ,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwBjB,CAAA;AAEF;wFACwF;AACxF,eAAO,MAAM,IAAI,GACf,OAAO,KAAK,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CACK,CAAA;AAEhE;yFACyF;AACzF,eAAO,MAAM,KAAK,GAChB,OAAO,KAAK,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAClC,CAAA;AAEzB,gJAAgJ;AAChJ,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,MAAM,MAAM,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CACD,CAAA;AAI1D,uEAAuE;AACvE,MAAM,MAAM,UAAU,CAAC,aAAa,EAAE,IAAI,SAAS,MAAM,IAAI,cAAc,CACzE,aAAa,EACb,IAAI,EACJ,KAAK,CACN,CAAA;AAED,yIAAyI;AACzI,eAAO,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"multi.d.ts","sourceRoot":"","sources":["../../../src/ui/combobox/multi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEnD,OAAO,KAAK,KAAK,OAAO,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,qBAAqB,CAAA;AAE3D,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,MAAM,EACN,KAAK,OAAO,EACZ,MAAM,EACN,YAAY,EAKb,MAAM,aAAa,CAAA;AAIpB,yIAAyI;AACzI,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,8RAA8R;AAC9R,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,QAAQ,CAAC;IACP,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CACtC,CAAC,CAAA;AAEJ,2IAA2I;AAC3I,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAcF,yJAAyJ;AACzJ,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwBjB,CAAA;AAEF;wFACwF;AACxF,eAAO,MAAM,IAAI,GACf,OAAO,KAAK,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CACK,CAAA;AAEhE;yFACyF;AACzF,eAAO,MAAM,KAAK,GAChB,OAAO,KAAK,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAClC,CAAA;AAEzB,gJAAgJ;AAChJ,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,MAAM,MAAM,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CACD,CAAA;AAI1D,uEAAuE;AACvE,MAAM,MAAM,UAAU,CAAC,aAAa,EAAE,IAAI,SAAS,MAAM,IAAI,cAAc,CACzE,aAAa,EACb,IAAI,EACJ,KAAK,CACN,CAAA;AAED,yIAAyI;AACzI,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAIf,CAAA;AAEF;mFACmF;AACnF,eAAO,MAAM,IAAI,GAAI,aAAa,EAAE,IAAI,SAAS,MAAM,EACrD,cAAc,IAAI,CAChB,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC,EAC/B,OAAO,GAAG,iBAAiB,GAAG,gBAAgB,CAC/C,KACA,CAAC,CACF,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,cAAc,CAC7B,aAAa,EACb,IAAI,EACJ,KAAK,CACN,CAAC,iBAAiB,CAAC,KACjB,IAAI,CAoBR,CAAA"}
|
|
@@ -2,7 +2,7 @@ import { Effect, Option, Schema as S } from 'effect';
|
|
|
2
2
|
import * as Command from '../../command/index.js';
|
|
3
3
|
import { type Attribute, type Html } from '../../html/index.js';
|
|
4
4
|
import * as Mount from '../../mount/index.js';
|
|
5
|
-
import
|
|
5
|
+
import { AnchorConfig } from '../anchor.js';
|
|
6
6
|
import { groupContiguous } from '../group.js';
|
|
7
7
|
export { groupContiguous };
|
|
8
8
|
/** Schema for the activation trigger — whether the user interacted via mouse or keyboard. */
|
|
@@ -299,26 +299,35 @@ export declare const makeUpdate: <Model extends BaseModel>(handlers: Readonly<{
|
|
|
299
299
|
/** The anchor-positioning Mount this Combobox renders when an anchor is
|
|
300
300
|
* configured. Exposed so Scene tests can call
|
|
301
301
|
* `Scene.Mount.resolve(AnchorCombobox, CompletedAnchorCombobox())`. */
|
|
302
|
-
export declare const AnchorCombobox: Mount.
|
|
302
|
+
export declare const AnchorCombobox: Mount.MountDefinitionWithArgs<"AnchorCombobox", {
|
|
303
|
+
buttonId: S.String;
|
|
304
|
+
anchor: S.Struct<{
|
|
305
|
+
readonly placement: S.optional<S.Literals<readonly ["top", "right", "bottom", "left", "top-start", "top-end", "right-start", "right-end", "bottom-start", "bottom-end", "left-start", "left-end"]>>;
|
|
306
|
+
readonly gap: S.optional<S.Number>;
|
|
307
|
+
readonly offset: S.optional<S.Number>;
|
|
308
|
+
readonly padding: S.optional<S.Number>;
|
|
309
|
+
readonly portal: S.optional<S.Boolean>;
|
|
310
|
+
}>;
|
|
311
|
+
}, {
|
|
303
312
|
readonly _tag: "CompletedAnchorCombobox";
|
|
304
313
|
}>;
|
|
305
314
|
/** The Mount this Combobox renders to install a `pointerdown`-cancelling
|
|
306
315
|
* capture listener that prevents blur on item presses. Exposed so Scene
|
|
307
316
|
* tests can call
|
|
308
317
|
* `Scene.Mount.resolve(AttachComboboxPreventBlur, CompletedAttachComboboxPreventBlur())`. */
|
|
309
|
-
export declare const AttachComboboxPreventBlur: Mount.
|
|
318
|
+
export declare const AttachComboboxPreventBlur: Mount.MountDefinitionNoArgs<"AttachComboboxPreventBlur", {
|
|
310
319
|
readonly _tag: "CompletedAttachComboboxPreventBlur";
|
|
311
320
|
}>;
|
|
312
321
|
/** The Mount this Combobox renders to install the input's select-on-focus
|
|
313
322
|
* behavior. Exposed so Scene tests can call
|
|
314
323
|
* `Scene.Mount.resolve(AttachComboboxSelectOnFocus, CompletedAttachComboboxSelectOnFocus())`. */
|
|
315
|
-
export declare const AttachComboboxSelectOnFocus: Mount.
|
|
324
|
+
export declare const AttachComboboxSelectOnFocus: Mount.MountDefinitionNoArgs<"AttachComboboxSelectOnFocus", {
|
|
316
325
|
readonly _tag: "CompletedAttachComboboxSelectOnFocus";
|
|
317
326
|
}>;
|
|
318
327
|
/** The backdrop-portaling Mount this Combobox renders. Exposed so Scene tests can
|
|
319
328
|
* call `Scene.Mount.resolve(PortalComboboxBackdrop, CompletedPortalComboboxBackdrop())` to
|
|
320
329
|
* acknowledge the mount produced by the rendered backdrop. */
|
|
321
|
-
export declare const PortalComboboxBackdrop: Mount.
|
|
330
|
+
export declare const PortalComboboxBackdrop: Mount.MountDefinitionNoArgs<"PortalComboboxBackdrop", {
|
|
322
331
|
readonly _tag: "CompletedPortalComboboxBackdrop";
|
|
323
332
|
}>;
|
|
324
333
|
/** Configuration for an individual combobox item's appearance. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/ui/combobox/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EAEN,MAAM,EAGN,MAAM,IAAI,CAAC,EAEZ,MAAM,QAAQ,CAAA;AAEf,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAA;AAGjD,OAAO,EACL,KAAK,SAAS,EACd,KAAK,IAAI,EAGV,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,KAAK,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/ui/combobox/shared.ts"],"names":[],"mappings":"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"}
|