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

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

@@ -1,5 +1,4 @@
-import { CustomElement } from '../../lib/main.js';
-import { TemplateResult } from 'lit';
+import { CustomElement } from '../../main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-table-body': OdxTableBody;
@@ -7,6 +6,5 @@ declare global {
 }
 export declare class OdxTableBody extends CustomElement {
     connectedCallback(): void;
-    protected render(): TemplateResult;
 }
 //# sourceMappingURL=table-body.d.ts.map

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

@@ -1,5 +1,4 @@
-import { CustomElement } from '../../lib/main.js';
-import { TemplateResult } from 'lit';
+import { CustomElement } from '../../main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-table-cell': OdxTableCell;
@@ -7,6 +6,5 @@ declare global {
 }
 export declare class OdxTableCell extends CustomElement {
     connectedCallback(): void;
-    protected render(): TemplateResult;
 }
 //# sourceMappingURL=table-cell.d.ts.map

package/dist/components/table/table-checkbox-cell.d.ts

@@ -1,11 +1,11 @@
-import { CanBeDisabled, CustomElement } from '../../lib/main.js';
+import { CanBeDisabled, CustomElement } from '../../main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-table-checkbox-cell': OdxTableCheckboxCell;
     }
 }
-declare const OdxTableCheckboxCell_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+declare const OdxTableCheckboxCell_base: import('../../utils/types.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class OdxTableCheckboxCell extends OdxTableCheckboxCell_base {
     #private;
     private control;

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

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

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

@@ -1,14 +1,16 @@
-import { CheckboxFormControl } from '../../lib/main.js';
+import { CheckboxControl, CustomElement } from '../../main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-table-header': OdxTableHeader;
     }
 }
-export declare class OdxTableHeader extends CheckboxFormControl {
+declare const OdxTableHeader_base: import('../../utils/types.js').Constructor<CheckboxControl> & typeof CustomElement;
+export declare class OdxTableHeader extends OdxTableHeader_base {
     #private;
-    selected?: boolean;
+    selected: boolean;
     connectedCallback(): void;
     protected render(): TemplateResult;
 }
+export {};
 //# sourceMappingURL=table-header.d.ts.map

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

@@ -1,20 +1,20 @@
-import { CanBeDisabled, CustomElement } from '../../lib/main.js';
+import { CanBeDisabled, CustomElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-table-row': OdxTableRow;
     }
 }
-declare const OdxTableRow_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+declare const OdxTableRow_base: import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class OdxTableRow extends OdxTableRow_base {
     #private;
-    private checkboxCells;
+    private get checkboxCells();
     selected: boolean;
     selectable: boolean;
     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/table/table.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement } from '../../main.js';
 import { TemplateResult } from 'lit';
 import { OdxTableHeader } from './table-header.js';
 import { OdxTableRow } from './table-row.js';

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

@@ -1,12 +1,36 @@
-import { CustomElement } from '../../lib/main.js';
-import { TextSize, TextVariant } from './text.models.js';
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-text': OdxText;
     }
 }
+export type TextSize = ValuesOf<typeof TextSize>;
+export declare const TextSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "XS" | "SM" | "MD" | "LG">;
+export type TextVariant = ValuesOf<typeof TextVariant>;
+export declare const TextVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly NEUTRAL_SUBTLE: "neutral-subtle";
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_SUBTLE: "primary-subtle";
+    readonly ACCENT: "accent";
+    readonly ACCENT_SUBTLE: "accent-subtle";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly DANGER_SUBTLE: "danger-subtle";
+    readonly GHOST: "ghost";
+}, "NEUTRAL" | "NEUTRAL_SUBTLE" | "ACCENT" | "SUCCESS" | "DANGER">;
 export declare class OdxText extends CustomElement {
-    emphasized: boolean;
+    strong: boolean;
+    inline: boolean;
     size?: TextSize;
     variant?: TextVariant;
 }

package/dist/components/textarea/textarea.d.ts

@@ -0,0 +1,23 @@
+import { CustomElement, FormAssociated } from '../../main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-textarea': OdxTextArea;
+    }
+}
+declare const OdxTextArea_base: import('../../utils/main.js').Constructor<FormAssociated<string>> & typeof CustomElement;
+export declare class OdxTextArea extends OdxTextArea_base {
+    #private;
+    static shadowRootOptions: ShadowRootInit;
+    private nativeInput;
+    autoResize: boolean;
+    block: boolean;
+    placeholder: string;
+    rows: number;
+    value: string;
+    focus(options?: FocusOptions): void;
+    protected willUpdate(props: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}
+export {};
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/tile/tile.d.ts

@@ -0,0 +1,37 @@
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-tile': OdxTile;
+    }
+}
+export type TileVariant = ValuesOf<typeof TileVariant>;
+export declare const TileVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly NEUTRAL_SUBTLE: "neutral-subtle";
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_SUBTLE: "primary-subtle";
+    readonly ACCENT: "accent";
+    readonly ACCENT_SUBTLE: "accent-subtle";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly DANGER_SUBTLE: "danger-subtle";
+    readonly GHOST: "ghost";
+}, "NEUTRAL">;
+export type TileAlignment = ValuesOf<typeof TileAlignment>;
+export declare const TileAlignment: Pick<{
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+}, "START" | "CENTER">;
+export declare class OdxTile extends CustomElement {
+    alignment: TileAlignment;
+    interactive: boolean;
+    selected: boolean;
+    variant: TileVariant;
+    protected updated(props: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=tile.d.ts.map

package/dist/components/title/title.d.ts

@@ -1,13 +1,27 @@
-import { CustomElement } from '../../lib/main.js';
-import { PropertyValueMap } from 'lit';
-import { TitleSize } from './title.models.js';
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
+import { PropertyValues } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-title': OdxTitle;
     }
 }
+export type TitleSize = ValuesOf<typeof TitleSize>;
+export declare const TitleSize: {
+    readonly DISPLAY_SM: "display-sm";
+    readonly DISPLAY_MD: "display-md";
+    readonly DISPLAY_LG: "display-lg";
+    readonly DISPLAY_XL: "display-xl";
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+};
 export declare class OdxTitle extends CustomElement {
-    size?: TitleSize | null;
-    protected willUpdate(props: PropertyValueMap<this>): void;
+    size?: TitleSize;
+    level?: number;
+    protected willUpdate(props: PropertyValues<this>): void;
 }
 //# sourceMappingURL=title.d.ts.map

package/dist/components/toast/toast.d.ts

@@ -1,13 +1,29 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
+import { OdxIconName } from '@odx/icons';
 import { TemplateResult } from 'lit';
-import { ToastVariant } from './toast.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-toast': OdxToast;
     }
 }
+export type ToastVariant = ValuesOf<typeof ToastVariant>;
+export declare const ToastVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly NEUTRAL_SUBTLE: "neutral-subtle";
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_SUBTLE: "primary-subtle";
+    readonly ACCENT: "accent";
+    readonly ACCENT_SUBTLE: "accent-subtle";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly DANGER_SUBTLE: "danger-subtle";
+    readonly GHOST: "ghost";
+}, "NEUTRAL" | "PRIMARY" | "SUCCESS" | "WARNING" | "DANGER">;
 export declare class OdxToast extends CustomElement {
-    variant?: ToastVariant | null;
+    icon?: OdxIconName;
+    variant: ToastVariant;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=toast.d.ts.map

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

@@ -1,16 +1,50 @@
-import { CheckboxFormControl } from '../../lib/main.js';
+import { CheckboxControl, CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
+import { OdxIconName } from '@odx/icons';
 import { PropertyValues, TemplateResult } from 'lit';
+import { TooltipPlacement } from '../tooltip/tooltip.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-toggle-button': OdxToggleButton;
     }
 }
-export declare class OdxToggleButton extends CheckboxFormControl {
-    checked: boolean;
-    pressed: boolean;
+export type ToggleButtonSize = ValuesOf<typeof ToggleButtonSize>;
+export declare const ToggleButtonSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD" | "LG">;
+export type ToggleButtonVariant = ValuesOf<typeof ToggleButtonVariant>;
+export declare const ToggleButtonVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly NEUTRAL_SUBTLE: "neutral-subtle";
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_SUBTLE: "primary-subtle";
+    readonly ACCENT: "accent";
+    readonly ACCENT_SUBTLE: "accent-subtle";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly DANGER_SUBTLE: "danger-subtle";
+    readonly GHOST: "ghost";
+}, "NEUTRAL" | "GHOST">;
+declare const OdxToggleButton_base: import('../../utils/main.js').Constructor<CheckboxControl> & typeof CustomElement;
+export declare class OdxToggleButton extends OdxToggleButton_base {
+    label?: string;
+    labelChecked?: string;
+    labelPlacement?: TooltipPlacement;
+    icon?: OdxIconName;
+    iconChecked?: OdxIconName;
+    size: ToggleButtonSize;
+    variant: ToggleButtonVariant;
     connectedCallback(): void;
-    updateAriaAttributes(): void;
-    protected willUpdate(props: PropertyValues<this>): void;
     protected render(): TemplateResult;
+    protected willUpdate(props: PropertyValues<this>): void;
+    protected updated(props: PropertyValues<this>): void;
+    protected renderLabel(label: TemplateResult | string): TemplateResult;
 }
+export {};
 //# sourceMappingURL=toggle-button.d.ts.map

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

@@ -0,0 +1,19 @@
+import { RadioGroupControlElement } from '../../main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { OdxToggleButton, ToggleButtonSize, ToggleButtonVariant } from '../toggle-button/toggle-button.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-toggle-button-group': OdxToggleButtonGroup;
+    }
+}
+export declare class OdxToggleButtonGroup extends RadioGroupControlElement<OdxToggleButton> {
+    #private;
+    block: boolean;
+    size: ToggleButtonSize;
+    variant: ToggleButtonVariant;
+    constructor();
+    protected render(): TemplateResult | string;
+    protected updated(props: PropertyValues<this>): void;
+    protected isControl(element: unknown): element is OdxToggleButton;
+}
+//# sourceMappingURL=toggle-button-group.d.ts.map

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

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

package/dist/components/toolbar/toolbar.d.ts

@@ -0,0 +1,14 @@
+import { ControlSize, CustomElement } from '../../main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-toolbar': OdxToolbar;
+    }
+}
+export declare class OdxToolbar extends CustomElement {
+    float: boolean;
+    size: Exclude<ControlSize, 'lg'>;
+    protected render(): TemplateResult;
+    protected updated(props: PropertyValues): void;
+}
+//# sourceMappingURL=toolbar.d.ts.map

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

@@ -1,21 +1,69 @@
-import { CustomElement } from '../../lib/main.js';
-import { PopoverHost } from '../../cdk/main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
+import { PopoverHost } from '../popover/popover-host.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-tooltip': OdxTooltip;
     }
 }
-declare const OdxTooltip_base: import('../../lib/main.js').Constructor<PopoverHost> & typeof CustomElement;
-export declare class OdxTooltip extends OdxTooltip_base {
+export type TooltipPlacement = ValuesOf<typeof TooltipPlacement>;
+export declare const TooltipPlacement: Pick<{
+    readonly TOP: "top";
+    readonly TOP_START: "top-start";
+    readonly TOP_END: "top-end";
+    readonly RIGHT: "right";
+    readonly RIGHT_START: "right-start";
+    readonly RIGHT_END: "right-end";
+    readonly BOTTOM: "bottom";
+    readonly BOTTOM_START: "bottom-start";
+    readonly BOTTOM_END: "bottom-end";
+    readonly LEFT: "left";
+    readonly LEFT_START: "left-start";
+    readonly LEFT_END: "left-end";
+}, "TOP" | "RIGHT" | "BOTTOM" | "LEFT">;
+export type TooltipSize = ValuesOf<typeof TooltipSize>;
+export declare const TooltipSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD" | "LG">;
+export type TooltipVariant = ValuesOf<typeof TooltipVariant>;
+export declare const TooltipVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly NEUTRAL_SUBTLE: "neutral-subtle";
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_SUBTLE: "primary-subtle";
+    readonly ACCENT: "accent";
+    readonly ACCENT_SUBTLE: "accent-subtle";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly DANGER_SUBTLE: "danger-subtle";
+    readonly GHOST: "ghost";
+}, "NEUTRAL" | "DANGER">;
+export declare class OdxTooltip extends PopoverHost {
     #private;
-    placement: "top";
+    private static currentInstance;
+    delayIn: number;
+    delayOut: number;
     interactive: boolean;
+    show: boolean;
+    size: TooltipSize;
+    timeout: number;
+    variant: TooltipVariant;
+    placement: TooltipPlacement;
     connectedCallback(): void;
-    mountPopover(referenceElement?: HTMLElement | null): void;
+    disconnectedCallback(): void;
+    onPopoverShow(): void;
+    onBeforePopoverShow(): Promise<void> | void;
+    onBeforePopoverHide(): void;
+    mountPopover(referenceElement: HTMLElement): void;
     unmountPopover(referenceElement: HTMLElement): void;
     protected render(): TemplateResult;
     protected willUpdate(props: PropertyValues<this>): void;
+    protected updated(props: PropertyValues<this>): void;
 }
-export {};
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/components/translate/translate.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement } from '../../main.js';
 import { IsLocalized, TranslateContext } from '../../i18n/main.js';
 import { PropertyValues } from 'lit';
 declare global {
@@ -6,7 +6,7 @@ declare global {
         'odx-translate': OdxTranslate;
     }
 }
-declare const OdxTranslate_base: import('../../lib/main.js').Constructor<IsLocalized> & typeof CustomElement;
+declare const OdxTranslate_base: import('../../utils/types.js').Constructor<IsLocalized> & typeof CustomElement;
 export declare class OdxTranslate extends OdxTranslate_base {
     key?: string | null;
     context?: TranslateContext;

package/dist/components-loader.js

@@ -0,0 +1,3 @@
+import { loadCustomElements } from '@odx/foundation';
+
+loadCustomElements(() => import('./components.js').then(Object.values));