@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.
Files changed (65) hide show
  1. package/dist/components/accordion/accordion-header.d.ts +1 -2
  2. package/dist/components/button/button.d.ts +1 -2
  3. package/dist/components/checkbox/checkbox.d.ts +1 -1
  4. package/dist/components/checkbox-group/checkbox-group.d.ts +1 -2
  5. package/dist/components/combobox/combobox.d.ts +1 -1
  6. package/dist/components/dropdown/dropdown.d.ts +2 -2
  7. package/dist/components/icon-button/icon-button.d.ts +1 -2
  8. package/dist/components/inline-message/inline-message.d.ts +2 -2
  9. package/dist/components/link/link.d.ts +1 -1
  10. package/dist/components/list/list-item.d.ts +1 -2
  11. package/dist/components/main-menu/main-menu-link.d.ts +1 -1
  12. package/dist/components/menu/menu.d.ts +1 -1
  13. package/dist/components/menu-item/menu-item.d.ts +2 -3
  14. package/dist/components/navigation-item/navigation-item.d.ts +1 -2
  15. package/dist/components/option/option.d.ts +1 -1
  16. package/dist/components/radio-button/radio-button.d.ts +1 -1
  17. package/dist/components/radio-group/radio-group.d.ts +1 -2
  18. package/dist/components/select/select.d.ts +1 -1
  19. package/dist/components/slider/slider-handle.d.ts +2 -3
  20. package/dist/components/slider/slider.d.ts +1 -2
  21. package/dist/components/switch/switch.d.ts +1 -1
  22. package/dist/components/table/table-header.d.ts +1 -1
  23. package/dist/components/toggle-button/toggle-button.d.ts +1 -1
  24. package/dist/components/tooltip/tooltip.d.ts +1 -2
  25. package/dist/components.js +19 -23
  26. package/dist/i18n.js +1 -1
  27. package/dist/{cdk → lib}/control/checkbox-form-control.d.ts +2 -2
  28. package/dist/{cdk → lib}/control/checkbox-group-form-control.d.ts +2 -2
  29. package/dist/{cdk → lib}/control/listbox-form-control.d.ts +2 -2
  30. package/dist/{cdk → lib}/control/option-control.d.ts +4 -2
  31. package/dist/{cdk → lib}/control/radio-group-form-control.d.ts +2 -2
  32. package/dist/lib/controllers/active-desendants-controller.d.ts +1 -1
  33. package/dist/{cdk → lib}/drag-drop/is-draggable.d.ts +3 -3
  34. package/dist/{cdk → lib}/interactive/interactive-element.d.ts +1 -1
  35. package/dist/{cdk → lib}/interactive/interactive-link.d.ts +3 -2
  36. package/dist/lib/main.d.ts +19 -9
  37. package/dist/lib/mixins/can-be-disabled.d.ts +1 -1
  38. package/dist/lib/mixins/can-be-expanded.d.ts +1 -1
  39. package/dist/lib/mixins/can-be-highlighted.d.ts +1 -1
  40. package/dist/lib/mixins/can-be-selected.d.ts +2 -2
  41. package/dist/lib/mixins/form-control.d.ts +1 -1
  42. package/dist/lib/mixins/number-control.d.ts +1 -1
  43. package/dist/lib/mixins/with-loading-state.d.ts +1 -1
  44. package/dist/lib/models/shape.d.ts +1 -1
  45. package/dist/lib/models/size.d.ts +1 -1
  46. package/dist/lib/models/variant.d.ts +1 -1
  47. package/dist/{cdk → lib}/popover/popover-host.d.ts +6 -2
  48. package/dist/lib/popover/popover-observer.d.ts +11 -0
  49. package/dist/{cdk → lib}/popover/popover.d.ts +1 -1
  50. package/dist/{cdk → lib}/popover/popover.models.d.ts +1 -1
  51. package/dist/lib/utils/dedupe-mixin.d.ts +1 -1
  52. package/dist/lib/utils/dom.d.ts +3 -1
  53. package/dist/lib/utils/types.d.ts +3 -0
  54. package/dist/loader.js +3 -3
  55. package/dist/main.js +1411 -451
  56. package/package.json +1 -5
  57. package/dist/cdk/main.d.ts +0 -14
  58. package/dist/cdk.js +0 -932
  59. package/dist/lib/types/utils.d.ts +0 -2
  60. package/dist/lib/utils/transformers.d.ts +0 -3
  61. package/dist/{cdk → lib}/drag-drop/drag-events.d.ts +0 -0
  62. package/dist/{cdk → lib}/drag-drop/drag.controller.d.ts +0 -0
  63. package/dist/{cdk → lib}/popover/popover.utils.d.ts +0 -0
  64. package/dist/lib/{types → utils}/a11y.d.ts +0 -0
  65. 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,4 +1,4 @@
1
- import { CheckboxFormControl } from '../../cdk/main.js';
1
+ import { CheckboxFormControl } from '../../lib/main.js';
2
2
  import { PropertyValueMap, TemplateResult } from 'lit';
3
3
  declare global {
4
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 '../../cdk/main.js';
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?: AvailableIcons;
22
+ icon?: OdxIconName;
24
23
  protected renderContent(): TemplateResult;
25
24
  }
26
25
  //# sourceMappingURL=icon-button.d.ts.map
@@ -1,4 +1,4 @@
1
- import { AvailableIcons, CustomElement, EnumString } from '../../lib/main.js';
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?: AvailableIcons | null;
21
+ icon?: OdxIconName | null;
22
22
  variant?: InlineMessageVariant;
23
23
  show(): void;
24
24
  hide(): Promise<void>;
@@ -1,4 +1,4 @@
1
- import { InteractiveLink } from '../../cdk/main.js';
1
+ import { InteractiveLink } from '../../lib/main.js';
2
2
  declare global {
3
3
  interface HTMLElementTagNameMap {
4
4
  'odx-link': OdxLink;
@@ -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,4 +1,4 @@
1
- import { InteractiveLink } from '../../cdk/main.js';
1
+ import { InteractiveLink } from '../../lib/main.js';
2
2
  declare global {
3
3
  interface HTMLElementTagNameMap {
4
4
  'odx-main-menu-link': OdxMainMenuLink;
@@ -1,4 +1,4 @@
1
- import { PopoverHost } from '../../cdk/main.js';
1
+ import { PopoverHost } from '../../lib/main.js';
2
2
  import { TemplateResult } from 'lit';
3
3
  import { OdxMenuItem } from '../menu-item/menu-item.js';
4
4
  declare global {
@@ -1,5 +1,4 @@
1
- import { AvailableIcons } from '../../lib/main.js';
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?: AvailableIcons | null;
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,4 +1,4 @@
1
- import { OptionControl } from '../../cdk/main.js';
1
+ import { OptionControl } from '../../lib/main.js';
2
2
  import { TemplateResult } from 'lit';
3
3
  declare global {
4
4
  interface HTMLElementTagNameMap {
@@ -1,4 +1,4 @@
1
- import { CheckboxFormControl } from '../../cdk/main.js';
1
+ import { CheckboxFormControl } from '../../lib/main.js';
2
2
  import { TemplateResult } from 'lit';
3
3
  declare global {
4
4
  interface HTMLElementTagNameMap {
@@ -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 '../../cdk/main.js';
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('../../cdk/main.js').DraggableElement> & import('../../lib/main.js').Constructor<import('../../lib/main.js').IsNumberControl> & typeof CustomElement;
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,4 +1,4 @@
1
- import { CheckboxFormControl } from '../../cdk/main.js';
1
+ import { CheckboxFormControl } from '../../lib/main.js';
2
2
  import { TemplateResult } from 'lit';
3
3
  declare global {
4
4
  interface HTMLElementTagNameMap {
@@ -1,4 +1,4 @@
1
- import { CheckboxFormControl } from '../../cdk/main.js';
1
+ import { CheckboxFormControl } from '../../lib/main.js';
2
2
  import { TemplateResult } from 'lit';
3
3
  declare global {
4
4
  interface HTMLElementTagNameMap {
@@ -1,4 +1,4 @@
1
- import { CheckboxFormControl } from '../../cdk/main.js';
1
+ import { CheckboxFormControl } from '../../lib/main.js';
2
2
  import { PropertyValues, TemplateResult } from 'lit';
3
3
  declare global {
4
4
  interface HTMLElementTagNameMap {
@@ -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 {
@@ -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-Cef33Vym.js';
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, (_event) => {
1049
- this.togglePopover();
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
- if (!this.isPopoverOpen()) {
1055
- event.stopImmediatePropagation();
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 id="select-trigger" class="base" tabindex="0">
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" anchor="select-trigger" role="listbox" tabindex="-1" ?disabled=${this.disabled} match-reference-width>
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-Cef33Vym.js';
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 '../../lib/main.js';
2
- declare const CheckboxFormControl_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').IsFormControl<string>> & typeof CustomElement;
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('../../lib/main.js').Constructor<import('../../lib/main.js').IsFormControl<string[]>> & typeof CustomElement;
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('../../lib/main.js').Constructor<import('../../lib/main.js').IsFormControl<string | string[]>> & typeof CustomElement;
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('../../lib/main.js').Constructor<CanBeHighlighted> & import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
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('../../lib/main.js').Constructor<import('../../lib/main.js').IsFormControl<string>> & typeof CustomElement;
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 '../main.js';
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 { Constructor } from '../../lib/main.js';
2
- import { LitElement } from 'lit';
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<LitElement>>(superClass: T) => Constructor<DraggableElement> & T;
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('../../lib/main.js').Constructor<import('../../lib/main.js').HasLoadingState> & typeof InteractiveLink;
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
- declare const InteractiveLink_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
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;
@@ -1,4 +1,11 @@
1
- import { ExtractAssetName } from '@odx/assets-utils';
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 './models/shape.js';
13
- export * from './models/size.js';
14
- export * from './models/variant.js';
15
- export * from './types/a11y.js';
16
- export * from './types/utils.js';
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/transformers.js';
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/dedupe-mixin.js';
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/dedupe-mixin.js';
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,5 +1,5 @@
1
1
  import { CustomElement } from '../custom-element.js';
2
- import { Constructor } from '../utils/dedupe-mixin.js';
2
+ import { Constructor } from '../utils/types.js';
3
3
  export interface CanBeHighlighted {
4
4
  disabled?: boolean;
5
5
  highlight(active: boolean): void;
@@ -1,6 +1,6 @@
1
1
  import { CustomElement } from '../custom-element.js';
2
- import { ARIAMixinStrict } from '../types/a11y.js';
3
- import { Constructor } from '../utils/dedupe-mixin.js';
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/dedupe-mixin.js';
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/dedupe-mixin.js';
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,5 +1,5 @@
1
1
  import { CustomElement } from '../custom-element.js';
2
- import { Constructor } from '../utils/dedupe-mixin.js';
2
+ import { Constructor } from '../utils/types.js';
3
3
  export interface HasLoadingState {
4
4
  loading: boolean;
5
5
  get loadingContainer(): HTMLElement;
@@ -1,4 +1,4 @@
1
- import { EnumString } from '../types/utils.js';
1
+ import { EnumString } from '../utils/types.js';
2
2
  export type Shape = EnumString<typeof Shape>;
3
3
  export declare const Shape: {
4
4
  readonly CIRCLE: "circle";
@@ -1,4 +1,4 @@
1
- import { EnumString } from '../types/utils.js';
1
+ import { EnumString } from '../utils/types.js';
2
2
  export type Size = EnumString<typeof Size>;
3
3
  export declare const Size: {
4
4
  readonly XS: "xs";
@@ -1,4 +1,4 @@
1
- import { EnumString } from '../types/utils.js';
1
+ import { EnumString } from '../utils/types.js';
2
2
  export type Variant = EnumString<typeof Variant>;
3
3
  export declare const Variant: {
4
4
  readonly NEUTRAL: "neutral";
@@ -1,19 +1,23 @@
1
- import { CustomElement } from '../../lib/main.js';
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: HTMLElement | null;
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