@baloise/ds-core 16.0.3 → 16.1.0

package/dist/types/components.d.ts

@@ -10,6 +10,7 @@ import { AccordionState, BalAriaForm as BalAriaForm1, BalConfigState as BalConfi
 import { BalCarouselItemData } from "./components/bal-carousel/bal-carousel.type";
 import { BalCheckboxOption } from "./components/bal-checkbox/bal-checkbox.type";
 import { BalAriaForm } from "./utils/form";
+import { BalOption } from "./utils/dropdown";
 import { OverlayEventDetail } from "./components/bal-modal/bal-modal.type";
 import { PopoverPresentOptions } from "./components/bal-popover/bal-popover";
 import { BalRadioOption } from "./components/bal-radio/bal-radio.type";
@@ -20,6 +21,7 @@ export { AccordionState, BalAriaForm as BalAriaForm1, BalConfigState as BalConfi
 export { BalCarouselItemData } from "./components/bal-carousel/bal-carousel.type";
 export { BalCheckboxOption } from "./components/bal-checkbox/bal-checkbox.type";
 export { BalAriaForm } from "./utils/form";
+export { BalOption } from "./utils/dropdown";
 export { OverlayEventDetail } from "./components/bal-modal/bal-modal.type";
 export { PopoverPresentOptions } from "./components/bal-popover/bal-popover";
 export { BalRadioOption } from "./components/bal-radio/bal-radio.type";
@@ -951,6 +953,99 @@ export namespace Components {
          */
         "space": BalProps.BalDividerSpace;
     }
+    interface BalDropdown {
+        /**
+          * Indicates whether the value of the control can be automatically completed by the browser.
+         */
+        "autocomplete": BalProps.BalInputAutocomplete;
+        /**
+          * If `true`, the selected options are shown as chips
+         */
+        "chips": boolean;
+        /**
+          * Sets the value to `[]`, the input value to ´''´ and the focus index to ´0´.
+         */
+        "clear": () => Promise<void>;
+        /**
+          * If `true`, a cross at the end is visible to clear the selection
+         */
+        "clearable": boolean;
+        /**
+          * Closes the popup with option list
+         */
+        "close": () => Promise<void>;
+        "configChanged": (state: BalConfigState) => Promise<void>;
+        /**
+          * Defines the max height of the list element
+         */
+        "contentHeight": number;
+        /**
+          * If `true`, the user cannot interact with the option.
+         */
+        "disabled": boolean;
+        /**
+          * Defines the filter logic of the list
+         */
+        "filter": BalProps.BalOptionListFilter;
+        /**
+          * Returns the value of the component
+         */
+        "getValue": () => Promise<string[]>;
+        /**
+          * If `true` there will be on trigger icon visible
+         */
+        "icon": string;
+        /**
+          * If `true`, the component will be shown as invalid
+         */
+        "invalid": boolean;
+        "inverted": boolean;
+        /**
+          * Defines if the select is in a loading state.
+         */
+        "loading": boolean;
+        /**
+          * If `true`, the user can select multiple options.
+         */
+        "multiple": boolean;
+        /**
+          * The name of the control, which is submitted with the form data.
+         */
+        "name": string;
+        /**
+          * Opens the popup with option list
+         */
+        "open": () => Promise<void>;
+        /**
+          * Steps can be passed as a property or through HTML markup.
+         */
+        "options": BalOption[];
+        /**
+          * Defines the placeholder of the component. Only shown when the value is empty
+         */
+        "placeholder": string;
+        /**
+          * If `true` the element can not mutated, meaning the user can not edit the control.
+         */
+        "readonly": boolean;
+        /**
+          * If `true`, the user must fill in a value before submitting a form.
+         */
+        "required": boolean;
+        /**
+          * Select option by passed value
+         */
+        "select": (newValue: string | string[]) => Promise<void>;
+        "setAriaForm": (ariaForm: BalAriaForm) => Promise<void>;
+        /**
+          * Sets the focus on the input element
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The value of the selected options.
+         */
+        "value"?: string | string[];
+    }
     interface BalField {
         /**
           * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
@@ -2066,6 +2161,145 @@ export namespace Components {
          */
         "value"?: number;
     }
+    interface BalOption {
+        /**
+          * If `true`, the user cannot interact with the option.
+         */
+        "disabled": boolean;
+        /**
+          * If `true`, the option is focused.
+         */
+        "focused": boolean;
+        /**
+          * If `true`, the option is hidden.
+         */
+        "hidden": boolean;
+        /**
+          * If `true`, the option is shown in red.
+         */
+        "invalid": boolean;
+        /**
+          * Label will be shown in the input element when it got selected
+         */
+        "label": string;
+        /**
+          * If `true`, the option can present in more than one line.
+         */
+        "multiline": boolean;
+        /**
+          * Selects or deselects the option and informs other components
+         */
+        "select": (selected?: boolean) => Promise<void>;
+        /**
+          * If `true`, the option is selected.
+         */
+        "selected": boolean;
+        /**
+          * The value of the select option. This value will be returned by the parent `<bal-select>` element.
+         */
+        "value": string;
+    }
+    interface BalOptionList {
+        /**
+          * Defines the max height of the list element
+         */
+        "contentHeight"?: number;
+        /**
+          * If `true`, the user cannot interact with the option.
+         */
+        "disabled": boolean;
+        /**
+          * Defines the filter logic of the list
+         */
+        "filter": BalProps.BalOptionListFilter;
+        /**
+          * Filter the options by the given filter property and hides options
+          * @returns focusIndex
+         */
+        "filterByContent": (search: string) => Promise<number>;
+        /**
+          * Focus the option with the label that starts with the search property
+          * @returns focusIndex
+         */
+        "focusByLabel": (search: string, config: Partial<{ select: boolean; }>) => Promise<number>;
+        /**
+          * Focus the first visible option in the list
+          * @returns focusIndex
+         */
+        "focusFirst": () => Promise<number>;
+        /**
+          * Defines the focused option with his index value
+         */
+        "focusIndex": number;
+        /**
+          * Focus the last visible option in the list
+          * @returns focusIndex
+         */
+        "focusLast": () => Promise<number>;
+        /**
+          * Focus the next visible option in the list
+          * @returns focusIndex
+         */
+        "focusNext": () => Promise<number>;
+        /**
+          * Focus the previous visible option in the list
+          * @returns focusIndex
+         */
+        "focusPrevious": () => Promise<number>;
+        /**
+          * Returns a list of options
+         */
+        "getLabels": () => Promise<string[]>;
+        /**
+          * Returns a list of accessible options
+         */
+        "getOptions": () => Promise<BalOption[]>;
+        /**
+          * Returns a list of option labels
+         */
+        "getSelectedOptions": (values?: string[]) => Promise<BalOption[]>;
+        /**
+          * Returns a list of option values
+         */
+        "getSelectedValues": () => Promise<string[]>;
+        /**
+          * Returns a list of options
+         */
+        "getValues": () => Promise<string[]>;
+        /**
+          * Id of the label element to describe this option list
+         */
+        "labelledby"?: string;
+        /**
+          * If `true` the list supports multiple selections
+         */
+        "multiple": boolean;
+        /**
+          * If `true`, the user must fill in a value before submitting a form.
+         */
+        "required": boolean;
+        /**
+          * Resets the focus index to pristine and scrolls to the top of the list
+         */
+        "resetFocus": () => Promise<number>;
+        /**
+          * Shows or hides all options
+         */
+        "resetHidden": (hidden?: boolean) => Promise<void>;
+        /**
+          * Selects or deselects all options
+         */
+        "resetSelected": (selected?: boolean) => Promise<void>;
+        /**
+          * Selects the option with the current focus
+         */
+        "selectByFocus": () => Promise<void>;
+        "setAriaForm": (ariaForm: BalAriaForm) => Promise<void>;
+        /**
+          * Updates options
+         */
+        "updateSelected": (values?: string[]) => Promise<void>;
+    }
     interface BalPagination {
         /**
           * Align the buttons to start, center or end
@@ -2479,7 +2713,7 @@ export namespace Components {
          */
         "freeSolo": boolean;
         /**
-          * Sets the focus on the input element
+          * Returns the value of the component
          */
         "getValue": () => Promise<string[]>;
         /**
@@ -2636,7 +2870,7 @@ export namespace Components {
         /**
           * Defines the color of the spinner.
          */
-        "color": 'blue' | 'white';
+        "color": BalProps.BalSpinnerColor;
         /**
           * If `true` the component will not add the spinner animation svg
          */
@@ -2649,6 +2883,10 @@ export namespace Components {
           * If `true` the component is smaller
          */
         "small": boolean;
+        /**
+          * Defines the look of the spinner
+         */
+        "variation": BalProps.BalSpinnerVariation;
     }
     interface BalStack {
         /**
@@ -3270,6 +3508,10 @@ export interface BalDatepickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBalDatepickerElement;
 }
+export interface BalDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBalDropdownElement;
+}
 export interface BalFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBalFieldElement;
@@ -3318,6 +3560,10 @@ export interface BalNumberInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBalNumberInputElement;
 }
+export interface BalOptionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBalOptionElement;
+}
 export interface BalPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBalPaginationElement;
@@ -3727,6 +3973,25 @@ declare global {
         prototype: HTMLBalDividerElement;
         new (): HTMLBalDividerElement;
     };
+    interface HTMLBalDropdownElementEventMap {
+        "balChange": BalEvents.BalDropdownChangeDetail;
+        "balFocus": BalEvents.BalDropdownFocusDetail;
+        "balBlur": BalEvents.BalDropdownBlurDetail;
+    }
+    interface HTMLBalDropdownElement extends Components.BalDropdown, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBalDropdownElementEventMap>(type: K, listener: (this: HTMLBalDropdownElement, ev: BalDropdownCustomEvent<HTMLBalDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBalDropdownElementEventMap>(type: K, listener: (this: HTMLBalDropdownElement, ev: BalDropdownCustomEvent<HTMLBalDropdownElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBalDropdownElement: {
+        prototype: HTMLBalDropdownElement;
+        new (): HTMLBalDropdownElement;
+    };
     interface HTMLBalFieldElementEventMap {
         "balFormControlDidLoad": BalEvents.BalFieldAriaLabelledByDetail;
     }
@@ -4188,6 +4453,30 @@ declare global {
         prototype: HTMLBalNumberInputElement;
         new (): HTMLBalNumberInputElement;
     };
+    interface HTMLBalOptionElementEventMap {
+        "balOptionChange": BalEvents.BalOptionChangeDetail;
+        "balOptionFocus": BalEvents.BalOptionFocusDetail;
+    }
+    interface HTMLBalOptionElement extends Components.BalOption, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBalOptionElementEventMap>(type: K, listener: (this: HTMLBalOptionElement, ev: BalOptionCustomEvent<HTMLBalOptionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBalOptionElementEventMap>(type: K, listener: (this: HTMLBalOptionElement, ev: BalOptionCustomEvent<HTMLBalOptionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBalOptionElement: {
+        prototype: HTMLBalOptionElement;
+        new (): HTMLBalOptionElement;
+    };
+    interface HTMLBalOptionListElement extends Components.BalOptionList, HTMLStencilElement {
+    }
+    var HTMLBalOptionListElement: {
+        prototype: HTMLBalOptionListElement;
+        new (): HTMLBalOptionListElement;
+    };
     interface HTMLBalPaginationElementEventMap {
         "balChange": BalEvents.BalPaginationChangeDetail;
     }
@@ -4634,6 +4923,7 @@ declare global {
         "bal-date-calendar-cell": HTMLBalDateCalendarCellElement;
         "bal-datepicker": HTMLBalDatepickerElement;
         "bal-divider": HTMLBalDividerElement;
+        "bal-dropdown": HTMLBalDropdownElement;
         "bal-field": HTMLBalFieldElement;
         "bal-field-control": HTMLBalFieldControlElement;
         "bal-field-hint": HTMLBalFieldHintElement;
@@ -4683,6 +4973,8 @@ declare global {
         "bal-notices": HTMLBalNoticesElement;
         "bal-notification": HTMLBalNotificationElement;
         "bal-number-input": HTMLBalNumberInputElement;
+        "bal-option": HTMLBalOptionElement;
+        "bal-option-list": HTMLBalOptionListElement;
         "bal-pagination": HTMLBalPaginationElement;
         "bal-popover": HTMLBalPopoverElement;
         "bal-popover-content": HTMLBalPopoverContentElement;
@@ -5674,6 +5966,84 @@ declare namespace LocalJSX {
          */
         "space"?: BalProps.BalDividerSpace;
     }
+    interface BalDropdown {
+        /**
+          * Indicates whether the value of the control can be automatically completed by the browser.
+         */
+        "autocomplete"?: BalProps.BalInputAutocomplete;
+        /**
+          * If `true`, the selected options are shown as chips
+         */
+        "chips"?: boolean;
+        /**
+          * If `true`, a cross at the end is visible to clear the selection
+         */
+        "clearable"?: boolean;
+        /**
+          * Defines the max height of the list element
+         */
+        "contentHeight"?: number;
+        /**
+          * If `true`, the user cannot interact with the option.
+         */
+        "disabled"?: boolean;
+        /**
+          * Defines the filter logic of the list
+         */
+        "filter"?: BalProps.BalOptionListFilter;
+        /**
+          * If `true` there will be on trigger icon visible
+         */
+        "icon"?: string;
+        /**
+          * If `true`, the component will be shown as invalid
+         */
+        "invalid"?: boolean;
+        /**
+          * Defines if the select is in a loading state.
+         */
+        "loading"?: boolean;
+        /**
+          * If `true`, the user can select multiple options.
+         */
+        "multiple"?: boolean;
+        /**
+          * The name of the control, which is submitted with the form data.
+         */
+        "name"?: string;
+        /**
+          * Emitted when the input loses focus.
+         */
+        "onBalBlur"?: (event: BalDropdownCustomEvent<BalEvents.BalDropdownBlurDetail>) => void;
+        /**
+          * Emitted when a option got selected.
+         */
+        "onBalChange"?: (event: BalDropdownCustomEvent<BalEvents.BalDropdownChangeDetail>) => void;
+        /**
+          * Emitted when the input has focus.
+         */
+        "onBalFocus"?: (event: BalDropdownCustomEvent<BalEvents.BalDropdownFocusDetail>) => void;
+        /**
+          * Steps can be passed as a property or through HTML markup.
+         */
+        "options"?: BalOption[];
+        /**
+          * Defines the placeholder of the component. Only shown when the value is empty
+         */
+        "placeholder"?: string;
+        /**
+          * If `true` the element can not mutated, meaning the user can not edit the control.
+         */
+        "readonly"?: boolean;
+        /**
+          * If `true`, the user must fill in a value before submitting a form.
+         */
+        "required"?: boolean;
+        /**
+          * The value of the selected options.
+         */
+        "value"?: string | string[];
+    }
     interface BalField {
         /**
           * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
@@ -6834,6 +7204,74 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
+    interface BalOption {
+        /**
+          * If `true`, the user cannot interact with the option.
+         */
+        "disabled"?: boolean;
+        /**
+          * If `true`, the option is focused.
+         */
+        "focused"?: boolean;
+        /**
+          * If `true`, the option is hidden.
+         */
+        "hidden"?: boolean;
+        /**
+          * If `true`, the option is shown in red.
+         */
+        "invalid"?: boolean;
+        /**
+          * Label will be shown in the input element when it got selected
+         */
+        "label"?: string;
+        /**
+          * If `true`, the option can present in more than one line.
+         */
+        "multiline"?: boolean;
+        /**
+          * Emitted when the option gets selected or unselected
+         */
+        "onBalOptionChange"?: (event: BalOptionCustomEvent<BalEvents.BalOptionChangeDetail>) => void;
+        /**
+          * If `true`, the option is selected.
+         */
+        "selected"?: boolean;
+        /**
+          * The value of the select option. This value will be returned by the parent `<bal-select>` element.
+         */
+        "value"?: string;
+    }
+    interface BalOptionList {
+        /**
+          * Defines the max height of the list element
+         */
+        "contentHeight"?: number;
+        /**
+          * If `true`, the user cannot interact with the option.
+         */
+        "disabled"?: boolean;
+        /**
+          * Defines the filter logic of the list
+         */
+        "filter"?: BalProps.BalOptionListFilter;
+        /**
+          * Defines the focused option with his index value
+         */
+        "focusIndex"?: number;
+        /**
+          * Id of the label element to describe this option list
+         */
+        "labelledby"?: string;
+        /**
+          * If `true` the list supports multiple selections
+         */
+        "multiple"?: boolean;
+        /**
+          * If `true`, the user must fill in a value before submitting a form.
+         */
+        "required"?: boolean;
+    }
     interface BalPagination {
         /**
           * Align the buttons to start, center or end
@@ -7400,7 +7838,7 @@ declare namespace LocalJSX {
         /**
           * Defines the color of the spinner.
          */
-        "color"?: 'blue' | 'white';
+        "color"?: BalProps.BalSpinnerColor;
         /**
           * If `true` the component will not add the spinner animation svg
          */
@@ -7413,6 +7851,10 @@ declare namespace LocalJSX {
           * If `true` the component is smaller
          */
         "small"?: boolean;
+        /**
+          * Defines the look of the spinner
+         */
+        "variation"?: BalProps.BalSpinnerVariation;
     }
     interface BalStack {
         /**
@@ -8020,6 +8462,7 @@ declare namespace LocalJSX {
         "bal-date-calendar-cell": BalDateCalendarCell;
         "bal-datepicker": BalDatepicker;
         "bal-divider": BalDivider;
+        "bal-dropdown": BalDropdown;
         "bal-field": BalField;
         "bal-field-control": BalFieldControl;
         "bal-field-hint": BalFieldHint;
@@ -8069,6 +8512,8 @@ declare namespace LocalJSX {
         "bal-notices": BalNotices;
         "bal-notification": BalNotification;
         "bal-number-input": BalNumberInput;
+        "bal-option": BalOption;
+        "bal-option-list": BalOptionList;
         "bal-pagination": BalPagination;
         "bal-popover": BalPopover;
         "bal-popover-content": BalPopoverContent;
@@ -8138,6 +8583,7 @@ declare module "@stencil/core" {
             "bal-date-calendar-cell": LocalJSX.BalDateCalendarCell & JSXBase.HTMLAttributes<HTMLBalDateCalendarCellElement>;
             "bal-datepicker": LocalJSX.BalDatepicker & JSXBase.HTMLAttributes<HTMLBalDatepickerElement>;
             "bal-divider": LocalJSX.BalDivider & JSXBase.HTMLAttributes<HTMLBalDividerElement>;
+            "bal-dropdown": LocalJSX.BalDropdown & JSXBase.HTMLAttributes<HTMLBalDropdownElement>;
             "bal-field": LocalJSX.BalField & JSXBase.HTMLAttributes<HTMLBalFieldElement>;
             "bal-field-control": LocalJSX.BalFieldControl & JSXBase.HTMLAttributes<HTMLBalFieldControlElement>;
             "bal-field-hint": LocalJSX.BalFieldHint & JSXBase.HTMLAttributes<HTMLBalFieldHintElement>;
@@ -8187,6 +8633,8 @@ declare module "@stencil/core" {
             "bal-notices": LocalJSX.BalNotices & JSXBase.HTMLAttributes<HTMLBalNoticesElement>;
             "bal-notification": LocalJSX.BalNotification & JSXBase.HTMLAttributes<HTMLBalNotificationElement>;
             "bal-number-input": LocalJSX.BalNumberInput & JSXBase.HTMLAttributes<HTMLBalNumberInputElement>;
+            "bal-option": LocalJSX.BalOption & JSXBase.HTMLAttributes<HTMLBalOptionElement>;
+            "bal-option-list": LocalJSX.BalOptionList & JSXBase.HTMLAttributes<HTMLBalOptionListElement>;
             "bal-pagination": LocalJSX.BalPagination & JSXBase.HTMLAttributes<HTMLBalPaginationElement>;
             "bal-popover": LocalJSX.BalPopover & JSXBase.HTMLAttributes<HTMLBalPopoverElement>;
             "bal-popover-content": LocalJSX.BalPopoverContent & JSXBase.HTMLAttributes<HTMLBalPopoverContentElement>;

package/dist/types/index.d.ts

@@ -30,6 +30,7 @@ export * from './components/bal-label/bal-label.i18n';
  * Utils
  */
 export { initializeBaloiseDesignSystem as initialize, initializeBaloiseDesignSystem } from './initialize';
+export { newBalOption } from './utils/dropdown/option';
 export { newBalStepOption } from './components/bal-steps/bal-step.util';
 export { newBalTabOption } from './components/bal-tabs/bal-tab.util';
 export { newBalCheckboxOption } from './components/bal-checkbox/utils/bal-checkbox.util';

package/dist/types/interfaces.d.ts

@@ -13,6 +13,7 @@ import './components/bal-card/bal-card.interfaces'
 import './components/bal-carousel/bal-carousel.interfaces'
 import './components/bal-close/bal-close.interfaces'
 import './components/bal-data/bal-data.interfaces'
+import './components/bal-dropdown/bal-dropdown.interfaces'
 import './components/bal-icon/bal-icon.interfaces'
 import './components/bal-list/bal-list.interfaces'
 import './components/bal-logo/bal-logo.interfaces'
@@ -24,6 +25,8 @@ import './components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.interfaces'
 import './components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.interfaces'
 import './components/bal-nav/bal-nav.interfaces'
 import './components/bal-navbar/bal-navbar.interfaces'
+import './components/bal-option/bal-option.interfaces'
+import './components/bal-option-list/bal-option-list.interfaces'
 import './components/bal-pagination/bal-pagination.interfaces'
 import './components/bal-popover/bal-popover.interfaces'
 import './components/bal-popup/bal-popup.interfaces'
@@ -40,6 +43,7 @@ import './components/bal-text/bal-text.interfaces'
 import './components/bal-content/bal-content.interfaces'
 import './components/bal-divider/bal-divider.interfaces'
 import './components/bal-stack/bal-stack.interfaces'
+import './components/bal-spinner/bal-spinner.interfaces'
 import './components/bal-checkbox/bal-checkbox.interfaces'
 import './components/bal-date/bal-date.interfaces'
 import './components/bal-date/bal-date-calendar/bal-date-calendar.interfaces'

package/dist/types/utils/aria.d.ts

@@ -0,0 +1 @@
+export declare const ariaBooleanToString: (bool?: boolean) => "true" | "false";

package/dist/types/utils/config/config.d.ts

@@ -23,6 +23,8 @@ export declare class Config {
     set logger(logger: BalLogger);
     get animated(): boolean;
     set animated(animated: boolean);
+    get httpFormSubmit(): boolean;
+    set httpFormSubmit(httpFormSubmit: boolean);
     attach(observer: BalConfigObserver): void;
     detach(observer: BalConfigObserver): void;
     attachComponent(observer: BalConfigObserver): void;

package/dist/types/utils/config/config.types.d.ts

@@ -17,6 +17,7 @@ export interface BalConfig {
     fallbackLanguage?: BalLanguage;
     logger?: BalLogger;
     animated?: boolean;
+    httpFormSubmit?: boolean;
     _jmp?: (c: any) => any;
     _raf?: (c: any) => number;
     _ael?: (el: any, eventName: string, listener: any, options: any) => void;
@@ -31,6 +32,7 @@ export interface BalConfigState {
     fallbackLanguage: BalLanguage;
     logger: BalLogger;
     animated: boolean;
+    httpFormSubmit: boolean;
 }
 export interface BalPlatformConfig {
     jmp?: (c: any) => any;

package/dist/types/utils/date/date.d.ts

@@ -5,6 +5,7 @@ export interface BalDateInfoOptions {
 }
 export declare class BalDate {
     private dt;
+    static setTwoDigitCutoffYear(cutoff?: number): void;
     static fromAnyFormat(value: string): BalDate;
     static fromISO(value: string | undefined): BalDate;
     static infoMonths({ format, locale }?: BalDateInfoOptions): string[];

package/dist/types/utils/dropdown/auto-fill.d.ts

@@ -0,0 +1,8 @@
+import { DropdownComponent } from './component';
+export declare class DropdownAutoFillUtil {
+    private component;
+    connectedCallback(component: DropdownComponent): void;
+    handleAutoFill: (ev: Event) => Promise<void>;
+    private isAutoFillAllowed;
+    private parseAutoFillValueWithOptions;
+}