@odx/foundation 1.0.0-beta.3 → 1.0.0-beta.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (195) hide show
  1. package/dist/components/accordion/accordion-header.d.ts +4 -6
  2. package/dist/components/accordion/accordion-panel.d.ts +1 -0
  3. package/dist/components/accordion/accordion.d.ts +4 -4
  4. package/dist/components/anchor-navigation/anchor-navigation.d.ts +1 -1
  5. package/dist/components/area-header/area-header.d.ts +10 -3
  6. package/dist/components/avatar/avatar.d.ts +26 -4
  7. package/dist/components/avatar-group/avatar-group.d.ts +1 -1
  8. package/dist/components/badge/badge.d.ts +11 -2
  9. package/dist/components/breadcrumbs/breadcrumbs-item.d.ts +1 -1
  10. package/dist/components/button/button.d.ts +28 -6
  11. package/dist/components/button-group/button-group.d.ts +0 -8
  12. package/dist/components/checkbox/checkbox.d.ts +1 -1
  13. package/dist/components/checkbox-group/checkbox-group.d.ts +7 -3
  14. package/dist/components/chip/chip.d.ts +13 -4
  15. package/dist/components/circular-progress-bar/circular-progress-bar.d.ts +11 -3
  16. package/dist/components/combobox/combobox.d.ts +20 -0
  17. package/dist/components/dropdown/dropdown.d.ts +14 -6
  18. package/dist/components/headline/headline.d.ts +10 -2
  19. package/dist/components/highlight/highlight.d.ts +3 -0
  20. package/dist/components/icon-button/icon-button.d.ts +3 -3
  21. package/dist/components/inline-message/inline-message.d.ts +12 -3
  22. package/dist/components/input/input.d.ts +3 -2
  23. package/dist/components/link/link.d.ts +2 -2
  24. package/dist/components/list/list-item.d.ts +7 -7
  25. package/dist/components/list/list.d.ts +5 -0
  26. package/dist/components/logo/logo.d.ts +10 -2
  27. package/dist/components/main-menu/main-menu-link.d.ts +2 -2
  28. package/dist/components/main.d.ts +53 -52
  29. package/dist/components/menu/menu.d.ts +3 -6
  30. package/dist/components/menu-item/menu-item.d.ts +4 -6
  31. package/dist/components/modal/modal.d.ts +7 -3
  32. package/dist/components/navigation-item/navigation-item.d.ts +11 -4
  33. package/dist/components/option/option.d.ts +0 -1
  34. package/dist/components/page/page.d.ts +15 -6
  35. package/dist/components/progress-bar/progress-bar.d.ts +7 -2
  36. package/dist/components/radio-group/radio-group.d.ts +7 -3
  37. package/dist/components/search-bar/index.d.ts +0 -1
  38. package/dist/components/search-bar/search-bar.d.ts +6 -2
  39. package/dist/components/select/select.d.ts +11 -7
  40. package/dist/components/separator/separator.d.ts +6 -2
  41. package/dist/components/skeleton/skeleton.d.ts +16 -2
  42. package/dist/components/slider/slider-handle.d.ts +2 -3
  43. package/dist/components/slider/slider.d.ts +1 -2
  44. package/dist/components/slider/slider.models.d.ts +3 -2
  45. package/dist/components/stack/stack.d.ts +3 -3
  46. package/dist/components/stack/stack.models.d.ts +5 -4
  47. package/dist/components/status/status.d.ts +23 -0
  48. package/dist/components/table/table-row.d.ts +1 -1
  49. package/dist/components/text/text.d.ts +20 -2
  50. package/dist/components/title/title.d.ts +10 -2
  51. package/dist/components/toast/toast.d.ts +11 -2
  52. package/dist/components/toggle-content/toggle-content.d.ts +2 -3
  53. package/dist/components/tooltip/tooltip.d.ts +17 -5
  54. package/dist/components.js +1273 -1554
  55. package/dist/i18n/lib/config.d.ts +4 -3
  56. package/dist/i18n/lib/localization.d.ts +1 -1
  57. package/dist/i18n.js +16 -11
  58. package/dist/lib/control/listbox-form-control.d.ts +22 -0
  59. package/dist/lib/control/option-control.d.ts +26 -0
  60. package/dist/lib/controllers/active-desendants-controller.d.ts +25 -0
  61. package/dist/lib/controllers/expandable-controller.d.ts +17 -0
  62. package/dist/lib/controllers/focus-trap.controller.d.ts +1 -0
  63. package/dist/lib/custom-element.d.ts +1 -1
  64. package/dist/{cdk → lib}/drag-drop/drag.controller.d.ts +1 -0
  65. package/dist/{cdk → lib}/drag-drop/is-draggable.d.ts +3 -3
  66. package/dist/{components/button/base-button.d.ts → lib/interactive/interactive-element.d.ts} +9 -8
  67. package/dist/lib/interactive/interactive-link.d.ts +16 -0
  68. package/dist/lib/main.d.ts +25 -17
  69. package/dist/lib/mixins/can-be-disabled.d.ts +1 -1
  70. package/dist/lib/mixins/can-be-expanded.d.ts +2 -4
  71. package/dist/lib/mixins/can-be-highlighted.d.ts +8 -0
  72. package/dist/lib/mixins/can-be-selected.d.ts +1 -1
  73. package/dist/lib/mixins/form-control.d.ts +12 -7
  74. package/dist/lib/mixins/number-control.d.ts +1 -1
  75. package/dist/lib/mixins/with-loading-state.d.ts +1 -1
  76. package/dist/lib/models/shape.d.ts +7 -0
  77. package/dist/lib/models/size.d.ts +11 -0
  78. package/dist/lib/models/variant.d.ts +12 -0
  79. package/dist/lib/popover/popover-host.d.ts +29 -0
  80. package/dist/lib/popover/popover-observer.d.ts +11 -0
  81. package/dist/{cdk → lib}/popover/popover.d.ts +1 -1
  82. package/dist/{cdk → lib}/popover/popover.models.d.ts +4 -3
  83. package/dist/lib/utils/a11y.d.ts +0 -6
  84. package/dist/lib/utils/dedupe-mixin.d.ts +3 -0
  85. package/dist/lib/utils/dom.d.ts +6 -7
  86. package/dist/lib/utils/lit.d.ts +5 -0
  87. package/dist/lib/utils/query-assigned-element.d.ts +16 -0
  88. package/dist/lib/utils/search-text-content.d.ts +1 -0
  89. package/dist/lib/utils/types.d.ts +3 -0
  90. package/dist/loader.js +4 -5
  91. package/dist/main.js +1112 -457
  92. package/dist/styles.css +1 -1
  93. package/dist/vendor-C_8wBEOn.js +149 -0
  94. package/package.json +8 -12
  95. package/dist/cdk/main.d.ts +0 -7
  96. package/dist/cdk/popover/popover-host.d.ts +0 -19
  97. package/dist/cdk.js +0 -356
  98. package/dist/components/action-group/action-group.d.ts +0 -24
  99. package/dist/components/action-group/index.d.ts +0 -2
  100. package/dist/components/area-header/area-header.models.d.ts +0 -12
  101. package/dist/components/area-header/index.d.ts +0 -3
  102. package/dist/components/avatar/avatar.models.d.ts +0 -13
  103. package/dist/components/avatar/index.d.ts +0 -3
  104. package/dist/components/avatar-group/index.d.ts +0 -2
  105. package/dist/components/badge/badge.models.d.ts +0 -14
  106. package/dist/components/badge/index.d.ts +0 -3
  107. package/dist/components/button/button.models.d.ts +0 -15
  108. package/dist/components/button/index.d.ts +0 -4
  109. package/dist/components/button-group/index.d.ts +0 -2
  110. package/dist/components/card/index.d.ts +0 -2
  111. package/dist/components/checkbox/index.d.ts +0 -2
  112. package/dist/components/checkbox-group/checkbox-group.models.d.ts +0 -6
  113. package/dist/components/checkbox-group/index.d.ts +0 -3
  114. package/dist/components/chip/chip.models.d.ts +0 -10
  115. package/dist/components/chip/index.d.ts +0 -3
  116. package/dist/components/circular-progress-bar/circular-progress-bar.models.d.ts +0 -7
  117. package/dist/components/circular-progress-bar/index.d.ts +0 -3
  118. package/dist/components/content-box/content-box.models.d.ts +0 -2
  119. package/dist/components/content-box/index.d.ts +0 -2
  120. package/dist/components/dropdown/dropdown.models.d.ts +0 -6
  121. package/dist/components/dropdown/index.d.ts +0 -3
  122. package/dist/components/form-field/index.d.ts +0 -2
  123. package/dist/components/headline/headline.models.d.ts +0 -8
  124. package/dist/components/headline/index.d.ts +0 -3
  125. package/dist/components/highlight/index.d.ts +0 -2
  126. package/dist/components/icon-button/index.d.ts +0 -2
  127. package/dist/components/image/index.d.ts +0 -2
  128. package/dist/components/inline-message/index.d.ts +0 -3
  129. package/dist/components/inline-message/inline-message.models.d.ts +0 -12
  130. package/dist/components/input/index.d.ts +0 -3
  131. package/dist/components/input/input.models.d.ts +0 -7
  132. package/dist/components/line-clamp/index.d.ts +0 -2
  133. package/dist/components/link/base-link.d.ts +0 -15
  134. package/dist/components/link/index.d.ts +0 -3
  135. package/dist/components/loading-overlay/index.d.ts +0 -2
  136. package/dist/components/loading-spinner/index.d.ts +0 -2
  137. package/dist/components/logo/index.d.ts +0 -3
  138. package/dist/components/logo/logo.models.d.ts +0 -9
  139. package/dist/components/menu-item/index.d.ts +0 -2
  140. package/dist/components/modal/index.d.ts +0 -3
  141. package/dist/components/modal/modal.models.d.ts +0 -5
  142. package/dist/components/navigation-item/index.d.ts +0 -3
  143. package/dist/components/navigation-item/navigation-item.models.d.ts +0 -6
  144. package/dist/components/option/index.d.ts +0 -2
  145. package/dist/components/page/index.d.ts +0 -3
  146. package/dist/components/page/page.models.d.ts +0 -10
  147. package/dist/components/page-layout/index.d.ts +0 -2
  148. package/dist/components/pagination/index.d.ts +0 -2
  149. package/dist/components/progress-bar/index.d.ts +0 -3
  150. package/dist/components/progress-bar/progress-bar.models.d.ts +0 -7
  151. package/dist/components/radio-button/index.d.ts +0 -2
  152. package/dist/components/radio-group/index.d.ts +0 -3
  153. package/dist/components/radio-group/radio-group.models.d.ts +0 -6
  154. package/dist/components/rail-navigation/index.d.ts +0 -2
  155. package/dist/components/search-bar/search-bar.models.d.ts +0 -6
  156. package/dist/components/select/index.d.ts +0 -2
  157. package/dist/components/separator/index.d.ts +0 -3
  158. package/dist/components/separator/separator.models.d.ts +0 -6
  159. package/dist/components/skeleton/index.d.ts +0 -3
  160. package/dist/components/skeleton/skeleton.models.d.ts +0 -13
  161. package/dist/components/spacer/index.d.ts +0 -2
  162. package/dist/components/spacer/spacer.models.d.ts +0 -7
  163. package/dist/components/spinbox/index.d.ts +0 -2
  164. package/dist/components/stack/index.d.ts +0 -3
  165. package/dist/components/switch/index.d.ts +0 -2
  166. package/dist/components/text/index.d.ts +0 -3
  167. package/dist/components/text/text.models.d.ts +0 -14
  168. package/dist/components/title/index.d.ts +0 -3
  169. package/dist/components/title/title.models.d.ts +0 -10
  170. package/dist/components/toast/index.d.ts +0 -3
  171. package/dist/components/toast/toast.models.d.ts +0 -5
  172. package/dist/components/toggle-button/index.d.ts +0 -2
  173. package/dist/components/toggle-content/index.d.ts +0 -2
  174. package/dist/components/tooltip/index.d.ts +0 -3
  175. package/dist/components/tooltip/tooltip.models.d.ts +0 -8
  176. package/dist/components/translate/index.d.ts +0 -2
  177. package/dist/components/visually-hidden/index.d.ts +0 -2
  178. package/dist/lib/decorators/request-update-on-aria-change.d.ts +0 -4
  179. package/dist/lib/directives/optional-attr.d.ts +0 -2
  180. package/dist/lib/directives/optional-slot.d.ts +0 -3
  181. package/dist/lib/directives/slot-fallback.d.ts +0 -8
  182. package/dist/lib/facade/option-control.d.ts +0 -16
  183. package/dist/lib/facade/select-form-control.d.ts +0 -19
  184. package/dist/lib/mixins/can-be-readonly.d.ts +0 -7
  185. package/dist/lib/mixins/can-be-required.d.ts +0 -7
  186. package/dist/lib/mixins/can-be-validated.d.ts +0 -12
  187. package/dist/lib/mixins/dedupe-mixin.d.ts +0 -3
  188. package/dist/lib/utils/object.d.ts +0 -2
  189. package/dist/vendor-C_WVAD3D.js +0 -3680
  190. package/dist/vite.config.d.ts +0 -3
  191. /package/dist/lib/{facade → control}/checkbox-form-control.d.ts +0 -0
  192. /package/dist/lib/{facade → control}/checkbox-group-form-control.d.ts +0 -0
  193. /package/dist/lib/{facade → control}/radio-group-form-control.d.ts +0 -0
  194. /package/dist/{cdk → lib}/drag-drop/drag-events.d.ts +0 -0
  195. /package/dist/{cdk → lib}/popover/popover.utils.d.ts +0 -0
@@ -1,18 +1,16 @@
1
- import { CanBeExpanded, CustomElement } from '../../lib/main.js';
1
+ import { CanBeExpanded, InteractiveElement } from '../../lib/main.js';
2
2
  import { PropertyValues, TemplateResult } from 'lit';
3
- import { OdxAccordionPanel } from './accordion-panel.js';
4
3
  declare global {
5
4
  interface HTMLElementTagNameMap {
6
5
  'odx-accordion-header': OdxAccordionHeader;
7
6
  }
8
7
  }
9
- declare const OdxAccordionHeader_base: import('../../lib/main.js').Constructor<CanBeExpanded> & typeof CustomElement;
8
+ declare const OdxAccordionHeader_base: import('../../lib/main.js').Constructor<CanBeExpanded> & typeof InteractiveElement;
10
9
  export declare class OdxAccordionHeader extends OdxAccordionHeader_base {
11
10
  #private;
12
- static shadowRootOptions: ShadowRootInit;
13
- get panel(): OdxAccordionPanel | null;
11
+ get panel(): HTMLElement | null;
14
12
  connectedCallback(): void;
15
- protected render(): TemplateResult;
13
+ protected renderContent(): TemplateResult;
16
14
  protected willUpdate(props: PropertyValues<this>): void;
17
15
  }
18
16
  export {};
@@ -6,6 +6,7 @@ declare global {
6
6
  }
7
7
  }
8
8
  export declare class OdxAccordionPanel extends CustomElement {
9
+ hidden: boolean;
9
10
  connectedCallback(): void;
10
11
  protected render(): TemplateResult;
11
12
  }
@@ -1,15 +1,15 @@
1
1
  import { CustomElement } from '../../lib/main.js';
2
- import { PropertyValues } from 'lit';
2
+ import { OdxAccordionHeader } from './accordion-header.js';
3
3
  declare global {
4
4
  interface HTMLElementTagNameMap {
5
5
  'odx-accordion': OdxAccordion;
6
6
  }
7
7
  }
8
8
  export declare class OdxAccordion extends CustomElement {
9
- #private;
10
- private controls;
9
+ items: OdxAccordionHeader[];
10
+ indicatorPosition?: 'start';
11
11
  multiple: boolean;
12
12
  constructor();
13
- protected updated(props: PropertyValues): void;
13
+ toggleAll(force?: boolean, emitEvent?: boolean): void;
14
14
  }
15
15
  //# sourceMappingURL=accordion.d.ts.map
@@ -13,7 +13,7 @@ export declare class OdxAnchorNavigation extends OdxAnchorNavigation_base {
13
13
  constructor();
14
14
  connectedCallback(): void;
15
15
  disconnectedCallback(): void;
16
- renderAnchorLink(anchor: Element, isActive?: boolean): unknown;
16
+ renderAnchorLink(anchor: Element, isActive?: boolean): TemplateResult;
17
17
  protected render(): TemplateResult;
18
18
  protected updated(props: PropertyValueMap<this>): void;
19
19
  }
@@ -1,14 +1,21 @@
1
- import { CustomElement } from '../../lib/main.js';
1
+ import { CustomElement, EnumString } from '../../lib/main.js';
2
2
  import { TemplateResult } from 'lit';
3
- import { AreaHeaderSize, AreaHeaderVariant } from './area-header.models.js';
4
3
  declare global {
5
4
  interface HTMLElementTagNameMap {
6
5
  'odx-area-header': OdxAreaHeader;
7
6
  }
8
7
  }
8
+ export type AreaHeaderSize = EnumString<typeof AreaHeaderSize>;
9
+ export declare const AreaHeaderSize: 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">;
9
17
  export declare class OdxAreaHeader extends CustomElement {
10
18
  size?: AreaHeaderSize;
11
- variant?: AreaHeaderVariant;
12
19
  protected render(): TemplateResult;
13
20
  }
14
21
  //# sourceMappingURL=area-header.d.ts.map
@@ -1,14 +1,36 @@
1
- import { CustomElement } from '../../lib/main.js';
2
- import { TemplateResult } from 'lit';
3
- import { AvatarSize, AvatarVariant } from './avatar.models.js';
1
+ import { CustomElement, EnumString } from '../../lib/main.js';
4
2
  declare global {
5
3
  interface HTMLElementTagNameMap {
6
4
  'odx-avatar': OdxAvatar;
7
5
  }
8
6
  }
7
+ export type AvatarShape = EnumString<typeof AvatarShape>;
8
+ export declare const AvatarShape: Pick<{
9
+ readonly CIRCLE: "circle";
10
+ readonly RECTANGLE: "rectangle";
11
+ }, "CIRCLE" | "RECTANGLE">;
12
+ export type AvatarSize = EnumString<typeof AvatarSize>;
13
+ export declare const AvatarSize: Pick<{
14
+ readonly XS: "xs";
15
+ readonly SM: "sm";
16
+ readonly MD: "md";
17
+ readonly LG: "lg";
18
+ readonly XL: "xl";
19
+ readonly XXL: "xxl";
20
+ }, "SM" | "MD" | "LG" | "XL">;
21
+ export type AvatarVariant = EnumString<typeof AvatarVariant>;
22
+ export declare const AvatarVariant: Pick<{
23
+ readonly NEUTRAL: "neutral";
24
+ readonly PRIMARY: "primary";
25
+ readonly ACCENT: "accent";
26
+ readonly SUCCESS: "success";
27
+ readonly WARNING: "warning";
28
+ readonly DANGER: "danger";
29
+ readonly GHOST: "ghost";
30
+ }, "NEUTRAL" | "PRIMARY">;
9
31
  export declare class OdxAvatar extends CustomElement {
32
+ shape?: AvatarShape;
10
33
  size?: AvatarSize;
11
34
  variant?: AvatarVariant;
12
- protected render(): TemplateResult;
13
35
  }
14
36
  //# sourceMappingURL=avatar.d.ts.map
@@ -1,6 +1,6 @@
1
1
  import { CustomElement } from '../../lib/main.js';
2
2
  import { PropertyValues } from 'lit';
3
- import { AvatarSize, AvatarVariant, OdxAvatar } from '../avatar/index.js';
3
+ import { AvatarSize, AvatarVariant, OdxAvatar } from '../avatar/avatar.js';
4
4
  declare global {
5
5
  interface HTMLElementTagNameMap {
6
6
  'odx-avatar-group': OdxAvatarGroup;
@@ -1,11 +1,20 @@
1
- import { CustomElement } from '../../lib/main.js';
1
+ import { CustomElement, EnumString } from '../../lib/main.js';
2
2
  import { TemplateResult } from 'lit';
3
- import { BadgeVariant } from './badge.models.js';
4
3
  declare global {
5
4
  interface HTMLElementTagNameMap {
6
5
  'odx-badge': OdxBadge;
7
6
  }
8
7
  }
8
+ export type BadgeVariant = EnumString<typeof BadgeVariant>;
9
+ export declare const BadgeVariant: 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" | "ACCENT" | "SUCCESS" | "WARNING" | "DANGER">;
9
18
  export declare class OdxBadge extends CustomElement {
10
19
  compact?: boolean;
11
20
  pulse?: boolean;
@@ -1,6 +1,6 @@
1
1
  import { CustomElement } from '../../lib/main.js';
2
2
  import { PropertyValues, TemplateResult } from 'lit';
3
- import { OdxLink } from '../link/index.js';
3
+ import { OdxLink } from '../link/link.js';
4
4
  declare global {
5
5
  interface HTMLElementTagNameMap {
6
6
  'odx-breadcrumbs-item': OdxBreadcrumbsItem;
@@ -1,12 +1,35 @@
1
+ import { EnumString, InteractiveElement } from '../../lib/main.js';
1
2
  import { TemplateResult } from 'lit';
2
- import { BaseButton } from './base-button.js';
3
- import { ButtonSize, ButtonVariant } from './button.models.js';
4
3
  declare global {
5
4
  interface HTMLElementTagNameMap {
6
5
  'odx-button': OdxButton;
7
6
  }
8
7
  }
9
- declare const OdxButton_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').HasLoadingState> & typeof BaseButton;
8
+ export type ButtonBadgeAlign = EnumString<typeof ButtonBadgeAlign>;
9
+ export declare const ButtonBadgeAlign: {
10
+ readonly START: "start";
11
+ readonly CENTER: "center";
12
+ readonly END: "end";
13
+ };
14
+ export type ButtonSize = EnumString<typeof ButtonSize>;
15
+ export declare const ButtonSize: Pick<{
16
+ readonly XS: "xs";
17
+ readonly SM: "sm";
18
+ readonly MD: "md";
19
+ readonly LG: "lg";
20
+ readonly XL: "xl";
21
+ readonly XXL: "xxl";
22
+ }, "XS" | "SM" | "MD" | "LG">;
23
+ export type ButtonVariant = EnumString<typeof ButtonVariant>;
24
+ export declare const ButtonVariant: Pick<{
25
+ readonly NEUTRAL: "neutral";
26
+ readonly PRIMARY: "primary";
27
+ readonly ACCENT: "accent";
28
+ readonly SUCCESS: "success";
29
+ readonly WARNING: "warning";
30
+ readonly DANGER: "danger";
31
+ readonly GHOST: "ghost";
32
+ }, "NEUTRAL" | "PRIMARY" | "ACCENT" | "DANGER" | "GHOST">;
10
33
  /**
11
34
  * A button is clickable text or an icon that triggers an action on the page or in the background.
12
35
  * Depending on the action, content, and hierarchy, a button can be used on its own or grouped with
@@ -19,10 +42,10 @@ declare const OdxButton_base: import('../../lib/main.js').Constructor<import('..
19
42
  * @slot suffix - Contains the button's icon or state indicator, e.g. a spinner.
20
43
  * @slot - Contains button text
21
44
  */
22
- export declare class OdxButton extends OdxButton_base {
45
+ export declare class OdxButton extends InteractiveElement {
23
46
  #private;
24
47
  static readonly formAssociated = true;
25
- alignBadge?: 'center' | 'end';
48
+ alignBadge?: ButtonBadgeAlign;
26
49
  block: boolean;
27
50
  /**
28
51
  * The type of the button.
@@ -39,5 +62,4 @@ export declare class OdxButton extends OdxButton_base {
39
62
  constructor();
40
63
  protected render(): TemplateResult;
41
64
  }
42
- export {};
43
65
  //# sourceMappingURL=button.d.ts.map
@@ -1,6 +1,4 @@
1
1
  import { CanBeDisabled, CustomElement } from '../../lib/main.js';
2
- import { PropertyValues } from 'lit';
3
- import { ButtonSize, ButtonVariant, OdxButton } from '../button/index.js';
4
2
  declare global {
5
3
  interface HTMLElementTagNameMap {
6
4
  'odx-button-group': OdxButtonGroup;
@@ -8,14 +6,8 @@ declare global {
8
6
  }
9
7
  declare const OdxButtonGroup_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
10
8
  export declare class OdxButtonGroup extends OdxButtonGroup_base {
11
- protected buttons: OdxButton[];
12
- constructor();
13
9
  block: boolean;
14
- connected: boolean;
15
10
  vertical: boolean;
16
- size?: ButtonSize;
17
- variant?: ButtonVariant;
18
- protected updated(props: PropertyValues<this>): void;
19
11
  }
20
12
  export {};
21
13
  //# sourceMappingURL=button-group.d.ts.map
@@ -8,7 +8,7 @@ declare global {
8
8
  export declare class OdxCheckbox extends CheckboxFormControl {
9
9
  indeterminate: boolean;
10
10
  protected render(): TemplateResult;
11
- protected willUpdate(changes: PropertyValueMap<this>): void;
11
+ protected willUpdate(props: PropertyValueMap<this>): void;
12
12
  toggle(state?: boolean, dispatchEvent?: boolean): void;
13
13
  }
14
14
  //# sourceMappingURL=checkbox.d.ts.map
@@ -1,14 +1,18 @@
1
- import { CheckboxGroupFormControl } from '../../lib/main.js';
1
+ import { EnumString, CheckboxGroupFormControl } from '../../lib/main.js';
2
2
  import { TemplateResult } from 'lit';
3
- import { CheckboxGroupVariant } from './checkbox-group.models.js';
4
3
  declare global {
5
4
  interface HTMLElementTagNameMap {
6
5
  'odx-checkbox-group': OdxCheckboxGroup;
7
6
  }
8
7
  }
8
+ export type CheckboxGroupLayout = EnumString<typeof CheckboxGroupLayout>;
9
+ export declare const CheckboxGroupLayout: {
10
+ readonly INLINE: "inline";
11
+ readonly LIST: "list";
12
+ };
9
13
  export declare class OdxCheckboxGroup extends CheckboxGroupFormControl {
10
14
  #private;
11
- variant?: CheckboxGroupVariant;
15
+ layout?: CheckboxGroupLayout;
12
16
  protected render(): TemplateResult;
13
17
  }
14
18
  //# sourceMappingURL=checkbox-group.d.ts.map
@@ -1,11 +1,20 @@
1
- import { CanBeDisabled, CustomElement } from '../../lib/main.js';
1
+ import { CanBeDisabled, CustomElement, EnumString } from '../../lib/main.js';
2
2
  import { PropertyValues, TemplateResult } from 'lit';
3
- import { ChipVariant } from './chip.models.js';
4
3
  declare global {
5
4
  interface HTMLElementTagNameMap {
6
5
  'odx-chip': OdxChip;
7
6
  }
8
7
  }
8
+ export type ChipVariant = EnumString<typeof ChipVariant>;
9
+ export declare const ChipVariant: 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" | "ACCENT" | "SUCCESS" | "WARNING" | "DANGER">;
9
18
  declare const OdxChip_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
10
19
  export declare class OdxChip extends OdxChip_base {
11
20
  #private;
@@ -15,8 +24,8 @@ export declare class OdxChip extends OdxChip_base {
15
24
  variant?: ChipVariant;
16
25
  protected render(): TemplateResult;
17
26
  protected renderAction(): TemplateResult;
18
- protected willUpdate(changes: PropertyValues<this>): void;
19
- protected updated(changes: PropertyValues<this>): void;
27
+ protected willUpdate(props: PropertyValues<this>): void;
28
+ protected updated(props: PropertyValues<this>): void;
20
29
  }
21
30
  export {};
22
31
  //# sourceMappingURL=chip.d.ts.map
@@ -1,11 +1,19 @@
1
- import { CustomElement } from '../../lib/main.js';
1
+ import { CustomElement, EnumString } from '../../lib/main.js';
2
2
  import { PropertyValueMap, TemplateResult } from 'lit';
3
- import { CircularProgressBarSize } from './circular-progress-bar.models.js';
4
3
  declare global {
5
4
  interface HTMLElementTagNameMap {
6
5
  'odx-circular-progress-bar': OdxCircularProgressBar;
7
6
  }
8
7
  }
8
+ export type CircularProgressBarSize = EnumString<typeof CircularProgressBarSize>;
9
+ export declare const CircularProgressBarSize: 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">;
9
17
  /**
10
18
  * A circular progress bar that indicates the progress of a task.
11
19
  * @summary Displays the progress of a task in a circular format
@@ -33,7 +41,7 @@ export declare class OdxCircularProgressBar extends CustomElement {
33
41
  /**
34
42
  * The size of the progress bar.
35
43
  */
36
- size: CircularProgressBarSize;
44
+ size?: CircularProgressBarSize;
37
45
  firstUpdated(changes: PropertyValueMap<this>): void;
38
46
  disconnectedCallback(): void;
39
47
  protected render(): TemplateResult;
@@ -0,0 +1,20 @@
1
+ import { ListboxFormControl, OptionControl } from '../../lib/main.js';
2
+ import { TemplateResult } from 'lit';
3
+ import { OdxDropdown } from '../dropdown/dropdown.js';
4
+ import { OdxOption } from '../option/option.js';
5
+ declare global {
6
+ interface HTMLElementTagNameMap {
7
+ 'odx-combobox': OdxCombobox;
8
+ }
9
+ }
10
+ export declare class OdxCombobox extends ListboxFormControl<OptionControl> {
11
+ #private;
12
+ control?: HTMLInputElement | HTMLButtonElement;
13
+ protected options: OdxOption[];
14
+ protected readonly dropdown: OdxDropdown;
15
+ protected base?: HTMLDivElement;
16
+ constructor();
17
+ canAutoSelect(option: OptionControl): boolean;
18
+ protected render(): TemplateResult;
19
+ }
20
+ //# sourceMappingURL=combobox.d.ts.map
@@ -1,24 +1,32 @@
1
- import { CanBeDisabled, CustomElement } from '../../lib/main.js';
2
- import { OdxPopover, PopoverHost, PopoverPlacementOptions } from '../../cdk/main.js';
1
+ import { CanBeDisabled, EnumString, OdxPopover, PopoverHost, PopoverPlacementOptions } from '../../lib/main.js';
3
2
  import { PropertyValues, TemplateResult } from 'lit';
4
- import { DropdownPlacement } from './dropdown.models.js';
5
3
  declare global {
6
4
  interface HTMLElementTagNameMap {
7
5
  'odx-dropdown': OdxDropdown;
8
6
  }
9
7
  }
10
- declare const OdxDropdown_base: import('../../lib/main.js').Constructor<PopoverHost> & import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
8
+ export type DropdownPlacement = EnumString<typeof DropdownPlacement>;
9
+ export declare const DropdownPlacement: {
10
+ readonly TOP: "top";
11
+ readonly BOTTOM: "bottom";
12
+ };
13
+ declare const OdxDropdown_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof PopoverHost;
11
14
  export declare class OdxDropdown extends OdxDropdown_base {
12
15
  #private;
13
- protected popoverElement: OdxPopover;
16
+ popoverElement: OdxPopover;
14
17
  matchReferenceWidth: boolean;
15
18
  placement: DropdownPlacement;
16
19
  get options(): PopoverPlacementOptions;
17
20
  connectedCallback(): void;
21
+ connectPopover(referenceElement: HTMLElement): Promise<void>;
18
22
  mountPopover(referenceElement?: HTMLElement | null): void;
19
23
  unmountPopover(referenceElement: HTMLElement): void;
24
+ onBeforePopoverShow(): void;
25
+ onPopoverShow(): void;
26
+ onBeforePopoverHide(): void;
27
+ onPopoverHide(): void;
20
28
  protected render(): TemplateResult;
21
- protected willUpdate(changes: PropertyValues<this>): void;
29
+ protected willUpdate(props: PropertyValues<this>): void;
22
30
  }
23
31
  export {};
24
32
  //# sourceMappingURL=dropdown.d.ts.map
@@ -1,11 +1,19 @@
1
- import { CustomElement } from '../../lib/main.js';
1
+ import { CustomElement, EnumString } from '../../lib/main.js';
2
2
  import { PropertyValueMap } from 'lit';
3
- import { HeadlineSize } from './headline.models.js';
4
3
  declare global {
5
4
  interface HTMLElementTagNameMap {
6
5
  'odx-headline': OdxHeadline;
7
6
  }
8
7
  }
8
+ export type HeadlineSize = EnumString<typeof HeadlineSize>;
9
+ export declare const HeadlineSize: 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">;
9
17
  export declare class OdxHeadline extends CustomElement {
10
18
  size?: HeadlineSize;
11
19
  protected willUpdate(props: PropertyValueMap<this>): void;
@@ -7,7 +7,10 @@ declare global {
7
7
  }
8
8
  export declare class OdxHighlight extends CustomElement {
9
9
  query?: string | null;
10
+ selector?: string;
10
11
  minlength: number;
12
+ subtle: boolean;
13
+ disabled: boolean;
11
14
  protected updated(props: PropertyValueMap<this>): void;
12
15
  protected highlight(): void;
13
16
  }
@@ -1,6 +1,5 @@
1
- import { AvailableIcons } from '../../lib/main.js';
2
1
  import { TemplateResult } from 'lit';
3
- import { OdxButton } from '../button/index.js';
2
+ import { OdxButton } from '../button/button.js';
4
3
  declare global {
5
4
  interface HTMLElementTagNameMap {
6
5
  'odx-icon-button': OdxIconButton;
@@ -19,7 +18,8 @@ declare global {
19
18
  * @slot - Contains button text
20
19
  */
21
20
  export declare class OdxIconButton extends OdxButton {
22
- icon?: AvailableIcons;
21
+ float: boolean;
22
+ icon?: OdxIconName;
23
23
  protected renderContent(): TemplateResult;
24
24
  }
25
25
  //# sourceMappingURL=icon-button.d.ts.map
@@ -1,15 +1,24 @@
1
- import { AvailableIcons, CustomElement } from '../../lib/main.js';
1
+ import { CustomElement, EnumString } from '../../lib/main.js';
2
2
  import { TemplateResult } from 'lit';
3
- import { InlineMessageVariant } from './inline-message.models.js';
4
3
  declare global {
5
4
  interface HTMLElementTagNameMap {
6
5
  'odx-inline-message': OdxInlineMessage;
7
6
  }
8
7
  }
8
+ export type InlineMessageVariant = EnumString<typeof InlineMessageVariant>;
9
+ export declare const InlineMessageVariant: 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" | "ACCENT" | "SUCCESS" | "WARNING" | "DANGER">;
9
18
  export declare class OdxInlineMessage extends CustomElement {
10
19
  closable: boolean;
11
20
  emphasized: boolean;
12
- icon?: AvailableIcons;
21
+ icon?: OdxIconName | null;
13
22
  variant?: InlineMessageVariant;
14
23
  show(): void;
15
24
  hide(): Promise<void>;
@@ -1,6 +1,5 @@
1
1
  import { CustomElement } from '../../lib/main.js';
2
2
  import { TemplateResult } from 'lit';
3
- import { InputVariant } from './input.models.js';
4
3
  declare global {
5
4
  interface HTMLElementTagNameMap {
6
5
  'odx-input': OdxInput;
@@ -10,11 +9,13 @@ declare const OdxInput_base: import('../../lib/main.js').Constructor<import('../
10
9
  export declare class OdxInput extends OdxInput_base {
11
10
  #private;
12
11
  static readonly formAssociated = true;
12
+ private focusableElement;
13
+ block: boolean;
13
14
  clearable: boolean;
14
15
  placeholder: string;
15
16
  type: HTMLInputElement['type'];
16
- variant?: InputVariant | null;
17
17
  clear(): void;
18
+ focus(): void;
18
19
  protected render(): TemplateResult;
19
20
  }
20
21
  export {};
@@ -1,10 +1,10 @@
1
- import { BaseLink } from './base-link.js';
1
+ import { InteractiveLink } from '../../lib/main.js';
2
2
  declare global {
3
3
  interface HTMLElementTagNameMap {
4
4
  'odx-link': OdxLink;
5
5
  }
6
6
  }
7
- export declare class OdxLink extends BaseLink {
7
+ export declare class OdxLink extends InteractiveLink {
8
8
  emphasized: boolean;
9
9
  subtle: boolean;
10
10
  }
@@ -1,24 +1,24 @@
1
- import { CanBeExpanded, CanBeSelected } from '../../lib/main.js';
1
+ import { CanBeExpanded, CanBeSelected, InteractiveElement } from '../../lib/main.js';
2
2
  import { PropertyValues, TemplateResult } from 'lit';
3
- import { BaseButton } from '../button/index.js';
4
3
  declare global {
5
4
  interface HTMLElementTagNameMap {
6
5
  'odx-list-item': OdxListItem;
7
6
  }
8
7
  }
9
- declare const OdxListItem_base: import('../../lib/main.js').Constructor<CanBeSelected> & import('../../lib/main.js').Constructor<CanBeExpanded> & typeof BaseButton;
8
+ declare const OdxListItem_base: import('../../lib/main.js').Constructor<CanBeSelected> & import('../../lib/main.js').Constructor<CanBeExpanded> & typeof InteractiveElement;
10
9
  export declare class OdxListItem extends OdxListItem_base {
11
10
  #private;
11
+ private expandableItems;
12
+ region?: HTMLElementTagNameMap['odx-toggle-content'];
12
13
  compact: boolean;
13
14
  muted: boolean;
14
- withControl: boolean;
15
- withExpandedIndicator: boolean;
16
- constructor();
15
+ withExpandControl: boolean;
16
+ withExpandIndicator: boolean;
17
17
  isExpandable(): boolean;
18
+ getExpandControl(): HTMLElement | null;
18
19
  connectedCallback(): void;
19
20
  protected render(): TemplateResult;
20
21
  protected renderContent(): TemplateResult;
21
- protected renderSpinner(overlay?: boolean): TemplateResult;
22
22
  protected willUpdate(props: PropertyValues<this>): void;
23
23
  }
24
24
  export {};
@@ -1,10 +1,15 @@
1
1
  import { CustomElement } from '../../lib/main.js';
2
+ import { OdxListItem } from './list-item.js';
2
3
  declare global {
3
4
  interface HTMLElementTagNameMap {
4
5
  'odx-list': OdxList;
5
6
  }
6
7
  }
7
8
  export declare class OdxList extends CustomElement {
9
+ items: OdxListItem[];
10
+ multiple: boolean;
11
+ constructor();
8
12
  connectedCallback(): void;
13
+ toggleAll(force?: boolean, emitEvent?: boolean): void;
9
14
  }
10
15
  //# sourceMappingURL=list.d.ts.map
@@ -1,10 +1,18 @@
1
- import { CustomElement } from '../../lib/main.js';
2
- import { LogoSize } from './logo.models.js';
1
+ import { CustomElement, EnumString } from '../../lib/main.js';
3
2
  declare global {
4
3
  interface HTMLElementTagNameMap {
5
4
  'odx-logo': OdxLogo;
6
5
  }
7
6
  }
7
+ export type LogoSize = EnumString<typeof LogoSize>;
8
+ export declare const LogoSize: 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" | "XL">;
8
16
  export declare class OdxLogo extends CustomElement {
9
17
  size?: LogoSize;
10
18
  compact: boolean;
@@ -1,9 +1,9 @@
1
- import { BaseLink } from '../link/index.js';
1
+ import { InteractiveLink } from '../../lib/main.js';
2
2
  declare global {
3
3
  interface HTMLElementTagNameMap {
4
4
  'odx-main-menu-link': OdxMainMenuLink;
5
5
  }
6
6
  }
7
- export declare class OdxMainMenuLink extends BaseLink {
7
+ export declare class OdxMainMenuLink extends InteractiveLink {
8
8
  }
9
9
  //# sourceMappingURL=main-menu-link.d.ts.map