@odx/foundation 1.0.0-beta.9 → 1.0.0-beta.91
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.
- package/README.md +7 -8
- package/dist/_virtual_class-decorator-runtime.js +13 -0
- package/dist/components/accordion/accordion.d.ts +11 -1
- package/dist/components/accordion-item/accordion-item.d.ts +16 -0
- package/dist/components/action-button/action-button.d.ts +27 -0
- package/dist/components/anchor-navigation/anchor-navigation.d.ts +3 -3
- package/dist/components/area-header/area-header.d.ts +11 -4
- package/dist/components/avatar/avatar.d.ts +28 -6
- package/dist/components/avatar-group/avatar-group.d.ts +3 -3
- package/dist/components/badge/badge.d.ts +14 -5
- package/dist/components/breadcrumbs/breadcrumbs-item.d.ts +1 -1
- package/dist/components/breadcrumbs/breadcrumbs.d.ts +1 -2
- package/dist/components/breadcrumbs/index.d.ts +1 -1
- package/dist/components/button/button.d.ts +31 -20
- package/dist/components/button-group/button-group.d.ts +7 -0
- package/dist/components/card/card.d.ts +3 -1
- package/dist/components/checkbox/checkbox.d.ts +2 -2
- package/dist/components/checkbox-group/checkbox-group.d.ts +8 -3
- package/dist/components/chip/chip.d.ts +14 -5
- package/dist/components/circular-progress-bar/circular-progress-bar.d.ts +12 -5
- package/dist/components/combobox/autocomplete.d.ts +23 -0
- package/dist/components/dropdown/dropdown.d.ts +10 -9
- package/dist/components/format/format-bytes.d.ts +1 -1
- package/dist/components/format/format-number.d.ts +1 -1
- package/dist/components/format/relative-time.d.ts +2 -2
- package/dist/components/header/index.d.ts +1 -1
- package/dist/components/headline/headline.d.ts +14 -5
- package/dist/components/highlight/highlight.d.ts +14 -5
- package/dist/components/icon-button/icon-button.d.ts +4 -15
- package/dist/components/image/image.d.ts +4 -4
- package/dist/components/inline-message/inline-message.d.ts +15 -5
- package/dist/components/input/input.d.ts +15 -8
- package/dist/components/kpi/kpi.d.ts +36 -0
- package/dist/components/line-clamp/line-clamp.d.ts +2 -2
- package/dist/components/link/link.d.ts +3 -3
- package/dist/components/list/list.d.ts +3 -0
- package/dist/components/{list → list-item}/list-item.d.ts +7 -6
- package/dist/components/loader.d.ts +2 -0
- package/dist/components/loading-overlay/loading-overlay.d.ts +2 -3
- package/dist/components/loading-spinner/loading-spinner.d.ts +1 -2
- package/dist/components/logo/logo.d.ts +11 -3
- package/dist/components/main-menu/index.d.ts +1 -1
- package/dist/components/main-menu/main-menu-link.d.ts +2 -2
- package/dist/components/main-menu/main-menu.d.ts +0 -1
- package/dist/components/main.d.ts +62 -54
- package/dist/components/menu/index.d.ts +1 -1
- package/dist/components/menu/menu.d.ts +4 -7
- package/dist/components/menu-item/menu-item.d.ts +5 -6
- package/dist/components/modal/modal.d.ts +8 -6
- package/dist/components/navigation-item/navigation-item.d.ts +15 -7
- package/dist/components/option/option.d.ts +0 -1
- package/dist/components/page/page.d.ts +16 -6
- package/dist/components/popover/popover-host.d.ts +34 -0
- package/dist/components/popover/popover-observer.d.ts +11 -0
- package/dist/{cdk → components}/popover/popover.d.ts +1 -0
- package/dist/components/progress-bar/progress-bar.d.ts +12 -6
- package/dist/components/radio-group/radio-group.d.ts +8 -3
- package/dist/components/search-bar/index.d.ts +0 -1
- package/dist/components/search-bar/search-bar.d.ts +9 -3
- package/dist/components/select/select.d.ts +13 -7
- package/dist/components/separator/separator.d.ts +9 -4
- package/dist/components/skeleton/skeleton.d.ts +21 -6
- package/dist/components/slider/index.d.ts +2 -2
- package/dist/components/slider/slider-handle.d.ts +5 -6
- package/dist/components/slider/slider-marks.d.ts +1 -1
- package/dist/components/slider/slider.d.ts +2 -3
- package/dist/components/slider/slider.models.d.ts +3 -2
- package/dist/components/spinbox/spinbox.d.ts +13 -11
- package/dist/components/stack/stack.d.ts +26 -6
- package/dist/components/status/status.d.ts +23 -0
- package/dist/components/table/index.d.ts +3 -3
- package/dist/components/table/table-header.d.ts +1 -1
- package/dist/components/table/table-row.d.ts +1 -1
- package/dist/components/text/text.d.ts +23 -4
- package/dist/components/title/title.d.ts +14 -5
- package/dist/components/toast/toast.d.ts +14 -3
- package/dist/components/toggle-button/toggle-button.d.ts +1 -4
- package/dist/components/toggle-button-group/toggle-button-group.d.ts +10 -0
- package/dist/components/toggle-content/toggle-content.d.ts +2 -2
- package/dist/components/tooltip/tooltip.d.ts +24 -8
- package/dist/components.js +2895 -3612
- package/dist/i18n/{lib/is-localized.d.ts → is-localized.d.ts} +2 -2
- package/dist/i18n/{lib/localization.d.ts → localization.d.ts} +1 -1
- package/dist/i18n/main.d.ts +6 -6
- package/dist/i18n/{lib/translate.d.ts → translate.d.ts} +1 -1
- package/dist/i18n.js +11 -18
- package/dist/lib/{facade → control}/checkbox-form-control.d.ts +4 -4
- package/dist/lib/control/checkbox-group-form-control.d.ts +22 -0
- package/dist/lib/control/form-control.d.ts +29 -0
- package/dist/lib/control/listbox-form-control.d.ts +25 -0
- package/dist/lib/control/number-form-control.d.ts +12 -0
- package/dist/lib/control/option-control.d.ts +24 -0
- package/dist/lib/control/radio-group-form-control.d.ts +22 -0
- package/dist/lib/controllers/active-descendants-controller.d.ts +29 -0
- package/dist/{cdk/drag-drop → lib/controllers}/drag.controller.d.ts +2 -1
- package/dist/lib/controllers/expandable-controller.d.ts +1 -2
- package/dist/lib/custom-element.d.ts +12 -5
- package/dist/lib/interactive/interactive-element.d.ts +23 -0
- package/dist/lib/interactive/interactive-link.d.ts +21 -0
- package/dist/lib/main.d.ts +20 -25
- package/dist/lib/mixins/can-be-disabled.d.ts +1 -9
- package/dist/lib/mixins/can-be-expanded.d.ts +5 -7
- package/dist/lib/mixins/is-draggable.d.ts +16 -0
- package/dist/{cdk/drag-drop/drag-events.d.ts → lib/models/drag-event.d.ts} +1 -1
- package/dist/lib/models/placement.d.ts +17 -0
- package/dist/lib/models/shape.d.ts +7 -0
- package/dist/lib/models/size.d.ts +11 -0
- package/dist/lib/models/variant.d.ts +12 -0
- package/dist/lib/utils/compute-popover-placement.d.ts +14 -0
- package/dist/lib/utils/dom.d.ts +25 -15
- package/dist/lib/utils/get-unique-id.d.ts +6 -23
- package/dist/lib/utils/lit.d.ts +1 -3
- package/dist/lib/utils/shared-resize-observer.d.ts +0 -7
- package/dist/lib/utils/{a11y.d.ts → types.d.ts} +3 -6
- package/dist/loader.js +6 -11
- package/dist/main.js +906 -867
- package/dist/styles.css +1 -1
- package/dist/vendor.js +1982 -0
- package/package.json +47 -27
- package/dist/cdk/drag-drop/is-draggable.d.ts +0 -18
- package/dist/cdk/main.d.ts +0 -7
- package/dist/cdk/popover/popover-host.d.ts +0 -20
- package/dist/cdk/popover/popover.models.d.ts +0 -34
- package/dist/cdk/popover/popover.utils.d.ts +0 -5
- package/dist/cdk.js +0 -357
- package/dist/components/accordion/accordion-header.d.ts +0 -18
- package/dist/components/accordion/index.d.ts +0 -4
- package/dist/components/action-group/action-group.d.ts +0 -24
- package/dist/components/action-group/index.d.ts +0 -2
- package/dist/components/area-header/area-header.models.d.ts +0 -12
- package/dist/components/area-header/index.d.ts +0 -3
- package/dist/components/avatar/avatar.models.d.ts +0 -13
- package/dist/components/avatar/index.d.ts +0 -3
- package/dist/components/avatar-group/index.d.ts +0 -2
- package/dist/components/badge/badge.models.d.ts +0 -14
- package/dist/components/badge/index.d.ts +0 -3
- package/dist/components/button/base-button.d.ts +0 -30
- package/dist/components/button/button.models.d.ts +0 -26
- package/dist/components/button/index.d.ts +0 -4
- package/dist/components/button-group/index.d.ts +0 -2
- package/dist/components/card/index.d.ts +0 -2
- package/dist/components/checkbox/index.d.ts +0 -2
- package/dist/components/checkbox-group/checkbox-group.models.d.ts +0 -6
- package/dist/components/checkbox-group/index.d.ts +0 -3
- package/dist/components/chip/chip.models.d.ts +0 -10
- package/dist/components/chip/index.d.ts +0 -3
- package/dist/components/circular-progress-bar/circular-progress-bar.models.d.ts +0 -7
- package/dist/components/circular-progress-bar/index.d.ts +0 -3
- package/dist/components/content-box/content-box.models.d.ts +0 -2
- package/dist/components/content-box/index.d.ts +0 -2
- package/dist/components/dropdown/dropdown.models.d.ts +0 -6
- package/dist/components/dropdown/index.d.ts +0 -3
- package/dist/components/form-field/index.d.ts +0 -2
- package/dist/components/headline/headline.models.d.ts +0 -8
- package/dist/components/headline/index.d.ts +0 -3
- package/dist/components/highlight/index.d.ts +0 -2
- package/dist/components/icon-button/index.d.ts +0 -2
- package/dist/components/image/index.d.ts +0 -2
- package/dist/components/inline-message/index.d.ts +0 -3
- package/dist/components/inline-message/inline-message.models.d.ts +0 -12
- package/dist/components/input/index.d.ts +0 -3
- package/dist/components/input/input.models.d.ts +0 -7
- package/dist/components/line-clamp/index.d.ts +0 -2
- package/dist/components/link/base-link.d.ts +0 -15
- package/dist/components/link/index.d.ts +0 -3
- package/dist/components/list/index.d.ts +0 -3
- package/dist/components/loading-overlay/index.d.ts +0 -2
- package/dist/components/loading-spinner/index.d.ts +0 -2
- package/dist/components/logo/index.d.ts +0 -3
- package/dist/components/logo/logo.models.d.ts +0 -9
- package/dist/components/menu-item/index.d.ts +0 -2
- package/dist/components/modal/index.d.ts +0 -3
- package/dist/components/modal/modal.models.d.ts +0 -5
- package/dist/components/navigation-item/index.d.ts +0 -3
- package/dist/components/navigation-item/navigation-item.models.d.ts +0 -6
- package/dist/components/option/index.d.ts +0 -2
- package/dist/components/page/index.d.ts +0 -3
- package/dist/components/page/page.models.d.ts +0 -10
- package/dist/components/page-layout/index.d.ts +0 -2
- package/dist/components/pagination/index.d.ts +0 -2
- package/dist/components/progress-bar/index.d.ts +0 -3
- package/dist/components/progress-bar/progress-bar.models.d.ts +0 -7
- package/dist/components/radio-button/index.d.ts +0 -2
- package/dist/components/radio-group/index.d.ts +0 -3
- package/dist/components/radio-group/radio-group.models.d.ts +0 -6
- package/dist/components/rail-navigation/index.d.ts +0 -2
- package/dist/components/search-bar/search-bar.models.d.ts +0 -6
- package/dist/components/select/index.d.ts +0 -2
- package/dist/components/separator/index.d.ts +0 -3
- package/dist/components/separator/separator.models.d.ts +0 -6
- package/dist/components/skeleton/index.d.ts +0 -3
- package/dist/components/skeleton/skeleton.models.d.ts +0 -13
- package/dist/components/spacer/index.d.ts +0 -2
- package/dist/components/spacer/spacer.models.d.ts +0 -7
- package/dist/components/spinbox/index.d.ts +0 -2
- package/dist/components/stack/index.d.ts +0 -3
- package/dist/components/stack/stack.models.d.ts +0 -25
- package/dist/components/switch/index.d.ts +0 -2
- package/dist/components/text/index.d.ts +0 -3
- package/dist/components/text/text.models.d.ts +0 -14
- package/dist/components/title/index.d.ts +0 -3
- package/dist/components/title/title.models.d.ts +0 -10
- package/dist/components/toast/index.d.ts +0 -3
- package/dist/components/toast/toast.models.d.ts +0 -5
- package/dist/components/toggle-button/index.d.ts +0 -2
- package/dist/components/toggle-content/index.d.ts +0 -2
- package/dist/components/tooltip/index.d.ts +0 -3
- package/dist/components/tooltip/tooltip.models.d.ts +0 -8
- package/dist/components/translate/index.d.ts +0 -2
- package/dist/components/visually-hidden/index.d.ts +0 -2
- package/dist/lib/controllers/focus-trap.controller.d.ts +0 -14
- package/dist/lib/facade/checkbox-group-form-control.d.ts +0 -21
- package/dist/lib/facade/option-control.d.ts +0 -16
- package/dist/lib/facade/radio-group-form-control.d.ts +0 -22
- package/dist/lib/facade/select-form-control.d.ts +0 -19
- package/dist/lib/mixins/can-be-readonly.d.ts +0 -7
- package/dist/lib/mixins/can-be-required.d.ts +0 -7
- package/dist/lib/mixins/can-be-selected.d.ts +0 -9
- package/dist/lib/mixins/can-be-validated.d.ts +0 -12
- package/dist/lib/mixins/form-control.d.ts +0 -17
- package/dist/lib/mixins/number-control.d.ts +0 -12
- package/dist/lib/mixins/with-loading-state.d.ts +0 -8
- package/dist/lib/utils/date.d.ts +0 -2
- package/dist/lib/utils/dedupe-mixin.d.ts +0 -3
- package/dist/lib/utils/empty-slot-fallback-fix.d.ts +0 -8
- package/dist/lib/utils/keyboard-events.d.ts +0 -43
- package/dist/lib/utils/search-text-content.d.ts +0 -7
- package/dist/lib/utils/shared-intersection-observer.d.ts +0 -18
- package/dist/lib/utils/transformers.d.ts +0 -5
- package/dist/loader/main.d.ts +0 -2
- package/dist/vendor-dJxQG085.js +0 -138
- /package/dist/components/{accordion → accordion-panel}/accordion-panel.d.ts +0 -0
- /package/dist/i18n/{lib/config.d.ts → config.d.ts} +0 -0
- /package/dist/i18n/{lib/format.d.ts → format.d.ts} +0 -0
- /package/dist/i18n/{lib/models.d.ts → models.d.ts} +0 -0
|
@@ -1,17 +1,27 @@
|
|
|
1
|
-
import { CustomElement } from '../../lib/main.js';
|
|
2
|
-
import { TemplateResult } from 'lit';
|
|
3
|
-
import { PageAlignment, PageLayout } from './page.models.js';
|
|
1
|
+
import { CustomElement, ValuesOf } from '../../lib/main.js';
|
|
2
|
+
import { PropertyValues, TemplateResult } from 'lit';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
|
6
5
|
'odx-page': OdxPage;
|
|
7
6
|
}
|
|
8
7
|
}
|
|
8
|
+
export type PageAlignment = ValuesOf<typeof PageAlignment>;
|
|
9
|
+
export declare const PageAlignment: {
|
|
10
|
+
readonly CENTER: "center";
|
|
11
|
+
};
|
|
12
|
+
export type PageLayout = ValuesOf<typeof PageLayout>;
|
|
13
|
+
export declare const PageLayout: {
|
|
14
|
+
readonly AUTO: "auto";
|
|
15
|
+
readonly NARROW: "narrow";
|
|
16
|
+
readonly WIDE: "wide";
|
|
17
|
+
};
|
|
9
18
|
export declare class OdxPage extends CustomElement {
|
|
10
19
|
headerElement: HTMLElement;
|
|
11
20
|
subheaderElement: HTMLElement;
|
|
12
|
-
alignment?: PageAlignment
|
|
13
|
-
layout
|
|
14
|
-
firstUpdated(): void;
|
|
21
|
+
alignment?: PageAlignment;
|
|
22
|
+
layout: PageLayout;
|
|
23
|
+
firstUpdated(props: PropertyValues<this>): void;
|
|
24
|
+
disconnectedCallback(): void;
|
|
15
25
|
protected render(): TemplateResult;
|
|
16
26
|
}
|
|
17
27
|
//# sourceMappingURL=page.d.ts.map
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { CanBeDisabled, CustomElement, Placement, PopoverPlacementOptions } from '../../lib/main.js';
|
|
2
|
+
import { PropertyValues } from 'lit';
|
|
3
|
+
import { OdxPopover } from './popover.js';
|
|
4
|
+
declare const PopoverHost_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
|
|
5
|
+
export declare abstract class PopoverHost extends PopoverHost_base {
|
|
6
|
+
#private;
|
|
7
|
+
static readonly styles: import('lit').CSSResult;
|
|
8
|
+
protected popoverElement: OdxPopover;
|
|
9
|
+
set referenceElement(value: HTMLElement | null);
|
|
10
|
+
get referenceElement(): HTMLElement | null;
|
|
11
|
+
placement: Placement;
|
|
12
|
+
fpsLimit: number;
|
|
13
|
+
get options(): PopoverPlacementOptions;
|
|
14
|
+
constructor();
|
|
15
|
+
connectedCallback(): void;
|
|
16
|
+
disconnectedCallback(): void;
|
|
17
|
+
hasMountedPopover(element: HTMLElement): boolean;
|
|
18
|
+
mountPopover(referenceElement: HTMLElement | null): void;
|
|
19
|
+
unmountPopover(_referenceElement: HTMLElement): void;
|
|
20
|
+
isPopoverOpen(): boolean;
|
|
21
|
+
showPopover(): Promise<void>;
|
|
22
|
+
hidePopover(): void;
|
|
23
|
+
togglePopover(state?: boolean): boolean;
|
|
24
|
+
canPopoverShow?(): boolean;
|
|
25
|
+
onBeforePopoverShow?(): Promise<void> | void;
|
|
26
|
+
onPopoverShow?(): Promise<void> | void;
|
|
27
|
+
canPopoverHide?(): boolean;
|
|
28
|
+
onBeforePopoverHide?(): Promise<void> | void;
|
|
29
|
+
onPopoverHide?(): Promise<void> | void;
|
|
30
|
+
updateReferenceElementFromEvent(event: Event): void;
|
|
31
|
+
protected willUpdate(props: PropertyValues<this>): void;
|
|
32
|
+
}
|
|
33
|
+
export {};
|
|
34
|
+
//# sourceMappingURL=popover-host.d.ts.map
|
|
@@ -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
|
+
hasMountedPopover(element: HTMLElement): boolean;
|
|
8
|
+
observe(): void;
|
|
9
|
+
disconnect(): void;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=popover-observer.d.ts.map
|
|
@@ -1,22 +1,28 @@
|
|
|
1
|
-
import { CustomElement } from '../../lib/main.js';
|
|
1
|
+
import { CustomElement, ValuesOf } from '../../lib/main.js';
|
|
2
2
|
import { TemplateResult } from 'lit';
|
|
3
|
-
import { ProgressState } from './progress-bar.models.js';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
|
6
5
|
'odx-progress-bar': OdxProgressBar;
|
|
7
6
|
}
|
|
8
7
|
}
|
|
8
|
+
export type ProgressBarVariant = ValuesOf<typeof ProgressBarVariant>;
|
|
9
|
+
export declare const ProgressBarVariant: {
|
|
10
|
+
readonly CONFIRM: "confirm";
|
|
11
|
+
readonly NEUTRAL: "neutral";
|
|
12
|
+
readonly SUCCESS: "success";
|
|
13
|
+
readonly DANGER: "danger";
|
|
14
|
+
};
|
|
9
15
|
export declare class OdxProgressBar extends CustomElement {
|
|
10
16
|
readonly content: HTMLElement[];
|
|
11
|
-
indeterminate: boolean;
|
|
12
17
|
min: number;
|
|
13
18
|
max: number;
|
|
14
19
|
value: number;
|
|
15
|
-
condensed: boolean;
|
|
16
|
-
state?: ProgressState;
|
|
17
|
-
hideValue: boolean;
|
|
18
20
|
label?: string;
|
|
19
21
|
valueText?: string;
|
|
22
|
+
condensed: boolean;
|
|
23
|
+
hideValue: boolean;
|
|
24
|
+
indeterminate: boolean;
|
|
25
|
+
variant: ProgressBarVariant;
|
|
20
26
|
get valuePercentage(): number;
|
|
21
27
|
get valueHidden(): boolean;
|
|
22
28
|
protected render(): TemplateResult;
|
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import { RadioGroupFormControl } from '../../lib/main.js';
|
|
2
|
-
import { RadioGroupVariant } from './radio-group.models.js';
|
|
1
|
+
import { RadioGroupFormControl, ValuesOf } from '../../lib/main.js';
|
|
3
2
|
declare global {
|
|
4
3
|
interface HTMLElementTagNameMap {
|
|
5
4
|
'odx-radio-group': OdxRadioGroup;
|
|
6
5
|
}
|
|
7
6
|
}
|
|
7
|
+
export type RadioGroupLayout = ValuesOf<typeof RadioGroupLayout>;
|
|
8
|
+
export declare const RadioGroupLayout: {
|
|
9
|
+
readonly VERTICAL: "vertical";
|
|
10
|
+
readonly HORIZONTAL: "horizontal";
|
|
11
|
+
readonly LIST: "list";
|
|
12
|
+
};
|
|
8
13
|
export declare class OdxRadioGroup extends RadioGroupFormControl {
|
|
9
|
-
|
|
14
|
+
layout?: RadioGroupLayout;
|
|
10
15
|
}
|
|
11
16
|
//# sourceMappingURL=radio-group.d.ts.map
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { CustomElement } from '../../lib/main.js';
|
|
1
|
+
import { ValuesOf, CanBeDisabled, CustomElement } from '../../lib/main.js';
|
|
2
2
|
import { PropertyValues, TemplateResult } from 'lit';
|
|
3
|
-
import { SearchBarBehavior } from './search-bar.models.js';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
|
6
5
|
'odx-search-bar': OdxSearchBar;
|
|
@@ -11,12 +10,19 @@ interface SearchOptions {
|
|
|
11
10
|
updateInput: boolean;
|
|
12
11
|
forceUpdate: boolean;
|
|
13
12
|
}
|
|
14
|
-
export
|
|
13
|
+
export type SearchBarBehavior = ValuesOf<typeof SearchBarBehavior>;
|
|
14
|
+
export declare const SearchBarBehavior: {
|
|
15
|
+
readonly INSTANT: "instant";
|
|
16
|
+
readonly SUBMIT: "submit";
|
|
17
|
+
};
|
|
18
|
+
declare const OdxSearchBar_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
|
|
19
|
+
export declare class OdxSearchBar extends OdxSearchBar_base {
|
|
15
20
|
#private;
|
|
16
21
|
private inputElement;
|
|
17
22
|
behavior: SearchBarBehavior;
|
|
18
23
|
debounceTime?: number;
|
|
19
24
|
placeholder: string;
|
|
25
|
+
readonly: boolean;
|
|
20
26
|
get value(): string;
|
|
21
27
|
search(value: string, options?: Partial<SearchOptions>): void;
|
|
22
28
|
connectedCallback(): void;
|
|
@@ -1,18 +1,24 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ListboxFormControl, OptionControl } from '../../lib/main.js';
|
|
2
2
|
import { PropertyValues, TemplateResult } from 'lit';
|
|
3
|
-
import { OdxDropdown } from '../dropdown/
|
|
4
|
-
import { OdxOption } from '../option/
|
|
3
|
+
import { OdxDropdown } from '../dropdown/dropdown.js';
|
|
4
|
+
import { OdxOption } from '../option/option.js';
|
|
5
5
|
declare global {
|
|
6
6
|
interface HTMLElementTagNameMap {
|
|
7
7
|
'odx-select': OdxSelect;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
|
-
export declare class OdxSelect extends
|
|
10
|
+
export declare class OdxSelect extends ListboxFormControl<OptionControl> {
|
|
11
11
|
#private;
|
|
12
12
|
protected options: OdxOption[];
|
|
13
|
-
protected
|
|
13
|
+
protected readonly dropdown: OdxDropdown;
|
|
14
|
+
maxVisibleSelectedOptions: number;
|
|
15
|
+
constructor();
|
|
16
|
+
connectedCallback(): void;
|
|
17
|
+
firstUpdated(props: PropertyValues<this>): void;
|
|
18
|
+
isDropdownOpen(): boolean;
|
|
19
|
+
showDropdown(): void;
|
|
20
|
+
hideDropdown(): void;
|
|
14
21
|
protected render(): TemplateResult;
|
|
15
|
-
protected
|
|
16
|
-
protected willUpdate(changes: PropertyValues<this>): void;
|
|
22
|
+
protected updated(props: PropertyValues<this>): void;
|
|
17
23
|
}
|
|
18
24
|
//# sourceMappingURL=select.d.ts.map
|
|
@@ -1,14 +1,19 @@
|
|
|
1
|
-
import { CustomElement } from '../../lib/main.js';
|
|
1
|
+
import { ValuesOf, CustomElement } from '../../lib/main.js';
|
|
2
2
|
import { TemplateResult } from 'lit';
|
|
3
|
-
import { SeparatorAlign } from './separator.models.js';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
|
6
5
|
'odx-separator': OdxSeparator;
|
|
7
6
|
}
|
|
8
7
|
}
|
|
8
|
+
export type SeparatorAlign = ValuesOf<typeof SeparatorAlign>;
|
|
9
|
+
export declare const SeparatorAlign: {
|
|
10
|
+
readonly START: "start";
|
|
11
|
+
readonly CENTER: "center";
|
|
12
|
+
readonly END: "end";
|
|
13
|
+
};
|
|
9
14
|
export declare class OdxSeparator extends CustomElement {
|
|
10
|
-
align
|
|
11
|
-
|
|
15
|
+
align: SeparatorAlign;
|
|
16
|
+
strong: boolean;
|
|
12
17
|
vertical: boolean;
|
|
13
18
|
connectedCallback(): void;
|
|
14
19
|
protected render(): TemplateResult;
|
|
@@ -1,16 +1,31 @@
|
|
|
1
|
-
import { CustomElement } from '../../lib/main.js';
|
|
1
|
+
import { CustomElement, ValuesOf } from '../../lib/main.js';
|
|
2
2
|
import { TemplateResult } from 'lit';
|
|
3
|
-
import { SkeletonShape, SkeletonSize } from './skeleton.models.js';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
|
6
5
|
'odx-skeleton': OdxSkeleton;
|
|
7
6
|
}
|
|
8
7
|
}
|
|
8
|
+
export type SkeletonSize = ValuesOf<typeof SkeletonSize>;
|
|
9
|
+
export declare const SkeletonSize: Pick<{
|
|
10
|
+
readonly XS: "xs";
|
|
11
|
+
readonly SM: "sm";
|
|
12
|
+
readonly MD: "md";
|
|
13
|
+
readonly LG: "lg";
|
|
14
|
+
readonly XL: "xl";
|
|
15
|
+
readonly XXL: "xxl";
|
|
16
|
+
}, "SM" | "MD" | "LG" | "XL">;
|
|
17
|
+
export type SkeletonShape = ValuesOf<typeof SkeletonShape>;
|
|
18
|
+
export declare const SkeletonShape: {
|
|
19
|
+
readonly CIRCLE: "circle";
|
|
20
|
+
readonly RECTANGLE: "rectangle";
|
|
21
|
+
readonly NONE: "none";
|
|
22
|
+
readonly BUTTON: "button";
|
|
23
|
+
};
|
|
9
24
|
export declare class OdxSkeleton extends CustomElement {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
shape
|
|
13
|
-
size
|
|
25
|
+
strong: boolean;
|
|
26
|
+
subtle: boolean;
|
|
27
|
+
shape: SkeletonShape;
|
|
28
|
+
size: SkeletonSize;
|
|
14
29
|
protected render(): TemplateResult;
|
|
15
30
|
}
|
|
16
31
|
//# sourceMappingURL=skeleton.d.ts.map
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { PropertyValueMap, TemplateResult } from 'lit';
|
|
1
|
+
import { DragEvent, IsDraggable, NumberFormControl } from '../../lib/main.js';
|
|
2
|
+
import { PropertyValues, TemplateResult } from 'lit';
|
|
4
3
|
import { SliderTrackVisibility } from './slider.models.js';
|
|
5
4
|
declare global {
|
|
6
5
|
interface HTMLElementTagNameMap {
|
|
7
6
|
'odx-slider-handle': OdxSliderHandle;
|
|
8
7
|
}
|
|
9
8
|
}
|
|
10
|
-
declare const OdxSliderHandle_base: import('../../lib/main.js').Constructor<
|
|
9
|
+
declare const OdxSliderHandle_base: import('../../lib/main.js').Constructor<IsDraggable & HTMLElement> & typeof NumberFormControl;
|
|
11
10
|
export declare class OdxSliderHandle extends OdxSliderHandle_base {
|
|
12
11
|
#private;
|
|
13
12
|
private context;
|
|
@@ -21,8 +20,8 @@ export declare class OdxSliderHandle extends OdxSliderHandle_base {
|
|
|
21
20
|
afterDragEnd(event: DragEvent): void;
|
|
22
21
|
getDistance(containerElement: HTMLElement, event: PointerEvent): number;
|
|
23
22
|
getValueText(): string;
|
|
24
|
-
protected willUpdate(props:
|
|
25
|
-
protected updated(props:
|
|
23
|
+
protected willUpdate(props: PropertyValues<this>): void;
|
|
24
|
+
protected updated(props: PropertyValues<this>): void;
|
|
26
25
|
protected render(): TemplateResult;
|
|
27
26
|
}
|
|
28
27
|
export {};
|
|
@@ -9,7 +9,7 @@ export declare class OdxSliderMarks extends CustomElement {
|
|
|
9
9
|
protected context: import('./slider.models.js').SliderContext;
|
|
10
10
|
step?: number;
|
|
11
11
|
showLabels: boolean;
|
|
12
|
-
connectedCallback():
|
|
12
|
+
connectedCallback(): void;
|
|
13
13
|
protected render(): TemplateResult;
|
|
14
14
|
protected renderMark(value: number, last?: boolean): TemplateResult;
|
|
15
15
|
}
|
|
@@ -1,8 +1,7 @@
|
|
|
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
|
-
import { OdxSliderHandle } from './slider-handle.js';
|
|
5
3
|
import { SliderLabelVisibility } from './slider.models.js';
|
|
4
|
+
import { OdxSliderHandle } from './slider-handle.js';
|
|
6
5
|
declare global {
|
|
7
6
|
interface HTMLElementTagNameMap {
|
|
8
7
|
'odx-slider': OdxSlider;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import { ValuesOf } from '../../lib/main.js';
|
|
2
|
+
export type SliderLabelVisibility = ValuesOf<typeof SliderLabelVisibility>;
|
|
2
3
|
export declare const SliderLabelVisibility: {
|
|
3
4
|
readonly AUTO: "auto";
|
|
4
5
|
readonly HIDDEN: "hidden";
|
|
5
6
|
};
|
|
6
|
-
export type SliderTrackVisibility =
|
|
7
|
+
export type SliderTrackVisibility = ValuesOf<typeof SliderTrackVisibility>;
|
|
7
8
|
export declare const SliderTrackVisibility: {
|
|
8
9
|
readonly AUTO: "auto";
|
|
9
10
|
readonly HIDDEN: "hidden";
|
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { TemplateResult } from 'lit';
|
|
1
|
+
import { FormControl } from '../../lib/main.js';
|
|
2
|
+
import { PropertyValues, TemplateResult } from 'lit';
|
|
3
3
|
declare global {
|
|
4
4
|
interface HTMLElementTagNameMap {
|
|
5
5
|
'odx-spinbox': OdxSpinbox;
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
|
-
declare
|
|
9
|
-
export declare class OdxSpinbox extends OdxSpinbox_base {
|
|
8
|
+
export declare class OdxSpinbox extends FormControl<string> {
|
|
10
9
|
#private;
|
|
11
10
|
static shadowRootOptions: ShadowRootInit;
|
|
12
|
-
private
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
private options;
|
|
12
|
+
selectedIndex: number;
|
|
13
|
+
value: string;
|
|
14
|
+
constructor();
|
|
15
|
+
protected willUpdate(props: PropertyValues<this>): void;
|
|
16
|
+
protected updated(props: PropertyValues<this>): void;
|
|
17
|
+
previous(): void;
|
|
18
|
+
next(): void;
|
|
19
|
+
connectedCallback(): void;
|
|
20
|
+
protected render(): TemplateResult | string;
|
|
18
21
|
}
|
|
19
|
-
export {};
|
|
20
22
|
//# sourceMappingURL=spinbox.d.ts.map
|
|
@@ -1,18 +1,38 @@
|
|
|
1
|
-
import { CustomElement } from '../../lib/main.js';
|
|
2
|
-
import { PropertyValues, TemplateResult } from 'lit';
|
|
3
|
-
import { StackAlign, StackGap, StackJustify } from './stack.models.js';
|
|
1
|
+
import { CustomElement, ValuesOf } from '../../lib/main.js';
|
|
4
2
|
declare global {
|
|
5
3
|
interface HTMLElementTagNameMap {
|
|
6
4
|
'odx-stack': OdxStack;
|
|
7
5
|
}
|
|
8
6
|
}
|
|
7
|
+
export type StackAlign = ValuesOf<typeof StackAlign>;
|
|
8
|
+
export declare const StackAlign: {
|
|
9
|
+
readonly START: "start";
|
|
10
|
+
readonly CENTER: "center";
|
|
11
|
+
readonly END: "end";
|
|
12
|
+
};
|
|
13
|
+
export type StackGap = ValuesOf<typeof StackGap>;
|
|
14
|
+
export declare const StackGap: {
|
|
15
|
+
readonly XS: "xs";
|
|
16
|
+
readonly SM: "sm";
|
|
17
|
+
readonly MD: "md";
|
|
18
|
+
readonly LG: "lg";
|
|
19
|
+
readonly XL: "xl";
|
|
20
|
+
readonly NONE: "none";
|
|
21
|
+
};
|
|
22
|
+
export type StackJustify = ValuesOf<typeof StackJustify>;
|
|
23
|
+
export declare const StackJustify: {
|
|
24
|
+
readonly START: "start";
|
|
25
|
+
readonly END: "end";
|
|
26
|
+
readonly CENTER: "center";
|
|
27
|
+
readonly SPACE_BETWEEN: "space-between";
|
|
28
|
+
readonly SPACE_AROUND: "space-around";
|
|
29
|
+
readonly SPACE_EVENLY: "space-evenly";
|
|
30
|
+
};
|
|
9
31
|
export declare class OdxStack extends CustomElement {
|
|
10
32
|
align?: StackAlign;
|
|
11
33
|
justify?: StackJustify;
|
|
12
|
-
gap?: StackGap
|
|
34
|
+
gap?: StackGap;
|
|
13
35
|
horizontal: boolean;
|
|
14
36
|
wrap: boolean;
|
|
15
|
-
protected render(): TemplateResult;
|
|
16
|
-
protected updated(props: PropertyValues<this>): void;
|
|
17
37
|
}
|
|
18
38
|
//# sourceMappingURL=stack.d.ts.map
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { CustomElement, ValuesOf } from '../../lib/main.js';
|
|
2
|
+
import { TemplateResult } from 'lit';
|
|
3
|
+
declare global {
|
|
4
|
+
interface HTMLElementTagNameMap {
|
|
5
|
+
'odx-status': OdxStatus;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
export type StatusVariant = ValuesOf<typeof StatusVariant>;
|
|
9
|
+
export declare const StatusVariant: Pick<{
|
|
10
|
+
readonly NEUTRAL: "neutral";
|
|
11
|
+
readonly PRIMARY: "primary";
|
|
12
|
+
readonly ACCENT: "accent";
|
|
13
|
+
readonly SUCCESS: "success";
|
|
14
|
+
readonly WARNING: "warning";
|
|
15
|
+
readonly DANGER: "danger";
|
|
16
|
+
readonly GHOST: "ghost";
|
|
17
|
+
}, "NEUTRAL" | "PRIMARY" | "SUCCESS" | "WARNING" | "DANGER">;
|
|
18
|
+
export declare class OdxStatus extends CustomElement {
|
|
19
|
+
pulse: boolean;
|
|
20
|
+
variant: StatusVariant;
|
|
21
|
+
protected render(): TemplateResult;
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=status.d.ts.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
export * from './table.js';
|
|
2
|
+
export * from './table.models.js';
|
|
1
3
|
export * from './table-body.js';
|
|
2
4
|
export * from './table-cell.js';
|
|
3
5
|
export * from './table-checkbox-cell.js';
|
|
4
|
-
export * from './table-header-cell.js';
|
|
5
6
|
export * from './table-header.js';
|
|
7
|
+
export * from './table-header-cell.js';
|
|
6
8
|
export * from './table-row.js';
|
|
7
|
-
export * from './table.js';
|
|
8
|
-
export * from './table.models.js';
|
|
9
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -14,7 +14,7 @@ export declare class OdxTableRow extends OdxTableRow_base {
|
|
|
14
14
|
value: string;
|
|
15
15
|
connectedCallback(): void;
|
|
16
16
|
protected render(): TemplateResult;
|
|
17
|
-
protected willUpdate(
|
|
17
|
+
protected willUpdate(props: PropertyValues<this>): void;
|
|
18
18
|
}
|
|
19
19
|
export {};
|
|
20
20
|
//# sourceMappingURL=table-row.d.ts.map
|
|
@@ -1,13 +1,32 @@
|
|
|
1
|
-
import { CustomElement } from '../../lib/main.js';
|
|
2
|
-
import { TextSize, TextVariant } from './text.models.js';
|
|
1
|
+
import { CustomElement, ValuesOf } from '../../lib/main.js';
|
|
3
2
|
declare global {
|
|
4
3
|
interface HTMLElementTagNameMap {
|
|
5
4
|
'odx-text': OdxText;
|
|
6
5
|
}
|
|
7
6
|
}
|
|
7
|
+
export type TextSize = ValuesOf<typeof TextSize>;
|
|
8
|
+
export declare const TextSize: Pick<{
|
|
9
|
+
readonly XS: "xs";
|
|
10
|
+
readonly SM: "sm";
|
|
11
|
+
readonly MD: "md";
|
|
12
|
+
readonly LG: "lg";
|
|
13
|
+
readonly XL: "xl";
|
|
14
|
+
readonly XXL: "xxl";
|
|
15
|
+
}, "XS" | "SM" | "MD" | "LG">;
|
|
16
|
+
export type TextVariant = ValuesOf<typeof TextVariant>;
|
|
17
|
+
export declare const TextVariant: Pick<{
|
|
18
|
+
readonly NEUTRAL: "neutral";
|
|
19
|
+
readonly PRIMARY: "primary";
|
|
20
|
+
readonly ACCENT: "accent";
|
|
21
|
+
readonly SUCCESS: "success";
|
|
22
|
+
readonly WARNING: "warning";
|
|
23
|
+
readonly DANGER: "danger";
|
|
24
|
+
readonly GHOST: "ghost";
|
|
25
|
+
}, "NEUTRAL" | "ACCENT" | "SUCCESS" | "DANGER">;
|
|
8
26
|
export declare class OdxText extends CustomElement {
|
|
9
|
-
|
|
27
|
+
strong: boolean;
|
|
28
|
+
inline: boolean;
|
|
10
29
|
size?: TextSize;
|
|
11
|
-
variant
|
|
30
|
+
variant: TextVariant;
|
|
12
31
|
}
|
|
13
32
|
//# sourceMappingURL=text.d.ts.map
|
|
@@ -1,13 +1,22 @@
|
|
|
1
|
-
import { CustomElement } from '../../lib/main.js';
|
|
2
|
-
import {
|
|
3
|
-
import { TitleSize } from './title.models.js';
|
|
1
|
+
import { CustomElement, ValuesOf } from '../../lib/main.js';
|
|
2
|
+
import { PropertyValues } from 'lit';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
|
6
5
|
'odx-title': OdxTitle;
|
|
7
6
|
}
|
|
8
7
|
}
|
|
8
|
+
export type TitleSize = ValuesOf<typeof TitleSize>;
|
|
9
|
+
export declare const TitleSize: Pick<{
|
|
10
|
+
readonly XS: "xs";
|
|
11
|
+
readonly SM: "sm";
|
|
12
|
+
readonly MD: "md";
|
|
13
|
+
readonly LG: "lg";
|
|
14
|
+
readonly XL: "xl";
|
|
15
|
+
readonly XXL: "xxl";
|
|
16
|
+
}, "XS" | "SM" | "MD" | "LG" | "XL" | "XXL">;
|
|
9
17
|
export declare class OdxTitle extends CustomElement {
|
|
10
|
-
size
|
|
11
|
-
|
|
18
|
+
size: TitleSize;
|
|
19
|
+
level?: number;
|
|
20
|
+
protected willUpdate(props: PropertyValues<this>): void;
|
|
12
21
|
}
|
|
13
22
|
//# sourceMappingURL=title.d.ts.map
|
|
@@ -1,13 +1,24 @@
|
|
|
1
|
-
import { CustomElement } from '../../lib/main.js';
|
|
1
|
+
import { CustomElement, ValuesOf } from '../../lib/main.js';
|
|
2
|
+
import { OdxIconName } from '@odx/icons';
|
|
2
3
|
import { TemplateResult } from 'lit';
|
|
3
|
-
import { ToastVariant } from './toast.models.js';
|
|
4
4
|
declare global {
|
|
5
5
|
interface HTMLElementTagNameMap {
|
|
6
6
|
'odx-toast': OdxToast;
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
+
export type ToastVariant = ValuesOf<typeof ToastVariant>;
|
|
10
|
+
export declare const ToastVariant: Pick<{
|
|
11
|
+
readonly NEUTRAL: "neutral";
|
|
12
|
+
readonly PRIMARY: "primary";
|
|
13
|
+
readonly ACCENT: "accent";
|
|
14
|
+
readonly SUCCESS: "success";
|
|
15
|
+
readonly WARNING: "warning";
|
|
16
|
+
readonly DANGER: "danger";
|
|
17
|
+
readonly GHOST: "ghost";
|
|
18
|
+
}, "NEUTRAL" | "PRIMARY" | "SUCCESS" | "WARNING" | "DANGER">;
|
|
9
19
|
export declare class OdxToast extends CustomElement {
|
|
10
|
-
|
|
20
|
+
icon?: OdxIconName;
|
|
21
|
+
variant: ToastVariant;
|
|
11
22
|
protected render(): TemplateResult;
|
|
12
23
|
}
|
|
13
24
|
//# sourceMappingURL=toast.d.ts.map
|
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
import { CheckboxFormControl } from '../../lib/main.js';
|
|
2
|
-
import {
|
|
2
|
+
import { TemplateResult } from 'lit';
|
|
3
3
|
declare global {
|
|
4
4
|
interface HTMLElementTagNameMap {
|
|
5
5
|
'odx-toggle-button': OdxToggleButton;
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
8
|
export declare class OdxToggleButton extends CheckboxFormControl {
|
|
9
|
-
checked: boolean;
|
|
10
|
-
pressed: boolean;
|
|
11
9
|
connectedCallback(): void;
|
|
12
10
|
updateAriaAttributes(): void;
|
|
13
|
-
protected willUpdate(props: PropertyValues<this>): void;
|
|
14
11
|
protected render(): TemplateResult;
|
|
15
12
|
}
|
|
16
13
|
//# sourceMappingURL=toggle-button.d.ts.map
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { RadioGroupFormControl } from '../../lib/main.js';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'odx-toggle-button-group': OdxToggleButtonGroup;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export declare class OdxToggleButtonGroup extends RadioGroupFormControl {
|
|
8
|
+
block: boolean;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=toggle-button-group.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CustomElement } from '../../lib/main.js';
|
|
2
|
-
import {
|
|
2
|
+
import { TemplateResult } from 'lit';
|
|
3
3
|
declare global {
|
|
4
4
|
interface HTMLElementTagNameMap {
|
|
5
5
|
'odx-toggle-content': OdxToggleContent;
|
|
@@ -7,6 +7,6 @@ declare global {
|
|
|
7
7
|
}
|
|
8
8
|
export declare class OdxToggleContent extends CustomElement {
|
|
9
9
|
hidden: boolean;
|
|
10
|
-
protected render():
|
|
10
|
+
protected render(): TemplateResult;
|
|
11
11
|
}
|
|
12
12
|
//# sourceMappingURL=toggle-content.d.ts.map
|