@nordhealth/components 4.12.0 → 4.12.2
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 +8 -8
- package/custom-elements.json +4951 -4934
- package/lib/AutocompleteMixin-D8eiOxvO.js.map +1 -1
- package/lib/Avatar.js +1 -1
- package/lib/Avatar.js.map +1 -1
- package/lib/Badge.js.map +1 -1
- package/lib/Banner.js +1 -1
- package/lib/Banner.js.map +1 -1
- package/lib/Button.js +12 -1
- package/lib/Button.js.map +1 -1
- package/lib/ButtonGroup.js +1 -1
- package/lib/ButtonGroup.js.map +1 -1
- package/lib/Calendar-CL_eqbiT.js +2 -0
- package/lib/Calendar-CL_eqbiT.js.map +1 -0
- package/lib/Calendar.js +1 -1
- package/lib/Card.js +1 -1
- package/lib/Card.js.map +1 -1
- package/lib/Checkbox.js +1 -1
- package/lib/Checkbox.js.map +1 -1
- package/lib/CommandMenu.js +1 -1
- package/lib/CommandMenu.js.map +1 -1
- package/lib/CommandMenuAction.js +1 -1
- package/lib/CommandMenuAction.js.map +1 -1
- package/lib/DatePicker.js +1 -1
- package/lib/DatePicker.js.map +1 -1
- package/lib/DateSelectEvent.js +1 -1
- package/lib/DateSelectEvent.js.map +1 -1
- package/lib/DirectionController-ChvNGESZ.js.map +1 -1
- package/lib/Divider.js.map +1 -1
- package/lib/Drawer.js +1 -1
- package/lib/Drawer.js.map +1 -1
- package/lib/Dropdown.js +1 -1
- package/lib/Dropdown.js.map +1 -1
- package/lib/DropdownGroup.js.map +1 -1
- package/lib/DropdownItem-Cy6lHtoG.js +2 -0
- package/lib/DropdownItem-Cy6lHtoG.js.map +1 -0
- package/lib/DropdownItem.js +1 -1
- package/lib/DropdownItem.js.map +1 -1
- package/lib/EmptyState.js.map +1 -1
- package/lib/EventController-BBOmvfLa.js.map +1 -1
- package/lib/Fieldset.js +1 -1
- package/lib/Fieldset.js.map +1 -1
- package/lib/FocusableMixin-BlQLNPdJ.js.map +1 -1
- package/lib/Footer.js +1 -1
- package/lib/Footer.js.map +1 -1
- package/lib/FormAssociatedMixin-DFL7yabe.js.map +1 -1
- package/lib/FormDataController-OUt5L5uC.js.map +1 -1
- package/lib/{FormField-CUC_H-0e.js → FormField--eLuhPue.js} +2 -2
- package/lib/FormField--eLuhPue.js.map +1 -0
- package/lib/Header.js +1 -1
- package/lib/Header.js.map +1 -1
- package/lib/Icon.js +1 -1
- package/lib/Icon.js.map +1 -1
- package/lib/IconManager.js +1 -1
- package/lib/IconManager.js.map +1 -1
- package/lib/Input.js +1 -1
- package/lib/Input.js.map +1 -1
- package/lib/InputMixin-LetXsCyv.js.map +1 -1
- package/lib/KeyboardController.js +1 -1
- package/lib/KeyboardController.js.map +1 -1
- package/lib/Layout.js +1 -1
- package/lib/Layout.js.map +1 -1
- package/lib/LightDismissController-4pH8cdko.js.map +1 -1
- package/lib/LightDomController-DIwtVelV.js.map +1 -1
- package/lib/LightSlotController-Coyy4nqS.js.map +1 -1
- package/lib/LocalizeController.js +1 -1
- package/lib/LocalizeController.js.map +1 -1
- package/lib/Message.js +1 -1
- package/lib/Message.js.map +1 -1
- package/lib/Modal.js +1 -1
- package/lib/Modal.js.map +1 -1
- package/lib/ModalController.js +1 -1
- package/lib/ModalController.js.map +1 -1
- package/lib/NavGroup.js +1 -1
- package/lib/NavGroup.js.map +1 -1
- package/lib/NavItem.js +1 -1
- package/lib/NavItem.js.map +1 -1
- package/lib/{NavToggle-D-udBTou.js → NavToggle-DL74d1aQ.js} +2 -2
- package/lib/NavToggle-DL74d1aQ.js.map +1 -0
- package/lib/NavToggle.js +1 -1
- package/lib/Navigation.js +1 -1
- package/lib/Navigation.js.map +1 -1
- package/lib/Notification.js +1 -1
- package/lib/Notification.js.map +1 -1
- package/lib/NotificationGroup.js +1 -1
- package/lib/NotificationGroup.js.map +1 -1
- package/lib/NotificationMixin-DOUQsx7N.js.map +1 -1
- package/lib/Popout-k_ddK22Q.js +2 -0
- package/lib/Popout-k_ddK22Q.js.map +1 -0
- package/lib/Popout.js +1 -1
- package/lib/Progress.js +1 -1
- package/lib/Progress.js.map +1 -1
- package/lib/ProgressBar.js +1 -1
- package/lib/ProgressBar.js.map +1 -1
- package/lib/Qrcode.js.map +1 -1
- package/lib/Radio.js +1 -1
- package/lib/Radio.js.map +1 -1
- package/lib/Range.js +1 -1
- package/lib/Range.js.map +1 -1
- package/lib/ScrollbarController-BFC67Y2x.js +2 -0
- package/lib/ScrollbarController-BFC67Y2x.js.map +1 -0
- package/lib/SegmentedControl.js +1 -1
- package/lib/SegmentedControl.js.map +1 -1
- package/lib/SegmentedControlItem.js +44 -1
- package/lib/SegmentedControlItem.js.map +1 -1
- package/lib/Select.js +1 -1
- package/lib/Select.js.map +1 -1
- package/lib/SelectEvent.js.map +1 -1
- package/lib/ShortcutController-BIb3WGzH.js.map +1 -1
- package/lib/SizeMixin-CU9cLbLC.js.map +1 -1
- package/lib/Skeleton.js.map +1 -1
- package/lib/SlotController-Z6eG7LSZ.js.map +1 -1
- package/lib/Spinner.js +1 -1
- package/lib/Spinner.js.map +1 -1
- package/lib/Stack.js +1 -1
- package/lib/Stack.js.map +1 -1
- package/lib/Tab.js +1 -1
- package/lib/Tab.js.map +1 -1
- package/lib/TabGroup.js +1 -1
- package/lib/TabGroup.js.map +1 -1
- package/lib/TabPanel.js.map +1 -1
- package/lib/Table.js +1 -1
- package/lib/Table.js.map +1 -1
- package/lib/Tag.js +1 -1
- package/lib/Tag.js.map +1 -1
- package/lib/TagGroup.js +1 -1
- package/lib/TagGroup.js.map +1 -1
- package/lib/{TextField-C5gYzfOp.js → TextField-BdEdZ0_b.js} +2 -2
- package/lib/TextField-BdEdZ0_b.js.map +1 -0
- package/lib/TextSelectableMixin-Cfv__lHS.js.map +1 -1
- package/lib/Textarea.js +1 -1
- package/lib/Textarea.js.map +1 -1
- package/lib/Toast.js +1 -1
- package/lib/Toast.js.map +1 -1
- package/lib/ToastGroup.js.map +1 -1
- package/lib/Toggle.js +1 -1
- package/lib/Toggle.js.map +1 -1
- package/lib/Tooltip.js +1 -1
- package/lib/Tooltip.js.map +1 -1
- package/lib/TopBar.js +1 -1
- package/lib/TopBar.js.map +1 -1
- package/lib/VisuallyHidden.js.map +1 -1
- package/lib/bundle.js +80 -26
- package/lib/bundle.js.map +1 -1
- package/lib/collection-Dvg2XbxV.js.map +1 -1
- package/lib/cond-CI1KbneT.js.map +1 -1
- package/lib/date-adapter.js +1 -1
- package/lib/date-adapter.js.map +1 -1
- package/lib/dates-CAAlPKZi.js +2 -0
- package/lib/dates-CAAlPKZi.js.map +1 -0
- package/lib/en-us.js +1 -1
- package/lib/en-us.js.map +1 -1
- package/lib/events-Bv6wNHwJ.js.map +1 -1
- package/lib/fi-fi.js.map +1 -1
- package/lib/fsm-Bq5jMQrK.js.map +1 -1
- package/lib/index.js +1 -1
- package/lib/interface-checked-small-BtICPEsp.js.map +1 -1
- package/lib/interface-close-small-CnpAFMO3.js.map +1 -1
- package/lib/localization.js +1 -1
- package/lib/localization.js.map +1 -1
- package/lib/localization2.js +1 -1
- package/lib/localization2.js.map +1 -1
- package/lib/localization3.js +1 -1
- package/lib/localization3.js.map +1 -1
- package/lib/localization4.js +1 -1
- package/lib/localization4.js.map +1 -1
- package/lib/localization5.js +1 -1
- package/lib/localization5.js.map +1 -1
- package/lib/localization6.js +1 -1
- package/lib/localization6.js.map +1 -1
- package/lib/localization7.js.map +1 -1
- package/lib/localization8.js +1 -1
- package/lib/localization8.js.map +1 -1
- package/lib/localization9.js +1 -1
- package/lib/localization9.js.map +1 -1
- package/lib/number-Dg2vCfGd.js.map +1 -1
- package/lib/observe-D0n0zOfU.js.map +1 -1
- package/lib/positioning-DDh0UNgJ.js +2 -0
- package/lib/positioning-DDh0UNgJ.js.map +1 -0
- package/lib/react.d.ts +113 -111
- package/lib/src/avatar/Avatar.d.ts +6 -6
- package/lib/src/badge/Badge.d.ts +4 -4
- package/lib/src/banner/Banner.d.ts +3 -3
- package/lib/src/button/Button.d.ts +12 -11
- package/lib/src/button-group/ButtonGroup.d.ts +4 -4
- package/lib/src/calendar/Calendar.d.ts +6 -6
- package/lib/src/calendar/DateSelectEvent.d.ts +1 -1
- package/lib/src/card/Card.d.ts +3 -3
- package/lib/src/checkbox/Checkbox.d.ts +2 -2
- package/lib/src/command-menu/CommandMenu.d.ts +7 -6
- package/lib/src/command-menu/CommandMenuAction.d.ts +4 -4
- package/lib/src/command-menu/ICommandMenuAction.d.ts +1 -1
- package/lib/src/command-menu/KeyboardController.d.ts +3 -3
- package/lib/src/command-menu/SelectEvent.d.ts +2 -2
- package/lib/src/common/collection.d.ts +7 -7
- package/lib/src/common/controllers/BroadcastChannelController.d.ts +3 -3
- package/lib/src/common/controllers/DirectionController.d.ts +2 -2
- package/lib/src/common/controllers/EventController.d.ts +1 -1
- package/lib/src/common/controllers/FocusTrapController.d.ts +1 -1
- package/lib/src/common/controllers/FormDataController.d.ts +4 -4
- package/lib/src/common/controllers/LightDismissController.d.ts +3 -3
- package/lib/src/common/controllers/LightDomController.d.ts +3 -3
- package/lib/src/common/controllers/LightSlotController.d.ts +4 -4
- package/lib/src/common/controllers/PortalController.d.ts +3 -3
- package/lib/src/common/controllers/ResizeController.d.ts +1 -1
- package/lib/src/common/controllers/ScrollbarController.d.ts +1 -1
- package/lib/src/common/controllers/ShortcutController.d.ts +3 -3
- package/lib/src/common/controllers/SlotController.d.ts +1 -1
- package/lib/src/common/controllers/SwipeController.d.ts +7 -7
- package/lib/src/common/dates.d.ts +3 -3
- package/lib/src/common/decorators/observe.d.ts +1 -1
- package/lib/src/common/directives/cond.d.ts +1 -1
- package/lib/src/common/fsm.d.ts +2 -2
- package/lib/src/common/mixins/AutocompleteMixin.d.ts +2 -2
- package/lib/src/common/mixins/DraftComponentMixin.d.ts +1 -1
- package/lib/src/common/mixins/FloatingComponentMixin.d.ts +4 -4
- package/lib/src/common/mixins/FocusableMixin.d.ts +2 -2
- package/lib/src/common/mixins/FormAssociatedMixin.d.ts +6 -6
- package/lib/src/common/mixins/InputMixin.d.ts +1 -1
- package/lib/src/common/mixins/NotificationMixin.d.ts +2 -2
- package/lib/src/common/mixins/ReadonlyMixin.d.ts +1 -1
- package/lib/src/common/mixins/SizeMixin.d.ts +2 -2
- package/lib/src/common/mixins/TextSelectableMixin.d.ts +5 -5
- package/lib/src/common/positioning.d.ts +3 -3
- package/lib/src/common/ref.d.ts +1 -1
- package/lib/src/date-picker/DatePicker.d.ts +11 -11
- package/lib/src/date-picker/date-adapter.d.ts +1 -1
- package/lib/src/divider/Divider.d.ts +3 -3
- package/lib/src/drawer/Drawer.d.ts +4 -4
- package/lib/src/dropdown/Dropdown.d.ts +4 -6
- package/lib/src/dropdown-group/DropdownGroup.d.ts +2 -2
- package/lib/src/dropdown-item/DropdownItem.d.ts +4 -3
- package/lib/src/empty-state/EmptyState.d.ts +2 -2
- package/lib/src/fieldset/Fieldset.d.ts +3 -3
- package/lib/src/footer/Footer.d.ts +3 -3
- package/lib/src/header/Header.d.ts +3 -3
- package/lib/src/icon/Icon.d.ts +4 -4
- package/lib/src/index.d.ts +58 -58
- package/lib/src/input/Input.d.ts +3 -3
- package/lib/src/layout/Layout.d.ts +6 -6
- package/lib/src/localization/LocalizeController.d.ts +4 -3
- package/lib/src/localization/en-us.d.ts +9 -9
- package/lib/src/localization/fi-fi.d.ts +1 -1
- package/lib/src/localization/translation.d.ts +11 -11
- package/lib/src/message/Message.d.ts +3 -2
- package/lib/src/modal/Modal.d.ts +4 -4
- package/lib/src/modal/ModalController.d.ts +6 -6
- package/lib/src/nav-group/NavGroup.d.ts +3 -3
- package/lib/src/nav-item/NavItem.d.ts +3 -2
- package/lib/src/nav-toggle/NavToggle.d.ts +4 -4
- package/lib/src/navigation/Navigation.d.ts +2 -2
- package/lib/src/notification/Notification.d.ts +4 -4
- package/lib/src/notification-group/NotificationGroup.d.ts +2 -2
- package/lib/src/popout/Popout.d.ts +2 -2
- package/lib/src/progress/Progress.d.ts +3 -3
- package/lib/src/progress-bar/ProgressBar.d.ts +2 -2
- package/lib/src/qrcode/Qrcode.d.ts +3 -3
- package/lib/src/radio/Radio.d.ts +4 -4
- package/lib/src/range/Range.d.ts +2 -2
- package/lib/src/segmented-control/SegmentedControl.d.ts +2 -2
- package/lib/src/segmented-control-item/SegmentedControlItem.d.ts +5 -5
- package/lib/src/select/Select.d.ts +3 -3
- package/lib/src/skeleton/Skeleton.d.ts +3 -3
- package/lib/src/spinner/Spinner.d.ts +3 -3
- package/lib/src/stack/Stack.d.ts +6 -6
- package/lib/src/tab/Tab.d.ts +2 -2
- package/lib/src/tab-group/TabGroup.d.ts +3 -3
- package/lib/src/tab-panel/TabPanel.d.ts +2 -2
- package/lib/src/table/Table.d.ts +3 -3
- package/lib/src/tag/Tag.d.ts +5 -5
- package/lib/src/tag-group/TagGroup.d.ts +4 -4
- package/lib/src/textarea/Textarea.d.ts +3 -3
- package/lib/src/toast/Toast.d.ts +3 -3
- package/lib/src/toast-group/ToastGroup.d.ts +4 -4
- package/lib/src/toggle/Toggle.d.ts +3 -3
- package/lib/src/tooltip/Tooltip.d.ts +3 -3
- package/lib/src/top-bar/TopBar.d.ts +2 -2
- package/lib/src/visually-hidden/VisuallyHidden.d.ts +2 -2
- package/lib/translation.js.map +1 -1
- package/lib/tslib.es6-CmLYFWVC.js.map +1 -1
- package/lib/vue.d.ts +115 -109
- package/package.json +29 -123
- package/lib/Calendar-CYcI340m.js +0 -2
- package/lib/Calendar-CYcI340m.js.map +0 -1
- package/lib/DropdownItem-BheCmR9u.js +0 -2
- package/lib/DropdownItem-BheCmR9u.js.map +0 -1
- package/lib/FormField-CUC_H-0e.js.map +0 -1
- package/lib/NavToggle-D-udBTou.js.map +0 -1
- package/lib/Popout-DBLHeeXk.js +0 -2
- package/lib/Popout-DBLHeeXk.js.map +0 -1
- package/lib/ScrollbarController-C5CMxfb3.js +0 -2
- package/lib/ScrollbarController-C5CMxfb3.js.map +0 -1
- package/lib/TextField-C5gYzfOp.js.map +0 -1
- package/lib/dates-lbaNvUdr.js +0 -2
- package/lib/dates-lbaNvUdr.js.map +0 -1
- package/lib/positioning-CsfLhMSW.js +0 -2
- package/lib/positioning-CsfLhMSW.js.map +0 -1
- package/lib/src/avatar/Avatar.test.d.ts +0 -2
- package/lib/src/badge/Badge.test.d.ts +0 -5
- package/lib/src/banner/Banner.test.d.ts +0 -5
- package/lib/src/button/Button.test.d.ts +0 -7
- package/lib/src/button-group/ButtonGroup.test.d.ts +0 -6
- package/lib/src/calendar/Calendar.test.d.ts +0 -1
- package/lib/src/card/Card.test.d.ts +0 -6
- package/lib/src/checkbox/Checkbox.test.d.ts +0 -4
- package/lib/src/command-menu/CommandMenu.test.d.ts +0 -1
- package/lib/src/common/dates.test.d.ts +0 -1
- package/lib/src/date-picker/DatePicker.test.d.ts +0 -1
- package/lib/src/divider/Divider.test.d.ts +0 -2
- package/lib/src/drawer/Drawer.test.d.ts +0 -9
- package/lib/src/dropdown/Dropdown.test.d.ts +0 -8
- package/lib/src/dropdown-group/DropdownGroup.test.d.ts +0 -1
- package/lib/src/dropdown-item/DropdownItem.test.d.ts +0 -2
- package/lib/src/empty-state/EmptyState.test.d.ts +0 -3
- package/lib/src/fieldset/Fieldset.test.d.ts +0 -3
- package/lib/src/footer/Footer.test.d.ts +0 -4
- package/lib/src/header/Header.test.d.ts +0 -4
- package/lib/src/icon/Icon.test.d.ts +0 -1
- package/lib/src/input/Input.test.d.ts +0 -7
- package/lib/src/layout/Layout.test.d.ts +0 -26
- package/lib/src/localization/LocalizeController.test.d.ts +0 -1
- package/lib/src/localization/translation.test.d.ts +0 -1
- package/lib/src/message/Message.test.d.ts +0 -2
- package/lib/src/modal/Modal.test.d.ts +0 -7
- package/lib/src/nav-group/NavGroup.test.d.ts +0 -2
- package/lib/src/nav-item/NavItem.test.d.ts +0 -1
- package/lib/src/nav-toggle/NavToggle.test.d.ts +0 -2
- package/lib/src/navigation/Navigation.test.d.ts +0 -16
- package/lib/src/notification/Notification.test.d.ts +0 -1
- package/lib/src/notification-group/NotificationGroup.test.d.ts +0 -1
- package/lib/src/popout/Popout.test.d.ts +0 -9
- package/lib/src/progress/Progress.test.d.ts +0 -1
- package/lib/src/progress-bar/ProgressBar.test.d.ts +0 -3
- package/lib/src/qrcode/Qrcode.test.d.ts +0 -2
- package/lib/src/radio/Radio.test.d.ts +0 -3
- package/lib/src/range/Range.test.d.ts +0 -2
- package/lib/src/segmented-control/SegmentedControl.test.d.ts +0 -8
- package/lib/src/segmented-control-item/SegmentedControlItem.test.d.ts +0 -3
- package/lib/src/select/Select.test.d.ts +0 -1
- package/lib/src/skeleton/Skeleton.test.d.ts +0 -3
- package/lib/src/spinner/Spinner.test.d.ts +0 -2
- package/lib/src/stack/Stack.test.d.ts +0 -4
- package/lib/src/tab/Tab.test.d.ts +0 -1
- package/lib/src/tab-group/TabGroup.test.d.ts +0 -9
- package/lib/src/tab-panel/TabPanel.test.d.ts +0 -1
- package/lib/src/table/Table.test.d.ts +0 -7
- package/lib/src/tag/Tag.test.d.ts +0 -7
- package/lib/src/tag-group/TagGroup.test.d.ts +0 -4
- package/lib/src/textarea/Textarea.test.d.ts +0 -3
- package/lib/src/toast/Toast.test.d.ts +0 -2
- package/lib/src/toast-group/ToastGroup.test.d.ts +0 -1
- package/lib/src/toggle/Toggle.test.d.ts +0 -3
- package/lib/src/tooltip/Tooltip.test.d.ts +0 -4
- package/lib/src/top-bar/TopBar.test.d.ts +0 -9
- package/lib/src/visually-hidden/VisuallyHidden.test.d.ts +0 -1
- package/lib/test-utils/commands/examples/command.d.ts +0 -13
- package/lib/test-utils/commands/mouse/command.d.ts +0 -7
- package/lib/test-utils/commands/select/command.d.ts +0 -5
- package/lib/test-utils/spy.d.ts +0 -13
package/lib/src/badge/Badge.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LitElement } from
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
2
|
/**
|
|
3
3
|
* Badges are used to inform users of the status of an object
|
|
4
4
|
* or of an action that’s been taken. Commonly used in tabular
|
|
@@ -17,13 +17,13 @@ export default class Badge extends LitElement {
|
|
|
17
17
|
* @deprecated Use `variant` instead. If you previously used `"progress"`, use `"info"` instead.
|
|
18
18
|
* @default "neutral"
|
|
19
19
|
*/
|
|
20
|
-
type?:
|
|
20
|
+
type?: 'warning' | 'success' | 'danger' | 'highlight' | 'info' | 'neutral' | 'progress';
|
|
21
21
|
/**
|
|
22
22
|
* The style variant of the badge.
|
|
23
23
|
* Determines the background color of the badge.
|
|
24
24
|
* @default "neutral"
|
|
25
25
|
*/
|
|
26
|
-
variant?:
|
|
26
|
+
variant?: 'warning' | 'success' | 'danger' | 'highlight' | 'neutral' | 'info';
|
|
27
27
|
/**
|
|
28
28
|
* Strong badges are a secondary style for badges.
|
|
29
29
|
* They provide more visual prominence and emphasize them.
|
|
@@ -33,6 +33,6 @@ export default class Badge extends LitElement {
|
|
|
33
33
|
}
|
|
34
34
|
declare global {
|
|
35
35
|
interface HTMLElementTagNameMap {
|
|
36
|
-
|
|
36
|
+
'nord-badge': Badge;
|
|
37
37
|
}
|
|
38
38
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LitElement } from
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
2
|
/**
|
|
3
3
|
* Banner informs users about important changes or conditions in the
|
|
4
4
|
* interface. Use this component if you need to communicate to users
|
|
@@ -16,11 +16,11 @@ export default class Banner extends LitElement {
|
|
|
16
16
|
/**
|
|
17
17
|
* The style variant of the banner.
|
|
18
18
|
*/
|
|
19
|
-
variant:
|
|
19
|
+
variant: 'info' | 'danger' | 'success' | 'warning';
|
|
20
20
|
render(): import("lit").TemplateResult<1>;
|
|
21
21
|
}
|
|
22
22
|
declare global {
|
|
23
23
|
interface HTMLElementTagNameMap {
|
|
24
|
-
|
|
24
|
+
'nord-banner': Banner;
|
|
25
25
|
}
|
|
26
26
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
1
|
+
import type { TemplateResult } from 'lit';
|
|
2
|
+
import { LitElement } from 'lit';
|
|
3
|
+
import '../spinner/Spinner.js';
|
|
3
4
|
declare const Button_base: (new (...args: any[]) => import("../common/mixins/InputMixin.js").InputMixinInterface) & (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
|
|
4
5
|
/**
|
|
5
6
|
* Buttons are used for interface actions. Primary style should be
|
|
@@ -35,30 +36,30 @@ export default class Button extends Button_base {
|
|
|
35
36
|
/**
|
|
36
37
|
* The style variant of the button.
|
|
37
38
|
*/
|
|
38
|
-
variant:
|
|
39
|
+
variant: 'default' | 'primary' | 'dashed' | 'plain' | 'danger';
|
|
39
40
|
/**
|
|
40
41
|
* The type of the button.
|
|
41
42
|
*/
|
|
42
|
-
type:
|
|
43
|
+
type: 'button' | 'submit' | 'reset';
|
|
43
44
|
/**
|
|
44
45
|
* The size of the button.
|
|
45
46
|
* This affects font-size and padding.
|
|
46
47
|
*/
|
|
47
|
-
size:
|
|
48
|
+
size: 's' | 'm' | 'l';
|
|
48
49
|
/**
|
|
49
|
-
* @private
|
|
50
50
|
* This does not need to be documented,
|
|
51
51
|
* since it is only for forwarding the aria-expanded attribute
|
|
52
52
|
* to the internal button element.
|
|
53
|
+
* @private
|
|
53
54
|
*/
|
|
54
|
-
accessibleExpanded?:
|
|
55
|
+
accessibleExpanded?: 'true' | 'false';
|
|
55
56
|
/**
|
|
56
|
-
* @private
|
|
57
57
|
* This does not need to be documented,
|
|
58
58
|
* since it is only for forwarding the aria-haspopup attribute
|
|
59
59
|
* to the internal button element.
|
|
60
|
+
* @private
|
|
60
61
|
*/
|
|
61
|
-
accessibleHasPopup?:
|
|
62
|
+
accessibleHasPopup?: 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
|
|
62
63
|
/**
|
|
63
64
|
* When provided, renders the button as a link,
|
|
64
65
|
* with its href attribute set to the given value.
|
|
@@ -78,7 +79,7 @@ export default class Button extends Button_base {
|
|
|
78
79
|
* context of the current one, but if no parent exists, behaves as
|
|
79
80
|
* _self, and finally “top” means the topmost browsing context.
|
|
80
81
|
*/
|
|
81
|
-
target:
|
|
82
|
+
target: '_self' | '_blank' | '_parent' | '_top';
|
|
82
83
|
/**
|
|
83
84
|
* Controls whether the button expands to fill the width of its container.
|
|
84
85
|
*/
|
|
@@ -121,7 +122,7 @@ export default class Button extends Button_base {
|
|
|
121
122
|
}
|
|
122
123
|
declare global {
|
|
123
124
|
interface HTMLElementTagNameMap {
|
|
124
|
-
|
|
125
|
+
'nord-button': Button;
|
|
125
126
|
}
|
|
126
127
|
}
|
|
127
128
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LitElement } from
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
2
|
/**
|
|
3
3
|
* Button groups are designed to bring together button controls that are of a similar nature. For example text formatting controls.
|
|
4
4
|
*
|
|
@@ -16,11 +16,11 @@ export default class ButtonGroup extends LitElement {
|
|
|
16
16
|
/**
|
|
17
17
|
* The style variant of the button group.
|
|
18
18
|
*/
|
|
19
|
-
variant:
|
|
19
|
+
variant: 'default' | 'spaced';
|
|
20
20
|
/**
|
|
21
21
|
* The direction of the button group.
|
|
22
22
|
*/
|
|
23
|
-
direction:
|
|
23
|
+
direction: 'vertical' | 'horizontal';
|
|
24
24
|
/**
|
|
25
25
|
* Defines whether the buttons are forced in a single line
|
|
26
26
|
* or can be flowed into multiple lines (only applied when variant is set to `spaced`).
|
|
@@ -34,6 +34,6 @@ export default class ButtonGroup extends LitElement {
|
|
|
34
34
|
}
|
|
35
35
|
declare global {
|
|
36
36
|
interface HTMLElementTagNameMap {
|
|
37
|
-
|
|
37
|
+
'nord-button-group': ButtonGroup;
|
|
38
38
|
}
|
|
39
39
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { LitElement } from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { DaysOfWeek } from '../common/dates.js';
|
|
3
|
+
import '../button/Button.js';
|
|
4
|
+
import '../visually-hidden/VisuallyHidden.js';
|
|
5
5
|
export type DatePredicate = (date: Date) => boolean;
|
|
6
6
|
/**
|
|
7
7
|
* Calendar allows user to pick a date. It comes with built-in
|
|
@@ -90,7 +90,7 @@ export default class Calendar extends LitElement {
|
|
|
90
90
|
* @param options An object which controls aspects of the focusing process.
|
|
91
91
|
*/
|
|
92
92
|
focus(options?: FocusOptions & {
|
|
93
|
-
target:
|
|
93
|
+
target: 'day' | 'month';
|
|
94
94
|
}): void;
|
|
95
95
|
render(): import("lit").TemplateResult<1>;
|
|
96
96
|
protected handleValueChange(): void;
|
|
@@ -115,6 +115,6 @@ export default class Calendar extends LitElement {
|
|
|
115
115
|
}
|
|
116
116
|
declare global {
|
|
117
117
|
interface HTMLElementTagNameMap {
|
|
118
|
-
|
|
118
|
+
'nord-calendar': Calendar;
|
|
119
119
|
}
|
|
120
120
|
}
|
package/lib/src/card/Card.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LitElement } from
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
2
|
/**
|
|
3
3
|
* Cards are shadowed surfaces that display content and actions on a
|
|
4
4
|
* single topic. They should be easy to scan for relevant and
|
|
@@ -26,11 +26,11 @@ export default class Card extends LitElement {
|
|
|
26
26
|
* Controls the padding of the card component. When set to “none”,
|
|
27
27
|
* the header and footer slots will still have padding.
|
|
28
28
|
*/
|
|
29
|
-
padding:
|
|
29
|
+
padding: 'm' | 'l' | 'none';
|
|
30
30
|
render(): import("lit").TemplateResult<1>;
|
|
31
31
|
}
|
|
32
32
|
declare global {
|
|
33
33
|
interface HTMLElementTagNameMap {
|
|
34
|
-
|
|
34
|
+
'nord-card': Card;
|
|
35
35
|
}
|
|
36
36
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LitElement } from
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
2
|
declare const Checkbox_base: (new (...args: any[]) => import("../common/mixins/SizeMixin.js").SizeMixinInterface) & (new (...args: any[]) => import("../common/mixins/FormAssociatedMixin.js").FormAssociatedMixinInterface) & (new (...args: any[]) => import("../common/mixins/InputMixin.js").InputMixinInterface) & (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
|
|
3
3
|
/**
|
|
4
4
|
* Checkboxes allow user to choose one or more options from a limited set of options.
|
|
@@ -28,7 +28,7 @@ export default class Checkbox extends Checkbox_base {
|
|
|
28
28
|
}
|
|
29
29
|
declare global {
|
|
30
30
|
interface HTMLElementTagNameMap {
|
|
31
|
-
|
|
31
|
+
'nord-checkbox': Checkbox;
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import type { ICommandMenuAction } from './ICommandMenuAction.js';
|
|
2
|
+
import { LitElement } from 'lit';
|
|
3
|
+
import '../visually-hidden/VisuallyHidden.js';
|
|
4
|
+
import './CommandMenuAction.js';
|
|
5
5
|
/**
|
|
6
6
|
* Command Menu allows users to navigate and use an app without
|
|
7
7
|
* touching the mouse and helps them transform into “power users”
|
|
@@ -66,7 +66,8 @@ export default class CommandMenu extends LitElement {
|
|
|
66
66
|
private get selected();
|
|
67
67
|
/**
|
|
68
68
|
* Show the command menu programmatically.
|
|
69
|
-
* @param options
|
|
69
|
+
* @param options - Options for showing the menu.
|
|
70
|
+
* @param options.parent - Opens the menu filtered to a specific parent command.
|
|
70
71
|
*/
|
|
71
72
|
show(options?: {
|
|
72
73
|
parent?: string;
|
|
@@ -104,6 +105,6 @@ export default class CommandMenu extends LitElement {
|
|
|
104
105
|
}
|
|
105
106
|
declare global {
|
|
106
107
|
interface HTMLElementTagNameMap {
|
|
107
|
-
|
|
108
|
+
'nord-command-menu': CommandMenu;
|
|
108
109
|
}
|
|
109
110
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
1
|
+
import type { ICommandMenuAction } from './ICommandMenuAction.js';
|
|
2
|
+
import { LitElement } from 'lit';
|
|
3
|
+
import '../visually-hidden/VisuallyHidden.js';
|
|
4
4
|
/**
|
|
5
5
|
* Command Menu Action displays a single action that can be executed by the user. For usage examples, please see Command Menu component.
|
|
6
6
|
*
|
|
@@ -21,6 +21,6 @@ export default class CommandMenuAction extends LitElement {
|
|
|
21
21
|
}
|
|
22
22
|
declare global {
|
|
23
23
|
interface HTMLElementTagNameMap {
|
|
24
|
-
|
|
24
|
+
'nord-command-menu-action': CommandMenuAction;
|
|
25
25
|
}
|
|
26
26
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import CommandMenu from
|
|
2
|
-
|
|
1
|
+
import type CommandMenu from './CommandMenu.js';
|
|
2
|
+
interface KeyboardActions {
|
|
3
3
|
trigger: () => void;
|
|
4
4
|
goBack: () => void;
|
|
5
5
|
start: () => void;
|
|
@@ -7,7 +7,7 @@ type KeyboardActions = {
|
|
|
7
7
|
next: () => void;
|
|
8
8
|
previous: () => void;
|
|
9
9
|
toggleOpen: () => void;
|
|
10
|
-
}
|
|
10
|
+
}
|
|
11
11
|
export declare class KeyboardController {
|
|
12
12
|
private host;
|
|
13
13
|
private globalShortcuts;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import type { ICommandMenuAction } from './ICommandMenuAction.js';
|
|
2
|
+
import { NordEvent } from '../common/events.js';
|
|
3
3
|
export declare class SelectEvent extends NordEvent {
|
|
4
4
|
command: ICommandMenuAction;
|
|
5
5
|
static eventName: string;
|
|
@@ -7,16 +7,16 @@
|
|
|
7
7
|
export declare function groupBy<TObject extends Record<any, any>, TKey extends keyof TObject>(array: Array<TObject>, key: TKey): Map<TObject[TKey], TObject[]>;
|
|
8
8
|
/**
|
|
9
9
|
* Split an array into chunks of the given size
|
|
10
|
-
* @param array
|
|
11
|
-
* @param chunkSize
|
|
12
|
-
* @returns
|
|
10
|
+
* @param array - The array to split
|
|
11
|
+
* @param chunkSize - The size of each chunk
|
|
12
|
+
* @returns The array split into chunks
|
|
13
13
|
*/
|
|
14
14
|
export declare function chunk<T>(array: T[], chunkSize: number): T[][];
|
|
15
15
|
/**
|
|
16
16
|
* maps over an array, starting at the given offset and wrapping around.
|
|
17
|
-
* @param array
|
|
18
|
-
* @param startingOffset
|
|
19
|
-
* @param mapFn
|
|
20
|
-
* @returns
|
|
17
|
+
* @param array - The array to map over
|
|
18
|
+
* @param startingOffset - The starting offset
|
|
19
|
+
* @param mapFn - The mapping function
|
|
20
|
+
* @returns The mapped array
|
|
21
21
|
*/
|
|
22
22
|
export declare function mapWithOffset<T, U>(array: T[], startingOffset: number, mapFn: (item: T, i: number) => U): U[];
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ReactiveController, ReactiveControllerHost } from
|
|
2
|
-
|
|
1
|
+
import type { ReactiveController, ReactiveControllerHost } from 'lit';
|
|
2
|
+
interface Options<T> {
|
|
3
3
|
channelName: string;
|
|
4
4
|
onMessage: (message: T) => void;
|
|
5
5
|
enabled?: () => boolean;
|
|
6
|
-
}
|
|
6
|
+
}
|
|
7
7
|
export declare class BroadcastChannelController<T> implements ReactiveController {
|
|
8
8
|
private channel?;
|
|
9
9
|
private options;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ReactiveController, ReactiveControllerHost } from
|
|
2
|
-
export type WritingDirection =
|
|
1
|
+
import type { ReactiveController, ReactiveControllerHost } from 'lit';
|
|
2
|
+
export type WritingDirection = 'ltr' | 'rtl';
|
|
3
3
|
export declare class DirectionController implements ReactiveController {
|
|
4
4
|
private host;
|
|
5
5
|
private static hosts;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ReactiveController, ReactiveControllerHost } from
|
|
2
|
-
import { InputMixinInterface } from
|
|
3
|
-
|
|
1
|
+
import type { ReactiveController, ReactiveControllerHost } from 'lit';
|
|
2
|
+
import type { InputMixinInterface } from '../mixins/InputMixin.js';
|
|
3
|
+
interface FormDataOptions {
|
|
4
4
|
value: () => string | undefined;
|
|
5
|
-
}
|
|
5
|
+
}
|
|
6
6
|
export declare class FormDataController implements ReactiveController {
|
|
7
7
|
private host;
|
|
8
8
|
private options;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ReactiveController, ReactiveControllerHost } from
|
|
2
|
-
export
|
|
1
|
+
import type { ReactiveController, ReactiveControllerHost } from 'lit';
|
|
2
|
+
export interface LightDismissOptions {
|
|
3
3
|
isOpen: () => boolean;
|
|
4
4
|
onDismiss: EventListener;
|
|
5
5
|
isDismissible?: (node: EventTarget) => boolean;
|
|
6
|
-
}
|
|
6
|
+
}
|
|
7
7
|
export declare class LightDismissController implements ReactiveController {
|
|
8
8
|
private host;
|
|
9
9
|
private options;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ReactiveController, ReactiveControllerHost, RenderOptions } from
|
|
2
|
-
|
|
1
|
+
import type { ReactiveController, ReactiveControllerHost, RenderOptions } from 'lit';
|
|
2
|
+
interface LightDomOptions {
|
|
3
3
|
render: () => unknown;
|
|
4
4
|
renderOptions?: RenderOptions;
|
|
5
5
|
container?: HTMLElement;
|
|
6
|
-
}
|
|
6
|
+
}
|
|
7
7
|
export declare class LightDomController implements ReactiveController {
|
|
8
8
|
private host;
|
|
9
9
|
private options;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { ReactiveControllerHost } from
|
|
2
|
-
import { SlotController } from
|
|
3
|
-
|
|
1
|
+
import type { ReactiveControllerHost } from 'lit';
|
|
2
|
+
import { SlotController } from './SlotController.js';
|
|
3
|
+
interface LightSlotOptions {
|
|
4
4
|
slotName: string;
|
|
5
5
|
render: () => unknown;
|
|
6
6
|
syncLightDom: (element: Element) => void;
|
|
7
|
-
}
|
|
7
|
+
}
|
|
8
8
|
/**
|
|
9
9
|
* Handles cases where a component needs to render to light DOM,
|
|
10
10
|
* and potentially sync component properties to user-supplied content.
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ReactiveController, ReactiveControllerHost } from
|
|
2
|
-
|
|
1
|
+
import type { ReactiveController, ReactiveControllerHost } from 'lit';
|
|
2
|
+
interface PortalOptions {
|
|
3
3
|
outlet: HTMLElement;
|
|
4
4
|
render: () => unknown;
|
|
5
|
-
}
|
|
5
|
+
}
|
|
6
6
|
export declare class PortalController implements ReactiveController {
|
|
7
7
|
private host;
|
|
8
8
|
private options;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactiveController, ReactiveControllerHost } from
|
|
1
|
+
import type { ReactiveController, ReactiveControllerHost } from 'lit';
|
|
2
2
|
/**
|
|
3
3
|
* We can have any number of components open at a time, all of which lock scroll.
|
|
4
4
|
* Consider multiple modals being open, plus some popouts, etc.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ReactiveController, ReactiveControllerHost } from
|
|
2
|
-
import type { KeyBindingMap } from
|
|
3
|
-
import tinykeys from
|
|
1
|
+
import type { ReactiveController, ReactiveControllerHost } from 'lit';
|
|
2
|
+
import type { KeyBindingMap } from 'tinykeys';
|
|
3
|
+
import tinykeys from 'tinykeys';
|
|
4
4
|
type ShortcutTarget = Parameters<typeof tinykeys>[0];
|
|
5
5
|
export declare class ShortcutController implements ReactiveController {
|
|
6
6
|
private shortcuts?;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactiveController, ReactiveControllerHost } from
|
|
1
|
+
import type { ReactiveController, ReactiveControllerHost } from 'lit';
|
|
2
2
|
export declare class SlotController implements ReactiveController {
|
|
3
3
|
protected host: ReactiveControllerHost & HTMLElement;
|
|
4
4
|
slotName: string;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { ReactiveController, ReactiveElement } from
|
|
2
|
-
export
|
|
1
|
+
import type { ReactiveController, ReactiveElement } from 'lit';
|
|
2
|
+
export interface SwipeDetails {
|
|
3
3
|
initialX: number;
|
|
4
4
|
initialY: number;
|
|
5
5
|
pageX: number;
|
|
6
6
|
pageY: number;
|
|
7
7
|
distX: number;
|
|
8
8
|
distY: number;
|
|
9
|
-
}
|
|
10
|
-
|
|
9
|
+
}
|
|
10
|
+
interface SwipeControllerOptions {
|
|
11
11
|
target?: () => HTMLElement;
|
|
12
12
|
matchesGesture: (details: SwipeDetails) => boolean;
|
|
13
13
|
onSwipeEnd: (details: SwipeDetails) => void;
|
|
14
|
-
}
|
|
14
|
+
}
|
|
15
15
|
export declare class SwipeController implements ReactiveController {
|
|
16
16
|
private events;
|
|
17
17
|
private hadFirstUpdate;
|
|
@@ -24,6 +24,6 @@ export declare class SwipeController implements ReactiveController {
|
|
|
24
24
|
private handleTouchStart;
|
|
25
25
|
private handleTouchEnd;
|
|
26
26
|
}
|
|
27
|
-
export declare
|
|
28
|
-
export declare
|
|
27
|
+
export declare function isHorizontalSwipe({ distX, distY }: SwipeDetails): boolean;
|
|
28
|
+
export declare function isDownwardsSwipe({ distX, distY }: SwipeDetails): boolean;
|
|
29
29
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare
|
|
1
|
+
export declare enum DaysOfWeek {
|
|
2
2
|
Sunday = 0,
|
|
3
3
|
Monday = 1,
|
|
4
4
|
Tuesday = 2,
|
|
@@ -17,8 +17,8 @@ export declare function parseISODate(value: string): Date | undefined;
|
|
|
17
17
|
* @param date
|
|
18
18
|
*/
|
|
19
19
|
export declare function printISODate(date: Date): string;
|
|
20
|
-
export declare function getDayNames(locale: string, weekday: Exclude<Intl.DateTimeFormatOptions[
|
|
21
|
-
export declare function getMonthNames(locale: string, month: Exclude<Intl.DateTimeFormatOptions[
|
|
20
|
+
export declare function getDayNames(locale: string, weekday: Exclude<Intl.DateTimeFormatOptions['weekday'], undefined>): string[];
|
|
21
|
+
export declare function getMonthNames(locale: string, month: Exclude<Intl.DateTimeFormatOptions['month'], undefined>): string[];
|
|
22
22
|
/**
|
|
23
23
|
* Compare if two dates are in the same month of the same year.
|
|
24
24
|
*/
|
package/lib/src/common/fsm.d.ts
CHANGED
|
@@ -5,6 +5,6 @@ export declare function fsm<TTransitions extends Record<TStates, Partial<Record<
|
|
|
5
5
|
transition(currentState: TStates, event: TEvents): TStates;
|
|
6
6
|
};
|
|
7
7
|
export type Machine = ReturnType<typeof fsm>;
|
|
8
|
-
export type States<T extends Machine | Machine[
|
|
9
|
-
export type Events<T extends Machine | Machine[
|
|
8
|
+
export type States<T extends Machine | Machine['transition']> = T extends Machine ? Parameters<T['transition']>[0] : T extends Machine['transition'] ? Parameters<T>[0] : never;
|
|
9
|
+
export type Events<T extends Machine | Machine['transition']> = T extends Machine ? Parameters<T['transition']>[1] : T extends Machine['transition'] ? Parameters<T>[1] : never;
|
|
10
10
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { LitElement } from
|
|
1
|
+
import type { LitElement } from 'lit';
|
|
2
2
|
type Constructor<T = Record<string, unknown>> = new (...args: any[]) => T;
|
|
3
|
-
type AutocompleteAttribute =
|
|
3
|
+
type AutocompleteAttribute = 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo';
|
|
4
4
|
export declare class AutocompleteMixinInterface {
|
|
5
5
|
autocomplete: AutocompleteAttribute;
|
|
6
6
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { LogicalSide } from
|
|
1
|
+
import type { Alignment } from '@floating-ui/dom';
|
|
2
|
+
import type { LitElement } from 'lit';
|
|
3
|
+
import type { LogicalSide } from '../positioning.js';
|
|
4
4
|
type Constructor<T = Record<string, unknown>> = new (...args: any[]) => T;
|
|
5
5
|
export declare class FloatingMixinInterface {
|
|
6
6
|
open: boolean;
|
|
7
7
|
align: Alignment;
|
|
8
|
-
position: LogicalSide |
|
|
8
|
+
position: LogicalSide | 'auto';
|
|
9
9
|
}
|
|
10
10
|
export declare function FloatingMixin<T extends Constructor<LitElement>>(superClass: T): Constructor<FloatingMixinInterface> & T;
|
|
11
11
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { LitElement } from
|
|
2
|
-
import { Ref } from
|
|
1
|
+
import type { LitElement } from 'lit';
|
|
2
|
+
import type { Ref } from 'lit/directives/ref.js';
|
|
3
3
|
type Constructable<T = Record<string, unknown>> = new (...args: any[]) => T;
|
|
4
4
|
export declare class FocusableMixinInterface {
|
|
5
5
|
protected focusableRef: Ref<HTMLElement>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { LitElement, TemplateResult } from
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
1
|
+
import type { LitElement, TemplateResult } from 'lit';
|
|
2
|
+
import type { InputMixinInterface } from './InputMixin.js';
|
|
3
|
+
import { FormDataController } from '../controllers/FormDataController.js';
|
|
4
|
+
import { SlotController } from '../controllers/SlotController.js';
|
|
5
|
+
import '../../visually-hidden/VisuallyHidden.js';
|
|
6
6
|
type Constructor<T = Record<string, unknown>> = new (...args: any[]) => T;
|
|
7
7
|
export declare class FormAssociatedMixinInterface {
|
|
8
8
|
label: string;
|
|
@@ -27,7 +27,7 @@ export declare class FormAssociatedMixinInterface {
|
|
|
27
27
|
protected renderLabel(additionalContent?: TemplateResult): TemplateResult;
|
|
28
28
|
protected renderError(): TemplateResult;
|
|
29
29
|
protected getDescribedBy(): string | undefined;
|
|
30
|
-
protected getInvalid():
|
|
30
|
+
protected getInvalid(): 'true' | undefined;
|
|
31
31
|
}
|
|
32
32
|
export declare function FormAssociatedMixin<T extends Constructor<InputMixinInterface & LitElement>>(superClass: T): Constructor<FormAssociatedMixinInterface> & T;
|
|
33
33
|
export {};
|