@odx/foundation 1.0.0-alpha.4 → 1.0.0-alpha.40

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

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

package/dist/components/icon-button/{icon-button.component.d.ts → icon-button.d.ts}

@@ -1,8 +1,8 @@
 import { TemplateResult } from 'lit';
-import { OdxButtonComponent } from '../button';
+import { OdxButton } from '../button/index.js';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-icon-button': OdxIconButtonComponent;
+        'odx-icon-button': OdxIconButton;
     }
 }
 /**
@@ -17,8 +17,8 @@ declare global {
  * @slot suffix - Contains the button's icon or state indicator, e.g. a spinner.
  * @slot - Contains button text
  */
-export declare class OdxIconButtonComponent extends OdxButtonComponent {
+export declare class OdxIconButton extends OdxButton {
     icon?: string | null;
     protected renderContent(): TemplateResult;
 }
-//# sourceMappingURL=icon-button.component.d.ts.map
+//# sourceMappingURL=icon-button.d.ts.map

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

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

package/dist/components/inline-message/index.d.ts

@@ -1,3 +1,3 @@
-export * from './inline-message.component';
-export * from './inline-message.models';
+export * from './inline-message.js';
+export * from './inline-message.models.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/inline-message/inline-message.d.ts

@@ -0,0 +1,14 @@
+import { CustomElement } from '../../lib/main.js';
+import { TemplateResult } from 'lit';
+import { InlineMessageVariant } from './inline-message.models.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-inline-message': OdxInlineMessage;
+    }
+}
+export declare class OdxInlineMessage extends CustomElement {
+    emphasized: boolean;
+    variant?: InlineMessageVariant;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=inline-message.d.ts.map

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

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

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

@@ -0,0 +1,21 @@
+import { CustomElement } from '../../lib/main.js';
+import { TemplateResult } from 'lit';
+import { InputVariant } from './input.models.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-input': OdxInput;
+    }
+}
+declare const OdxInput_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').IsFormControl<string>> & typeof CustomElement;
+export declare class OdxInput extends OdxInput_base {
+    #private;
+    static readonly formAssociated = true;
+    clearable: boolean;
+    placeholder: string;
+    type: HTMLInputElement['type'];
+    variant?: InputVariant | null;
+    clear(): void;
+    protected render(): TemplateResult;
+}
+export {};
+//# sourceMappingURL=input.d.ts.map

package/dist/components/line-clamp/index.d.ts

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

package/dist/components/line-clamp/line-clamp.d.ts

@@ -0,0 +1,12 @@
+import { CustomElement } from '../../lib/main.js';
+import { PropertyValueMap } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-line-clamp': OdxLineClamp;
+    }
+}
+export declare class OdxLineClamp extends CustomElement {
+    max?: number | null;
+    protected updated(props: PropertyValueMap<this>): void;
+}
+//# sourceMappingURL=line-clamp.d.ts.map

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

@@ -1,6 +1,6 @@
-import { ARIARole, CanBeDisabled, CustomElement } from '@odx/foundation';
+import { ARIARole, CanBeDisabled, CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-declare const BaseLink_base: import('@odx/foundation').Constructor<CanBeDisabled> & typeof CustomElement;
+declare const BaseLink_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class BaseLink extends BaseLink_base {
     static shadowRootOptions: ShadowRootInit;
     readonly interactiveElement: HTMLButtonElement | HTMLAnchorElement;

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

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

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

@@ -0,0 +1,11 @@
+import { BaseLink } from './base-link.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-link': OdxLink;
+    }
+}
+export declare class OdxLink extends BaseLink {
+    emphasized: boolean;
+    subtle: boolean;
+}
+//# sourceMappingURL=link.d.ts.map

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

@@ -1,3 +1,3 @@
-export * from './list-item.component';
-export * from './list.component';
+export * from './list-item.js';
+export * from './list.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,23 @@
+import { CanBeExpanded, CanBeSelected } from '../../lib/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;
+export declare class OdxListItem extends OdxListItem_base {
+    #private;
+    muted: boolean;
+    withControl: boolean;
+    constructor();
+    isExpandable(): boolean;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+    protected renderContent(): TemplateResult;
+    protected renderSpinner(overlay?: boolean): TemplateResult;
+    protected willUpdate(props: PropertyValues<this>): void;
+}
+export {};
+//# sourceMappingURL=list-item.d.ts.map

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

@@ -0,0 +1,11 @@
+import { CustomElement } from '../../lib/main.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-list': OdxList;
+    }
+}
+export declare class OdxList extends CustomElement {
+    compact: boolean;
+    connectedCallback(): void;
+}
+//# sourceMappingURL=list.d.ts.map

package/dist/components/loading-overlay/index.d.ts

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

package/dist/components/loading-overlay/{loading-overlay.component.d.ts → loading-overlay.d.ts}

@@ -1,13 +1,13 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-loading-overlay': OdxLoadingOverlayComponent;
+        'odx-loading-overlay': OdxLoadingOverlay;
     }
 }
 export declare const LOADING_OVERLAY_HOST_DIRECTIVE = "odx-loading-overlay-host";
-declare const OdxLoadingOverlayComponent_base: import('@odx/foundation').Constructor<import('@odx/foundation').HasLoadingState> & typeof CustomElement;
-export declare class OdxLoadingOverlayComponent extends OdxLoadingOverlayComponent_base {
+declare const OdxLoadingOverlay_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').HasLoadingState> & typeof CustomElement;
+export declare class OdxLoadingOverlay extends OdxLoadingOverlay_base {
     #private;
     private readonly overlay;
     get loadingContainer(): HTMLElement;
@@ -18,4 +18,4 @@ export declare class OdxLoadingOverlayComponent extends OdxLoadingOverlayCompone
     protected hideOverlay(): void;
 }
 export {};
-//# sourceMappingURL=loading-overlay.component.d.ts.map
+//# sourceMappingURL=loading-overlay.d.ts.map

package/dist/components/loading-spinner/index.d.ts

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

package/dist/components/loading-spinner/loading-spinner.d.ts

@@ -0,0 +1,13 @@
+import { CustomElement } from '../../lib/main.js';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-loading-spinner': OdxLoadingSpinner;
+    }
+}
+export declare class OdxLoadingSpinner extends CustomElement {
+    #private;
+    variant?: 'dots' | null;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=loading-spinner.d.ts.map

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

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

package/dist/components/logo/logo.d.ts

@@ -0,0 +1,13 @@
+import { CustomElement } from '../../lib/main.js';
+import { LogoSize } from './logo.models.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-logo': OdxLogo;
+    }
+}
+export declare class OdxLogo extends CustomElement {
+    size?: LogoSize;
+    compact: boolean;
+    connectedCallback(): void;
+}
+//# sourceMappingURL=logo.d.ts.map

package/dist/components/main-menu/index.d.ts

@@ -1,6 +1,6 @@
-export * from './main-menu-button.component';
-export * from './main-menu-link.component';
-export * from './main-menu-subtitle.component';
-export * from './main-menu-title.component';
-export * from './main-menu.component';
+export * from './main-menu-button.js';
+export * from './main-menu-link.js';
+export * from './main-menu-subtitle.js';
+export * from './main-menu-title.js';
+export * from './main-menu.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/main-menu/main-menu-button.d.ts

@@ -0,0 +1,12 @@
+import { CustomElement } from '../../lib/main.js';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-main-menu-button': OdxMainMenuButton;
+    }
+}
+export declare class OdxMainMenuButton extends CustomElement {
+    #private;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=main-menu-button.d.ts.map

package/dist/components/main-menu/main-menu-link.d.ts

@@ -0,0 +1,9 @@
+import { BaseLink } from '../link/index.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-main-menu-link': OdxMainMenuLink;
+    }
+}
+export declare class OdxMainMenuLink extends BaseLink {
+}
+//# sourceMappingURL=main-menu-link.d.ts.map

package/dist/components/main-menu/main-menu-subtitle.d.ts

@@ -0,0 +1,12 @@
+import { CustomElement } from '../../lib/main.js';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-main-menu-subtitle': OdxMainMenuSubtitle;
+    }
+}
+export declare class OdxMainMenuSubtitle extends CustomElement {
+    slot: string;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=main-menu-subtitle.d.ts.map

package/dist/components/main-menu/main-menu-title.d.ts

@@ -0,0 +1,12 @@
+import { CustomElement } from '../../lib/main.js';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-main-menu-title': OdxMainMenuTitle;
+    }
+}
+export declare class OdxMainMenuTitle extends CustomElement {
+    slot: string;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=main-menu-title.d.ts.map

package/dist/components/main-menu/{main-menu.component.d.ts → main-menu.d.ts}

@@ -1,11 +1,11 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-main-menu': OdxMainMenuComponent;
+        'odx-main-menu': OdxMainMenu;
     }
 }
-export declare class OdxMainMenuComponent extends CustomElement {
+export declare class OdxMainMenu extends CustomElement {
     #private;
     private links;
     constructor();
@@ -15,4 +15,4 @@ export declare class OdxMainMenuComponent extends CustomElement {
     close(): void;
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=main-menu.component.d.ts.map
+//# sourceMappingURL=main-menu.d.ts.map

package/dist/components/main.d.ts

@@ -1,52 +1,63 @@
-export * from './accordion';
-export * from './area-header';
-export * from './avatar';
-export * from './avatar-group';
-export * from './badge';
-export * from './breadcrumb';
-export * from './button';
-export * from './button-group';
-export * from './card';
-export * from './checkbox';
-export * from './checkbox-group';
-export * from './chip';
-export * from './circular-progress-bar';
-export * from './content-box';
-export * from './dropdown';
-export * from './format';
-export * from './header';
-export * from './headline';
-export * from './icon-button';
-export * from './inline-message';
-export * from './input';
-export * from './line-clamp';
-export * from './link';
-export * from './list';
-export * from './loading-overlay';
-export * from './loading-spinner';
-export * from './logo';
-export * from './main-menu';
-export * from './menu';
-export * from './navigation-item';
-export * from './option';
-export * from './page';
-export * from './page-layout';
-export * from './progress-bar';
-export * from './radio-button';
-export * from './radio-group';
-export * from './rail-navigation';
-export * from './search-bar';
-export * from './select';
-export * from './separator';
-export * from './skeleton';
-export * from './slider';
-export * from './spacer';
-export * from './spinbox';
-export * from './stack';
-export * from './switch';
-export * from './text';
-export * from './title';
-export * from './toggle-button';
-export * from './visually-hidden';
-export * from '../elements/main';
+export * from './accordion/index.js';
+export * from './action-group/index.js';
+export * from './anchor-navigation/index.js';
+export * from './area-header/index.js';
+export * from './avatar-group/index.js';
+export * from './avatar/index.js';
+export * from './badge/index.js';
+export * from './breadcrumbs/index.js';
+export * from './button-group/index.js';
+export * from './button/index.js';
+export * from './card/index.js';
+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 './content-box/index.js';
+export * from './dropdown/index.js';
+export * from './form-field/index.js';
+export * from './format/index.js';
+export * from './header/index.js';
+export * from './headline/index.js';
+export * from './highlight/index.js';
+export * from './icon-button/index.js';
+export * from './inline-message/index.js';
+export * from './input/index.js';
+export * from './line-clamp/index.js';
+export * from './link/index.js';
+export * from './list/index.js';
+export * from './loading-overlay/index.js';
+export * from './loading-spinner/index.js';
+export * from './logo/index.js';
+export * from './main-menu/index.js';
+export * from './menu-item/index.js';
+export * from './menu/index.js';
+export * from './modal/index.js';
+export * from './navigation-item/index.js';
+export * from './option/index.js';
+export * from './page-layout/index.js';
+export * from './page/index.js';
+export * from './pagination/index.js';
+export * from './progress-bar/index.js';
+export * from './radio-button/index.js';
+export * from './radio-group/index.js';
+export * from './rail-navigation/index.js';
+export * from './search-bar/index.js';
+export * from './select/index.js';
+export * from './separator/index.js';
+export * from './skeleton/index.js';
+export * from './slider/index.js';
+export * from './spacer/index.js';
+export * from './spinbox/index.js';
+export * from './stack/index.js';
+export * from './switch/index.js';
+export * from './table/index.js';
+export * from './text/index.js';
+export * from './title/index.js';
+export * from './toast/index.js';
+export * from './toggle-button/index.js';
+export * from './toggle-content/index.js';
+export * from './tooltip/index.js';
+export * from './translate/index.js';
+export * from './visually-hidden/index.js';
 //# sourceMappingURL=main.d.ts.map

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

@@ -1,4 +1,3 @@
-export * from './menu-item.component';
-export * from './menu-label.component';
-export * from './menu.component';
+export * from './menu-label.js';
+export * from './menu.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,9 @@
+import { CustomElement } from '../../lib/main.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-menu-label': OdxMenuLabel;
+    }
+}
+export declare class OdxMenuLabel extends CustomElement {
+}
+//# sourceMappingURL=menu-label.d.ts.map

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

@@ -0,0 +1,24 @@
+import { CustomElement } from '../../lib/main.js';
+import { PopoverHost } from '../../cdk/main.js';
+import { TemplateResult } from 'lit';
+import { OdxMenuItem } from '../menu-item/index.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-menu': OdxMenu;
+    }
+}
+declare const OdxMenu_base: import('../../lib/main.js').Constructor<PopoverHost> & typeof CustomElement;
+export declare class OdxMenu extends OdxMenu_base {
+    #private;
+    getItems(): OdxMenuItem[];
+    connectedCallback(): void;
+    mountPopover(referenceElement?: HTMLElement): void;
+    unmountPopover(referenceElement: HTMLElement): void;
+    onBeforePopoverShow(): void;
+    onPopoverShow(): void;
+    onBeforePopoverHide(): void;
+    protected isMenuItem(element: Element): element is OdxMenuItem;
+    protected render(): TemplateResult;
+}
+export {};
+//# sourceMappingURL=menu.d.ts.map

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

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

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

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

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

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

package/dist/components/modal/modal.d.ts

@@ -0,0 +1,35 @@
+import { CustomElement } from '../../lib/main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { ModalVariant } from './modal.models.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-modal': OdxModal;
+    }
+}
+export type ModalHookFn = (modal: OdxModal) => Promise<void> | void;
+export type ModalGuardFn = (modal: OdxModal) => Promise<boolean> | boolean;
+export declare class OdxModal extends CustomElement {
+    #private;
+    private closeRequested;
+    private showRequested;
+    private dialog;
+    private modalContainer;
+    backdropDisabled?: boolean;
+    dismissable?: boolean;
+    open: boolean;
+    variant?: ModalVariant | null;
+    constructor();
+    connectedCallback(): void;
+    canShow?: ModalGuardFn;
+    beforeShow?: ModalHookFn;
+    afterShow?: ModalHookFn;
+    canClose?: ModalGuardFn;
+    beforeClose?: ModalHookFn;
+    afterClose?: ModalHookFn;
+    show(): Promise<void>;
+    close(returnValue?: string): Promise<void>;
+    dismiss(): Promise<void>;
+    protected render(): TemplateResult;
+    protected updated(props: PropertyValues<this>): void;
+}
+//# sourceMappingURL=modal.d.ts.map

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

@@ -0,0 +1,5 @@
+export type ModalVariant = (typeof ModalVariant)[keyof typeof ModalVariant];
+export declare const ModalVariant: {
+    SIDESHEET: string;
+};
+//# sourceMappingURL=modal.models.d.ts.map

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

@@ -1,3 +1,3 @@
-export * from './navigation-item.component';
-export * from './navigation-item.models';
+export * from './navigation-item.js';
+export * from './navigation-item.models.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,14 @@
+import { CanBeSelected } from '../../lib/main.js';
+import { BaseButton } from '../button/index.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;
+export declare class OdxNavigationItem extends OdxNavigationItem_base {
+    size?: NavigationItemSize | null;
+}
+export {};
+//# sourceMappingURL=navigation-item.d.ts.map

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

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

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

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

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

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

package/dist/components/page/{page.component.d.ts → page.d.ts}

@@ -1,12 +1,12 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-import { PageAlignment, PageLayout } from './page.models';
+import { PageAlignment, PageLayout } from './page.models.js';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-page': OdxPageComponent;
+        'odx-page': OdxPage;
     }
 }
-export declare class OdxPageComponent extends CustomElement {
+export declare class OdxPage extends CustomElement {
     headerElement: HTMLElement;
     subheaderElement: HTMLElement;
     alignment?: PageAlignment | null;
@@ -14,4 +14,4 @@ export declare class OdxPageComponent extends CustomElement {
     firstUpdated(): void;
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=page.component.d.ts.map
+//# sourceMappingURL=page.d.ts.map