@odx/foundation 1.0.0-beta.29 → 1.0.0-beta.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/accordion-header.d.ts +1 -2
- package/dist/components/button/button.d.ts +1 -2
- package/dist/components/checkbox/checkbox.d.ts +1 -1
- package/dist/components/checkbox-group/checkbox-group.d.ts +1 -2
- package/dist/components/combobox/combobox.d.ts +1 -1
- package/dist/components/dropdown/dropdown.d.ts +2 -2
- package/dist/components/icon-button/icon-button.d.ts +1 -2
- package/dist/components/inline-message/inline-message.d.ts +2 -2
- package/dist/components/link/link.d.ts +1 -1
- package/dist/components/list/list-item.d.ts +1 -2
- package/dist/components/main-menu/main-menu-link.d.ts +1 -1
- package/dist/components/menu/menu.d.ts +1 -1
- package/dist/components/menu-item/menu-item.d.ts +2 -3
- package/dist/components/navigation-item/navigation-item.d.ts +1 -2
- package/dist/components/option/option.d.ts +1 -1
- package/dist/components/radio-button/radio-button.d.ts +1 -1
- package/dist/components/radio-group/radio-group.d.ts +1 -2
- package/dist/components/select/select.d.ts +1 -1
- package/dist/components/slider/slider-handle.d.ts +2 -3
- package/dist/components/slider/slider.d.ts +1 -2
- package/dist/components/switch/switch.d.ts +1 -1
- package/dist/components/table/table-header.d.ts +1 -1
- package/dist/components/toggle-button/toggle-button.d.ts +1 -1
- package/dist/components/tooltip/tooltip.d.ts +1 -2
- package/dist/components.js +19 -23
- package/dist/i18n.js +1 -1
- package/dist/{cdk → lib}/control/checkbox-form-control.d.ts +2 -2
- package/dist/{cdk → lib}/control/checkbox-group-form-control.d.ts +2 -2
- package/dist/{cdk → lib}/control/listbox-form-control.d.ts +2 -2
- package/dist/{cdk → lib}/control/option-control.d.ts +4 -2
- package/dist/{cdk → lib}/control/radio-group-form-control.d.ts +2 -2
- package/dist/lib/controllers/active-desendants-controller.d.ts +1 -1
- package/dist/{cdk → lib}/drag-drop/is-draggable.d.ts +3 -3
- package/dist/{cdk → lib}/interactive/interactive-element.d.ts +1 -1
- package/dist/{cdk → lib}/interactive/interactive-link.d.ts +3 -2
- package/dist/lib/main.d.ts +19 -9
- package/dist/lib/mixins/can-be-disabled.d.ts +1 -1
- package/dist/lib/mixins/can-be-expanded.d.ts +1 -1
- package/dist/lib/mixins/can-be-highlighted.d.ts +1 -1
- package/dist/lib/mixins/can-be-selected.d.ts +2 -2
- package/dist/lib/mixins/form-control.d.ts +1 -1
- package/dist/lib/mixins/number-control.d.ts +1 -1
- package/dist/lib/mixins/with-loading-state.d.ts +1 -1
- package/dist/lib/models/shape.d.ts +1 -1
- package/dist/lib/models/size.d.ts +1 -1
- package/dist/lib/models/variant.d.ts +1 -1
- package/dist/{cdk → lib}/popover/popover-host.d.ts +6 -2
- package/dist/lib/popover/popover-observer.d.ts +11 -0
- package/dist/{cdk → lib}/popover/popover.d.ts +1 -1
- package/dist/{cdk → lib}/popover/popover.models.d.ts +1 -1
- package/dist/lib/utils/dedupe-mixin.d.ts +1 -1
- package/dist/lib/utils/dom.d.ts +3 -1
- package/dist/lib/utils/types.d.ts +3 -0
- package/dist/loader.js +3 -3
- package/dist/main.js +1411 -451
- package/package.json +1 -5
- package/dist/cdk/main.d.ts +0 -14
- package/dist/cdk.js +0 -932
- package/dist/lib/types/utils.d.ts +0 -2
- package/dist/lib/utils/transformers.d.ts +0 -3
- package/dist/{cdk → lib}/drag-drop/drag-events.d.ts +0 -0
- package/dist/{cdk → lib}/drag-drop/drag.controller.d.ts +0 -0
- package/dist/{cdk → lib}/popover/popover.utils.d.ts +0 -0
- package/dist/lib/{types → utils}/a11y.d.ts +0 -0
- package/dist/{vendor-Cef33Vym.js → vendor-C_8wBEOn.js} +12 -12
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { CanBeExpanded } from '../../lib/main.js';
|
|
2
|
-
import { InteractiveElement } from '../../cdk/main.js';
|
|
1
|
+
import { CanBeExpanded, InteractiveElement } from '../../lib/main.js';
|
|
3
2
|
import { PropertyValues, TemplateResult } from 'lit';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { EnumString } from '../../lib/main.js';
|
|
2
|
-
import { InteractiveElement } from '../../cdk/main.js';
|
|
1
|
+
import { EnumString, InteractiveElement } from '../../lib/main.js';
|
|
3
2
|
import { TemplateResult } from 'lit';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { EnumString } from '../../lib/main.js';
|
|
2
|
-
import { CheckboxGroupFormControl } from '../../cdk/main.js';
|
|
1
|
+
import { EnumString, CheckboxGroupFormControl } from '../../lib/main.js';
|
|
3
2
|
import { TemplateResult } from 'lit';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ListboxFormControl, OptionControl } from '../../
|
|
1
|
+
import { ListboxFormControl, OptionControl } from '../../lib/main.js';
|
|
2
2
|
import { TemplateResult } from 'lit';
|
|
3
3
|
import { OdxDropdown } from '../dropdown/dropdown.js';
|
|
4
4
|
import { OdxOption } from '../option/option.js';
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { CanBeDisabled, EnumString } from '../../lib/main.js';
|
|
2
|
-
import { OdxPopover, PopoverHost, PopoverPlacementOptions } from '../../cdk/main.js';
|
|
1
|
+
import { CanBeDisabled, EnumString, OdxPopover, PopoverHost, PopoverPlacementOptions } from '../../lib/main.js';
|
|
3
2
|
import { PropertyValues, TemplateResult } from 'lit';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
|
@@ -19,6 +18,7 @@ export declare class OdxDropdown extends OdxDropdown_base {
|
|
|
19
18
|
placement: DropdownPlacement;
|
|
20
19
|
get options(): PopoverPlacementOptions;
|
|
21
20
|
connectedCallback(): void;
|
|
21
|
+
connectPopover(referenceElement: HTMLElement): Promise<void>;
|
|
22
22
|
mountPopover(referenceElement?: HTMLElement | null): void;
|
|
23
23
|
unmountPopover(referenceElement: HTMLElement): void;
|
|
24
24
|
onBeforePopoverShow(): void;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { AvailableIcons } from '../../lib/main.js';
|
|
2
1
|
import { TemplateResult } from 'lit';
|
|
3
2
|
import { OdxButton } from '../button/button.js';
|
|
4
3
|
declare global {
|
|
@@ -20,7 +19,7 @@ declare global {
|
|
|
20
19
|
*/
|
|
21
20
|
export declare class OdxIconButton extends OdxButton {
|
|
22
21
|
float: boolean;
|
|
23
|
-
icon?:
|
|
22
|
+
icon?: OdxIconName;
|
|
24
23
|
protected renderContent(): TemplateResult;
|
|
25
24
|
}
|
|
26
25
|
//# sourceMappingURL=icon-button.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CustomElement, EnumString } from '../../lib/main.js';
|
|
2
2
|
import { TemplateResult } from 'lit';
|
|
3
3
|
declare global {
|
|
4
4
|
interface HTMLElementTagNameMap {
|
|
@@ -18,7 +18,7 @@ export declare const InlineMessageVariant: Pick<{
|
|
|
18
18
|
export declare class OdxInlineMessage extends CustomElement {
|
|
19
19
|
closable: boolean;
|
|
20
20
|
emphasized: boolean;
|
|
21
|
-
icon?:
|
|
21
|
+
icon?: OdxIconName | null;
|
|
22
22
|
variant?: InlineMessageVariant;
|
|
23
23
|
show(): void;
|
|
24
24
|
hide(): Promise<void>;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { CanBeExpanded, CanBeSelected } from '../../lib/main.js';
|
|
2
|
-
import { InteractiveElement } from '../../cdk/main.js';
|
|
1
|
+
import { CanBeExpanded, CanBeSelected, InteractiveElement } from '../../lib/main.js';
|
|
3
2
|
import { PropertyValues, TemplateResult } from 'lit';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { InteractiveElement } from '../../cdk/main.js';
|
|
1
|
+
import { InteractiveElement } from '../../lib/main.js';
|
|
3
2
|
import { TemplateResult } from 'lit';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
|
@@ -7,7 +6,7 @@ declare global {
|
|
|
7
6
|
}
|
|
8
7
|
}
|
|
9
8
|
export declare class OdxMenuItem extends InteractiveElement {
|
|
10
|
-
icon?:
|
|
9
|
+
icon?: OdxIconName | null;
|
|
11
10
|
protected renderContent(): TemplateResult;
|
|
12
11
|
connectedCallback(): void;
|
|
13
12
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { CanBeSelected, EnumString } from '../../lib/main.js';
|
|
2
|
-
import { InteractiveElement } from '../../cdk/main.js';
|
|
1
|
+
import { CanBeSelected, EnumString, InteractiveElement } from '../../lib/main.js';
|
|
3
2
|
declare global {
|
|
4
3
|
interface HTMLElementTagNameMap {
|
|
5
4
|
'odx-navigation-item': OdxNavigationItem;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { EnumString } from '../../lib/main.js';
|
|
2
|
-
import { RadioGroupFormControl } from '../../cdk/main.js';
|
|
1
|
+
import { EnumString, RadioGroupFormControl } from '../../lib/main.js';
|
|
3
2
|
declare global {
|
|
4
3
|
interface HTMLElementTagNameMap {
|
|
5
4
|
'odx-radio-group': OdxRadioGroup;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ListboxFormControl, OptionControl } from '../../
|
|
1
|
+
import { ListboxFormControl, OptionControl } from '../../lib/main.js';
|
|
2
2
|
import { TemplateResult } from 'lit';
|
|
3
3
|
import { OdxDropdown } from '../dropdown/dropdown.js';
|
|
4
4
|
import { OdxOption } from '../option/option.js';
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { CustomElement } from '../../lib/main.js';
|
|
2
|
-
import { DragEvent } from '../../cdk/main.js';
|
|
1
|
+
import { CustomElement, DragEvent } from '../../lib/main.js';
|
|
3
2
|
import { PropertyValueMap, TemplateResult } from 'lit';
|
|
4
3
|
import { SliderTrackVisibility } from './slider.models.js';
|
|
5
4
|
declare global {
|
|
@@ -7,7 +6,7 @@ declare global {
|
|
|
7
6
|
'odx-slider-handle': OdxSliderHandle;
|
|
8
7
|
}
|
|
9
8
|
}
|
|
10
|
-
declare const OdxSliderHandle_base: import('../../lib/main.js').Constructor<import('../../
|
|
9
|
+
declare const OdxSliderHandle_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').DraggableElement> & import('../../lib/main.js').Constructor<import('../../lib/main.js').IsNumberControl> & typeof CustomElement;
|
|
11
10
|
export declare class OdxSliderHandle extends OdxSliderHandle_base {
|
|
12
11
|
#private;
|
|
13
12
|
private context;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { CustomElement } from '../../lib/main.js';
|
|
2
|
-
import { DragController } from '../../cdk/main.js';
|
|
1
|
+
import { CustomElement, DragController } from '../../lib/main.js';
|
|
3
2
|
import { TemplateResult } from 'lit';
|
|
4
3
|
import { OdxSliderHandle } from './slider-handle.js';
|
|
5
4
|
import { SliderLabelVisibility } from './slider.models.js';
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { EnumString } from '../../lib/main.js';
|
|
2
|
-
import { PopoverHost } from '../../cdk/main.js';
|
|
1
|
+
import { EnumString, PopoverHost } from '../../lib/main.js';
|
|
3
2
|
import { PropertyValues, TemplateResult } from 'lit';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
package/dist/components.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { CanBeExpanded, getUniqueId, toAriaBooleanAttribute, customElement, requestUpdateOnAriaChange, CustomElement, ExpandableItemManager, createIntersectionObserver, createMutationObserver, getElementFromEvent, enumFrom, Size, Shape, Variant, CanBeDisabled, optionalSlot, toggleAttribute, SharedResizeObserver, getKeyboardEventInfo, queryAssignedElement, parseDate, optionalAttr, searchTextContent, waitForAnimations, FormControl, forwardEvent, CanBeSelected, WithLoadingState, FocusTrapController, toPx, NumberControl } from '@odx/foundation';
|
|
2
|
-
import { InteractiveElement, InteractiveLink, CheckboxGroupFormControl, CheckboxFormControl, PopoverPlacement, PopoverHost, PopoverPlacementOptions, ListboxFormControl, OptionControl, RadioGroupFormControl, IsDraggable, IS_DRAG_ACTIVE_ATTRIBUTE, DragController } from '@odx/foundation/cdk';
|
|
1
|
+
import { CanBeExpanded, InteractiveElement, getUniqueId, toAriaBooleanAttribute, customElement, requestUpdateOnAriaChange, CustomElement, ExpandableItemManager, InteractiveLink, createIntersectionObserver, createMutationObserver, getElementFromEvent, enumFrom, Size, Shape, Variant, CanBeDisabled, optionalSlot, CheckboxGroupFormControl, CheckboxFormControl, toggleAttribute, SharedResizeObserver, PopoverPlacement, PopoverHost, getKeyboardEventInfo, PopoverPlacementOptions, queryAssignedElement, ListboxFormControl, parseDate, optionalAttr, searchTextContent, waitForAnimations, FormControl, forwardEvent, CanBeSelected, WithLoadingState, FocusTrapController, OptionControl, toPx, RadioGroupFormControl, IsDraggable, NumberControl, IS_DRAG_ACTIVE_ATTRIBUTE, DragController } from '@odx/foundation';
|
|
3
2
|
import { html, isServer, css, nothing } from 'lit';
|
|
4
3
|
import { property, queryAssignedElements, queryAll, query, state } from 'lit/decorators.js';
|
|
5
4
|
import { signal, computed, SignalWatcher } from '@lit-labs/preact-signals';
|
|
6
5
|
import { repeat } from 'lit/directives/repeat.js';
|
|
7
6
|
import { when } from 'lit/directives/when.js';
|
|
8
7
|
import { IsLocalized, setTranslation } from '@odx/foundation/i18n';
|
|
9
|
-
import { R as RovingTabindexController, r as round, d as debounce } from './vendor-
|
|
8
|
+
import { R as RovingTabindexController, r as round, d as debounce } from './vendor-C_8wBEOn.js';
|
|
10
9
|
import { createContext, consume, provide } from '@lit/context';
|
|
11
10
|
|
|
12
11
|
const styles$1b = "@layer base{:host{--_margin-block: var(--odx-size-37);display:block}}@layer state{:host([expanded]){[part=label]{font-weight:var(--odx-typography-font-weight-medium)}[part=indicator]{--rotate: 180deg}}}";
|
|
@@ -1045,16 +1044,18 @@ let OdxDropdown = class extends CanBeDisabled(PopoverHost) {
|
|
|
1045
1044
|
__privateAdd$o(this, _OdxDropdown_instances);
|
|
1046
1045
|
this.matchReferenceWidth = false;
|
|
1047
1046
|
this.placement = DropdownPlacement.BOTTOM;
|
|
1048
|
-
__privateAdd$o(this, _handleClick$4, (
|
|
1049
|
-
|
|
1047
|
+
__privateAdd$o(this, _handleClick$4, async (event) => {
|
|
1048
|
+
const referenceElement = getElementFromEvent(event, (node) => node.hasAttribute("odx-popovertarget"));
|
|
1049
|
+
if (!referenceElement) return;
|
|
1050
|
+
this.connectPopover(referenceElement);
|
|
1050
1051
|
});
|
|
1051
1052
|
__privateAdd$o(this, _handleKeyboardEvent$1, (event) => {
|
|
1053
|
+
const referenceElement = getElementFromEvent(event, (node) => node.hasAttribute("odx-popovertarget"));
|
|
1052
1054
|
const { actions } = getKeyboardEventInfo(event);
|
|
1053
|
-
if (!actions.enter) return;
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
this.showPopover();
|
|
1055
|
+
if (!referenceElement || !actions.enter && !actions.space) return;
|
|
1056
|
+
event.preventDefault();
|
|
1057
|
+
event.stopImmediatePropagation();
|
|
1058
|
+
this.connectPopover(referenceElement);
|
|
1058
1059
|
});
|
|
1059
1060
|
}
|
|
1060
1061
|
get options() {
|
|
@@ -1067,17 +1068,19 @@ let OdxDropdown = class extends CanBeDisabled(PopoverHost) {
|
|
|
1067
1068
|
super.connectedCallback();
|
|
1068
1069
|
this.id ||= getUniqueId("odx-dropdown");
|
|
1069
1070
|
}
|
|
1071
|
+
async connectPopover(referenceElement) {
|
|
1072
|
+
await super.connectPopover(referenceElement);
|
|
1073
|
+
__privateMethod$e(this, _OdxDropdown_instances, updateAriaAttributes_fn$1).call(this, referenceElement, this.id);
|
|
1074
|
+
}
|
|
1070
1075
|
mountPopover(referenceElement) {
|
|
1071
1076
|
super.mountPopover(referenceElement);
|
|
1072
1077
|
if (this.disabled || !referenceElement) return;
|
|
1073
|
-
__privateMethod$e(this, _OdxDropdown_instances, updateAriaAttributes_fn$1).call(this, referenceElement, this.id);
|
|
1074
1078
|
referenceElement.addEventListener("click", __privateGet$j(this, _handleClick$4));
|
|
1075
1079
|
referenceElement.addEventListener("keydown", __privateGet$j(this, _handleKeyboardEvent$1));
|
|
1076
1080
|
this.emit("mount", { detail: { referenceElement } });
|
|
1077
1081
|
}
|
|
1078
1082
|
unmountPopover(referenceElement) {
|
|
1079
1083
|
super.unmountPopover(referenceElement);
|
|
1080
|
-
__privateMethod$e(this, _OdxDropdown_instances, updateAriaAttributes_fn$1).call(this, referenceElement, null);
|
|
1081
1084
|
referenceElement.removeEventListener("click", __privateGet$j(this, _handleClick$4));
|
|
1082
1085
|
referenceElement.removeEventListener("keydown", __privateGet$j(this, _handleKeyboardEvent$1));
|
|
1083
1086
|
this.emit("unmount", { detail: { referenceElement } });
|
|
@@ -1104,14 +1107,7 @@ let OdxDropdown = class extends CanBeDisabled(PopoverHost) {
|
|
|
1104
1107
|
willUpdate(props) {
|
|
1105
1108
|
super.willUpdate(props);
|
|
1106
1109
|
if (props.has("id")) {
|
|
1107
|
-
__privateMethod$e(this, _OdxDropdown_instances, updateAriaAttributes_fn$1).call(this, this.referenceElement, this.id);
|
|
1108
|
-
}
|
|
1109
|
-
if (props.has("disabled")) {
|
|
1110
|
-
if (this.disabled) {
|
|
1111
|
-
this.referenceElement && this.unmountPopover(this.referenceElement);
|
|
1112
|
-
} else {
|
|
1113
|
-
this.mountPopover(this.referenceElement);
|
|
1114
|
-
}
|
|
1110
|
+
__privateMethod$e(this, _OdxDropdown_instances, updateAriaAttributes_fn$1).call(this, this.referenceElement ?? null, this.id);
|
|
1115
1111
|
}
|
|
1116
1112
|
}
|
|
1117
1113
|
};
|
|
@@ -3505,7 +3501,7 @@ let OdxSelect = class extends ListboxFormControl {
|
|
|
3505
3501
|
}
|
|
3506
3502
|
render() {
|
|
3507
3503
|
return html`
|
|
3508
|
-
<div
|
|
3504
|
+
<div odx-trigger="select-trigger" class="base" tabindex="0">
|
|
3509
3505
|
<div class="value" odxPreventTextOverflow>
|
|
3510
3506
|
${when(
|
|
3511
3507
|
Array.from(this.selectedOptions).length,
|
|
@@ -3519,7 +3515,7 @@ let OdxSelect = class extends ListboxFormControl {
|
|
|
3519
3515
|
)}
|
|
3520
3516
|
<odx-icon class="indicator" name="core::chevron-down"></odx-icon>
|
|
3521
3517
|
</div>
|
|
3522
|
-
<odx-dropdown part="dropdown"
|
|
3518
|
+
<odx-dropdown part="dropdown" id="select-trigger" role="listbox" tabindex="-1" ?disabled=${this.disabled} match-reference-width>
|
|
3523
3519
|
<slot @slotchange=${__privateGet$6(this, _handleSlotChange$2)}></slot>
|
|
3524
3520
|
</odx-dropdown>
|
|
3525
3521
|
`;
|
|
@@ -4817,7 +4813,7 @@ let OdxTooltip = class extends PopoverHost {
|
|
|
4817
4813
|
}
|
|
4818
4814
|
willUpdate(props) {
|
|
4819
4815
|
super.willUpdate(props);
|
|
4820
|
-
if (props.has("id")) {
|
|
4816
|
+
if (props.has("id") && this.referenceElement) {
|
|
4821
4817
|
__privateMethod(this, _OdxTooltip_instances, updateAriaAttributes_fn).call(this, this.referenceElement, this.id);
|
|
4822
4818
|
}
|
|
4823
4819
|
}
|
package/dist/i18n.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { signal, effect, computed, SignalWatcher } from '@lit-labs/preact-signals';
|
|
2
2
|
import { parseDate, dedupeMixin } from '@odx/foundation';
|
|
3
3
|
import { property } from 'lit/decorators.js';
|
|
4
|
-
import { f as flattenObject } from './vendor-
|
|
4
|
+
import { f as flattenObject } from './vendor-C_8wBEOn.js';
|
|
5
5
|
|
|
6
6
|
const I18nConfig = (config) => ({
|
|
7
7
|
defaultLocale: () => navigator.language,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { CustomElement } from '
|
|
2
|
-
declare const CheckboxFormControl_base: import('
|
|
1
|
+
import { CustomElement } from '../custom-element.js';
|
|
2
|
+
declare const CheckboxFormControl_base: import('../main.js').Constructor<import('../mixins/form-control.js').IsFormControl<string>> & typeof CustomElement;
|
|
3
3
|
export declare abstract class CheckboxFormControl extends CheckboxFormControl_base {
|
|
4
4
|
#private;
|
|
5
5
|
static shadowRootOptions: ShadowRootInit;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { CustomElement } from '../../lib/main.js';
|
|
2
1
|
import { PropertyValues } from 'lit';
|
|
2
|
+
import { CustomElement } from '../custom-element.js';
|
|
3
3
|
import { CheckboxFormControl } from './checkbox-form-control.js';
|
|
4
|
-
declare const CheckboxGroupFormControl_base: import('
|
|
4
|
+
declare const CheckboxGroupFormControl_base: import('../main.js').Constructor<import('../mixins/form-control.js').IsFormControl<string[]>> & typeof CustomElement;
|
|
5
5
|
export declare abstract class CheckboxGroupFormControl extends CheckboxGroupFormControl_base {
|
|
6
6
|
#private;
|
|
7
7
|
private elements;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { CustomElement } from '../../lib/main.js';
|
|
2
1
|
import { PropertyValues } from 'lit';
|
|
2
|
+
import { CustomElement } from '../custom-element.js';
|
|
3
3
|
import { OptionControl } from './option-control.js';
|
|
4
|
-
declare const ListboxFormControl_base: import('
|
|
4
|
+
declare const ListboxFormControl_base: import('../main.js').Constructor<import('../mixins/form-control.js').IsFormControl<string | string[]>> & typeof CustomElement;
|
|
5
5
|
export declare abstract class ListboxFormControl<Option extends OptionControl> extends ListboxFormControl_base {
|
|
6
6
|
#private;
|
|
7
7
|
protected abstract options: Option[];
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import { CanBeDisabled, CanBeHighlighted, CustomElement } from '../../lib/main.js';
|
|
2
1
|
import { PropertyValueMap } from 'lit';
|
|
2
|
+
import { CustomElement } from '../custom-element.js';
|
|
3
|
+
import { CanBeDisabled } from '../mixins/can-be-disabled.js';
|
|
4
|
+
import { CanBeHighlighted } from '../mixins/can-be-highlighted.js';
|
|
3
5
|
export interface Option {
|
|
4
6
|
label?: string;
|
|
5
7
|
value: string;
|
|
6
8
|
selected: boolean;
|
|
7
9
|
disabled?: boolean;
|
|
8
10
|
}
|
|
9
|
-
declare const OptionControl_base: import('
|
|
11
|
+
declare const OptionControl_base: import('../main.js').Constructor<CanBeHighlighted> & import('../main.js').Constructor<CanBeDisabled> & typeof CustomElement;
|
|
10
12
|
export declare abstract class OptionControl extends OptionControl_base implements Option {
|
|
11
13
|
#private;
|
|
12
14
|
role: 'option' | 'gridcell' | 'row' | 'tab' | null;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { CustomElement } from '../../lib/main.js';
|
|
2
1
|
import { PropertyValues } from 'lit';
|
|
2
|
+
import { CustomElement } from '../custom-element.js';
|
|
3
3
|
import { CheckboxFormControl } from './checkbox-form-control.js';
|
|
4
|
-
declare const RadioGroupFormControl_base: import('
|
|
4
|
+
declare const RadioGroupFormControl_base: import('../main.js').Constructor<import('../mixins/form-control.js').IsFormControl<string>> & typeof CustomElement;
|
|
5
5
|
export declare abstract class RadioGroupFormControl extends RadioGroupFormControl_base {
|
|
6
6
|
#private;
|
|
7
7
|
static shadowRootOptions: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactiveController, ReactiveElement } from 'lit';
|
|
2
|
-
import { CanBeHighlighted } from '../
|
|
2
|
+
import { CanBeHighlighted } from '../mixins/can-be-highlighted.js';
|
|
3
3
|
type HighlightableElement = CanBeHighlighted & HTMLElement;
|
|
4
4
|
export interface ActiveDescendantsControllerOptions<T extends HighlightableElement> {
|
|
5
5
|
getItems: () => T[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { CustomElement } from '../custom-element.js';
|
|
2
|
+
import { Constructor } from '../utils/types.js';
|
|
3
3
|
import { DragEvent, Position } from './drag-events.js';
|
|
4
4
|
export declare const IS_DRAG_ACTIVE_ATTRIBUTE = "odx-drag-active";
|
|
5
5
|
export declare class CanBeDragged {
|
|
@@ -14,5 +14,5 @@ export declare class CanBeDragged {
|
|
|
14
14
|
}
|
|
15
15
|
export type DraggableElement = CanBeDragged & HTMLElement;
|
|
16
16
|
export declare function isDraggableElement(element: unknown): element is DraggableElement;
|
|
17
|
-
export declare const IsDraggable: <T extends Constructor<
|
|
17
|
+
export declare const IsDraggable: <T extends Constructor<CustomElement>>(superClass: T) => Constructor<DraggableElement> & T;
|
|
18
18
|
//# sourceMappingURL=is-draggable.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TemplateResult } from 'lit';
|
|
2
2
|
import { InteractiveLink } from './interactive-link.js';
|
|
3
|
-
declare const InteractiveElement_base: import('
|
|
3
|
+
declare const InteractiveElement_base: import('../main.js').Constructor<import('../mixins/with-loading-state.js').HasLoadingState> & typeof InteractiveLink;
|
|
4
4
|
/**
|
|
5
5
|
* A button is clickable text or an icon that triggers an action on the page or in the background.
|
|
6
6
|
* Depending on the action, content, and hierarchy, a button can be used on its own or grouped with
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { CanBeDisabled, CustomElement } from '../../lib/main.js';
|
|
2
1
|
import { TemplateResult } from 'lit';
|
|
3
|
-
|
|
2
|
+
import { CustomElement } from '../custom-element.js';
|
|
3
|
+
import { CanBeDisabled } from '../mixins/can-be-disabled.js';
|
|
4
|
+
declare const InteractiveLink_base: import('../main.js').Constructor<CanBeDisabled> & typeof CustomElement;
|
|
4
5
|
export declare class InteractiveLink extends InteractiveLink_base {
|
|
5
6
|
static shadowRootOptions: ShadowRootInit;
|
|
6
7
|
readonly nativeElement: HTMLElement;
|
package/dist/lib/main.d.ts
CHANGED
|
@@ -1,4 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
export * from './models/shape.js';
|
|
2
|
+
export * from './models/size.js';
|
|
3
|
+
export * from './models/variant.js';
|
|
4
|
+
export * from './control/checkbox-form-control.js';
|
|
5
|
+
export * from './control/checkbox-group-form-control.js';
|
|
6
|
+
export * from './control/listbox-form-control.js';
|
|
7
|
+
export * from './control/option-control.js';
|
|
8
|
+
export * from './control/radio-group-form-control.js';
|
|
2
9
|
export * from './controllers/active-desendants-controller.js';
|
|
3
10
|
export * from './controllers/expandable-controller.js';
|
|
4
11
|
export * from './controllers/focus-trap.controller.js';
|
|
@@ -9,11 +16,16 @@ export * from './mixins/can-be-selected.js';
|
|
|
9
16
|
export * from './mixins/form-control.js';
|
|
10
17
|
export * from './mixins/number-control.js';
|
|
11
18
|
export * from './mixins/with-loading-state.js';
|
|
12
|
-
export * from './
|
|
13
|
-
export * from './
|
|
14
|
-
export * from './
|
|
15
|
-
export * from './
|
|
16
|
-
export * from './
|
|
19
|
+
export * from './drag-drop/drag-events.js';
|
|
20
|
+
export * from './drag-drop/drag.controller.js';
|
|
21
|
+
export * from './drag-drop/is-draggable.js';
|
|
22
|
+
export * from './interactive/interactive-element.js';
|
|
23
|
+
export * from './interactive/interactive-link.js';
|
|
24
|
+
export * from './popover/popover-host.js';
|
|
25
|
+
export * from './popover/popover.js';
|
|
26
|
+
export * from './popover/popover.models.js';
|
|
27
|
+
export * from './custom-element.js';
|
|
28
|
+
export * from './utils/a11y.js';
|
|
17
29
|
export * from './utils/date.js';
|
|
18
30
|
export * from './utils/dedupe-mixin.js';
|
|
19
31
|
export * from './utils/dom.js';
|
|
@@ -24,9 +36,7 @@ export * from './utils/query-assigned-element.js';
|
|
|
24
36
|
export * from './utils/search-text-content.js';
|
|
25
37
|
export * from './utils/shared-intersection-observer.js';
|
|
26
38
|
export * from './utils/shared-resize-observer.js';
|
|
27
|
-
export * from './utils/
|
|
28
|
-
export * from './custom-element.js';
|
|
39
|
+
export * from './utils/types.js';
|
|
29
40
|
export { effect } from '@lit-labs/preact-signals';
|
|
30
41
|
export { pick as enumFrom } from 'es-toolkit/object';
|
|
31
|
-
export type AvailableIcons = keyof _OdxIcon | ExtractAssetName<keyof _OdxIcon>;
|
|
32
42
|
//# sourceMappingURL=main.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ContextProvider } from '@lit/context';
|
|
2
2
|
import { CustomElement } from '../custom-element.js';
|
|
3
|
-
import { Constructor } from '../utils/
|
|
3
|
+
import { Constructor } from '../utils/types.js';
|
|
4
4
|
export interface CanBeDisabled {
|
|
5
5
|
disabled: boolean;
|
|
6
6
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CustomElement } from '../custom-element.js';
|
|
2
|
-
import { Constructor } from '../utils/
|
|
2
|
+
import { Constructor } from '../utils/types.js';
|
|
3
3
|
import { CanBeDisabled } from './can-be-disabled.js';
|
|
4
4
|
export interface CanBeExpanded extends CanBeDisabled {
|
|
5
5
|
expanded: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CustomElement } from '../custom-element.js';
|
|
2
|
-
import { ARIAMixinStrict } from '../
|
|
3
|
-
import { Constructor } from '../utils/
|
|
2
|
+
import { ARIAMixinStrict } from '../utils/a11y.js';
|
|
3
|
+
import { Constructor } from '../utils/types.js';
|
|
4
4
|
export interface CanBeSelected {
|
|
5
5
|
selected: boolean;
|
|
6
6
|
ariaSelectedValue: ARIAMixinStrict['ariaCurrent'];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CustomElement } from '../custom-element.js';
|
|
2
|
-
import { Constructor } from '../utils/
|
|
2
|
+
import { Constructor } from '../utils/types.js';
|
|
3
3
|
import { CanBeDisabled } from './can-be-disabled.js';
|
|
4
4
|
type ValueType = string | number | boolean | string[] | number[] | boolean[];
|
|
5
5
|
export interface IsFormControl<V extends ValueType = string> extends CanBeDisabled {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CustomElement } from '../custom-element.js';
|
|
2
|
-
import { Constructor } from '../utils/
|
|
2
|
+
import { Constructor } from '../utils/types.js';
|
|
3
3
|
import { IsFormControl } from './form-control.js';
|
|
4
4
|
export interface IsNumberControl extends Omit<IsFormControl, 'value'> {
|
|
5
5
|
min: number;
|
|
@@ -1,19 +1,23 @@
|
|
|
1
|
-
import { CustomElement } from '
|
|
1
|
+
import { CustomElement } from '../custom-element.js';
|
|
2
2
|
import { PopoverPlacement, PopoverPlacementOptions } from './popover.models.js';
|
|
3
3
|
export declare class PopoverHost extends CustomElement {
|
|
4
4
|
#private;
|
|
5
5
|
static readonly styles: import('lit').CSSResult;
|
|
6
6
|
private isOpen;
|
|
7
|
-
referenceElement
|
|
7
|
+
referenceElement?: HTMLElement;
|
|
8
8
|
anchor: string;
|
|
9
9
|
placement?: PopoverPlacement;
|
|
10
10
|
get options(): PopoverPlacementOptions;
|
|
11
11
|
constructor();
|
|
12
12
|
connectedCallback(): void;
|
|
13
13
|
disconnectedCallback(): void;
|
|
14
|
+
connectPopover(referenceElement: HTMLElement): Promise<void>;
|
|
15
|
+
disconnectPopover(referenceElement?: HTMLElement): Promise<void>;
|
|
14
16
|
mountPopover(referenceElement?: HTMLElement | null): void;
|
|
15
17
|
unmountPopover(referenceElement: HTMLElement): void;
|
|
16
18
|
isPopoverOpen(): boolean;
|
|
19
|
+
hidePopover(): void;
|
|
20
|
+
showPopover(): void;
|
|
17
21
|
togglePopover(force?: boolean): boolean;
|
|
18
22
|
canPopoverShow?(): boolean;
|
|
19
23
|
onBeforePopoverShow?(): void;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { PopoverHost } from './popover-host.js';
|
|
2
|
+
export declare class PopoverObserver {
|
|
3
|
+
#private;
|
|
4
|
+
readonly host: PopoverHost;
|
|
5
|
+
readonly root: ShadowRoot | Document;
|
|
6
|
+
constructor(host: PopoverHost);
|
|
7
|
+
observe(): void;
|
|
8
|
+
disconnect(): void;
|
|
9
|
+
updateReferenceElements(): Promise<void>;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=popover-observer.d.ts.map
|