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

package/dist/components/accordion/accordion-header.d.ts

@@ -9,11 +9,10 @@ declare global {
 declare const OdxAccordionHeader_base: import('../../lib/main.js').Constructor<CanBeExpanded> & typeof CustomElement;
 export declare class OdxAccordionHeader extends OdxAccordionHeader_base {
     #private;
-    static shadowRootOptions: ShadowRootInit;
     get panel(): OdxAccordionPanel | null;
     connectedCallback(): void;
     protected render(): TemplateResult;
-    protected willUpdate(props: PropertyValues<this>): void;
+    protected updated(props: PropertyValues<this>): void;
 }
 export {};
 //# sourceMappingURL=accordion-header.d.ts.map

package/dist/components/accordion/accordion-panel.d.ts

@@ -6,6 +6,7 @@ declare global {
     }
 }
 export declare class OdxAccordionPanel extends CustomElement {
+    hidden: boolean;
     connectedCallback(): void;
     protected render(): TemplateResult;
 }

package/dist/components/accordion/accordion.d.ts

@@ -1,15 +1,15 @@
 import { CustomElement } from '../../lib/main.js';
-import { PropertyValues } from 'lit';
+import { OdxAccordionHeader } from './accordion-header.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-accordion': OdxAccordion;
     }
 }
 export declare class OdxAccordion extends CustomElement {
-    #private;
-    private controls;
+    items: OdxAccordionHeader[];
+    controlPosition?: 'start';
     multiple: boolean;
     constructor();
-    protected updated(props: PropertyValues): void;
+    toggleAll(force?: boolean, emitEvent?: boolean): void;
 }
 //# sourceMappingURL=accordion.d.ts.map

package/dist/components/button/button.d.ts

@@ -1,12 +1,11 @@
+import { InteractiveElement } from '../../cdk/main.js';
 import { TemplateResult } from 'lit';
-import { BaseButton } from './base-button.js';
-import { ButtonSize, ButtonVariant } from './button.models.js';
+import { ButtonBadgeAlign, ButtonSize, ButtonVariant } from './button.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-button': OdxButton;
     }
 }
-declare const OdxButton_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').HasLoadingState> & typeof BaseButton;
 /**
  * A button is clickable text or an icon that triggers an action on the page or in the background.
  * Depending on the action, content, and hierarchy, a button can be used on its own or grouped with
@@ -19,10 +18,10 @@ declare const OdxButton_base: import('../../lib/main.js').Constructor<import('..
  * @slot suffix - Contains the button's icon or state indicator, e.g. a spinner.
  * @slot - Contains button text
  */
-export declare class OdxButton extends OdxButton_base {
+export declare class OdxButton extends InteractiveElement {
     #private;
     static readonly formAssociated = true;
-    alignBadge?: 'center' | 'end';
+    alignBadge?: ButtonBadgeAlign;
     block: boolean;
     /**
      * The type of the button.
@@ -39,5 +38,4 @@ export declare class OdxButton extends OdxButton_base {
     constructor();
     protected render(): TemplateResult;
 }
-export {};
 //# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.models.d.ts

@@ -1,5 +1,6 @@
 export type ButtonSize = (typeof ButtonSize)[keyof typeof ButtonSize];
 export declare const ButtonSize: {
+    readonly XS: "xs";
     readonly SM: "sm";
     readonly MD: "md";
     readonly LG: "lg";
@@ -12,4 +13,15 @@ export declare const ButtonVariant: {
     readonly GHOST: "ghost";
     readonly DANGER: "danger";
 };
+export type ButtonLoaderSlot = (typeof ButtonLoaderSlot)[keyof typeof ButtonLoaderSlot];
+export declare const ButtonLoaderSlot: {
+    readonly PREFIX: "prefix";
+    readonly SUFFIX: "suffix";
+};
+export type ButtonBadgeAlign = (typeof ButtonBadgeAlign)[keyof typeof ButtonBadgeAlign];
+export declare const ButtonBadgeAlign: {
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+};
 //# sourceMappingURL=button.models.d.ts.map

package/dist/components/button/index.d.ts

@@ -1,4 +1,3 @@
-export * from './base-button.js';
 export * from './button.js';
 export * from './button.models.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/button-group/button-group.d.ts

@@ -1,6 +1,4 @@
 import { CanBeDisabled, CustomElement } from '../../lib/main.js';
-import { PropertyValues } from 'lit';
-import { ButtonSize, ButtonVariant, OdxButton } from '../button/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-button-group': OdxButtonGroup;
@@ -8,14 +6,8 @@ declare global {
 }
 declare const OdxButtonGroup_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class OdxButtonGroup extends OdxButtonGroup_base {
-    protected buttons: OdxButton[];
-    constructor();
     block: boolean;
-    connected: boolean;
     vertical: boolean;
-    size?: ButtonSize;
-    variant?: ButtonVariant;
-    protected updated(props: PropertyValues<this>): void;
 }
 export {};
 //# sourceMappingURL=button-group.d.ts.map

package/dist/components/checkbox/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxFormControl } from '../../lib/main.js';
+import { CheckboxFormControl } from '../../cdk/main.js';
 import { PropertyValueMap, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -8,7 +8,7 @@ declare global {
 export declare class OdxCheckbox extends CheckboxFormControl {
     indeterminate: boolean;
     protected render(): TemplateResult;
-    protected willUpdate(changes: PropertyValueMap<this>): void;
+    protected willUpdate(props: PropertyValueMap<this>): void;
     toggle(state?: boolean, dispatchEvent?: boolean): void;
 }
 //# sourceMappingURL=checkbox.d.ts.map

package/dist/components/checkbox-group/checkbox-group.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxGroupFormControl } from '../../lib/main.js';
+import { CheckboxGroupFormControl } from '../../cdk/main.js';
 import { TemplateResult } from 'lit';
 import { CheckboxGroupVariant } from './checkbox-group.models.js';
 declare global {

package/dist/components/chip/chip.d.ts

@@ -15,8 +15,8 @@ export declare class OdxChip extends OdxChip_base {
     variant?: ChipVariant;
     protected render(): TemplateResult;
     protected renderAction(): TemplateResult;
-    protected willUpdate(changes: PropertyValues<this>): void;
-    protected updated(changes: PropertyValues<this>): void;
+    protected willUpdate(props: PropertyValues<this>): void;
+    protected updated(props: PropertyValues<this>): void;
 }
 export {};
 //# sourceMappingURL=chip.d.ts.map

package/dist/components/combobox/combobox.d.ts

@@ -0,0 +1,20 @@
+import { ListboxFormControl, OptionControl } from '../../cdk/main.js';
+import { TemplateResult } from 'lit';
+import { OdxDropdown } from '../dropdown/index.js';
+import { OdxOption } from '../option/index.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-combobox': OdxCombobox;
+    }
+}
+export declare class OdxCombobox extends ListboxFormControl<OptionControl> {
+    #private;
+    control?: HTMLInputElement | HTMLButtonElement;
+    protected options: OdxOption[];
+    protected readonly dropdown: OdxDropdown;
+    protected base?: HTMLDivElement;
+    constructor();
+    canAutoSelect(option: OptionControl): boolean;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=combobox.d.ts.map

package/dist/components/combobox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './combobox.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dropdown/dropdown.d.ts

@@ -1,4 +1,4 @@
-import { CanBeDisabled, CustomElement } from '../../lib/main.js';
+import { CanBeDisabled } from '../../lib/main.js';
 import { OdxPopover, PopoverHost, PopoverPlacementOptions } from '../../cdk/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 import { DropdownPlacement } from './dropdown.models.js';
@@ -7,18 +7,22 @@ declare global {
         'odx-dropdown': OdxDropdown;
     }
 }
-declare const OdxDropdown_base: import('../../lib/main.js').Constructor<PopoverHost> & import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+declare const OdxDropdown_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof PopoverHost;
 export declare class OdxDropdown extends OdxDropdown_base {
     #private;
-    protected popoverElement: OdxPopover;
+    popoverElement: OdxPopover;
     matchReferenceWidth: boolean;
     placement: DropdownPlacement;
     get options(): PopoverPlacementOptions;
     connectedCallback(): void;
     mountPopover(referenceElement?: HTMLElement | null): void;
     unmountPopover(referenceElement: HTMLElement): void;
+    onBeforePopoverShow(): void;
+    onPopoverShow(): void;
+    onBeforePopoverHide(): void;
+    onPopoverHide(): void;
     protected render(): TemplateResult;
-    protected willUpdate(changes: PropertyValues<this>): void;
+    protected willUpdate(props: PropertyValues<this>): void;
 }
 export {};
 //# sourceMappingURL=dropdown.d.ts.map

package/dist/components/highlight/highlight.d.ts

@@ -7,7 +7,10 @@ declare global {
 }
 export declare class OdxHighlight extends CustomElement {
     query?: string | null;
+    selector?: string;
     minlength: number;
+    subtle: boolean;
+    disabled: boolean;
     protected updated(props: PropertyValueMap<this>): void;
     protected highlight(): void;
 }

package/dist/components/input/input.d.ts

@@ -10,11 +10,14 @@ declare const OdxInput_base: import('../../lib/main.js').Constructor<import('../
 export declare class OdxInput extends OdxInput_base {
     #private;
     static readonly formAssociated = true;
+    private focusableElement;
+    block: boolean;
     clearable: boolean;
     placeholder: string;
     type: HTMLInputElement['type'];
     variant?: InputVariant | null;
     clear(): void;
+    focus(): void;
     protected render(): TemplateResult;
 }
 export {};

package/dist/components/link/base-link.d.ts

@@ -1,4 +1,4 @@
-import { ARIARole, CanBeDisabled, CustomElement } from '../../lib/main.js';
+import { CanBeDisabled, CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
 declare const BaseLink_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class BaseLink extends BaseLink_base {
@@ -8,7 +8,7 @@ export declare class BaseLink extends BaseLink_base {
     target: '_blank' | '_parent' | '_self' | '_top' | '';
     rel: string;
     download?: string;
-    protected render(role?: ARIARole): TemplateResult;
+    protected render(): TemplateResult;
     protected renderContent(): TemplateResult;
 }
 export {};

package/dist/components/list/list-item.d.ts

@@ -1,25 +1,25 @@
 import { CanBeExpanded, CanBeSelected } from '../../lib/main.js';
+import { InteractiveElement } from '../../cdk/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { BaseButton } from '../button/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-list-item': OdxListItem;
     }
 }
-declare const OdxListItem_base: import('../../lib/main.js').Constructor<CanBeSelected> & import('../../lib/main.js').Constructor<CanBeExpanded> & typeof BaseButton;
+declare const OdxListItem_base: import('../../lib/main.js').Constructor<CanBeSelected> & import('../../lib/main.js').Constructor<CanBeExpanded> & typeof InteractiveElement;
 export declare class OdxListItem extends OdxListItem_base {
     #private;
+    private expandableItems;
     compact: boolean;
     muted: boolean;
-    withControl: boolean;
-    withExpandedIndicator: boolean;
+    withExpandControl: boolean;
+    withExpandIndicator: boolean;
     constructor();
     isExpandable(): boolean;
     connectedCallback(): void;
     protected render(): TemplateResult;
     protected renderContent(): TemplateResult;
-    protected renderSpinner(overlay?: boolean): TemplateResult;
-    protected willUpdate(props: PropertyValues<this>): void;
+    protected updated(props: PropertyValues<this>): void;
 }
 export {};
 //# sourceMappingURL=list-item.d.ts.map

package/dist/components/list/list.d.ts

@@ -5,6 +5,8 @@ declare global {
     }
 }
 export declare class OdxList extends CustomElement {
+    multiple: boolean;
+    constructor();
     connectedCallback(): void;
 }
 //# sourceMappingURL=list.d.ts.map

package/dist/components/main.d.ts

@@ -13,6 +13,7 @@ export * from './checkbox-group/index.js';
 export * from './checkbox/index.js';
 export * from './chip/index.js';
 export * from './circular-progress-bar/index.js';
+export * from './combobox/index.js';
 export * from './content-box/index.js';
 export * from './dropdown/index.js';
 export * from './form-field/index.js';

package/dist/components/menu/menu.d.ts

@@ -1,4 +1,3 @@
-import { CustomElement } from '../../lib/main.js';
 import { PopoverHost } from '../../cdk/main.js';
 import { TemplateResult } from 'lit';
 import { OdxMenuItem } from '../menu-item/index.js';
@@ -7,8 +6,7 @@ declare global {
         'odx-menu': OdxMenu;
     }
 }
-declare const OdxMenu_base: import('../../lib/main.js').Constructor<PopoverHost> & typeof CustomElement;
-export declare class OdxMenu extends OdxMenu_base {
+export declare class OdxMenu extends PopoverHost {
     #private;
     getItems(): OdxMenuItem[];
     connectedCallback(): void;
@@ -20,5 +18,4 @@ export declare class OdxMenu extends OdxMenu_base {
     protected isMenuItem(element: Element): element is OdxMenuItem;
     protected render(): TemplateResult;
 }
-export {};
 //# sourceMappingURL=menu.d.ts.map

package/dist/components/menu-item/menu-item.d.ts

@@ -1,15 +1,14 @@
 import { AvailableIcons } from '../../lib/main.js';
-import { TemplateResult, nothing } from 'lit';
-import { BaseButton } from '../button/index.js';
+import { InteractiveElement } from '../../cdk/main.js';
+import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-menu-item': OdxMenuItem;
     }
 }
-export declare class OdxMenuItem extends BaseButton {
+export declare class OdxMenuItem extends InteractiveElement {
     icon?: AvailableIcons | null;
     protected renderContent(): TemplateResult;
     connectedCallback(): void;
-    protected renderOverlay(): typeof nothing;
 }
 //# sourceMappingURL=menu-item.d.ts.map

package/dist/components/navigation-item/navigation-item.d.ts

@@ -1,12 +1,12 @@
 import { CanBeSelected } from '../../lib/main.js';
-import { BaseButton } from '../button/index.js';
+import { InteractiveElement } from '../../cdk/main.js';
 import { NavigationItemSize } from './navigation-item.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-navigation-item': OdxNavigationItem;
     }
 }
-declare const OdxNavigationItem_base: import('../../lib/main.js').Constructor<CanBeSelected> & typeof BaseButton;
+declare const OdxNavigationItem_base: import('../../lib/main.js').Constructor<CanBeSelected> & typeof InteractiveElement;
 export declare class OdxNavigationItem extends OdxNavigationItem_base {
     size?: NavigationItemSize | null;
 }

package/dist/components/option/option.d.ts

@@ -1,4 +1,4 @@
-import { OptionControl } from '../../lib/main.js';
+import { OptionControl } from '../../cdk/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -6,7 +6,6 @@ declare global {
     }
 }
 export declare class OdxOption extends OptionControl {
-    type?: 'checkbox' | null;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=option.d.ts.map

package/dist/components/radio-button/radio-button.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxFormControl } from '../../lib/main.js';
+import { CheckboxFormControl } from '../../cdk/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/radio-group/radio-group.d.ts

@@ -1,4 +1,4 @@
-import { RadioGroupFormControl } from '../../lib/main.js';
+import { RadioGroupFormControl } from '../../cdk/main.js';
 import { RadioGroupVariant } from './radio-group.models.js';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/select/select.d.ts

@@ -1,5 +1,5 @@
-import { SelectFormControl } from '../../lib/main.js';
-import { PropertyValues, TemplateResult } from 'lit';
+import { ListboxFormControl, OptionControl } from '../../cdk/main.js';
+import { TemplateResult } from 'lit';
 import { OdxDropdown } from '../dropdown/index.js';
 import { OdxOption } from '../option/index.js';
 declare global {
@@ -7,12 +7,16 @@ declare global {
         'odx-select': OdxSelect;
     }
 }
-export declare class OdxSelect extends SelectFormControl {
+export declare class OdxSelect extends ListboxFormControl<OptionControl> {
     #private;
+    private focusableElement;
     protected options: OdxOption[];
-    protected dropdownElement: OdxDropdown;
+    protected readonly dropdown: OdxDropdown;
+    maxVisibleSelectedOptions: number;
+    constructor();
+    clear(): void;
+    focus(): void;
     protected render(): TemplateResult;
     protected renderSelectedOptions(): TemplateResult;
-    protected willUpdate(changes: PropertyValues<this>): void;
 }
 //# sourceMappingURL=select.d.ts.map

package/dist/components/stack/stack.d.ts

@@ -1,5 +1,5 @@
 import { CustomElement } from '../../lib/main.js';
-import { TemplateResult } from 'lit';
+import { PropertyValues } from 'lit';
 import { StackAlign, StackGap, StackJustify } from './stack.models.js';
 declare global {
     interface HTMLElementTagNameMap {
@@ -10,8 +10,8 @@ export declare class OdxStack extends CustomElement {
     align?: StackAlign;
     justify?: StackJustify;
     gap?: StackGap | null;
-    vertical: boolean;
+    horizontal: boolean;
     wrap: boolean;
-    protected render(): TemplateResult;
+    protected updated(props: PropertyValues<this>): void;
 }
 //# sourceMappingURL=stack.d.ts.map

package/dist/components/stack/stack.models.d.ts

@@ -1,8 +1,8 @@
 export type StackAlign = (typeof StackAlign)[keyof typeof StackAlign];
 export declare const StackAlign: {
     readonly START: "start";
-    readonly END: "end";
     readonly CENTER: "center";
+    readonly END: "end";
 };
 export type StackGap = (typeof StackGap)[keyof typeof StackGap];
 export declare const StackGap: {

package/dist/components/switch/switch.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxFormControl } from '../../lib/main.js';
+import { CheckboxFormControl } from '../../cdk/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/table/table-header.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxFormControl } from '../../lib/main.js';
+import { CheckboxFormControl } from '../../cdk/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/table/table-row.d.ts

@@ -14,7 +14,7 @@ export declare class OdxTableRow extends OdxTableRow_base {
     value: string;
     connectedCallback(): void;
     protected render(): TemplateResult;
-    protected willUpdate(changes: PropertyValues<this>): void;
+    protected willUpdate(props: PropertyValues<this>): void;
 }
 export {};
 //# sourceMappingURL=table-row.d.ts.map

package/dist/components/text/text.models.d.ts

@@ -8,7 +8,7 @@ export declare const TextSize: {
 export type TextVariant = (typeof TextVariant)[keyof typeof TextVariant];
 export declare const TextVariant: {
     readonly HINT: "hint";
-    readonly ACCENT: "info";
+    readonly HIGHLIGHT: "highlight";
     readonly DANGER: "danger";
 };
 //# sourceMappingURL=text.models.d.ts.map

package/dist/components/toggle-button/toggle-button.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxFormControl } from '../../lib/main.js';
+import { CheckboxFormControl } from '../../cdk/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/toggle-content/toggle-content.d.ts

@@ -1,13 +1,12 @@
 import { CustomElement } from '../../lib/main.js';
-import { HTMLTemplateResult, PropertyValues, TemplateResult } from 'lit';
+import { HTMLTemplateResult, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-toggle-content': OdxToggleContent;
     }
 }
 export declare class OdxToggleContent extends CustomElement {
-    expanded: boolean;
+    hidden: boolean;
     protected render(): HTMLTemplateResult | TemplateResult | string;
-    protected willUpdate(props: PropertyValues<this>): void;
 }
 //# sourceMappingURL=toggle-content.d.ts.map

package/dist/components/tooltip/tooltip.d.ts

@@ -1,4 +1,3 @@
-import { CustomElement } from '../../lib/main.js';
 import { PopoverHost } from '../../cdk/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
@@ -6,8 +5,7 @@ declare global {
         'odx-tooltip': OdxTooltip;
     }
 }
-declare const OdxTooltip_base: import('../../lib/main.js').Constructor<PopoverHost> & typeof CustomElement;
-export declare class OdxTooltip extends OdxTooltip_base {
+export declare class OdxTooltip extends PopoverHost {
     #private;
     placement: "top";
     interactive: boolean;
@@ -17,5 +15,4 @@ export declare class OdxTooltip extends OdxTooltip_base {
     protected render(): TemplateResult;
     protected willUpdate(props: PropertyValues<this>): void;
 }
-export {};
 //# sourceMappingURL=tooltip.d.ts.map