@aurodesignsystem-dev/auro-formkit 0.0.0-pr1379.0 → 0.0.0-pr1379.10
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/CHANGELOG.md +2 -2
- package/README.md +87 -113
- package/components/combobox/demo/keyboardBehavior.html +81 -0
- package/components/counter/demo/keyboardBehavior.html +81 -0
- package/components/datepicker/demo/keyboard-behavior.html +81 -0
- package/components/dropdown/demo/keyboardBehavior.html +81 -0
- package/components/select/demo/keyboardBehavior.html +81 -0
- package/package.json +64 -53
- package/components/bibtemplate/dist/auro-bibtemplate.d.ts +0 -66
- package/components/bibtemplate/dist/buttonVersion.d.ts +0 -2
- package/components/bibtemplate/dist/headerVersion.d.ts +0 -2
- package/components/bibtemplate/dist/iconVersion.d.ts +0 -2
- package/components/bibtemplate/dist/index.d.ts +0 -2
- package/components/bibtemplate/dist/index.js +0 -395
- package/components/bibtemplate/dist/registered.js +0 -395
- package/components/bibtemplate/dist/styles/color-css.d.ts +0 -2
- package/components/bibtemplate/dist/styles/style-css.d.ts +0 -2
- package/components/bibtemplate/dist/styles/tokens-css.d.ts +0 -2
- package/components/checkbox/demo/api.md +0 -489
- package/components/checkbox/demo/api.min.js +0 -2133
- package/components/checkbox/demo/index.md +0 -55
- package/components/checkbox/demo/index.min.js +0 -2108
- package/components/checkbox/demo/readme.md +0 -142
- package/components/checkbox/dist/auro-checkbox-group.d.ts +0 -176
- package/components/checkbox/dist/auro-checkbox.d.ts +0 -209
- package/components/checkbox/dist/index.d.ts +0 -3
- package/components/checkbox/dist/index.js +0 -2057
- package/components/checkbox/dist/registered.js +0 -2058
- package/components/checkbox/dist/styles/auro-checkbox-css.d.ts +0 -2
- package/components/checkbox/dist/styles/auro-checkbox-group-css.d.ts +0 -2
- package/components/checkbox/dist/styles/color-css.d.ts +0 -2
- package/components/checkbox/dist/styles/colorGroup-css.d.ts +0 -2
- package/components/checkbox/dist/styles/tokens-css.d.ts +0 -2
- package/components/combobox/demo/api.md +0 -2287
- package/components/combobox/demo/api.min.js +0 -17549
- package/components/combobox/demo/index.md +0 -196
- package/components/combobox/demo/index.min.js +0 -17454
- package/components/combobox/demo/readme.md +0 -158
- package/components/combobox/dist/auro-combobox.d.ts +0 -552
- package/components/combobox/dist/comboboxKeyboardStrategy.d.ts +0 -6
- package/components/combobox/dist/index.d.ts +0 -2
- package/components/combobox/dist/index.js +0 -15474
- package/components/combobox/dist/registered.js +0 -15476
- package/components/combobox/dist/styles/emphasized/style-css.d.ts +0 -2
- package/components/combobox/dist/styles/snowflake/style-css.d.ts +0 -2
- package/components/combobox/dist/styles/style-css.d.ts +0 -2
- package/components/counter/demo/api.md +0 -1285
- package/components/counter/demo/api.min.js +0 -7993
- package/components/counter/demo/index.md +0 -92
- package/components/counter/demo/index.min.js +0 -7974
- package/components/counter/demo/readme.md +0 -161
- package/components/counter/dist/auro-counter-button.d.ts +0 -14
- package/components/counter/dist/auro-counter-group.d.ts +0 -390
- package/components/counter/dist/auro-counter-wrapper.d.ts +0 -17
- package/components/counter/dist/auro-counter.d.ts +0 -126
- package/components/counter/dist/buttonVersion.d.ts +0 -2
- package/components/counter/dist/iconVersion.d.ts +0 -2
- package/components/counter/dist/index.d.ts +0 -3
- package/components/counter/dist/index.js +0 -7896
- package/components/counter/dist/registered.js +0 -7897
- package/components/counter/dist/styles/color-css.d.ts +0 -2
- package/components/counter/dist/styles/counter-button-color-css.d.ts +0 -2
- package/components/counter/dist/styles/counter-button-css.d.ts +0 -2
- package/components/counter/dist/styles/counter-group-css.d.ts +0 -2
- package/components/counter/dist/styles/counter-wrapper-color-css.d.ts +0 -2
- package/components/counter/dist/styles/counter-wrapper-css.d.ts +0 -2
- package/components/counter/dist/styles/shapeSize-css.d.ts +0 -2
- package/components/counter/dist/styles/style-css.d.ts +0 -2
- package/components/counter/dist/styles/tokens-css.d.ts +0 -2
- package/components/datepicker/demo/api.md +0 -1824
- package/components/datepicker/demo/api.min.js +0 -24530
- package/components/datepicker/demo/index.md +0 -158
- package/components/datepicker/demo/index.min.js +0 -24251
- package/components/datepicker/demo/readme.md +0 -137
- package/components/datepicker/dist/auro-calendar-cell.d.ts +0 -169
- package/components/datepicker/dist/auro-calendar-month.d.ts +0 -20
- package/components/datepicker/dist/auro-calendar.d.ts +0 -173
- package/components/datepicker/dist/auro-datepicker.d.ts +0 -722
- package/components/datepicker/dist/buttonVersion.d.ts +0 -2
- package/components/datepicker/dist/iconVersion.d.ts +0 -2
- package/components/datepicker/dist/index.d.ts +0 -2
- package/components/datepicker/dist/index.js +0 -24166
- package/components/datepicker/dist/popoverVersion.d.ts +0 -2
- package/components/datepicker/dist/registered.js +0 -24166
- package/components/datepicker/dist/styles/classic/color-css.d.ts +0 -2
- package/components/datepicker/dist/styles/classic/style-css.d.ts +0 -2
- package/components/datepicker/dist/styles/color-calendar-css.d.ts +0 -2
- package/components/datepicker/dist/styles/color-cell-css.d.ts +0 -2
- package/components/datepicker/dist/styles/color-css.d.ts +0 -2
- package/components/datepicker/dist/styles/color-month-css.d.ts +0 -2
- package/components/datepicker/dist/styles/shapeSize-css.d.ts +0 -2
- package/components/datepicker/dist/styles/snowflake/color-css.d.ts +0 -2
- package/components/datepicker/dist/styles/snowflake/style-css.d.ts +0 -2
- package/components/datepicker/dist/styles/style-auro-calendar-cell-css.d.ts +0 -2
- package/components/datepicker/dist/styles/style-auro-calendar-css.d.ts +0 -2
- package/components/datepicker/dist/styles/style-auro-calendar-month-css.d.ts +0 -2
- package/components/datepicker/dist/styles/style-css.d.ts +0 -2
- package/components/datepicker/dist/styles/tokens-css.d.ts +0 -2
- package/components/datepicker/dist/utilities.d.ts +0 -78
- package/components/datepicker/dist/utilitiesCalendar.d.ts +0 -38
- package/components/datepicker/dist/utilitiesCalendarRender.d.ts +0 -50
- package/components/datepicker/dist/vendor/wc-range-datepicker/day.d.ts +0 -5
- package/components/datepicker/dist/vendor/wc-range-datepicker/range-datepicker-calendar.d.ts +0 -60
- package/components/datepicker/dist/vendor/wc-range-datepicker/range-datepicker-cell.d.ts +0 -1
- package/components/datepicker/dist/vendor/wc-range-datepicker/range-datepicker.d.ts +0 -57
- package/components/dropdown/demo/api.md +0 -1358
- package/components/dropdown/demo/api.min.js +0 -4853
- package/components/dropdown/demo/index.md +0 -283
- package/components/dropdown/demo/index.min.js +0 -4788
- package/components/dropdown/demo/readme.md +0 -160
- package/components/dropdown/dist/auro-dropdown.d.ts +0 -482
- package/components/dropdown/dist/auro-dropdownBib.d.ts +0 -155
- package/components/dropdown/dist/iconVersion.d.ts +0 -2
- package/components/dropdown/dist/index.d.ts +0 -2
- package/components/dropdown/dist/index.js +0 -4685
- package/components/dropdown/dist/keyboardUtils.d.ts +0 -18
- package/components/dropdown/dist/registered.js +0 -4685
- package/components/dropdown/dist/styles/classic/bibColors-css.d.ts +0 -2
- package/components/dropdown/dist/styles/classic/bibStyles-css.d.ts +0 -2
- package/components/dropdown/dist/styles/classic/color-css.d.ts +0 -2
- package/components/dropdown/dist/styles/classic/style-css.d.ts +0 -2
- package/components/dropdown/dist/styles/color-css.d.ts +0 -2
- package/components/dropdown/dist/styles/emphasized/style-css.d.ts +0 -2
- package/components/dropdown/dist/styles/shapeSize-css.d.ts +0 -2
- package/components/dropdown/dist/styles/snowflake/style-css.d.ts +0 -2
- package/components/dropdown/dist/styles/style-css.d.ts +0 -2
- package/components/dropdown/dist/styles/tokens-css.d.ts +0 -2
- package/components/form/demo/api.md +0 -319
- package/components/form/demo/api.min.js +0 -69996
- package/components/form/demo/index.md +0 -128
- package/components/form/demo/index.min.js +0 -69996
- package/components/form/demo/readme.md +0 -145
- package/components/form/dist/auro-form.d.ts +0 -280
- package/components/form/dist/index.d.ts +0 -2
- package/components/form/dist/index.js +0 -718
- package/components/form/dist/registered.d.ts +0 -1
- package/components/form/dist/registered.js +0 -718
- package/components/form/dist/styles/style-css.d.ts +0 -2
- package/components/helptext/dist/auro-helptext.d.ts +0 -69
- package/components/helptext/dist/index.d.ts +0 -2
- package/components/helptext/dist/index.js +0 -231
- package/components/helptext/dist/registered.js +0 -231
- package/components/helptext/dist/styles/color-css.d.ts +0 -2
- package/components/helptext/dist/styles/style-css.d.ts +0 -2
- package/components/helptext/dist/styles/tokens-css.d.ts +0 -2
- package/components/input/demo/api.md +0 -1397
- package/components/input/demo/api.min.js +0 -7435
- package/components/input/demo/index.md +0 -161
- package/components/input/demo/index.min.js +0 -7355
- package/components/input/demo/readme.md +0 -134
- package/components/input/dist/auro-input.d.ts +0 -195
- package/components/input/dist/base-input.d.ts +0 -628
- package/components/input/dist/buttonVersion.d.ts +0 -2
- package/components/input/dist/i18n.d.ts +0 -18
- package/components/input/dist/iconVersion.d.ts +0 -2
- package/components/input/dist/index.d.ts +0 -2
- package/components/input/dist/index.js +0 -7278
- package/components/input/dist/registered.js +0 -7278
- package/components/input/dist/styles/classic/color-css.d.ts +0 -2
- package/components/input/dist/styles/classic/style-css.d.ts +0 -2
- package/components/input/dist/styles/color-css.d.ts +0 -2
- package/components/input/dist/styles/default/borders-css.d.ts +0 -2
- package/components/input/dist/styles/default/color-css.d.ts +0 -2
- package/components/input/dist/styles/default/mixins-css.d.ts +0 -2
- package/components/input/dist/styles/default/notificationIcons-css.d.ts +0 -2
- package/components/input/dist/styles/default/style-css.d.ts +0 -2
- package/components/input/dist/styles/emphasized/color-css.d.ts +0 -2
- package/components/input/dist/styles/emphasized/style-css.d.ts +0 -2
- package/components/input/dist/styles/mixins-css.d.ts +0 -2
- package/components/input/dist/styles/shapeSize-css.d.ts +0 -2
- package/components/input/dist/styles/snowflake/style-css.d.ts +0 -2
- package/components/input/dist/styles/style-css.d.ts +0 -2
- package/components/input/dist/styles/tokens-css.d.ts +0 -2
- package/components/input/dist/utilities.d.ts +0 -25
- package/components/layoutElement/dist/auroElement.d.ts +0 -40
- package/components/layoutElement/dist/index.d.ts +0 -2
- package/components/layoutElement/dist/index.js +0 -107
- package/components/layoutElement/dist/registered.js +0 -107
- package/components/menu/demo/api.md +0 -1200
- package/components/menu/demo/api.min.js +0 -2292
- package/components/menu/demo/index.md +0 -72
- package/components/menu/demo/index.min.js +0 -2185
- package/components/menu/demo/readme.md +0 -145
- package/components/menu/dist/auro-menu-utils.d.ts +0 -34
- package/components/menu/dist/auro-menu.context.d.ts +0 -227
- package/components/menu/dist/auro-menu.d.ts +0 -324
- package/components/menu/dist/auro-menuoption.d.ts +0 -210
- package/components/menu/dist/iconVersion.d.ts +0 -2
- package/components/menu/dist/index.d.ts +0 -4
- package/components/menu/dist/index.js +0 -2148
- package/components/menu/dist/registered.js +0 -2096
- package/components/menu/dist/styles/default/color-menu-css.d.ts +0 -2
- package/components/menu/dist/styles/default/color-menuoption-css.d.ts +0 -2
- package/components/menu/dist/styles/default/style-menu-css.d.ts +0 -2
- package/components/menu/dist/styles/default/style-menuoption-css.d.ts +0 -2
- package/components/menu/dist/styles/default/tokens-css.d.ts +0 -2
- package/components/radio/demo/api.md +0 -675
- package/components/radio/demo/api.min.js +0 -2210
- package/components/radio/demo/index.md +0 -73
- package/components/radio/demo/index.min.js +0 -2167
- package/components/radio/demo/readme.md +0 -141
- package/components/radio/dist/auro-radio-group.d.ts +0 -250
- package/components/radio/dist/auro-radio.d.ts +0 -180
- package/components/radio/dist/index.d.ts +0 -3
- package/components/radio/dist/index.js +0 -2116
- package/components/radio/dist/registered.js +0 -2117
- package/components/radio/dist/styles/auro-radio-group-css.d.ts +0 -2
- package/components/radio/dist/styles/color-css.d.ts +0 -2
- package/components/radio/dist/styles/groupColor-css.d.ts +0 -2
- package/components/radio/dist/styles/style-css.d.ts +0 -2
- package/components/radio/dist/styles/tokens-css.d.ts +0 -2
- package/components/select/demo/api.md +0 -2378
- package/components/select/demo/api.min.js +0 -10133
- package/components/select/demo/index.md +0 -355
- package/components/select/demo/index.min.js +0 -10040
- package/components/select/demo/readme.md +0 -148
- package/components/select/dist/auro-select.d.ts +0 -545
- package/components/select/dist/index.d.ts +0 -2
- package/components/select/dist/index.js +0 -8072
- package/components/select/dist/registered.js +0 -8072
- package/components/select/dist/selectKeyboardStrategy.d.ts +0 -8
- package/components/select/dist/styles/emphasized/color-css.d.ts +0 -2
- package/components/select/dist/styles/shapeSize-css.d.ts +0 -2
- package/components/select/dist/styles/style-css.d.ts +0 -2
- package/components/select/dist/styles/tokens-css.d.ts +0 -2
- package/custom-elements.json +0 -18656
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @prop { String } fullscreenBreakpoint - Defines the screen size breakpoint (`lg`, `md`, `sm`, or `xs`) at which the dropdown switches to fullscreen mode on mobile. When expanded, the dropdown will automatically display in fullscreen mode if the screen size is equal to or smaller than the selected breakpoint.
|
|
3
|
-
* @csspart bibContainer - Apply css to the bib container.
|
|
4
|
-
*/
|
|
5
|
-
export class AuroDropdownBib extends LitElement {
|
|
6
|
-
static get styles(): import("lit").CSSResult[];
|
|
7
|
-
static get properties(): {
|
|
8
|
-
/**
|
|
9
|
-
* If declared, will take the fullscreen when the bib is displayed.
|
|
10
|
-
*/
|
|
11
|
-
isFullscreen: {
|
|
12
|
-
type: BooleanConstructor;
|
|
13
|
-
reflect: boolean;
|
|
14
|
-
};
|
|
15
|
-
/**
|
|
16
|
-
* If declared, will apply all styles for the common theme.
|
|
17
|
-
*/
|
|
18
|
-
common: {
|
|
19
|
-
type: BooleanConstructor;
|
|
20
|
-
reflect: boolean;
|
|
21
|
-
};
|
|
22
|
-
/**
|
|
23
|
-
* If declared, will apply extra padding to bib content.
|
|
24
|
-
*/
|
|
25
|
-
inset: {
|
|
26
|
-
type: BooleanConstructor;
|
|
27
|
-
reflect: boolean;
|
|
28
|
-
};
|
|
29
|
-
/**
|
|
30
|
-
* If declared, the bib width will match the trigger width.
|
|
31
|
-
* @private
|
|
32
|
-
*/
|
|
33
|
-
matchWidth: {
|
|
34
|
-
type: BooleanConstructor;
|
|
35
|
-
reflect: boolean;
|
|
36
|
-
};
|
|
37
|
-
/**
|
|
38
|
-
* If declared, will apply border-radius to the bib.
|
|
39
|
-
*/
|
|
40
|
-
rounded: {
|
|
41
|
-
type: BooleanConstructor;
|
|
42
|
-
reflect: boolean;
|
|
43
|
-
};
|
|
44
|
-
/**
|
|
45
|
-
* A reference to the associated bib template element.
|
|
46
|
-
*/
|
|
47
|
-
bibTemplate: {
|
|
48
|
-
type: ObjectConstructor;
|
|
49
|
-
};
|
|
50
|
-
shape: {
|
|
51
|
-
type: StringConstructor;
|
|
52
|
-
reflect: boolean;
|
|
53
|
-
};
|
|
54
|
-
/**
|
|
55
|
-
* Accessible label for the dialog element, used when displayed as a modal.
|
|
56
|
-
* Applied via aria-labelledby on a visually hidden element rather than
|
|
57
|
-
* aria-label because iOS VoiceOver does not reliably read aria-label
|
|
58
|
-
* on <dialog> elements.
|
|
59
|
-
* @private
|
|
60
|
-
*/
|
|
61
|
-
dialogLabel: {
|
|
62
|
-
type: StringConstructor;
|
|
63
|
-
};
|
|
64
|
-
/**
|
|
65
|
-
* Overrides the native role of the dialog element.
|
|
66
|
-
* For example, set to `"presentation"` on desktop combobox to prevent
|
|
67
|
-
* VoiceOver from announcing "listbox inside of a dialog".
|
|
68
|
-
* When `undefined`, the dialog keeps its native role.
|
|
69
|
-
* @private
|
|
70
|
-
*/
|
|
71
|
-
dialogRole: {
|
|
72
|
-
type: StringConstructor;
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
/**
|
|
76
|
-
* @private
|
|
77
|
-
*/
|
|
78
|
-
private _mobileBreakpointValue;
|
|
79
|
-
shape: string;
|
|
80
|
-
matchWidth: boolean;
|
|
81
|
-
set mobileFullscreenBreakpoint(value: string);
|
|
82
|
-
get mobileFullscreenBreakpoint(): string;
|
|
83
|
-
updated(changedProperties: any): void;
|
|
84
|
-
bibTemplate: any;
|
|
85
|
-
firstUpdated(changedProperties: any): void;
|
|
86
|
-
/**
|
|
87
|
-
* Forwards the dialog's native `cancel` event (fired on ESC) as
|
|
88
|
-
* an `auro-bib-cancel` custom event so parent components can close.
|
|
89
|
-
* @param {HTMLDialogElement} dialog
|
|
90
|
-
* @private
|
|
91
|
-
*/
|
|
92
|
-
private _setupCancelHandler;
|
|
93
|
-
/**
|
|
94
|
-
* showModal() creates a closed focus scope — keyboard events inside
|
|
95
|
-
* the dialog's shadow DOM do NOT bubble out to the combobox/select
|
|
96
|
-
* keydown handlers in the parent shadow DOM. This handler bridges
|
|
97
|
-
* that gap by re-dispatching navigation keys so they cross the
|
|
98
|
-
* shadow boundary and reach the menu navigation logic in the parent
|
|
99
|
-
* component.
|
|
100
|
-
*
|
|
101
|
-
* The trade-off: intercepting these keys means native keyboard
|
|
102
|
-
* behaviors that would normally "just work" must be manually
|
|
103
|
-
* re-implemented here:
|
|
104
|
-
*
|
|
105
|
-
* - Enter on buttons: Custom elements (auro-button) don't get the
|
|
106
|
-
* native Enter→click that <button> provides, so we call .click()
|
|
107
|
-
* directly when Enter is pressed on a button-like element.
|
|
108
|
-
*
|
|
109
|
-
* - Tab: Intercepted and re-dispatched so parent components
|
|
110
|
-
* (select/combobox) can select the active option and close the
|
|
111
|
-
* dialog. The <dialog> provides containment and isolation
|
|
112
|
-
* (inert background, VoiceOver focus trapping, top layer), while
|
|
113
|
-
* the content inside is a role="listbox" navigated via
|
|
114
|
-
* aria-activedescendant (options are not focusable). Tab keyboard
|
|
115
|
-
* behavior follows listbox conventions (select + close) because
|
|
116
|
-
* the dialog's native Tab trap only cycles between the close
|
|
117
|
-
* button and browser chrome.
|
|
118
|
-
*
|
|
119
|
-
* - Escape: The native <dialog> fires a `cancel` event on ESC
|
|
120
|
-
* (handled by _setupCancelHandler), so the re-dispatched Escape
|
|
121
|
-
* is a secondary path for parent components that also listen for
|
|
122
|
-
* Escape keydown.
|
|
123
|
-
*
|
|
124
|
-
* @param {HTMLDialogElement} dialog
|
|
125
|
-
* @private
|
|
126
|
-
*/
|
|
127
|
-
private _setupKeyboardBridge;
|
|
128
|
-
/**
|
|
129
|
-
* Blocks touch-driven page scroll while a fullscreen modal dialog is open.
|
|
130
|
-
*
|
|
131
|
-
* The showModal() function places the dialog in the browser's **top layer**,
|
|
132
|
-
* which is a separate rendering layer above the normal DOM. On mobile, the
|
|
133
|
-
* compositor processes visual-viewport panning before top-layer touch
|
|
134
|
-
* handling. This means the entire viewport — including the top-layer dialog
|
|
135
|
-
* — can be panned by a touch gesture, causing the page behind the dialog to
|
|
136
|
-
* scroll into view. To prevent this, we add a touchmove listener that cancels
|
|
137
|
-
* the event if the touch started outside the dialog or any scrollable child within it.
|
|
138
|
-
*
|
|
139
|
-
* @private
|
|
140
|
-
*/
|
|
141
|
-
private _lockTouchScroll;
|
|
142
|
-
_touchMoveHandler: (event: any) => void;
|
|
143
|
-
/**
|
|
144
|
-
* Removes the touchmove listener added by _lockTouchScroll().
|
|
145
|
-
* @private
|
|
146
|
-
*/
|
|
147
|
-
private _unlockTouchScroll;
|
|
148
|
-
open(modal?: boolean): void;
|
|
149
|
-
/**
|
|
150
|
-
* Closes the dialog.
|
|
151
|
-
*/
|
|
152
|
-
close(): void;
|
|
153
|
-
render(): import("lit-html").TemplateResult;
|
|
154
|
-
}
|
|
155
|
-
import { LitElement } from "lit";
|