@odx/foundation 1.0.0-beta.2 → 1.0.0-beta.20

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 (85) hide show
  1. package/dist/{lib/facade → cdk/control}/checkbox-form-control.d.ts +2 -2
  2. package/dist/{lib/facade → cdk/control}/checkbox-group-form-control.d.ts +2 -2
  3. package/dist/cdk/control/listbox-form-control.d.ts +22 -0
  4. package/dist/cdk/control/option-control.d.ts +24 -0
  5. package/dist/{lib/facade → cdk/control}/radio-group-form-control.d.ts +2 -2
  6. package/dist/cdk/drag-drop/drag.controller.d.ts +1 -0
  7. package/dist/{components/button/base-button.d.ts → cdk/interactive/interactive-element.d.ts} +9 -8
  8. package/dist/cdk/interactive/interactive-link.d.ts +15 -0
  9. package/dist/cdk/main.d.ts +7 -0
  10. package/dist/cdk/popover/popover-host.d.ts +12 -6
  11. package/dist/cdk/popover/popover.models.d.ts +1 -1
  12. package/dist/cdk.js +721 -127
  13. package/dist/components/accordion/accordion-header.d.ts +1 -2
  14. package/dist/components/accordion/accordion-panel.d.ts +1 -0
  15. package/dist/components/accordion/accordion.d.ts +4 -4
  16. package/dist/components/button/button.d.ts +4 -6
  17. package/dist/components/button/button.models.d.ts +12 -0
  18. package/dist/components/button/index.d.ts +0 -1
  19. package/dist/components/button-group/button-group.d.ts +0 -8
  20. package/dist/components/checkbox/checkbox.d.ts +2 -2
  21. package/dist/components/checkbox-group/checkbox-group.d.ts +1 -1
  22. package/dist/components/chip/chip.d.ts +2 -2
  23. package/dist/components/combobox/combobox.d.ts +20 -0
  24. package/dist/components/combobox/index.d.ts +2 -0
  25. package/dist/components/dropdown/dropdown.d.ts +8 -4
  26. package/dist/components/highlight/highlight.d.ts +3 -0
  27. package/dist/components/input/input.d.ts +3 -0
  28. package/dist/components/link/base-link.d.ts +2 -2
  29. package/dist/components/list/list-item.d.ts +6 -6
  30. package/dist/components/list/list.d.ts +2 -0
  31. package/dist/components/main.d.ts +1 -0
  32. package/dist/components/menu/menu.d.ts +1 -4
  33. package/dist/components/menu-item/menu-item.d.ts +3 -4
  34. package/dist/components/navigation-item/navigation-item.d.ts +2 -2
  35. package/dist/components/option/option.d.ts +1 -2
  36. package/dist/components/radio-button/radio-button.d.ts +1 -1
  37. package/dist/components/radio-group/radio-group.d.ts +1 -1
  38. package/dist/components/select/select.d.ts +9 -5
  39. package/dist/components/stack/stack.d.ts +3 -3
  40. package/dist/components/stack/stack.models.d.ts +1 -1
  41. package/dist/components/switch/switch.d.ts +1 -1
  42. package/dist/components/table/table-header.d.ts +1 -1
  43. package/dist/components/table/table-row.d.ts +1 -1
  44. package/dist/components/text/text.models.d.ts +1 -1
  45. package/dist/components/toggle-button/toggle-button.d.ts +1 -1
  46. package/dist/components/toggle-content/toggle-content.d.ts +2 -3
  47. package/dist/components/tooltip/tooltip.d.ts +1 -4
  48. package/dist/components.js +705 -649
  49. package/dist/i18n/lib/config.d.ts +4 -3
  50. package/dist/i18n.js +14 -10
  51. package/dist/lib/controllers/active-desendants-controller.d.ts +25 -0
  52. package/dist/lib/controllers/expandable-controller.d.ts +17 -0
  53. package/dist/lib/controllers/focus-trap.controller.d.ts +1 -0
  54. package/dist/lib/custom-element.d.ts +1 -1
  55. package/dist/lib/main.d.ts +9 -12
  56. package/dist/lib/mixins/can-be-disabled.d.ts +1 -1
  57. package/dist/lib/mixins/can-be-expanded.d.ts +2 -4
  58. package/dist/lib/mixins/can-be-highlighted.d.ts +8 -0
  59. package/dist/lib/mixins/can-be-readonly.d.ts +1 -1
  60. package/dist/lib/mixins/can-be-required.d.ts +1 -1
  61. package/dist/lib/mixins/can-be-selected.d.ts +2 -2
  62. package/dist/lib/mixins/can-be-validated.d.ts +1 -1
  63. package/dist/lib/mixins/form-control.d.ts +2 -2
  64. package/dist/lib/mixins/number-control.d.ts +1 -1
  65. package/dist/lib/mixins/with-loading-state.d.ts +1 -1
  66. package/dist/lib/{utils → types}/a11y.d.ts +0 -6
  67. package/dist/lib/utils/dom.d.ts +0 -2
  68. package/dist/lib/{directives/slot-fallback.d.ts → utils/empty-slot-fallback-fix.d.ts} +1 -1
  69. package/dist/lib/utils/lit.d.ts +5 -0
  70. package/dist/lib/utils/query-assigned-element.d.ts +16 -0
  71. package/dist/lib/utils/search-text-content.d.ts +1 -0
  72. package/dist/lib/utils/transformers.d.ts +5 -0
  73. package/dist/main.js +366 -626
  74. package/dist/styles.css +1 -1
  75. package/dist/vendor-dJxQG085.js +138 -0
  76. package/package.json +8 -8
  77. package/dist/lib/decorators/request-update-on-aria-change.d.ts +0 -4
  78. package/dist/lib/directives/optional-attr.d.ts +0 -2
  79. package/dist/lib/directives/optional-slot.d.ts +0 -3
  80. package/dist/lib/facade/option-control.d.ts +0 -16
  81. package/dist/lib/facade/select-form-control.d.ts +0 -19
  82. package/dist/lib/utils/object.d.ts +0 -2
  83. package/dist/vendor-C_WVAD3D.js +0 -3680
  84. package/dist/vite.config.d.ts +0 -3
  85. /package/dist/lib/{mixins → utils}/dedupe-mixin.d.ts +0 -0
@@ -1,5 +1,5 @@
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;
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;
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';
1
2
  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('../main.js').Constructor<import('../mixins/form-control.js').IsFormControl<string[]>> & typeof CustomElement;
4
+ declare const CheckboxGroupFormControl_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').IsFormControl<string[]>> & typeof CustomElement;
5
5
  export declare abstract class CheckboxGroupFormControl extends CheckboxGroupFormControl_base {
6
6
  #private;
7
7
  private elements;
@@ -0,0 +1,22 @@
1
+ import { CustomElement } from '../../lib/main.js';
2
+ import { PropertyValues } from 'lit';
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;
5
+ export declare abstract class ListboxFormControl<Option extends OptionControl> extends ListboxFormControl_base {
6
+ #private;
7
+ protected abstract options: Option[];
8
+ autoSelect: boolean;
9
+ multiple: boolean;
10
+ value: string[] | string;
11
+ get selectedOptions(): MapIterator<Option>;
12
+ constructor();
13
+ canAutoSelect(option: Option): boolean;
14
+ canSelect(option: Option): boolean;
15
+ toggleOption(option: Option, state?: boolean): void;
16
+ connectedCallback(): void;
17
+ protected updateValue(option?: Option): void;
18
+ protected willUpdate(props: PropertyValues<this>): void;
19
+ protected updateSelection(): void;
20
+ }
21
+ export {};
22
+ //# sourceMappingURL=listbox-form-control.d.ts.map
@@ -0,0 +1,24 @@
1
+ import { CanBeDisabled, CanBeHighlighted, CustomElement } from '../../lib/main.js';
2
+ import { PropertyValueMap } from 'lit';
3
+ export interface Option {
4
+ label?: string;
5
+ value: string;
6
+ selected: boolean;
7
+ disabled?: boolean;
8
+ }
9
+ declare const OptionControl_base: import('../../lib/main.js').Constructor<CanBeHighlighted> & import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
10
+ export declare abstract class OptionControl extends OptionControl_base implements Option {
11
+ #private;
12
+ role: 'option' | 'gridcell' | 'row' | 'tab' | null;
13
+ set label(value: string);
14
+ get label(): string;
15
+ value: string;
16
+ selected: boolean;
17
+ type?: 'checkbox' | null;
18
+ getTextLabel(): string;
19
+ toggle(force?: boolean): void;
20
+ connectedCallback(): void;
21
+ protected willUpdate(props: PropertyValueMap<this>): void;
22
+ }
23
+ export {};
24
+ //# sourceMappingURL=option-control.d.ts.map
@@ -1,7 +1,7 @@
1
+ import { CustomElement } from '../../lib/main.js';
1
2
  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('../main.js').Constructor<import('../mixins/form-control.js').IsFormControl<string>> & typeof CustomElement;
4
+ declare const RadioGroupFormControl_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').IsFormControl<string>> & typeof CustomElement;
5
5
  export declare abstract class RadioGroupFormControl extends RadioGroupFormControl_base {
6
6
  #private;
7
7
  static shadowRootOptions: {
@@ -4,6 +4,7 @@ export interface DragControllerOptions<T extends DraggableElement = DraggableEle
4
4
  getDraggableElements: () => T[];
5
5
  getContainer?: () => HTMLElement;
6
6
  }
7
+ export declare const DragControllerOptions: <T extends DraggableElement = DraggableElement>(config?: Partial<DragControllerOptions<T>>) => DragControllerOptions<T>;
7
8
  export declare class DragController<T extends DraggableElement = DraggableElement> implements ReactiveController {
8
9
  #private;
9
10
  get draggableElements(): T[];
@@ -1,6 +1,6 @@
1
- import { TemplateResult, nothing } from 'lit';
2
- import { BaseLink } from '../link/index.js';
3
- declare const BaseButton_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').HasLoadingState> & typeof BaseLink;
1
+ import { TemplateResult } from 'lit';
2
+ import { InteractiveLink } from './interactive-link.js';
3
+ declare const InteractiveElement_base: import('../../lib/main.js').Constructor<import('../../lib/main.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
@@ -13,15 +13,16 @@ declare const BaseButton_base: import('../../lib/main.js').Constructor<import('.
13
13
  * @slot suffix - Contains the button's icon or state indicator, e.g. a spinner.
14
14
  * @slot - Contains button text
15
15
  */
16
- export declare class BaseButton extends BaseButton_base {
16
+ export declare class InteractiveElement extends InteractiveElement_base implements InteractiveElement {
17
+ #private;
17
18
  static readonly styles: import('lit').CSSResult;
19
+ nativeElement: HTMLButtonElement | HTMLAnchorElement;
20
+ loaderSlot?: 'prefix' | 'suffix';
18
21
  lineClamp: 1 | 2;
19
22
  protected render(): TemplateResult;
20
23
  protected renderContent(withSpinner?: boolean): TemplateResult;
21
24
  protected renderButton(): TemplateResult<1>;
22
- protected renderSlot(name: 'prefix' | 'suffix', force?: boolean): TemplateResult;
23
- protected renderOverlay(): TemplateResult | typeof nothing;
24
- protected renderSpinner(overlay?: boolean): TemplateResult;
25
+ protected renderLoader(): TemplateResult;
25
26
  }
26
27
  export {};
27
- //# sourceMappingURL=base-button.d.ts.map
28
+ //# sourceMappingURL=interactive-element.d.ts.map
@@ -0,0 +1,15 @@
1
+ import { CanBeDisabled, CustomElement } from '../../lib/main.js';
2
+ import { TemplateResult } from 'lit';
3
+ declare const InteractiveLink_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
4
+ export declare class InteractiveLink extends InteractiveLink_base {
5
+ static shadowRootOptions: ShadowRootInit;
6
+ readonly nativeElement: HTMLElement;
7
+ href: string;
8
+ target: '_blank' | '_parent' | '_self' | '_top' | '';
9
+ rel: string;
10
+ download?: string;
11
+ protected render(): TemplateResult;
12
+ protected renderContent(): TemplateResult;
13
+ }
14
+ export {};
15
+ //# sourceMappingURL=interactive-link.d.ts.map
@@ -1,6 +1,13 @@
1
+ export * from './control/checkbox-form-control.js';
2
+ export * from './control/checkbox-group-form-control.js';
3
+ export * from './control/listbox-form-control.js';
4
+ export * from './control/option-control.js';
5
+ export * from './control/radio-group-form-control.js';
1
6
  export * from './drag-drop/drag-events.js';
2
7
  export * from './drag-drop/drag.controller.js';
3
8
  export * from './drag-drop/is-draggable.js';
9
+ export * from './interactive/interactive-element.js';
10
+ export * from './interactive/interactive-link.js';
4
11
  export * from './popover/popover-host.js';
5
12
  export * from './popover/popover.js';
6
13
  export * from './popover/popover.models.js';
@@ -1,19 +1,25 @@
1
- import { Constructor, CustomElement } from '../../lib/main.js';
1
+ import { CustomElement } from '../../lib/main.js';
2
2
  import { PopoverPlacement, PopoverPlacementOptions } from './popover.models.js';
3
- export interface PopoverHost {
3
+ export declare class PopoverHost extends CustomElement {
4
+ #private;
5
+ static readonly styles: import('lit').CSSResult;
6
+ private isOpen;
4
7
  referenceElement: HTMLElement | null;
5
8
  anchor: string;
6
9
  placement?: PopoverPlacement;
7
10
  get options(): PopoverPlacementOptions;
8
- isPopoverOpen(): boolean;
11
+ constructor();
12
+ connectedCallback(): void;
13
+ disconnectedCallback(): void;
9
14
  mountPopover(referenceElement?: HTMLElement | null): void;
10
15
  unmountPopover(referenceElement: HTMLElement): void;
11
- togglePopover(): boolean;
16
+ isPopoverOpen(): boolean;
17
+ togglePopover(force?: boolean): boolean;
18
+ canPopoverShow?(): boolean;
12
19
  onBeforePopoverShow?(): void;
13
20
  onPopoverShow?(): void;
14
21
  onBeforePopoverHide?(): void;
15
22
  onPopoverHide?(): void;
23
+ canPopoverHide?(): boolean;
16
24
  }
17
- export type PopoverHostElement = PopoverHost & CustomElement;
18
- export declare const PopoverHost: <T extends Constructor<CustomElement>>(superClass: T) => Constructor<PopoverHost> & T;
19
25
  //# sourceMappingURL=popover-host.d.ts.map
@@ -23,7 +23,7 @@ export interface PopoverPlacementOptions {
23
23
  offset: number;
24
24
  outerPadding: number;
25
25
  }
26
- export declare const PopoverPlacementOptions: (options?: Partial<PopoverPlacementOptions> | null | undefined) => PopoverPlacementOptions;
26
+ export declare function PopoverPlacementOptions(options?: Partial<PopoverPlacementOptions>): PopoverPlacementOptions;
27
27
  export type PopoverSide = (typeof PopoverSide)[keyof typeof PopoverSide];
28
28
  export declare const PopoverSide: {
29
29
  readonly TOP: "top";